body{background:#fff; font-family: 'Montserrat', sans-serif; font-size:16px; line-height:1.8;  color: #585858; overflow-x: hidden; height: auto;}
.left{float:left;} .right{float:right;} .clear{clear:both;}
.text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;}

a{color:#ec0406; text-decoration:none;}
a:hover{color:#010101;}
img.right{float:right; margin:5px 0 5px 20px;}
img.left{float:left; margin:5px 20px 5px 0;}
img, object, embed, video{max-width: 100%; height: auto;}
iframe{max-width: 100%;}

.main-image{max-width: 45%;}

.hide{display: none;}

.style{margin:0 0 30px 0; text-align: left;}
.style .style{margin:10px 0 0;}
.style li{margin:0 0 10px 10px; font-size:16px; line-height:1.4;}
ul.style li{list-style:disc;}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc; margin:0 0 10px 10px;}

.check li{list-style: none; background: url("../img/check.png") left center no-repeat; font-size: 18px; line-height: 1.2; font-weight: bold; margin:0 0 10px 10px; padding: 6px 0 6px 40px;}

.bullet-group{ margin-bottom:30px;}
.bullet-group .style{ margin:0 !important;}

.img-box{display: block; position: relative; padding: 10px; margin-bottom: 30px;}
.img-box::before{background: #343436; position: absolute; width:50%; height: 60%; right: 0; bottom: 0; content: ""; z-index: 1;}
.img-box img{border: solid 2px #fff; position: relative; z-index: 2;}
.img-box.bg-reverse::before{left: 0; right: auto;}

a.button, a.button:focus, a.read{background: #B10710; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-size: 17px; line-height: 1.1; font-weight: 500; padding: 15px 20px; margin:8px 6px 30px; color: #fff; text-decoration: none; display: inline-block; text-transform: uppercase; text-align: center; cursor: pointer;}
a.button.black, a.button.black:focus{background: #000;}
a.button:hover, a.read:hover{background: #2a2a2a!important;}
a.read{display: block; margin: 0 auto; max-width: 150px;}

.modal a.close{font-size: 22px; line-height: 1; font-weight: bold; color: #fff; background: #ec0406; padding: 2px 7px; cursor: pointer;}

.icon-block{text-align: center; margin: 40px 0;}
.icon-block .col, .icon-block img, .icon-block .sub-heading, .icon-block p{transition: all .9s;}
.icon-block .col{position: relative; min-height: 240px; display: flex; align-items: center;}
.icon-block .col .content-holder{width: 100%;}
.icon-block .col .content-holder .button{ font-size: 14px; padding: 12px 20px; background: #000; display: none;}
.icon-block img, .icon-group img{max-height: 90px; margin-bottom: 10px;}
.icon-block .heading, .icon-block .sub-heading{margin-bottom: 0;}
.icon-block p{line-height: 1.4; color: #fff; padding: 20px; margin-bottom: 0; display: none;}
.icon-block .col:hover{ background: #ec0406; border-top-left-radius: 40px; border-bottom-right-radius: 40px;}
.icon-block .col:hover p, .icon-block .col:hover .content-holder .button{display: block;}
.icon-block .col:hover .content-holder .button{max-width: 140px; margin: 0 auto 30px;}
.icon-block .col:hover img, .icon-block .col:hover .sub-heading{display: none;}

section{padding: 80px 0 50px;}
.content p a{ text-decoration:underline}
.content p a:hover{ text-decoration:none}

.heading, .sub-heading{display:block; font-family: 'Montserrat', sans-serif; font-size:26px; line-height:1.4; font-weight: 800; color:#000; margin:0 0 30px 0; text-align: center; position: relative;}
.sub-heading{font-size:22px; font-weight: 500;}

.heading span, .sub-heading span{font-weight: 500; display: block;}
.heading.bdr-btm, .sub-heading.bdr-btm{margin-bottom: 40px;}
.heading.bdr-btm::before, .sub-heading.bdr-btm::before{background: #ec0406; position: absolute; width:20%; height: 5px; right: 0; left: 0; margin: 0 auto; bottom: -10px; content: ""; z-index: -1;}
.heading .heading, .heading .sub-heading{margin-bottom: 5px;}

.heading.text-left, .sub-heading.text-left, .text-left .heading, .text-left .sub-heading{text-align: left;}
.heading.text-right, .sub-heading.text-right, .text-right .heading, .text-right .sub-heading{text-align: right;}
.heading.bdr-btm.text-left::before, .sub-heading.bdr-btm.text-left::before{margin: 0 auto 0 0;}
.heading.bdr-btm.text-right::before, .sub-heading.bdr-btm.text-right::before{margin: 0 0 0 auto;}

.mb{margin-bottom:30px;}
p{margin-bottom:30px; font-size:16px; line-height:1.8;}
hr{background:#232e3d; margin:19px 0; border:none; height:1px;}

.gray-bg-top{position: relative;}
.gray-bg-top::before{background: #343436; position: absolute; width:100%; height: 40%; max-height: 350px; right: 0; top: 0; content: ""; z-index: -1;}

a.address{text-decoration: none; display: inline-block; background: url("../img/icon-pin.png") left center no-repeat; padding:3px 0 3px 15px; font-size: 15px; line-height: 1.2;}
a.address span{display: inline-block;}

.social a{margin: 0 3px;}

.top-row{background: #000; color: #fff; text-align: center; padding: 10px;}
.top-row a{color: #fff;}
.top-row .phone a{display: inline-block; font-size: 24px; line-height: 1; font-weight: bold;}
.top-row .social{text-align: left;}
.top-row .social img{max-height: 30px;}

.top-row .phone{text-align: right;}

header{background: #f5f5f5; padding: 10px;}
header .button, header .button:focus{border-radius: 0; padding: 12px 15px; margin: 0 5px;}
header .buttons .button:last-child{background: #000;}
header .buttons .button:last-child:hover{background: #f00711!important;}
header .buttons .phone{display: none;}
header .buttons .phone a{font-weight: 700; color: #000; font-size: 18px; display: inline-block;}
header .logo{display: inline-block;}
header .logo img{max-height: 100px; min-height:100px}

header, header .logo img, header .button, .navbar{ transition: all .5s;}
header.header-up{background: #fff; -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5); padding: 8px 10px; position: fixed; left: 0; right: 0; top: 0; z-index: 999;}
header.header-up .logo img{max-height: 65px; min-height:65px}
header.header-up .button{padding: 8px 10px; font-size: 14px;}
header.header-up .buttons .phone{display: inline-block;}
header.header-up .navbar{padding-bottom: .3rem;}

.headerclear.margin{margin-top: 120px; height: 40px;}

.navbar-toggler{padding: 0; font-size: 18px; line-height: 1; font-weight: 500; color: #000;}
.navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

.navbar .nav-link{line-height: 1; color: #434343; text-align: center; font-size: 15px; padding: .5rem .7rem;}
.navbar .nav-item:first-child .nav-link, .navbar .nav-item:last-child .nav-link{padding: .9rem .7rem;}
.navbar-collapse.justify-content-md-center{justify-content:right!important;}

.banner{background: #f5f5f5 url("../img/auto-glass-repair-window-tinting.webp") center no-repeat; background-size: cover; padding: 130px 0 100px; clip-path: polygon(0 0, 100% 0%, 100% 92%, 0% 100%); min-height:500px}
.banner-text .heading, .banner-text .sub-heading{text-align: left;}
.banner .banner-text .heading{font-size: 40px;}
.banner .banner-text .heading span{font-size: 26px;}

.banner-inner{background: #f5f5f5; border-top:solid 1px #ccc; padding: 0; clip-path: polygon(0 0, 100% 0%, 100% 92%, 0% 100%); position: relative; text-align: center;}
.banner-inner::before{content: ""; width: 200px; top: 0; bottom: 0; left: 45%; position: absolute; clip-path: polygon(0 0, 20px 0, 100% 100%, 0% 100%); background: #ec0406;}
.banner-inner::after{content: ""; width: 150px; top: 0; bottom: 0; left: 45%; position: absolute; clip-path: polygon(-1px 0, 10px 0, 100% 100%, 0% 100%); background: #f5f5f5;}
.banner-inner .banner-text{margin: 0 0 60px; position: relative; z-index: 1;}
.banner-inner .heading{margin: 40px auto; background: rgba(0, 0, 0, .8); color: #fff; display: inline-block; position: relative; z-index: 999; padding: 10px 30px 12px;}
.banner-inner .heading .heading{margin: 0; background: none; padding: 0;}
.banner-inner .heading .heading, .banner-inner .heading .sub-heading{margin-bottom: 0; color: #fff;}
.banner-inner .chk-list{padding: 0 0 0 15px; text-align: left;}
.banner-inner .chk-list li{ list-style: none; background: url("../img/icon-check.png") left center no-repeat; padding-left: 32px; font-weight: bold; margin-bottom: 10px;}
.banner-inner .chk-list li .text{font-size: 16px; line-height: 1.8; font-weight: bold; color: #585858;}

.banner-inner-bg{background:#f5f5f5 url("../img/auto-glass-replacement.webp") right center no-repeat; background-size: 55%;}
.banner-headlight-restoration{background:#f5f5f5 url("../img/headlight-restoration-services.webp") right center no-repeat; background-size: 55%;}
.banner-side-rear-glass-replacement{background:#f5f5f5 url("../img/toyota-truck-auto-glass-repair.webp") right center no-repeat; background-size: 55%;}
.banner-sunroof-power-window-repair-replace{background:#f5f5f5 url("../img/sunroof-window-repair.webp") right center no-repeat; background-size: 55%;}
.banner-window-tinting-services{background:#f5f5f5 url("../img/custom-window-tinting.webp") right center no-repeat; background-size: 55%;}
.banner-windshield-chip-crack-repairs{background:#f5f5f5 url("../img/windshield-repair-audi.webp") right center no-repeat; background-size: 55%;}
.banner-windshield-replacement{background:#f5f5f5 url("../img/adas-windshield-replacement.webp") right center no-repeat; background-size: 55%;}
.banner-adas-recalibration{background:#f5f5f5 url("../img/adas-calibration-services.webp") right center no-repeat; background-size: 55%;}
.banner-paint-protection-film{background:#f5f5f5 url("../img/paint-protection-film-installers.webp") right center no-repeat; background-size: 55%;}
.banner-benefits-of-window-tinting{background:#f5f5f5 url("../img/car-windows-tinting.webp") right center no-repeat; background-size: 55%;}
/*.banner-normal-vs-ceramic-window-tinting{background:#f5f5f5 url= ("../img/banner-normal-vs-ceramic-window-tinting-l.webp") right center no-repeat; background-size: 55%;}*/
.banner-rv-windshield-services{background:#f5f5f5 url("../img/rv-windshield-replacement-repair.webp") right center no-repeat; background-size: 55%;}

.main-services{text-align: center; position: relative;}
.main-services::before{background: #000; position: absolute; width:100%; height: 40%; right: 0; bottom: 0; content: ""; z-index: -1;}
.main-services .box{background: #fff; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); padding: 10px 20px; border-radius: 10px; margin: 5px 5px 30px;}
.main-services hr{width: 70%; margin: 0 auto 20px;}
.main-services .sub-heading{font-size: 18px; font-weight: 600; line-height: 1.2; margin-bottom: 18px;}
.main-services p{margin-bottom: 20px; line-height: 1.4;}
.main-services .button{background: #000; padding: 10px 20px;}
.main-services .button:hover{background: #ec0406!important;}


.gallery-page{list-style: none; padding: 0;}
.gallery-page li{float: left; position: relative; overflow: hidden; text-align: center; font-size: 15px; line-height: 1.3; background: #000; width: calc(33.3% - 30px); margin: 15px;}
.gallery-page li img, .gallery-page li .comment{transition: all .3s ease-in-out;}
.gallery-page li:hover img{opacity: .2;}
.gallery-page li .comment{position: absolute; top: -999px; padding: 20px; z-index: 1; color: #fff;}

.gallery-page li:hover .comment{top: 0;}
.gallery-page li .comment p{font-size: 14px; line-height: 1.1; margin-bottom: 8px;}
.gallery-page li .comment .btn{background: #ec0406; color: #fff; font-size: 12px; padding: 5px 10px;}


ul.image-gallery li{ position:relative;}
ul.image-gallery li img{ display: block; margin: 0 auto; width:100%;}
ul.image-gallery li .comment{ display:block; padding:8px 10px; margin-bottom:0; color:#fff; background: rgba(32,40,60,.6); position:absolute; bottom:0px; left:0; right:0; z-index:500; font-size: 14px; line-height: 18px;}
.comment .shortcontent{display: inline; margin-right: 5px;}
.comment a{color: #fff;}
.comment a:hover{color: #fff; text-decoration: none;}

.gal-caption{background: #000; color: #fff; padding: 10px 20px 1px;}
.gal-caption p{margin-bottom: 10px; font-size: 14px; line-height: 1.4;}

.lSPager li a{ opacity: .8;}
.lSPager li:hover a{opacity: .9;}
.lSPager li.active a{opacity: 1;}

.aggregate{ background:#fff; text-align:left; border-top:5px solid #d32323; padding:15px 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,.1); transition: all .3s ease-in-out;}
.yelp-review{border-top:5px solid #d32323;}.facebook-review{border-top:5px solid #4080ff;} .google-review{border-top:5px solid #e7711c;}
.aggregate:hover{ box-shadow: 2px 15px 8px rgba(0,0,0,.1);}
.aggregate i{ max-width:60px; float:left; margin:0 10px 0 0px;}
.aggregate .names{ color:#666; font-size:18px; line-height: 1; font-weight:bold; display: flex; align-items: center;}
.aggregate p{ margin-bottom:0; color: #000; line-height: 1.3;}
.rate{ display:block; margin-bottom:0; line-height: 1;}
.rate i{ color:#f15c4e}
.rate-text{ font-size:14px; color:#444; font-weight: bold;}
.rate-text span{ font-size:22px; color:#d71603;}
.google-review .rate-text span, .google-review .rate-text a{ color:#8A430F}
.facebook-review .rate-text span, .facebook-review .rate-text a{ color:#0049DB}
.rate-text a{ color:#d32323; text-decoration:none; display: inline-block;}

.inner-pages .aggregate i{max-width: 40px; margin: 0 5px 0 0px;}

.review-icons{text-align: center;}
.review-icons .heading, .review-icons .heading .heading, .review-icons .sub-heading{font-size:22px; margin-bottom:10px;}
.review-icons .sub-heading{ font-size:18px;}
.review-icons .mb a{margin: 10px 20px; display: inline-block;}
.review-icons a{ margin:0;}

.review-social{background: url("../img/5star.png") top center no-repeat; padding-top: 22px; text-align: center;}
.review-social strong{display: block;}
.review-social.nostar{background:none!important; padding: 0!important;}
.review-social span{display:block; font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.review-social p{font-size: 14px!important; margin-bottom: 0;}
.review-social img{display: inline!important;}

.reviews{padding: 15px 20px 5px; margin: 0 0 30px; text-align: center; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -o-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4); -webkit-border-radius: 18px; -khtml-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px;}
.reviews:before, .reviews:after {content: " "; display: table;} .reviews:after {clear: both; }
.reviews p{font-size: 16px; line-height: 24px; margin-bottom: 15px;}

.review-heading{font-size: 22px; line-height: 26px; font-weight: 600; color: #172333; margin: 0 0 20px; text-transform: capitalize;}

.review-page .reviews{text-align: left;}
.review-page .review-social{background: url("../img/5star.png") top right no-repeat; text-align: right;}
.review-page .review-heading{background: url(../img/5star.png) right 30% no-repeat; padding: 0 110px 5px 0; text-align: left;}

.slider .reviews{padding: 0 1.5%; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;}

.home-review{background: #f5f5f5; clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0 100%); margin-top: -55px; padding-top: 100px;}
.home-review .reviews{text-align: center;}
.home-review .review-social{background: none; padding-top: 0;}
.home-review .review-heading{background: url(../img/5star-l.png) top center no-repeat; padding: 55px 0 0 0;}

.inner-review{background: #f5f5f5; clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0 100%); margin-top: -20px; padding-top: 100px;}
.inner-review .slider{margin-bottom: 30px;}

.services{position: relative;}
.services::before{background: #f00711; position: absolute; width:5%; height: 100%; left: 0; bottom: 0; content: ""; z-index: -1;}
.service-list{padding: 0; list-style: none;}
.service-list li{background: url("../img/icon-check.png") left center no-repeat; padding-left: 32px; font-weight: 500; margin-bottom: 10px;}
.service-list li, .service-list li a{color: #585858;}

.contact-page a{color: #585858;}
.contact-page a:hover, .contact-page .sub-heading a{color: #000;}

.contact-form{ min-height:420px}
.contact-form p{font-size: 18px; line-height: 1.3; margin: 10px;}
.contact-form p a{color: #585858;}

.recent-project .heading{background: #000; color: #fff; padding: 10px; margin: 0 6%;}
.recent-project ul{list-style: none; padding: 0 6%; margin-bottom: 30px;}
.recent-project ul img{display: block; margin: 0 auto;}
.recent-project ul span{display: block; padding: 10px 15px; color: #fff; line-height: 1.4;}
.recent-project ul div{position: relative; background: #000; padding-bottom: 20px;}
.recent-project .view-all{position: absolute; right: -10px; background: #ec0406; padding:3px 12px; color: #fff;}

.window-tinting-section{background: #f00711; padding:30px 20px; color: #fff; margin-bottom: 40px;}
.window-tinting-section .heading,.window-tinting-section a{color: #fff;}

.work-slider li img{ min-height:245px}

.footer-contact{background: #f5f5f5;}
.footer-contact .logo{display: block; margin-bottom: 30px; height: 70px;}
.footer-contact .heading{margin-bottom: 15px;}
.footer-contact .sub-heading{font-size: 20px;}
.footer-contact a{color: #010101;}
.footer-contact .contact-form p, .contact-page .contact-form p{background: #000; padding: 5px; color: #fff;}
.footer-contact .contact-form p a, .contact-page .contact-form p a{color: #fff;}
.footer-contact .contact-form img{border-bottom: solid 8px #f00711; min-height:500px}

.service-area{background: #4a4a4a url("../img/windshield-repair-replacement.webp") center no-repeat; background-size: cover; color: #fff;}
.service-area .heading{color: #fff;}
.service-area .contact-form p a{color: #fff;}

.google-map{ padding:0; background:url(../img/service-area-map.webp) center no-repeat; min-height:430px; position: relative; margin-bottom: 30px;}
.google-map::before{content: url("../img/faith-auto-glass-tinting-ratings.webp"); width: 200px; height: 114px; display: block; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.40); position: relative; top: 15px; left:15px; z-index: 1;}
.google-map a{ display:block; height:100%; width: 100%; z-index: 2; position: absolute; top: 0; left: 0;}

.service-area-list ul{margin: 0; padding: 0; list-style: none;}
.service-area-list ul li{margin-bottom: 8px; font-size: 15px; background: url("../img/service-bullet.png") left center no-repeat; padding-left: 20px;}

footer{background: #000; color: #f5f5f5; font-size: 14px; line-height: 20px; padding: 10px 3%;}
footer a{text-decoration: none; color: #f5f5f5; display: inline-block}
footer a:hover{color: #fff;}
footer .col-md-5{text-align: right; margin-top: 10px;}

#back-to-top{position:fixed; bottom:4%; right:2%; background:#B10710; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #333;}

.bookaappointment-btn{display: none;}

@media (min-width: 1500.98px) {
.banner{background: #f5f5f5 url("../img/best-auto-glass-repair.webp") center no-repeat;}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
.gallery-page li{width: calc(33.3% - 20px); margin: 10px;}
.gallery-page li .comment{padding: 12px;}
.home-review{ margin-top:-60px}
.work-slider li img{ min-height:200px}
.footer-contact .contact-form img{ min-height:400px}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
.heading, .sub-heading{font-size:22px;}
.sub-heading{font-size:18px;}
.heading br, .sub-heading br, .sub-heading2 br{display: none;}

a.button, a.button:focus{font-size: 15px; padding: 12px 15px;}

section{padding: 50px 0 30px;}

.top-row a.address{background: none; font-size: 14px;}
.top-row .phone a{font-size: 22px;}
header .button, header .button:focus{padding: 8px 10px; font-size: 15px;}

.headerclear.margin{margin-top: 100px; height: 40px;}

.navbar .nav-link{font-size: 13px; padding: .5rem .3rem!important;}
.navbar .nav-item:first-child .nav-link, .navbar .nav-item:last-child .nav-link{padding: .9rem .3rem!important;}

.banner{background: #f5f5f5 url("../img/car-glass-repair-window-tinting.webp") center no-repeat; background-size: cover; padding: 80px 0 50px; min-height:400px}
.banner .heading, .banner .sub-heading{text-align: left;}
.banner .banner-text .heading{font-size: 32px;}
.banner .banner-text .heading span{font-size: 22px;}

.banner-inner .heading{margin: 20px auto; padding: 8px 15px 10px;}

.home-review{ margin-top:-80px}
.home-review .review-heading{background-size: 200px; padding: 40px 0 0 0; font-size: 19px;}



.service-list li{background-size: 18px; padding-left: 24px; line-height: 1.3;}

.gallery-page li{width: calc(50% - 20px); margin: 10px;}
.footer-contact .contact-form img{ min-height:270px}
.footer-contact a.address{display: inline;}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
.top-row .social{display: none;}
a.address{background: url("../img/icon-pin.png") left center no-repeat; font-size: 14px; text-align: left; padding-left: 20px;}

.main-image{max-width: 90%; margin-bottom: 20px;}

section{padding: 30px 0 20px;}

header{padding:15px 0 0;}
header, header .text-right{text-align: center;}
header .logo{margin-bottom: 10px;}
header .logo img{max-height: 70px; min-height:70px}
.phone img{ min-height:22px}

header .button, header .button:focus{min-width: 190px;}

.headerclear.margin{margin-top: 170px; height: 40px;}

.navigation{margin:0 -.6rem; padding: 0 10px;}
.navbar-nav{text-align: left;}
.nav-item{padding: 10px; border-bottom: solid 1px #ccc;}
.navbar .nav-link{text-align: left; padding: 10px!important;}
.navbar .nav-link br{display: none;}

.navbar .nav-item:first-child .nav-link, .navbar .nav-item:last-child .nav-link{padding: 10px!important;}

.banner{ min-height:300px}
.banner-text{width: 50%;}
.banner-inner .banner-text{width: 100%;}

.banner .banner-text .heading{font-size: 28px;}
.banner .banner-text .heading span{font-size: 18px;}

.banner-inner-bg{background: #f5f5f5;}
.banner-inner::before, .banner-inner::after{display: none;}

.banner-inner .heading{margin: 0 auto; width: 100%; padding: 8px 15px 10px;}

.main-services .box{margin-bottom: 20px;}

.gallery-page li{width: calc(50% - 20px); margin: 10px;}
.gallery-page li .comment{padding: 10px;}

.service-area .contact-form{ margin-bottom:50px}
.service-area-list{ min-height:200px}

footer, footer .col-md-5{text-align: center;}
img.left, img.right{float:none!important; margin:0 auto 20px!important; display:block;}

.bookaappointment-btn{display: block; background: #000; color: #fff; text-align: center; font-weight: bold; padding: 0 10px; position: fixed; bottom: 0; width: 100%;}
.bookaappointment-btn:hover{background: #B10710; color: #fff;}
.bookaappointment-btn span{background: url("../img/icon-calendar.webp") left center no-repeat; padding:10px 0 12px 25px; display: inline-block;}

.footer-contact .contact-form img{ min-height:340px}
.google-map{background:url(../img/service-areas-map.webp) center no-repeat;}

.contact-form-modal .dropdown-00000013-acc{ color:#000!important}
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
.top-row, .top-row .phone{text-align: center;}
.top-row a.address{text-align: center; background: none; padding: 0;}

header .button, header .button:focus{min-width: 170px; font-size: 14px; margin: 3px;}
header.header-up .buttons .phone{display: block;}

.banner{background: #f5f5f5 url("../img/sunroof-power-window-repair.webp") 70% center no-repeat; background-size: cover; padding: 50px 0 30px;}

.banner-text{width: 60%;}
.banner .banner-text .heading{font-size: 22px;}
.banner .banner-text .heading span{font-size: 17px;}

.services::before{display: none;}

.gallery-page li{width: calc(100% - 20px); margin: 10px;}
}

@media (max-width: 400.98px) {
.banner{background: #f5f5f5 url("../img/auto-glass-repair-shop.webp") 70% center no-repeat; background-size: cover; padding: 50px 0 30px;}
}


/* ============ CSS for Multilevel Dropdown ============ */
@media all and (min-width: 768px) {
.dropdown-menu li{position: relative;}
.dropdown-menu .submenu{display: none;position: absolute;left:100%; top:-7px;}
.dropdown-menu .submenu-left{ right:100%; left:auto;}

.dropdown-menu > li:hover{ background-color: #f1f1f1}
.dropdown-menu > li:hover > .submenu{display: block;}
}	

@media (max-width: 767px) {
.dropdown-menu .dropdown-menu{margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;}
}