@charset "utf-8";

/* CSS Document */

@media (min-width:1200px) {

 .container-fluid {
max-width:1810px;

}
 .container {
max-width:1230px;
}
.recent-post .item .post-thumbnail img{height:265px;}
}


 @media only screen and (min-width:768px) {
.footer span.toggle {display:none;}
.footer-col-content {height:100%!important;display:block!important;opacity:1!important}
}

 @media only screen and (min-width:992px) {
.testimonial-sec .textarea {}
.testimonial-sec .whitebox .action{}

}


 @media only screen and (min-width:1024px) and (max-width:1800px) {
	 .nav ul li{padding-left:calc(2% * 1);}
}


 @media only screen and (min-width:1024px) and (max-width:1400px) {
	 .brand-logo{padding-top:15px;}
	 .nav ul li a{ font-size:20px;}
	 .header .top-right .contact-info{padding-top:10px;}
	 .header .top-right .contact-info ul li.guaranteetext{font-size:2rem}
	 .innerbanner .bannerinfo .pagetitle{font-size:3rem}
	 .innerbanner .bannerinfo .action .btn{ font-size:18px; min-width:1px; padding: 10px 30px 10px;}
}

 @media only screen and (min-width:1024px) and (max-width:1250px) {
	 .brand-logo{padding-top:25px;}
	 	 .nav ul li{padding-left:15px;}

	 .nav ul li a{ font-size:16px;}
	 .header .top-right .contact-info{padding-top:10px;}
	 .header .top-right .contact-info ul li.guaranteetext{font-size:1.8rem}
	 .header .top-right .contact-info ul li.phone-number .btn{min-width: 10px;padding: 8px 25px;font-size: 18px;}
	 .header .top-right .contact-info ul li.phone-number .btn img{height: 24px;}
	 	 .homeBanner .figure-caption h1{ font-size:3rem}
		 .bannerform{max-width:360px;}
		 .bannerform .btn-row .submit-btn{font-size:16px; height:50px;}

}

 @media only screen and (min-width: 1024px) and (max-width:1199px) {
	 html{font-size:15px;}

}

 @media only screen and (max-width:1023px) {
	 .header .top-right { flex: 0 0 70%;}
.header .top-right .contact-info{ padding:10px 0}
.is-sticky .top-right .contact-info{display:block}
	 .header .top-right .contact-info ul li.phone-number .btn{min-width: 10px;padding: 8px 20px;font-size: 18px; box-shadow:none !important }
	 .header .top-right .contact-info ul li.phone-number .btn img{height: 24px;}
	  .homeBanner .figure-caption h1{ font-size:3rem}
		 .bannerform{max-width:360px;}
		 .bannerform .btn-row .submit-btn{font-size:16px; height:50px;}
	  .innerbanner .bannerinfo .pagetitle{font-size:2.5rem}
	 .innerbanner .bannerinfo .action .btn{ font-size:18px; min-width:1px; padding: 10px 30px 10px;}
 }
 @media only screen and (min-width: 768px) and (max-width:991px) {
.nav ul li{padding-left: calc(2% * 1.5);}
.nav ul a{font-size:15px;}
}
 @media only screen and (max-width: 991px) {
 html {font-size:14px;}
 body, p{font-size:18px;}
 h2{font-size:2rem}

 
 .brand-logo img { max-height:70px;}
 .homeBanner .figure-caption h1 {
  font-size: 2.5rem;
}
.homeBanner .figure-caption p{font-size:20px;}
.homeBanner .figure-caption .action{ padding-top:15px;}
.homeBanner .figure-caption .action .btn{min-width: 1px;font-size: 16px;}	
.bannerform{padding:25px;}
.conner-heading{ width:110px; height:100px;}
.conner-heading h4{transform: rotate(42deg);font-size: 15px;top: 20px;	left: 32px;}
 .appointment-sec .car-image{float:none;}
 .appointment-sec .car-image img{width: 100%;
max-width: 600px;
display: block;
margin: 0 auto 20px;}
.appointment-sec ul,
.appointment-sec .action{width:100%; max-width:600px; margin:auto}
.about-sec .bluebox .inside{padding-left:30px;}	
.testimonial-sec .whitebox .action{min-width: 228px; max-height:200px; padding-right:20px;}
.location-sec .action ul{flex-wrap: wrap;}
.location-sec .action ul li.guaranteetext{ margin:0 0 20px;width: 100%;text-align: center;}
}
 @media only screen and (max-width: 780px) {
h3 {font-size: 1.75rem;}
.brand-logo{width:50%}
.header .top-right{flex:0 0 45%}
 .header .top-right .contact-info ul li.phone-number .btn span{display:none}
.header .top-right .contact-info ul li.phone-number .btn{padding:8px 10px; border-radius:6px;}
 .header .top-right .contact-info ul li.guaranteetext{display:none}
 .homeBanner{padding:40px 0}
.homeBanner .figure-caption .box{text-align:center; padding-bottom:30px;}
 
 .bannerform {
  margin: auto;
}
 .innerpageform{margin: auto;}	
 .service-sec .heading br{display:none}
 .about-sec{background: #f2f3f5;}
 .about-sec .right{overflow:visible}	
 .about-sec .bluebox{border:none; position:relative}
 .about-sec .bluebox:before,
 .about-sec .bluebox:after {
  background: #19419e;
  content: '';
  width: 300%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1; border:none
}
 .about-sec .bluebox:before{ right:100%}
 .about-sec .bluebox:after{left: 100%;}
 .about-sec .right h5::after { width:100%}
 .testimonial-sec .heading{padding-left:0}
 .testimonial-sec .textarea{width:100%;padding: 40px 20px 30px;}
 .testimonial-sec .whitebox .action{display:none}
 .location-sec{padding-bottom:2rem}
 .location-sec::after { display:none}
 .provide-treatment ul.check{padding:30px 0 0}
 .provide-treatment ul.check li{width:100%}
 .provide-treatment .action{padding-top:20px;}
 .innerbanner{padding:50px 0}
 footer{padding-top:40px;}
 .footer-bottom{ border:none; text-align:center}
 
.footer .footer-col{margin:0}
.footer .footer-col h4.widget-title{display:block;font-size: 20px;color: #fff;text-transform: uppercase;position: relative;margin-bottom: 12px;padding-bottom: 10px;border-bottom: 1px solid #5f709b;cursor: pointer;}
.footer span.toggle { position:absolute; cursor:pointer; right: 10px; /*top:0;*/ height:13px; width:13px; }
.footer span.toggle:before{content:'\e812'; font-family:'site-icons';font-weight: 400;}
.footer span.toggle.opened:before{content:'\e813';}
.footer .footer-col .menu-footer-menu-container, 
.footer .footer-col .menu-services-menu-container, 
.footer .footer-col .textwidget {display: none; padding:0 0 15px;}

}
 @media only screen and (max-width:576px) {
	 .brand-logo{width:50%}
	    .four-zero-page h2{font-size:8rem}
   .four-zero-page h3{letter-spacing:normal;font-size: 1.8rem;}
   .four-zero-page p br{display:none}
   
     .provide-treatment .btn{padding: 12px 20px;font-size: 16px;}
	 .location-sec .action ul li.estimate-button .btn{min-width: 200px;font-size: 20px;padding: 15px 30px;}
}
 @media only screen and (max-width:576px) {
.innerpageform{padding: 40px 30px;}
.innerpageform .btn-row .submit-btn {font-size: 16px;}
}