body{font-family: "Karla", sans-serif; font-optical-sizing: auto; font-size:17px; line-height:1.6; color:#2d2d2d; overflow-x: hidden}
iframe{border: none;}
html{scroll-padding-top:130px;}
a{ color:#015cbf; text-decoration:underline;}
a:hover{ color:#2d2d2d ; text-decoration:none}
a:focus{ outline:none; box-shadow: none}

.heading, .sub-heading{font-family: "Playfair Display", serif; font-size:30px; font-weight:600; line-height: 1.4; text-align:center; color:#212833; margin:0 0 30px;}
.sub-heading{ font-size:26px;}
.heading .heading, .heading .sub-heading{ margin-bottom:0;}
.heading .sub-heading{color:#222;}

hr.bdr{ border:none; height:3px; background:#ddd; opacity:1; width:60%; margin:50px auto}

b, strong{font-weight: 700;}

p{ font-size:17px; line-height:1.6}
p, .mb{ margin-bottom:30px;}

.modal{z-index: 9999; background: #00000099;}
.modal-content{padding: 20px;}
.modal .btn-close{position: absolute; top:-10px; font-size:32px; right: 10px; width: .3em; height: .3em;}

.button{ transition:all .3s ease-in-out; background: #193e6c; padding: 10px 25px; border-radius: 5px; font-weight: 600; color: #fff; display:inline-block; text-decoration:none;}
.button:hover{ background:#0374a6; color:#fff;}

.style{margin:0 0 20px 0; padding-left: 10px;}
.style li{list-style:disc; margin:0 0 10px 20px; line-height:26px}
.style ul{ margin-top:10px}
.style li a{ text-decoration:underline;}
.style li a:hover{ text-decoration:none}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc;}

ul.chk-list li{ list-style:none; background:url(../img/check.webp) left top no-repeat; text-align:left; color:#2a2a2a; padding:0px 0 4px 25px; font-weight:600; font-size: 16px; line-height: 20px; margin-bottom: 10px;}

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

.box{ border:1px solid #555; border-radius:5px; overflow:hidden; margin-bottom:20px; padding:15px}
.box .sub-heading{ margin:-15px -15px 15px; background:#555; color:#fff; text-align:center; padding:12px 20px;}

.text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;}

.left{float: left; margin-right: 20px;} .right{float: right; margin-left: 20px;}

.img-wrapper{padding: 0 40px; margin: 0 0 30px;}
.img-wrapper.left{padding-left: 0;}
.img-wrapper.right{padding-right: 0;}
.img-wrapper a{ display:block; font-weight:bold; color:#2979c9; line-height:1.5;}
.img-wrapper a:hover{ color:#000}


img.right {float: right; margin: 5px 0 20px 15px;}
img.left {float: left; margin: 5px 20px 5px 0;}
img, video, iframe{ max-width:100%}

.map{background: #ddd; border: solid 1px #b4b4b4; padding: 10px;}

.container-xl{ max-width:1240px;}
section{ padding:100px 0px 60px;}
.padding{padding:60px 40px 30px;}

section .heading{ text-align:center}
.heading-bordered{ position:relative; padding-bottom:10px; display:table; margin-left: auto; margin-right: auto;}
.heading-bordered:before{ content:""; height:3px; background:#015bc1; position:absolute; left: 0; right: 0; margin: 0 auto; bottom:0; width:120px;}

.social{margin-bottom: 30px;}
.social a{margin: 0 3px;}
.social a img{max-width: 30px;}

header{background: #fff; color: #000; position: -webkit-sticky; position: sticky; top: 0; transition: all 0.3s ease-in-out; width: 100%; z-index: 999; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); box-shadow: 0px 1px 5px rgba(0,0,0,0.2);}

.logo-area{ padding:20px 0 15px; transition: all 0.3s ease-in-out;}
.logo{ display:inline-block; text-decoration: none;}
.logo img{ height: 62px; transition: all 0.3s ease-in-out;}
.lic{font-size: 14px; line-height: 1.1; font-weight: bold; color: #000; display: block; text-align: right; margin-right: 16px;}

.head-contact{text-align: right; margin-top: -30px;}
.head-contact .phone{ background:url(../img/phone-number.webp) left center no-repeat; color:#0f0e0e; padding-left:25px; font-size:30px; font-weight:bold; line-height: 1.1; display: inline-block; text-decoration: none; transition:all .3s ease-in-out;}
.head-contact .phone:hover{color: #005cbf;}

.header-menu{margin-top: -35px;}
.navbar{z-index: 2;}
.navbar-brand{ font-size:15px; display:none}
.navbar-dark .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-dark .navbar-toggler{ border:none; color:#333; }
.navbar-dark .navbar-toggler:focus{box-shadow: none}
.navbar-dark .navbar-toggler .open-menu{ font-size:18px; text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-item .nav-link{text-align:center; color:#222020; font-size:17px; line-height:1.2; text-transform: uppercase; padding: 0 15px; transition:all .3s ease-in-out}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{ color:#2979c9;}
.dropdown-toggle::after{margin-left: .1em;}
/*.dropdown-toggle::after { display: none}*/
.dropdown-menu{ min-width:12rem}
.dropdown-menu .nav-item.dropdown .nav-link{text-transform:none; font-size:18px; text-align:left; padding:10px 1rem; color:#212529}
.dropdown-item{ line-height:18px; padding:10px 1rem; font-size:18px; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-menu .nav-item.dropdown .nav-link:hover{ background:#63a2ef!important; color:#fff;}
.dropdown-item.current{ background:#4487d9!important; color:#fff!important;}
/* End Menu css */

/* Start Sticky Header */
.header-up .logo-area, .header-down .logo-area{ padding:12px 0 8px;}
.header-up .logo img, .header-down .logo img{ height: 52px;}

.header-up .head-contact .phone, .header-down .head-contact .phone{ background-size:17px; font-size:24px; padding-left:20px}
/* End Sticky Header */

.banner{ background:url(../img/mobile-screen-repair-experts.webp) top center no-repeat; background-size:cover; min-height: 500px; position:relative; text-align:right; max-width: 1900px; margin: 0 auto;}
.banner .banner-text{ padding:20px 30px 0; max-width:600px; text-align:right; display: table; margin: 0 0 0 auto; background: #00398E;
background: linear-gradient(46deg, rgba(0, 57, 142, 1) 35%, rgba(2, 64, 157, 1) 100%); position: relative;}
.banner .banner-text::before{content:""; background:url("../img/banner-graphic.webp") center no-repeat; position:absolute; left:0; top:0; bottom:0; width:100%; opacity: .3}
.banner .banner-text .pre{ font-family: "Karla", sans-serif; display: block; font-size: 20px;}
.banner .banner-text .heading, .banner .banner-text .sub-heading{ line-height:1.3; font-weight:700; color:#fff; margin-bottom:10px; text-align: right; position: relative; z-index: 1;}
.banner .banner-text .sub-heading{font-family: "Karla", sans-serif; color:#fff; font-size:20px; margin-bottom: 20px; font-weight: 600;}
.banner .banner-text .sub-heading2{padding: 10px; margin: 0 -30px 0; color:#000; font-size:22px; background: #ffffff;
background: linear-gradient(46deg, rgba(255, 255, 255, 1) 35%, rgba(237, 237, 237, 1) 100%); position: relative;}

.banner-inner{min-height:440px;}
.banner-inner .banner-text{ padding:20px 30px; text-align:center; margin: 0 auto;}
.banner-inner .banner-text .heading, .banner-inner .banner-text .sub-heading{font-size:24px; font-weight: 600; text-align:center; margin:0;}
.banner-inner .banner-text .heading span{display:block; font-size:28px; font-weight:800;}
.banner-inner .banner-text .sub-heading{ font-size:20px; margin-top:10px}

.family-owned-stamp{position: absolute; bottom: -65px; right: 2%; max-width: 220px;}

.home-reviews{ background:#cde1fa; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cde1fa+0,cbebff+47,a1dbff+100&0.9+0,0.9+100 */
background: linear-gradient(45deg,  rgba(205,225,250,0.9) 0%,rgba(203,235,255,0.9) 47%,rgba(161,219,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.testi{background:#fff; border: 1px solid #ddd; padding: 15px 20px 5px; margin: 0 5px 15px; box-shadow: 0 1px 5px rgba(0,0,0,0.2); border-radius: 18px; clear: both;}
.review-social{background:url(../img/5star.png) top right no-repeat; font-weight: bold; text-align:right; padding-top:24px; margin: 15px 0 5px;}
.review-social span{ font-weight:600; display:block; margin-bottom:5px; line-height:1.2}
.review-social img{display:inline!important;}

.testimonial{ background: url(../img/five-star-ratings.webp) top center no-repeat; padding-top:50px}
.testimonial .testi{ background:none; border:none; border-radius:0; box-shadow: none; text-align:center; padding:0}
.testimonial .testi p{ margin-bottom:10px; color:#222}
.testimonial .review-social{ text-align:center; background: none; padding-top:0; margin:0 0 10px 0}
.review-btn{ background:#008fcf; padding:10px 15px; border-radius:5px; font-weight:600; color:#fff; text-decoration: none; display:inline-block}
.review-btn:hover{ background:#0374a6; color:#fff}

.review-heading{ border-bottom:1px solid #000; padding-bottom:5px; font-size:22px}

.review-icons{text-align: center;}
.review-icons .heading{ font-size:26px; font-weight: bold}
.review-icons .sub-heading{color: #505968; font-size: 20px; line-height: 28px; font-weight: 600; margin: 10px 0 15px;}
.review-icons .sub-heading a{ color:#006bbf}
.review-icons a{text-decoration: none;}
.review-icons a img{margin: 10px 20px; display: inline-block;}

.aggregate{margin: -15px -10px 0; padding: 10px 10px 0;}
.aggregate .name{padding-left: 50px; min-height: 62px; font-size: 17px; line-height:20px;}

.yelp-review{border-top:5px solid #d32323;}.facebook-review{border-top:5px solid #3b579d;} .google-review{border-top:5px solid #df4a03;}.nextdoor-review{border-top:5px solid #8ed500;}

.rate{font-size: 14px; padding-top: 20px;}
.rate span{font-size: 18px;}
.rate a{color: #1165a9; font-size: 17px; text-decoration: none;}
.yelp-review .rate{background: url(../img/yelp-ratings.png) top left no-repeat;}
.facebook-review .rate{background: url(../img/facebook-reviews-ratings.png) top left no-repeat;}
.google-review .rate{background: url(../img/google-reviews-ratings.png) top left no-repeat;}
.nextdoor-review .rate{background: url(../img/nextdoor-ratings.png) top left no-repeat;}

.yelp-review .rate span{color: #d32323;}
.google-review .rate span{color: #e7711c;}
.nextdoor-review .rate span{color: #c90b11;}

.yelp-review .name{background: url(../img/yelp-reviews.png) left center no-repeat; background-size: 40px;} .facebook-review .name{background: url(../img/facebook-reviews.png) left center no-repeat; background-size: 40px;} .google-review .name{background: url(../img/google-reviews.png) left center no-repeat; background-size: 40px;} .nextdoor-review .name{background: url(../img/nextdoor-reviews.png) left center no-repeat; background-size: 40px;}

.review-box{background: rgba(255, 255, 255, .75); box-shadow: 0 2px 8px rgba(0,0,0,.1); transition: all .3s ease-in-out; padding: 15px 10px 10px; margin: 20px 0 50px;}
.review-box:hover{ box-shadow: 2px 15px 8px rgba(0,0,0,.5); background: #fff;}


.review-popup{position: fixed; bottom: 4%; left: 0; z-index: 9999; transition: all .3s ease-in-out;}
.review-popup .review-aggregate{display: block;}
.review-popup .review-aggregate [class*='col-']{width: auto;}
.review-popup .review-aggregate div:nth-child(3), .review-popup .review-aggregate div:nth-child(4){display: none!important;}
.review-popup .review-box, .review-popup .review-box:hover{background: #fff; margin: 5px 0; display: inline-block; width: 200px; box-shadow: 1px 2px 3px rgba(0,0,0,.5); transition: all .5s ease-in-out;}
.review-popup .rate{transition: all .5s ease-in-out;}

.review-popup.scrolled-down .review-box{width: 62px;}
.review-popup.scrolled-down .rate{margin-left: -400px;}
.review-popup.scrolled-down .aggregate .name{min-height: inherit;}

.review-popup .review-box:hover{width: 200px;}
.review-popup .review-box:hover .rate{margin-left: 0; cursor: pointer;}

.reviews-page .review-popup{display: none;}

.main-services{ margin:50px 0 0;}
.main-services a{ display:block; text-decoration:none; margin:30px 0; padding: 0 8px;}
.main-services a img{ border-radius: 50%; display: block; margin:0 auto 10px; border: solid 5px #fff; transition:all .3s ease-in-out; }
.main-services a .sub-heading{ transition:all .3s ease-in-out; text-align:center; padding:0px 5px; font-size: 20px; margin:0;}
.main-services a:hover .sub-heading{ color:#015bc1}
.main-services a:hover img{border: solid 5px #015bc1}

.home-recent-projects{ position:relative; background:url(../img/window-cleaning-screen-repair.webp) center no-repeat; background-size:cover; text-align:center}
.home-recent-projects::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:100%; z-index:1; background:rgba(17,101,169,.9); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1165a9+0,2989d8+48,0a2380+100&0.9+0,0.91+100 */
background: linear-gradient(45deg,  rgba(17,101,169,0.9) 0%,rgba(41,137,216,0.9) 48%,rgba(10,35,128,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.home-recent-projects .container{ position:relative; z-index:1;}
.home-recent-projects .heading{ color:#fff; text-shadow: 1px 1px 3px #0a2380;}
.home-recent-projects .heading-bordered::before{background:#fff;}
.home-recent-projects ul.chk-list li{ color:#fff; background:url(../img/check-w.webp) left top no-repeat; font-size: 19px; margin-bottom: 18px; text-shadow: 1px 1px 3px #0a2380;}
.home-recent-projects .button{background: #fff; color: #1165a9; margin-top: 20px;}
.home-recent-projects .button:hover{background: #fff; color: #0a2380;}

.feed-wrapper{ margin: 15px 0; text-align: left; overflow: hidden; position:relative}
.feed-wrapper img{ width:100%}
.feed-wrapper .comment{ position: absolute; left:0; right:0; bottom: 0; width:100%; padding: 10px; background: rgba(0,0,0,.7); color: #fff; font-size: 15px; line-height:1.2; transition: all .5s ease-in-out; opacity: 0;}
.feed-wrapper:hover .comment{background: rgba(0,0,0,.8); opacity:100;}

.service-area{ background: url(../img/screen-doors.webp) center no-repeat; background-size:cover; position:relative; color: #fff;}
.service-area::before{ content:""; background:rgba(24,146,245,.95); position:absolute; left:0; top:0; bottom:0; width:100%; z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1892f5+0,2989d8+48,0255c6+100&0.9+0,0.91+100 */
background: linear-gradient(45deg,  rgba(24,146,245,0.9) 0%,rgba(41,137,216,0.9) 48%,rgba(2,85,198,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.service-area .container-fluid{position: relative; z-index: 1;}
.service-area .sub-heading, .service-area a {color: #fff;}
.service-area .sub-heading{text-align: left;}

.city-menu ul.style{ padding:0; margin:0}
.city-menu ul.style li{ list-style:none}
.city-menu ul.style li a, .city-menu ul.style li span{display: inline-block; font-size:15px; line-height: 1.2; color:#fff; text-decoration: none; font-weight:500; background:url(../img/right-arrow.webp) 0 5px no-repeat; padding-left:15px}
.city-menu ul.style li a:hover{ color:#000}

.google-map{ background:url(../img/ts-window-service-area-map.webp) center no-repeat; position: relative; min-height: 450px; margin-bottom:30px}
.google-map:before{content: ""; background: url(../img/ts-window-irvine-ca-ratings.webp) center no-repeat; width: 220px; height: 114px; position: absolute; left: 10px; top: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.google-map a{display: block; position: absolute; content: ""; width: 100%; top: 0; bottom: 0;}

.contact-info .phone-icon, .contact-info .email, .contact-info .hours{ background: url(../img/phone-icon.webp) 0px 8px no-repeat; padding-left:30px; margin-bottom:15px; color:#fff; font-weight: bold;}
.contact-info .email{background: url(../img/email-icon.webp) 0px 8px no-repeat;}
.contact-info .hours{background: url(../img/business-hours-icon.webp) 0px 8px no-repeat;}
.contact-info strong{ font-size:20px; display:block; font-weight:600; color:#fff}
.contact-info a{text-decoration: none; font-size: 20px; font-weight: bold;}

.contact-form{ padding:20px; margin-bottom: 30px; background: #00398E; background: linear-gradient(46deg, rgba(0, 57, 142, 1) 35%, rgba(2, 64, 157, 1) 100%); position: relative; text-align:center;}
.contact-form::before{content:""; background:url("../img/banner-graphic.webp") center no-repeat; position:absolute; left:0; top:0; bottom:0; width:100%; opacity: .3}
.contact-form div{position: relative; z-index: 1;}
.contact-form .sub-heading{ margin-bottom:5px; color: #fff;}
.contact-form p{ margin-bottom:5px}
.contact-form p, .contact-form a{color: #fff;}

.contactModal{ z-index:5000}
.contactModal .contact-form{ margin-bottom:0}
.contactModal .btn-close{ float:right}

.contact-page p{font-size: 22px;}
.contact-page a{text-decoration: none;}

.offers{ width:90%; margin:40px auto; border-top:2px solid #ccc; border-bottom:2px solid #ccc; text-align:center; padding:20px;}
.offers .sub-heading{color:#2e4e6f; font-style:italic; margin-bottom:0}

footer{background:#fff; color:#555; font-size: 13px; font-weight: 500; padding: 10px 0;}
footer a{text-decoration: none; font-size: 13px; font-weight: 500; color:#555;}
footer a:hover{color:#000;}
footer .copyright{text-align: right; margin-top: 0;}

.red-button{ position: fixed; right:0; bottom:20%; cursor:pointer; z-index:5000}
#back-to-top{position:fixed; bottom:4%; right:2%; background:#272525; transition:.5s; z-index:1000; border-radius:50%; padding:10px}
#back-to-top:hover{background: #000;}

@media (min-width: 1400.98px) {
.banner{min-height: 620px;}
.banner-inner{min-height:560px;}
}

@media (max-width: 1199.98px) {
.heading{ font-size:26px;}
.sub-heading{ font-size:22px;}

.logo img, .header-up .logo img, .header-down .logo img{ height: auto;}

.navbar-dark .navbar-nav .nav-item .nav-link{font-size:16px; padding: 0 9px;}

.banner-inner .banner-text .heading{font-size:22px;}
.banner-inner .banner-text .heading span{font-size:26px;}
.banner-inner .banner-text .sub-heading{ font-size:18px;}
}

@media (max-width: 991.98px) {
.heading br, .sub-heading br{ display:none}
.heading, .sub-heading{margin-bottom: 20px;	}
.heading{ font-size:24px;}
.sub-heading{ font-size:20px;}

section{ padding:50px 0px 20px;}
.padding{padding:40px 20px 20px;}

.button{padding: 6px 15px;}

.img-wrapper{padding: 0 20px; margin: 0 0 20px;}

.logo-area{padding-bottom: 0;}
.logo img{ height: 55px;}
.head-contact{margin-top: 0;}
.head-contact .phone{margin-bottom: 10px;}
.header-menu{margin-top: 0;}
.navbar-nav{margin: 0 auto;}

.header-up .logo img, .header-down .logo img{ height: 48px;}

.banner{min-height: 460px; margin-bottom: 20px;}
.banner-inner{min-height:360px;}

.banner .banner-text{ max-width:460px; padding:15px 20px 0;}
.banner .banner-text .pre{ font-size: 18px;}
.banner .banner-text .heading{ font-size: 26px;}
.banner .banner-text .sub-heading{font-size:18px;}
.banner .banner-text .sub-heading2{font-size:20px; margin: 0 -20px;}

.banner-inner .banner-text{ max-width:60%; padding:15px 20px;}
.banner-inner .banner-text .heading{font-size:20px;}
.banner-inner .banner-text .heading span{font-size:24px;}
.banner-inner .banner-text .sub-heading{ font-size:18px;}

.main-services a{margin: 15px 0;}
.main-services a .sub-heading{font-size: 18px;}

.home-recent-projects .heading{font-size: 22px;}
.home-recent-projects ul.chk-list li{font-size: 17px; margin-bottom: 8px;}

.review-heading{ font-size:20px}

.testimonial{background-size: 180px; padding-top: 40px;}

footer, footer .copyright{text-align: center;}
footer .copyright{padding-top:10px; margin-top:10px; border-top:solid 1px #363636;}
}

@media (max-width: 767.98px) {
.heading{ font-size:22px;}
.sub-heading{ font-size:18px;}

section{ padding:40px 0px 20px;}
.padding{padding:40px 20px 20px;}

.img-wrapper{padding: 0; text-align: center; float: none; margin: 0 0 30px;}

.logo{margin-bottom: 15px;}
.head-contact .phone{margin-bottom: 20px; font-size: 26px; background-size: 16px; padding-left: 18px;}

/* Start Menu css */
.header-up .logo-area, .header-down .logo-area{ padding:12px 0 0;}
.header-menu{padding:0;}
.navbar-toggler{ padding:.50rem .75rem}
.navbar-dark{ background:#ddd; padding:0!important;}
.navbar-dark .navbar-brand{ display:block}
.navbar-dark .navbar-nav{ margin-bottom:0!important}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#000; font-size:15px; line-height:19px; padding:10px 15px; border-bottom:1px solid #959595; text-align:left}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-radius:0}

.dropdown-toggle::after { display: inline-block}
.dropdown-item{ font-size:15px;}
.dropdown-item br{ display:none}

.navbar-dark .navbar-nav{ background:#ddd;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}
/* End Menu css */

.banner { background:none!important; padding:0!important; margin-bottom: 0;}
.banner img{width: 100%;}
.banner .banner-text{ text-align:center; max-width:100%; width: 100%;}
.banner .banner-text .heading, .banner .banner-text .sub-heading, .banner .banner-text .sub-heading2{ text-align:center}

.banner .banner-text .sub-heading2{background: #000; color: #fff;}

.banner-inner .banner-text .heading span{ font-size:20px;}

.family-owned-stamp{position: relative; bottom: auto; right: 0; left: 0; display: block; margin: 40px auto 0;}

.whychoose{ margin-top:50px; padding-top:40px; border-top:5px solid #fff;}

.home-recent-projects{ position:relative; background:url(../img/window-screens-repair-cleaning.webp) center no-repeat; background-size:cover;}
.service-area{ background: url(../img/sliding-screen-doors.webp) center no-repeat; background-size:cover;}


.main-services{ margin: 40px 0}
.main-services a{margin: 15px 0;}
.main-services a .sub-heading{ font-size:17px}

.contact-info{ margin-bottom:30px}

.review-box{ margin:20px 0 20px}
}

@media (max-width: 575.98px) {
.head-contact .phone{font-size: 22px;}
}

@media (max-width: 519.98px) {
.logo-area [class*='col-']{width: 100%; text-align: center;}
}