@media (max-width: 575px) { 

.topbar{text-align: center;}
.topbar ul.toplinks{text-align: center;}
.header .nav-item{font-size: 16px; font-weight: 700; margin-left: 0;}
.header .dropdown-menu{top: 66px !important; width: 100%;}
.header .navbar-brand img{width: 100%; max-width: 200px;}
.header .navbar-brand img.logoMb{width: 100%; max-width: 200px;}

.home-hero .owl-carousel .owl-prev, 
.home-hero .owl-carousel .owl-next {display: none;}
.home-hero .hero-content {text-align: center;}
.home-hero .hero-content h6{ font-size: 16px;margin: 0;padding: 0;padding-bottom: 15px;}
.home-hero .hero-content h1{font-weight: 700; font-size:26px;line-height: normal;}
.home-hero p{font-size: 15px;}

.inner-hero{min-height: 80px;}
.inner-hero .inner-content{min-height: 80px;}
.inner-hero h1{font-size: 26px; }
.inner-hero p{font-size: 15px;}


.about-area-two::before {left: 0%;top: 0;width: 100%;}
.about-area-two h4{font-size: 16px;}
.about-area-two h2{font-size: 25px;}
.about-area-two p {font-size: 15px;}


.features-area h2{font-size: 25px;}
.features-content .content-top .title {font-size: 19px;margin-bottom: 0;font-weight: 600;color: var(--color-orange);letter-spacing: -0.8px;}

.why-choose{padding:50px 0;}
.why-choose h2{ font-size: 25px;}
.why-choose h3{font-size: 26px;}
.why-choose h4{font-size: 22px;}
.why-choose .highlight{padding:25px;}
.why-choose .highlight p{font-size: 15px;}
.why-choose .icon-content p{font-size: 15px;}
.why-choose .icon{width: 45px; float: left;}
.why-choose .icon-content{padding-left: 65px;}

.slider-1{padding: 50px 0;}
.slider-1 h2{font-size: 25px; }


.our-team{padding: 50px 0;position: relative;}
.our-team h1{font-size: 25px;}

.cta-1{padding:50px 0; }
.cta-1 h1{font-size:25px;}
.cta-1 p{font-size: 18px;}

.testimonials-3 h1{font-size:25px;}
.testimonials-3 .testimonials-wrapper{padding-left: 10px; padding-right: 10px;}
.testimonials-3 .owl-nav{display: none !important;}

.cta{padding: 50px 0;}
.cta h1{font-size: 25px;line-height: normal; }


.services-cta-right{ min-height: 200px;}
.services-cta-left{ min-height: 300px; }

.services-1{padding:50px 0;}
.services-1 .d-flex{display: block !important;}

.services-1 h1{font-size: 25px;}
.services-1 h1:after{width: 50px; height: 3px; content: ""; background-color: var(--color-orange);position: absolute; bottom: 0; left: 0; right: 0; border-radius: 50px;margin: auto !important;}

.services-1 h2{font-size:30px;}
.services-1 p{color: #000; font-size: 20px; letter-spacing: -0.5px;}

.services-1 h4{font-size: 22px;}
.services-1 h5{font-weight: 700; letter-spacing: -1px;margin-bottom: 20px;font-size: 19px;}

.services-cta h3{ font-size: 22px; font-weight: 600; letter-spacing: -1px;margin-bottom: 20px;}
.services-cta p{color: #fff; font-size: 18px; letter-spacing: -0.5px;}

.services-1 .content-tabs{padding-left:0px;}

.more-services{padding: 50px 0; position: relative;}
.more-services::before {left: 0%;top: 0;width: 100%;height: 630px;}
.more-services h1{font-size: 25px;}
.more-services .item{height: 180px;margin-bottom: 20px;padding: 20px;}
.more-services h4{font-weight: 700; letter-spacing: -1px;font-size:19px;}


.blog-page{position: relative;padding: 40px 15px;}
.blog-page h1{letter-spacing: -1px;font-size: 24px;}
.blog-page h2{letter-spacing: -1px;font-size: 22px;}
.blog-page h3{letter-spacing: -0.7px;font-size: 20px;}
.blog-page img.main{border-radius: 25px;}
.blog-page p{font-size: 16px; letter-spacing: -0.5px;}



.footer{ background-color: #222;padding: 25px 0; color: #fff }
.footer .logo-col{width: 100%; float: none;}
.footer .logo-col img{max-width: 200px;margin-bottom: 20px;}
.footer .location-col{width: 100%; float: none}
.footer .email-col{width: 100%; float: none}
.footer .call-col{width: 100%; float: none}
.footer .queries-col{width: 100%; float: none}
.footer .inner-spacer{padding-left: 0;}
.footer .inner-spacer:before{width: 0}
.footer ul.social{font-size: 16px;}

}


@media (min-width: 576px) and (max-width: 767px) {


.fixedbg {padding: 50px 0;}
.fixedbg h1{color: #fff; font-size:40px; }
.fixedbg p{font-size: 14px;}


}


@media (min-width: 768px) and (max-width: 991px) { 

.fixedbg {padding: 50px 0;}
.fixedbg h1{color: #fff; font-size:40px; }
.fixedbg p{font-size: 14px;}

}

@media (min-width: 992px) and (max-width: 1200px) { 

.fixedbg {padding: 50px 0;}
.fixedbg h1{color: #fff; font-size:50px; }
.fixedbg p{font-size: 16px;}

}



@media (min-width: 1201px) and (max-width: 1400px) { 

}