/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {


.navbar .navbar-nav .nav-item a {
	font-size: 15px;
}


.about-cont .option ul li {
	font-size: 15px;
}

.singel-work .work-cont {
	padding: 15px 20px;
}

.banner-left h1 {
	font-size: 50px;
}
.singel-blog .blog-cont {
	padding: 15px 20px;
}














}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {

.navbar-collapse {
	background-color: #fff;
    padding: 20px 30px;
}

.navbar .navbar-nav .nav-item{
    margin: 0;
}

.contact-btn{
    padding-left: 0;
}
.navbar .navbar-nav .nav-item a {
	line-height: 35px;
	overflow: visible;
	display: block;
}
.navbar .navbar-nav .nav-item a::before {
    display: none;
}
.navbar .navbar-nav .nav-item ul.sub-menu {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
	left: 0 !important;
	top: auto !important;
	right: auto !important;
	width: 100% !important;
	-webkit-transform: translate(0);
	transform: translate(0);
	display: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: #333;
    text-align: left;
}
.navbar .navbar-nav .nav-item .sub-menu li a {
	color: #fff;
}
.sub-nav-toggler {
	padding: 0;
	position: absolute;
	border: 0;
	background: none;
	cursor: pointer;
	display: block;
	top: 0;
	right: 0;
}

.navbar .navbar-nav .nav-item a .sub-nav-toggler i{
    font-size: 16px;
    color: #333;
}
.transparent-nav .navbar-nav .nav-item a{
    color: #999;
}





#banner {
	padding-top: 125px;
	padding-bottom: 80px;
}
#about {
	padding-top: 30px;
	padding-bottom: 80px;
}
#services {
	padding-top: 70px;
	padding-bottom: 80px;
}
#work {
	padding-top: 70px;
	padding-bottom: 80px;
}
#have-project {
	padding-top: 30px;
	padding-bottom: 80px;
}
#testimonials {
	padding-top: 30px;
	padding-bottom: 80px;
}
#blog-part {
	padding-top: 70px;
	padding-bottom: 80px;
}
#contact-part {
	padding-top: 70px;
	padding-bottom: 80px;
}
.footer-cont {
    padding-top: 80px;
    padding-bottom: 80px;
}
#page-banner {
	padding-top: 195px;
	padding-bottom: 95px;
}
#blog-page {
	padding-top: 30px;
	padding-bottom: 80px;
}




.testimonial-slied-image .slick-arrow.prev {
    left: 38.5%;
}
.testimonial-slied-image .slick-arrow {
	left: auto;
    right: 38.5%;
}



}

 
/* small mobile :320px. */
@media (min-width: 576px) and (max-width: 767.98px) {

.navbar-collapse {
	background-color: #fff;
    padding: 20px 30px;
}

.navbar .navbar-nav .nav-item{
    margin: 0;
}

.contact-btn{
    padding-left: 0;
}
.navbar .navbar-nav .nav-item a {
	line-height: 35px;
	overflow: visible;
	display: block;
}
.navbar .navbar-nav .nav-item a::before {
    display: none;
}
.navbar .navbar-nav .nav-item ul.sub-menu {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
	left: 0 !important;
	top: auto !important;
	right: auto !important;
	width: 100% !important;
	-webkit-transform: translate(0);
	transform: translate(0);
	display: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: #333;
    text-align: left;
}
.navbar .navbar-nav .nav-item .sub-menu li a {
	color: #fff;
}
.sub-nav-toggler {
	padding: 0;
	position: absolute;
	border: 0;
	background: none;
	cursor: pointer;
	display: block;
	top: 0;
	right: 0;
}

.navbar .navbar-nav .nav-item a .sub-nav-toggler i{
    font-size: 16px;
    color: #333;
}
.transparent-nav .navbar-nav .nav-item a{
    color: #999;
}


#banner {
	padding-top: 125px;
	padding-bottom: 70px;
}
#about {
	padding-top: 20px;
	padding-bottom: 70px;
}
#services {
	padding-top: 60px;
	padding-bottom: 70px;
}
#work {
	padding-top: 60px;
	padding-bottom: 70px;
}
#have-project {
	padding-top: 20px;
	padding-bottom: 70px;
}
#testimonials {
	padding-top: 20px;
	padding-bottom: 70px;
}
#blog-part {
	padding-top: 60px;
	padding-bottom: 70px;
}
#contact-part {
	padding-top: 60px;
	padding-bottom: 70px;
}
.footer-cont {
    padding-top: 70px;
    padding-bottom: 70px;
}
#page-banner {
	padding-top: 175px;
	padding-bottom: 75px;
}
#blog-page {
	padding-top: 20px;
	padding-bottom: 70px;
}



.banner-left h1 {
	font-size: 46px;
}
.banner-left p {
	font-size: 20px;
}
.testimonial-slied-image .slick-arrow.prev {
    left: 34.5%;
}
.testimonial-slied-image .slick-arrow {
	left: auto;
    right: 34.5%;
}
.page-banner-content h1 {
	font-size: 50px;
}


.single-blog-post .contant ul li {
	margin-right: 20px;
}
.blog-details .blockquote {
	padding: 20px 46px;
}




}
 
/* Large Mobile :480px. */
@media only screen and  (max-width: 575.98px) {

h2{
    font-size: 26px;
    line-height: 35px;
}

.navbar-collapse {
	background-color: #fff;
    padding: 20px 30px;
}

.navbar .navbar-nav .nav-item{
    margin: 0;
}

.contact-btn{
    padding-left: 0;
}
.navbar .navbar-nav .nav-item a {
	line-height: 35px;
	overflow: visible;
	display: block;
}
.navbar .navbar-nav .nav-item a::before {
    display: none;
}
.navbar .navbar-nav .nav-item ul.sub-menu {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
	left: 0 !important;
	top: auto !important;
	right: auto !important;
	width: 100% !important;
	-webkit-transform: translate(0);
	transform: translate(0);
	display: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: #333;
    text-align: left;
}
.navbar .navbar-nav .nav-item .sub-menu li a {
	color: #fff;
}
.sub-nav-toggler {
	padding: 0;
	position: absolute;
	border: 0;
	background: none;
	cursor: pointer;
	display: block;
	top: 0;
	right: 0;
}
.navbar .navbar-nav .nav-item a .sub-nav-toggler i{
    font-size: 16px;
    color: #333;
}
.transparent-nav .navbar-nav .nav-item a{
    color: #999;
}




.main-btn-2 {
	padding: 0 18px;
	line-height: 45px;
}

#banner {
	padding-top: 125px;
	padding-bottom: 70px;
}
#about {
	padding-top: 20px;
	padding-bottom: 70px;
}
#services {
	padding-top: 60px;
	padding-bottom: 70px;
}
#work {
	padding-top: 60px;
	padding-bottom: 70px;
}
#have-project {
	padding-top: 20px;
	padding-bottom: 70px;
}
#testimonials {
	padding-top: 20px;
	padding-bottom: 70px;
}
#blog-part {
	padding-top: 60px;
	padding-bottom: 70px;
}
#contact-part {
	padding-top: 60px;
	padding-bottom: 70px;
}
.footer-cont {
    padding-top: 70px;
    padding-bottom: 70px;
}
#page-banner {
	padding-top: 175px;
	padding-bottom: 75px;
}
#blog-page {
	padding-top: 20px;
	padding-bottom: 70px;
}



.banner-left h3 {
	font-size: 24px;
}
.banner-left h1 {
	font-size: 30px;
}
.banner-left p {
	font-size: 16px;
}

.testimonial-slied-image .slick-arrow {
	display: none !important;
}
.singel-work .work-cont {
	display: block;
	padding: 8px 10px 10px;
}
.singel-work .work-cont h4 {
	width: 100%;
    text-align: center;
}
.singel-work .work-cont ul {
	width: 100%;
	text-align: center;
    margin-top: 10px;
}
.singel-blog .blog-cont {
	padding: 15px 20px;
}
.page-banner-content h1 {
	font-size: 50px;
}

.single-blog-post .contant .text,
.single-blog-post .contant ul {
	padding: 15px 20px;
}

.blog-meta ul li,
.single-blog-post .contant ul li {
	margin-right: 20px;
}
.blog-details .blockquote {
	padding: 20px;
}

.comments .singel-comments .comments-thum {
	float: none;
}
.comments .singel-comments .comment-text {
	padding-left: 0;
	margin-top: 30px;
}
.comment-replay {
	padding-left: 0;
}

.leave-comments h3 {
	font-size: 26px;
}









}