body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Lato', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;
}
:focus{ outline: none !important;}

.container{ max-width: 1280px;}


/*header*/
.header_sec{ width: 100%; position: relative; background: #fff; padding: 8px 0; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;
}
.navbar-brand{  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.header_sec.fixed{ position: fixed; top: 0px; left: 0px; z-index: 11;}
.header_sec.fixed .navbar-brand {
    width: 94px;
}
.header_sec.fixed .headRt{ top: 5px;}

.header_Inn{ width: 100%;}

.nav_top{ margin: 0px; padding: 0px; background: none; border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;}
.menu_sec li{ position: relative; color: #333; font: normal 18px/23px 'Graphik-Medium';}
.menu_sec li a{ display: inline-block; padding: 10px; color: #333;}
.menu_sec li a:hover, .menu_sec li.actv a{ color: #0092d4;}
.navbar-brand{ width: 130px;}
.navbar-brand img{ max-width: 100%;}
.headRt {
    position: absolute;
    top: 13px;
    right: 0px;
    border-left: 1px solid #dbdde0;
}
.headRt ul{ display: flex;
align-items: center;}
.headRt li{ display: inline-block; margin-left: 18px;}
.headRt img{ max-width: 100%;}
.headRt span{ color: #002854; font: normal 14px/15px 'Graphik-Regular';}
.phno{ color: #002854 !important; font: normal 20px/26px 'Graphik-Bold';}
.signBtn{ display: inline-block; background: #0092d4; font: normal 16px/40px 'Graphik-Bold'; text-transform: uppercase; color: #fff; border-radius: 4px; display: inline-block; padding: 0 20px; box-shadow: 1px 3px 5px 3px #f1f1f1;}
.menu_sec{ margin-right: 372px;}
.phno:hover{ color:#0092d4 !important;}
.signBtn:hover{ background: #0e4ba1;}






.bannersec{ width: 100%; position: relative;}
.bannersec:before{ width: 100%; height: 97px; background: url(../images/ban.png) no-repeat bottom center; background-size: 100% 100%; content: ""; position: absolute; bottom: 0px; left: 0px;z-index: 1;}
.bannerItm{ width: 100%; position: relative;}
.bannerItm:before{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(2,24,49,0.60); content: "";}
.bannerItm img{ width: 100%; height: 694px; object-fit:cover;}
.bannertxt{ width: 100%; position: absolute; top: 50%; left: 0px; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.bannertxt .text{ width: 100%; text-align: center;}
.bannertxt h1, .bannertxt strong{ color: #fff; font:normal 60px/67px 'Graphik-Bold'; display: block; }
.bannertxt p{ color: #fff; font: normal 24px/30px 'Graphik-Semibold'; margin-top: 20px;}
.bannerForm label{ color: #fff; font: normal 24px/30px 'Graphik-Semibold';}
.bannerForm{ max-width: 640px; margin: 0px auto; text-align: center;}
.banFrtm{ width: 100%; position: absolute; bottom: 91px; left: 0px;}
.banFld{ width: 100%; background: #fff; padding: 6px; border: 2px solid #dddddd; border-radius: 6px; display: inline-block; margin-top: 20px;}
.banFrtm input[type="text"]{ width:70%; float: left; height: 60px; padding:0 38px; background:url(../images/loc.png) no-repeat left 10px center; border: none; color: #999999; font: normal 18px/20px 'Graphik-Light';}
.banFrtm input[type="submit"]{ width: 30%; float: left; height: 60px; background: #0e4ba1; border: none; cursor: pointer;color: #fff; font:normal 18px/27px 'Graphik-Bold'; text-transform: uppercase; border-radius: 6px;}


.arws {
    width: 90px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -45px;
    z-index: 1; text-align: center;
}
.arws img{ max-width: 100%;}
.arws span{ color: #7991b1; font: normal 14px/20px  'Graphik-Light'; text-transform: uppercase;}

.servicesec{ width: 100%; padding: 86px 0 90px 0; text-align: center; background:#fff url(../images/servbg.jpg) repeat-x bottom center; background-size: cover;}

.pagheading h1, .pagheading h2, .pagheading h3{ font: normal 55px/67px 'Graphik-Bold'; color: #0e4ba1;}
.pagheading p{ color: #333; font: normal 18px/32px 'Graphik-Medium'; margin-top: 10px;}
.srvBox{ width: 100%; background: #002854; padding: 75px 30px 30px; border-radius: 20px; margin-top: 100px; position: relative;}
.srvBox i{ width: 120px; height: 120px; overflow: hidden; border-radius: 100%; border: 10px solid rgba(255,255,255,0.3); display: inline-block; position: absolute; top: -63px; left: 50%;-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); box-shadow:2px 5px 18px 3px rgba(0,0,0,0.2);}
.srvBox i img{ max-width: 100%; border-radius: 100%; background: #fff;}
.srvBox h4{ color: #fff; font:normal 18px/33px 'Graphik-Bold'; text-transform: uppercase;}
.srvBox h4 a{ color: #fff !important;}
.srvBox p{ color: #fff; font: normal 16px/26px 'Graphik-Regular'; margin-top: 4px;}
.lrnMor{ display: inline-block; margin-top: 20px; border: 2px solid #fff; border-radius: 8px; font: normal 16px/40px 'Graphik-Semibold'; text-transform: uppercase; display: inline-block; padding: 0 20px; color: #fff;}
.srvBox em{ position: absolute; bottom: 0px; right: 0px;}
.srvBox img{ max-width: 100%;}
.srvBox:hover{ background: #0092d4;}
.srvBox:hover .lrnMor{ background: #002854;}
.pagheading h5{ color: #002854; font: normal 40px/47px 'Graphik-Bold'; padding: 30px 0;}
.pagheading h5 a{ color: #0092d4 !important;}
.leftlest ul li{ display: inline-block; padding: 0 4px; margin-top: 5px;}
.requBtn{ display: inline-block; background: #0e4ba1; border: 2px solid #fff; border-radius: 8px; font: normal 18px/53px 'Graphik-Semibold'; text-transform: uppercase; padding: 0 31px; color: #fff !important;box-shadow: 5px 4px 9px 5px #c0c0c0;}
.text-center ul li img{ max-width: 100%;}



.whychoossec{ width: 100%; background: #0873bd; border-top: 19px solid #87a9d2; text-align: center; padding: 80px 0 120px 0; position: relative;}
.whychoossec:before{ width: 100%; height: 97px; background: url(../images/ovr.png) no-repeat bottom center; background-size: 100% 100%; content: ""; position: absolute; bottom: -97px; left: 0px;z-index: 1;}
.whychoossec h2, .whychoossec p{ color: #fff;}
.lftChoose{ width: 100%; margin-top: 40px; position:relative;}
.chpic{ width: 100%; border-radius: 30px;}
.srvreat{ width: 345px; position: absolute; bottom: -30px; right: -30px; background: #fff; border-radius: 10px; padding: 11px; text-align: center;}
.srvreat img{ max-width: 100%;}
.srvreat strong{ color: #0095d7; font: normal 20px/27px 'Graphik-Semibold';}
.srvreat .media{ align-items: center;}
.rtChoose{ width: 100%;margin-top: 51px;
padding-left: 40px;}
.choRow{ width: 100%; text-align: left; margin-top: 20px;}
.choRow h4{ color: #fff; font: normal 30px/37px 'Graphik-Semibold'; }
.choRow p{ color: #fafafa; font: normal 16px/26px 'Graphik-Regular'; margin-top: 10px;}
.choRow img{ max-width: 100%;}
.choRow img{ max-width: 100%; margin-right: 6px;}
.choRow .media{ align-items: center;}
.playicon{ width: 60px; height: 60px; position: absolute; top:50%; left: 50%; border-radius: 100%; overflow: hidden;-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.playicon img{ max-width: 100%;}



.whatcustomrsec{ width: 100%; background: #f8f8fa; padding: 158px 0 80px; text-align: center;}
.whatcustomrsec h3{ color: #0e4ba1;}
.whatcustomrsec p b{ font-family:'Graphik-Semibold'; }
.gooleBox{ width: 100%; background: #fff; padding: 25px; border-radius: 10px; text-align: left; margin-top: 30px; position: relative;}
.gooleBox h4{ color: #222222; font: normal 16px/25px 'Graphik-Semibold'; background: url(../images/tk.png) no-repeat left center; padding-left: 29px;}
.gooleBox i{ width: 34px; position: absolute; top: 21px; right: 18px;}
.gooleBox i img{ max-width: 100%;}
.strs{ width: 100%; display: inline-block; margin-top: 10px;}
.strs img{ max-width: 100%; width: auto !important;}
.gooleBox p{ color: #333; font: normal 18px/27px 'Graphik-Semibold'; margin-top: 10px;}
.gooleBox .media img{ width: 60px !important; border-radius: 100%; margin-right: 10px;}
.gooleBox .media h5{ color: #333333; font: normal 16px/20px 'Graphik-Semibold'; padding: 0px !important;}
.gooleBox .media span{ color: #666666; font: normal 14px/20px 'Graphik-Regular';}
.gooleBox .media{ margin-top: 10px; align-items: center;}
.whatcustomrsec .owl-prev, .whatcustomrsec .owl-next{ width: 40px; height: 40px; font-size: 0px !important; border: 1px solid #d4d4d4; border-radius: 100%; margin: 4px; display: inline-block;}
.whatcustomrsec .owl-prev{  background: url(../images/prev.png) no-repeat center;}
.whatcustomrsec .owl-next{  background: url(../images/next.png) no-repeat center;}
.whatcustomrsec .owl-prev:hover{  background: url(../images/prev-h.png) no-repeat center #0f53a5; border-color: #0f53a5;}
.whatcustomrsec .owl-next:hover{  background: url(../images/next-h.png) no-repeat center #0f53a5; border-color: #0f53a5;}
.whatcustomrsec .owl-nav{ margin-top: 20px;}



.rescntSec{ width: 100%; padding: 80px 0;}
.rescntLft{ width: 100%;}

.rescntLft .ba-slider .handle {
    background: #fff;
}

.rescntLft .ba-slider .handle::after {
    width: 40px;
    height: 40px;
    background: #fff;
    line-height: 41px;
    border: none;
    margin: -20px 0 0 -20px;
    box-shadow: inherit;
    content: " \f0d9  \f0da";
    font-family: 'FontAwesome';
    font-size: 23px;
    font-weight: normal;
    color: #0f53a5;
}

.batxt {
    position: absolute;
    bottom: 30px;
    background: #0f53a5;
    padding: 4px 14px;
    font: normal 20px/30px 'Graphik-Semibold';
    z-index: 1;
    color: #fff;
    left: 0px;
}
.batxt1 {
    left: inherit;
    right: 0px;
}
.ba-slider img {
    width: 100%;
    display: block;
    height: 400px;
    object-fit: cover;border-radius: 18px;
}
.rescntrt h3{ color: #0f53a5;}
.rescntrt .leftlest{ margin-top: 22px;}
.cals span {
    color: #002854;
    font: normal 14px/15px 'Graphik-Regular';
}
.rescntrt .leftlest ul{  display: flex; align-items: center;}


.followsSewc{ width: 100%; text-align: center;}
.follopic{ width: 100%; margin-top: 10px;}
.follopic img{ width: 100%;}



.footersec{ width: 100%; background: url(../images/footbg.jpg) repeat; border-top: 2px solid #fff;}
.footlogo{ width: 100%;padding-right: 20px;}
.footlogo img{ max-width: 100%;}
.foottop{ width: 100%; padding: 50px 0;}
.footbox{ width: 100%;}
.foottop h4{ color: #fff; padding-bottom: 10px;font: normal 22px/26px 'Graphik-Semibold';}
.foottop ul li{ display: inline-block; color: #fff; font: normal 16px/25px 'Graphik-Regular'; width: 100%;padding: 5px 0; position: relative;}
.foottop ul li a{ color: #fff;}
.foottop ul li a:hover{ color: #0092d4;}
.foottop ul li i{ position: absolute; top: 10px; left: 0px;}
.footboxcont li{ padding-left: 20px !important;}
.footBotm{ width: 100%;}
.footBotmInn{ border-top: 1px solid #1d3c68; width: 100%; padding: 20px 0; text-align: center;}
.footsos li{ display: inline-block; margin-right: 3px;}
.footsos li a{ width: 33px; height: 33px; background: #0092d4; color: #fff; text-align: center; display: inline-block; line-height: 33px; border-radius: 100%;}
.cartpic img{ max-width: 100%;}
.footersec p{ color: #fff; font: normal 16px/25px 'Graphik-Regular'; }
.footersec p a{ color: #0092d4; text-decoration: underline !important;}
.footBotm .row{ align-items: center;}
.footsos li a:hover{ background: #fff; color: #0092d4;}


.fidPnl {
    position: fixed;
    top: 20%;
    right: 0px;
    width: 39px;
    z-index: 1111;
    text-align: right; display: none;
}
.fidPnl li{ display: inline-block; margin: 1px 0;}
.fidPnl li img{ max-width: 100%; border-radius: 5px 0 0 5px;box-shadow: 2px 5px 18px 3px rgba(0,0,0,0.2);}


.banFrtm input[type="submit"]:hover{ background: #0092d4;}





/*location page*/

.innerbanner .bannerItm img{ height: 390px;}
.innerbanner .bannertxt { top: 50%;}
.lacationForm{ position: inherit; bottom: inherit;}
.findLocsec{ background: none;}
.findLocsec .banFrtm input[type="submit"]{ background: #0092d4;}
.findLocsec .banFrtm input[type="submit"]:hover{ background:#0e4ba1;}
.findLocsec .banFld{ box-shadow: 1px 7px 18px 3px #e4e4e4;}
.card_sec .card-body{ width: 100%; background: #fff; border: 1px solid rgba(0, 0, 0, 0.125);padding: 40px 10px 40px 29px; border-radius: 25px;text-align: left; margin-top: 30px;}
.card_sec .card-body h6 {
    font: normal 30px/35px 'Graphik-Semibold';
    text-align: left;
    color: #333333; padding-bottom: 20px;
}
.card_sec .media {
    margin: 14px 0 0; text-align: left;align-items: center;
}
.card_sec .media img {
    border:6px solid #cce9f6;
    margin-right: 18px;
    border-radius: 100%;
    max-width: 100%;
}
.card_sec .media-body p {
    color: #333;
    font: normal 18px/22px 'Graphik-Medium';
    margin-top: 0;
}
.card_sec .media-body p a{ color: #333 !important;}
.card_sec .media-body span {
    font-family:  'Graphik-light';
    color: #999999; display: block;
}
.card_sec .card-body .requBtn{ margin-top: 20px; border: none !important;}
.requBtn:hover{ background: #0092d4;}

.card_sec{ width: 100%; margin-top: 30px;}
.card_sec .media-body p br{ display: none;}




.tahnkyoupage {
    display: flex;
    align-items: center;
    justify-content: center;width: 100%;
    min-height: 800px;
    background: url(../images/thank_banner.jpg)no-repeat center;padding: 100px 0; background-size: cover;
}
.tahnkyoupage .container{ max-width: 902px;}
.tahnkyoupage .box_content{ background: #0f53a5;border-radius: 25px;
text-align: center;
position: relative;
margin: auto;padding: 60px;box-shadow: 2px 5px 18px 3px rgba(0,0,0,0.2);}

i.pic_sec img{ max-width: 100%; max-width: 120px;}
.text_arear{ margin-top: 30px;}
.text_arear h1, .text_arear p{ color: #fff;}
.header_sec{ box-shadow: 1px 5px 6px -5px rgba(0,0,0,0.2);}


.contactpage{ background: url(../images/thank_banner.jpg)no-repeat center;padding: 84px 0; background-size: cover; text-align: center;}
.pagheading p a{ color: #0092d4 !important;}
.contactpage .box_content {
    background: #0f53a5;
    border-radius: 25px;
    text-align: center;
    position: relative;
    margin: auto;
    padding: 40px;
    box-shadow: 2px 5px 18px 3px rgba(0,0,0,0.2); margin-top: 30px;
}
.contactpage .container {
    max-width: 902px;
}
.contactpage .box_content .row{ margin: 0 -10px;}
.contactpage .col-12{ padding: 0 10px;}
.inputfld{ width: 100%; margin: 10px 0;}
.inputfld input[type="text"], .inputfld input[type="email"], .inputfld input[type="tel"], .inputfld select, .inputfld textarea{ width: 100%; height: 62px; padding: 0 18px; font: normal 18px/20px 'Graphik-light'; font-style: italic; color: #999999; border-radius: 4px; border: none;text-overflow: ellipsis;
white-space: nowrap;}
.inputfld textarea{ height: 150px; padding: 18px; resize: none; background: url(../images/location_logo4.png) no-repeat right 18px top 18px #fff;}
.inputfld input[type="text"]{ background: url(../images/contact_logo_1.png) no-repeat right 18px center #fff;}
.inputfld input[type="email"]{ background: url(../images/contact_logo_2.png) no-repeat right 18px center #fff;}
.inputfld input[type="tel"]{ background: url(../images/contact_logo_3.png) no-repeat right 18px center #fff;}
.inputfld select{ -webkit-appearance: none; background: url(../images/contact_logo_4.png) no-repeat right 18px center #fff;}
.inputfld .requBtn{ border: none; height: 60px; padding: 0 34px; background: #0092d4; border: 1px solid #0092d4; cursor: pointer; box-shadow: 1px 1px 1px 1px #0d4a92; border-radius: 4px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.inputfld .requBtn:hover{ background: #ffffff; color: #0092d4 !important;}


/*----------------------service_sec---------------*/
.rescnt_content{padding: 0 0; margin-top: 100px;}
.washing_sec{background: url(../images/service_banner2.jpg)no-repeat bottom center; width: 100%;padding-bottom: 100px; background-size: 100%;}
.washing_sec .pic_sec img, .rescntSec .pic_sec img {border-radius: 18px; max-width: 100%;}
.rescntrt2  p span{font: normal 20px/25px 'Graphik-Medium'; color: #333; }
.rescntrt2 p{font: normal 16px/26px 'Graphik-Regular'; color: #666666;}
.requBtn2 {border: 0; background: #0092d4; margin-top: 27px; box-shadow: 1px 1px 9px 6px rgba(0,0,0,0.1); font-size: 16px; border-radius: 4px;}
.roof_section{width: 100% ; background-size: cover!important; padding: 80px 0;}

.driveway_sec{margin-top: 20px; width: 100%;}
.driveway_left_sec img{max-width: 100%; min-height: 623px;
object-fit: cover;}
.driveway_right_content{background: #ededed; padding: 52px 50px; width: 100%; }
.paraghap p span{font-size: 16px;}
.text_content{margin-top: 5px;}
.call_sec{margin-bottom: 100px;}
.requBtn2:hover{ background: #0e4ba1 !important;}

.rescntrt.pagheading p strong{ font-weight:normal; font-family: 'Graphik-Medium'; color: #333;}
.rescntrt.pagheading p{ color: #666666; font-family: 'Graphik-Regular';}
.rescntrt.pagheading li{ color: #333; font: normal 16px/30px 'Graphik-Medium'; margin: 2px 0 0 0; background: url(../images/service_logo1.png) no-repeat left top 8px; padding-left: 28px;}
.driveway_left_sec{ width: 100%; background: #ededed;border-right: 20px solid #fff;}
.gettservzs{ padding-bottom: 20px;}
.roof_section .pagheading h3{color: #fff;}
.roof_section .pagheading p strong{color: #ffffff;}
.roof_section .pagheading p, .roof_section .pagheading li{color: #99aac1;}
.gettservzs .row{ flex-direction:row-reverse;}


.rescnt_content .requBtn{ margin-top: 27px;}
.servtopsec{ background: #fff;padding-bottom: 163px !important;}
.whyshotovl{ border: none; background: #0f53a5;padding: 56px 0;}
.whyshotovl:before {
    width: 100%;
    height: 97px;
    background: url(../images/ovr1.png) no-repeat bottom center;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    bottom: -97px;
    left: 0px;
    z-index: 1;
}
.whyshotovl:after {
    width: 100%;
    height: 97px;
    background: url(../images/ovr2.png) no-repeat bottom center;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    top: -97px;
    left: 0px;
    z-index: 1;
}

.whyshotovl .srvBox h4{ text-transform: inherit; color: #333333; font-family: 'Graphik-Semibold'; line-height: 26px;}
.whyshotovl .srvBox h4 a{ color: #333333 !important;}
.whyshotovl .srvBox p{ color: #666666 !important;}
.whyshotovl .srvBox{ background: #fff; padding-left: 35px; padding-right: 35px;}
.servdtlprofess{ padding-top: 150px; padding-bottom: 60px;}

.request_sec{ background: url(../images/reqbg.jpg) no-repeat center center; background-size: cover; margin: 0px; padding: 65px 0 !important; display: inline-block;}
.request_sec .pagheading h3, .request_sec .pagheading p, .request_sec .pagheading p strong{color: #fff;}
.banFrtm2{ position: inherit; bottom: inherit;}
.request_sec .rescntSec{ margin: 0px !important; padding: 0px !important;}
.request_sec{ display: inline-block;margin-bottom: -4px;}
.banFrtm2.banFrtm input[type="submit"]{ background: #0092d4;}
.banFrtm2.banFrtm input[type="submit"]:hover{ background: #0e4ba1;}

.misnvisnBox{ width: 100%; background: #fff; border-radius: 10px; overflow: hidden; box-shadow:0px 0px 17px -2px rgba(0,0,0,0.2);align-items: center; margin-top: 30px;}
.misnvisnBox img{ max-width: 100%;}
.misnvisnBox .media-left{ width: 30%; background: #0092d4; overflow: hidden; text-align: center; min-height: 225px; position: relative; display: flex;align-items: center;justify-content: center;}
.misnvisnBox em {
    position: absolute;
    bottom: -27px;
    left: -31px;
    width: 126px;
}
.misnvisnBox h4{ color: #0092d4; font: normal 30px/38px 'Graphik-Medium';}
.misnvisnBox p{color: #333333; font: normal 18px/25px 'Graphik-Regular'; font-style: italic; margin-top: 10px;}
.misnvisnBox .media-body{ padding-left: 25px; padding-right: 25px;}
.misnvisnBox .media-left:before{background: url(../images/rd.png) no-repeat center center; width: 56px; height: 100%; background-size: 100% 100% !important; position: absolute; top: 0px; right: 0px; content: "";}
.misnvisnBox:nth-child(2) .media-left{ background: #0e4ba1; }
.misnvisnBox:nth-child(2) h4{ color: #0e4ba1; }
.aboutsec1{ background: #fff; text-align: left;padding-bottom: 170px;}
.aboutsec2{ text-align: left; position: relative; border: none; background: #0f53a5;padding: 0px;}
.aboutsec2 .lftChoose img{ max-width: 100%; border-radius: 10px; box-shadow:0px 0px 17px -2px rgba(0,0,0,0.2);}
.aboutsec2 .choRow h4{ font-size: 22px; line-height: 25px;}
.aboutsec2 .lftChoose{ margin-top: 0px; position: relative}
.aboutsec2 .lftChoose{ position: absolute; top: -74px; left: 0px;}
.aboutsec2 .rtChoose{ min-height: 640px;margin-top: 54px;}
.aboutsec2 .choRow .media{ display: inline-block;}
.aboutsec2 .media-body{ margin-top: 10px;}

.aboutsec2:before {
    width: 100%;
    height: 97px;
    background: url(../images/ovr4.png) no-repeat bottom center;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    bottom: -75px;
    left: 0px;
    z-index: 1;
}
.aboutsec2:after {
    width: 100%;
    height: 97px;
    background: url(../images/ovr3.png) no-repeat bottom center;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    top: -75px;
    left: 0px;
    z-index: 1;
}
.aboutsec2 .container{ position: relative; z-index: 11;}

.meetteamsec{ width: 100%; padding: 129px 0 70px; text-align: center; background-size: cover !important; background-attachment: fixed !important;}
.temcaro{ width: 100%;  margin-top: 45px;}
.teamBox{ width: 100%; padding: 14px; background: #fff; box-shadow:0px 0px 17px -2px rgba(0,0,0,0.2);}
.teamBox i.pic{ width: 225px; height: 225px; border-radius: 100%; position: relative; display: inline-block; overflow: hidden; border: 4px solid #87a9d2;}
.teamBox i.pic img{ width: 100% !important; height: 100%; object-fit:cover; border: 7px solid #fff;border-radius: 100%;}
.teamBox .text{ widows: 100%; padding: 20px 0;}
.teamBox h4{ color: #333333; font: normal 26px/38px 'Graphik-Medium';}
.teamBox strong{ color: #0092d4; text-transform: uppercase; font: normal 14px/17px 'Graphik-Light'; margin-top: 5px;}
.teamBox p{ color: #666666; font: normal 16px/26px 'Graphik-Regular'; margin-top: 5px;}
.linksos{ width: 40px; height: 40px; text-align: center; position: absolute; bottom: 25px; right: 35px; display: inline-block; background: #0f53a5; border-radius: 100%; color: #fff; font-size: 20px; text-align: center; line-height: 40px;}
.picsbox{ width: 100%; position: relative;}
.linksos:hover{ background: #0092d4;}
.meetteamsec .item{ padding: 10px;}

.meetteamsec .owl-prev, .meetteamsec .owl-next{ width: 40px; height: 40px; font-size: 0px !important; border: 1px solid #fff; border-radius: 100%; margin: 4px; display: inline-block; position: absolute; top: 50%; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.meetteamsec .owl-prev{  background: url(../images/prev.png) no-repeat center #ffffff;}
.meetteamsec .owl-next{  background: url(../images/next.png) no-repeat center #ffffff;}
.meetteamsec .owl-prev:hover{  background: url(../images/prev-h.png) no-repeat center #0092d4; border-color: #0092d4;}
.meetteamsec .owl-next:hover{  background: url(../images/next-h.png) no-repeat center #0092d4; border-color: #0092d4;}
.meetteamsec .owl-prev{ left: -40px;}
.meetteamsec .owl-next{ right: -40px;}

.logossec{ width: 100%; padding: 55px 0; text-align: center;}
.logossec img{ max-width: 100%;}
.logossec ul{ width: 100%; display: inline-block;}
.logossec ul li{ width: 20%; float: left; border-right: 2px solid #e8e8e8;}
.logossec ul li img{ max-width: 100%;}
.logossec ul li:last-child{ border: none;}

.faqpage1{ background: #fff; padding-top: 72px; text-align: center;}
.faqpage1 .card{ margin-top: 18px; border: 1px solid #e9e9e9; border-radius: 8px;}
.faqpage1 h5{ padding: 0px !important;}
.faqpage1 .card-header{ padding: 0px !important; background: none !important; border: none;}
.faqpage1 .btn{ width: 100%; background: none !important; padding: 20px; text-align: left; color: #222222; font: normal 22px/28px 'Graphik-Semibold'; position: relative;  box-shadow:0px -5px 18px -7px rgba(0,0,0,0.2);white-space: inherit; padding-right: 40px;}
.faqpage1 .card-body{ padding: 0 20px 20px;}
button:focus{ outline: none !important; box-shadow: none !important;}
.faqpage1 .btn:before{ width: 40px; height: 40px; background: #0092d4 url(../images/ar1.png) no-repeat center center; border: 4px solid #cce9f6; position: absolute; top: 50%; content: ""; border-radius: 100%; right: 14px;-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.faqpage1 .btn.collapsed:before{ background: #0092d4 url(../images/ar.png) no-repeat center center;}
.faqpage1 .collapse.show{  box-shadow:0px 11px 17px -7px rgba(0,0,0,0.2);}
.faqpage1 .btn.collapsed{ box-shadow: none;}
#accordion{ text-align: left;}
.faqpage1 .requBtn{ border: none; margin-top: 60px; border-radius: 4px;box-shadow: 5px 4px 7px -1px #c0c0c0;}
.faqpage1 .container{ max-width: 1000px;}


.homebanner .bannertxt h1 span{ display: inline-block; background: url(../images/brd.png) no-repeat bottom center; padding-bottom: 10px; background-size: 100% 3px; position: relative; padding:0 0px 3px 0px;}
/*.homebanner .bannertxt h1 span:before{ width: 30px; height: 30px; background: url(../images/drp.png) no-repeat bottom right; content: ""; position: absolute; bottom: 8px; left: -38px}
.homebanner .bannertxt h1 span:after{ width: 30px; height: 30px; background: url(../images/drp1.png) no-repeat bottom left; content: ""; position: absolute; bottom: 8px; right: -38px; }
.homebanner .bannertxt h1{ font-size: 70px !important; line-height: 78px !important;}*/






.homebanner .bannertxt p{ font-family:  'Graphik-Regular' !important;font-size: 32px !important;
    line-height: 49px !important;}


.homeservice .row{ margin: 0 -5px;}
.homeservice .col-lg-3{ padding: 0 5px; -webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;}
.homeservice .srvBox{ padding-left: 5px; padding-right: 5px;}

.close {
    width: 40px;
    height: 40px;
    background: #0f53a5 !important;
    color: #fff !important;
    text-shadow: none !important;
    border-radius: 100%;
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 11;
    opacity: 1 !important;
    font-size: 19px;
}
.modal-dialog{ max-width: 630px;}
.clsfreequote h3{ font: normal 25px/27px 'Graphik-Bold'; color: #0e4ba1;padding-bottom: 35px;}
.clsfreequote .inputfld input[type="text"], .clsfreequote .inputfld input[type="email"], .clsfreequote .inputfld input[type="tel"], .clsfreequote .inputfld select, .clsfreequote .inputfld textarea{ border: 1px solid #ccc;}


.homeservice .srvBox i{ width: 100%; border: none;}
.homeservice .srvBox .pic{ width: 100%; border-radius: 20px 20px 0 0;}
.homeservice .srvBox .pic img{ width: 100%; border-radius: 20px 20px 0 0;}
.homeservice .srvBox{ padding: 0px !important;}
.homeservice .srvBox .text {
    padding: 20px 10px;
    width: 100%;
    min-height: 235px;position: relative;
z-index: 1;}
.homeservice .srvBox{ margin-top: 35px;}
.viwPrc{ font: normal 18px/20px 'Graphik-Semibold'; color: #fff !important; border-bottom: 1px solid #fff; display: inline-block; margin-top: 20px; }


/*css fixing*/
.bannerForm #postcodemsg{color: #fff; font: normal 18px/32px 'Graphik-Medium';}
.srvBox h4{ min-height: 78px;}
.header_sec.fixed{z-index: 111;}
.driveway_right_content, .driveway_left_sec img{min-height: 751px;}
.lacationForm #postcodemsg{ color: #000 !important;}
.quoteServpage .srvBox {
    margin-top: 30px !important;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
}
.quoteServpage .srvBox img{width: 100%;}
.quoteServpage .text{ padding: 20px;}
.quoteServpage .srvBox label{ width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; display: inline-block;}
.quoteServpage .srvBox input[type="radio"]{ -webkit-appearance: none;}
.clssrvbox.active .srvBox{ background: #0092d4;}
.quoteServpage .srvBox .pic img{ height: 160px; object-fit:cover;}
.cls_butt_sec{ width: 100%; padding: 20px 0; text-align: center;}
.cls_butt_sec ul li{ display: inline-block; padding: 10px;}
.cls_butt_sec ul li a, .cls_butt_sec ul li input[type="button"], .cls_butt_sec ul li input[type="submit"] {
    border: none;
    height: 60px;
    padding: 0 34px;
    background: #0092d4;
    border: 1px solid #0092d4;
    cursor: pointer;
    box-shadow: 1px 1px 1px 1px #0d4a92;
    border-radius: 4px;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; display: inline-block;font: normal 18px/53px 'Graphik-Semibold';
text-transform: uppercase;color: #fff !important;
}
.cls_butt_sec ul li a:hover, .cls_butt_sec ul li input[type="button"]:hover, .cls_butt_sec ul li input[type="submit"]:hover{
    background: #ffffff;
    color: #0092d4 !important;
}

.cls_butt_sec ul li .clsnbak{ background: #002854 !important; border-color:#002854 !important; }
.cls_butt_sec ul li .clsnbak:hover{ background: #fff !important; color:#002854 !important; }
.inputfld span{ width: 100%; float: left;}
.inputfld{ width: 100%; display: inline-block; margin-top: 5px;}
.contactpage .box_content span{ color: #fff;}
.wpcf7 form .wpcf7-response-output{ border: none !important; margin: 10px 0 !important; padding: 0px !important;}
.contactpage .wpcf7 form .wpcf7-response-output{ color: #fff;}











 
  
  
@media (min-width: 768px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; }








}
@media (min-width: 1500px) and (max-width: 9000px) {
.bannerItm img{ height: 750px;}
.bannertxt{ top: 40%;}


}
@media (min-width: 1300px) and (max-width: 1499px) {
.bannertxt h1, .bannertxt strong{ font-size: 49px; line-height: 60px;}
.bannertxt p{ font-size: 20px; line-height: 28px; margin-top: 13px;}
.bannerItm img{ height: 600px;}
.banFrtm input[type="text"]{ height: 50px;}
.banFrtm input[type="submit"]{ height: 50px;}
.bannertxt{ top: 35%;}


.pagheading h1, .pagheading h2, .pagheading h3{ font-size: 44px; line-height: 57px;}
.pagheading h5{ font-size: 32px;}
.choRow h4{ font-size: 24px;}
.gooleBox p{ font-size: 16px; line-height: 24px;}




}
@media (min-width: 1200px) and (max-width: 1299px) {  
  
.container { max-width: 1140px;}
.bannertxt h1, .bannertxt strong{ font-size: 49px; line-height: 60px;}
.bannertxt p{ font-size: 20px; line-height: 28px; margin-top: 13px;}
.bannerItm img{ height: 600px;}
.banFrtm input[type="text"]{ height: 50px;}
.banFrtm input[type="submit"]{ height: 50px;}
.bannertxt{ top: 40%;}


.pagheading h1, .pagheading h2, .pagheading h3{ font-size: 44px; line-height: 57px;}
.pagheading h5{ font-size: 32px;}
.choRow h4{ font-size: 24px;}
.gooleBox p{ font-size: 16px; line-height: 24px;}

/*location*/
.card_sec .media-body p{ font-size: 14px; line-height: 19px;}
.card_sec .media img{ width: 42px;margin-right: 7px; border-width: 3px;}
.card_sec .card-body h6{ font-size: 24px; line-height: 27px;padding-bottom: 12px;}
.card_sec .card-body{ padding: 29px 10px 40px 22px;}



.srvBox h4{ font-size: 16px; line-height: 29px;}


}

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


.container { max-width: 960px;}
.bannertxt h1, .bannertxt strong{ font-size: 50px; line-height: 60px;}
.bannertxt p{ font-size: 20px; line-height: 28px; margin-top: 13px;}
.bannerItm img{ height: 600px;}
.banFrtm input[type="text"]{ height: 50px;}
.banFrtm input[type="submit"]{ height: 50px;}
.bannertxt{ top: 40%;}


.pagheading h1, .pagheading h2, .pagheading h3{ font-size: 45px; line-height: 57px;}
.pagheading h5{ font-size: 32px;}
.choRow h4{ font-size: 24px;}
.gooleBox p{ font-size: 16px; line-height: 24px;}



.menu_sec li{ font-size: 15px;}
.navbar-brand {
    width: 96px;
}
.signBtn{ font-size: 13px; padding: 0 10px;}
.phno{ font-size: 16px; line-height: 23px;}
.headRt{ top: 6px;}
.menu_sec {
    margin-right: 303px;
}
.srvBox{ padding: 75px 15px 26px;}
.srvBox h4{ font-size: 18px; line-height: 30px;}
.srvBox p{ font-size: 15px; line-height: 20px;}

.foottop ul li{ font-size: 14px; line-height: 22px;}
.footersec p{ font-size: 13px; line-height: 22px;}


/*location*/
.card_sec .media-body p{ font-size: 14px; line-height: 19px;}
.card_sec .media img{ width: 42px;margin-right: 7px; border-width: 3px;}
.card_sec .card-body h6{ font-size: 24px; line-height: 27px;padding-bottom: 12px;}
.card_sec .card-body{ padding: 29px 10px 40px 22px;}
.card_sec .row{ margin: 0 -10px;}
.card_sec .col-lg-4{ padding: 0 10px;}
.card_sec .card-body{ margin-top: 20px;}

.pagheading p{ font-size: 16px; line-height: 27px;}
.requBtn{ padding: 0 20px;}

.meetteamsec .owl-prev {
    left: 0;
}
.meetteamsec .owl-next {
    right: 0;
}
.teamBox h4{ font-size: 22px;}


.homeservice .col-lg-3 {
    padding: 0 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}


}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: none; margin-right: 15px;}
.nav_top .navbar-toggler{ padding: 10px;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 32px;height: 3px;  border-radius: 1px; background-color: #002753;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 7px;}
.navbar-toggler { margin-right: 15px;}
.navbar-toggler { padding: 10px;}

.headRt{ border: none;right: 63px;}
.header_sec{ padding: 8px 0;}
.header_sec .container{ max-width: 100%; padding: 0px;}
.navbar-brand{ padding-left: 15px;}



.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-ms-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); 
	 -webkit-transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;  width: 0px;}  
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-ms-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); -webkit-transform: matrix(1, 1, 0, 1, 0, 0);
width: 25px;  margin-top: -11px;} 
.nav_top .navbar-toggler .icon-bar { opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.nav_top .navbar-toggler { width: 45px; height: 40px; text-align: center; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 0px;
    border: 0px solid transparent; border-top-color: transparent;border-right-color: transparent;    border-bottom-color: transparent;
        border-left-color: transparent; position: relative; border: none; outline: none; }
.navbar-collapse{ width: 100%; position: absolute; background: #fff; z-index: 11; top: 100%;}




.bannertxt h1, .bannertxt strong{ font-size: 50px; line-height: 60px;}
.bannertxt p{ font-size: 20px; line-height: 26px;}
.bannertxt p br{ display: none;}
.banFrtm input[type="text"]{ height: 50px;}        
.banFrtm input[type="submit"]{ height: 50px;}  

.pagheading h1, .pagheading h2, .pagheading h3{ font-size: 45px; line-height: 57px;}
.pagheading h5{ font-size: 32px;}
.choRow h4{ font-size: 24px;}
.gooleBox p{ font-size: 16px; line-height: 24px;}
.servicesec{ padding: 74px 0;}

.srvreat img {
    max-width: 56%;
}
.srvreat .media > img{ width: 120px;}
.srvreat .media-body{ width: 120px;}
.srvreat {
    width: 241px;}
.whychoossec{ padding: 57px 0 32px 0;}
.whatcustomrsec{ padding: 158px 0 52px;}



.rescntSec .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.rescntrt{ margin-top: 20px;}
.footbox{ margin-top: 20px;}
.footlogo img {
    max-width: 83%;
}

.footlogo{ padding: 20px 0;}
.menu_sec {
    margin-right: 0;
}


/*location*/
.card_sec .media-body p{ font-size: 14px; line-height: 19px;}
.card_sec .media img{ width: 42px;margin-right: 7px; border-width: 3px;}
.card_sec .card-body h6{ font-size: 24px; line-height: 27px;padding-bottom: 12px;}
.card_sec .card-body{ padding: 29px 10px 40px 22px;}
.card_sec .row{ margin: 0 -10px;}
.card_sec .col-lg-4{ padding: 0 10px;}
.card_sec .card-body{ margin-top: 20px;}


/*service*/
.roof_section{ padding: 40px 0;}
.washing_sec{ padding-bottom: 52px;}
.roof_section .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.pagheading p{ font-size: 17px; line-height: 27px;}
.driveway_sec .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.driveway_left_sec{ border: none;}
.driveway_right_content .rescntrt {
    margin-top: 0;
}
.driveway_right_content{ padding: 20px 15px;}
.gettservzs{ padding: 50px 0;}


.meetteamsec .owl-prev {
    left: 0;
}
.meetteamsec .owl-next {
    right: 0;
}
.teamBox h4{ font-size: 22px;}

.aboutsec2 .lftChoose {
    position: inherit;
    top: inherit;
    left: inherit;
}
.aboutsec1{ padding-bottom: 136px !important;}

.aboutsec2 .col-md-5, .aboutsec2 .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.aboutsec2 .rtChoose{ margin: 30px 0 0 0; padding: 0 0 50px 0; min-height: auto;}
.faqpage1 .btn{ font-size: 17px;}


.homeservice .col-lg-3 {
    padding: 0 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}


.driveway_right_content, .driveway_left_sec img{min-height: auto;}






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


.homebanner .bannertxt h1 {
    font-size: 56px !important;
    line-height: 60px !important;
}




}


 
@media only screen and (max-width: 767px){

.whychoossec .col-md-5, .whychoossec .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.lftChoose{ padding-right: 60px;}
.srvreat{right: 0;}

.bannertxt h1, .bannertxt strong {
    font-size: 40px;
    line-height: 53px;
}
.bannertxt p {
    font-size: 17px;
    line-height: 26px;
}


.pagheading h1, .pagheading h2, .pagheading h3 {
    font-size: 38px;
    line-height: 51px;
}
.pagheading h5 {
    font-size: 25px;
    line-height: 34px;
}
.rtChoose {
    padding-left: 0;
}
.whychoossec::before {height: 59px; bottom: -48px;}
.whatcustomrsec {
    padding: 109px 0 52px;
}

.footersec p{ margin-top: 20px;}


.bannertxt{ top: 35%;}
.bannertxt p{ margin-top: 11px;}
.bannerItm img{ height: 545px;}
.whychoossec{ border: none;}

.bannerForm{ padding: 0 15px;}

.leftlest ul li:nth-child(2), .leftlest ul li:nth-child(3){ display: none;}
.rescntSec{ padding: 50px 0;}
.fidPnl{ display: block;}


.inputfld input[type="text"], .inputfld input[type="email"], .inputfld input[type="tel"], .inputfld select{ height: 55px;}

.rescnt_content{ margin-top: 54px;}
.washing_sec {
    padding-bottom: 0;
}
.driveway_left_sec img{ min-height: 396px;}
.call_sec {
    margin-bottom: 56px;
}

.servtopsec{ padding-bottom: 90px;}
.whyshotovl::after {height: 59px; top: -48px;}
.rescntSec{ padding-top: 110px;}
.banFrtm2 .bannerForm {
    padding: 0;max-width: 100%;
}

.aboutsec1 .rescntSec {
    padding-top: 0;
}
.aboutsec1 {
    padding-bottom: 67px !important;
}
.meetteamsec{padding: 100px 0 63px;}
.logossec{ padding: 40px 0;}
.aboutsec2::after {height: 59px;top: -54px;}


.homebanner .bannertxt h1 {
    font-size: 56px !important;
    line-height: 60px !important;
}
.homebanner .bannertxt p{ font-size: 24px !important;
line-height: 41px !important;}



.homeservice .col-lg-3 {
    padding: 0 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}



}

@media only screen and (max-width: 640px){ 
/*location*/
.card_sec .col-lg-4 {
    padding: 0 10px;-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.homebanner .bannertxt h1 {
    font-size: 56px !important;
    line-height: 60px !important;
}
.homebanner .bannertxt p{ font-size: 24px !important;
line-height: 41px !important;}


}
@media only screen and (max-width: 575px){ 
	
	
.foottop ul li{ font-size: 13px; line-height: 19px;}	
.bannertxt h1, .bannertxt strong {
    font-size: 33px;
    line-height: 41px;
}	
.bannertxt p {
    margin-top: 4px;font-size: 15px;
line-height: 22px;
}	
.bannerForm label{ font-size: 20px;}	
.banFrtm input[type="text"]{ font-size: 15px;}	
.banFrtm input[type="submit"]{ font-size: 15px;}	


.signBtn{ font-size: 13px; padding: 0 13px;}
.phno{ font-size: 14px; line-height: 20px;}

.headRt li {
    display: inline-block;
    margin-left: 9px;
}
	


.innerbanner .bannerItm img {
    height: 293px;
}
.bannersec::before {height: 54px;}
.arws{ bottom: -48px;}


.inputfld{ margin: 6px 0;}
.contactpage .box_content{ padding: 31px;}

.misnvisnBox p{ font-size: 15px; line-height: 20px;}
.misnvisnBox h4{ font-size: 25px; line-height: 32px;}
.misnvisnBox .media-body {
    padding-left: 15px;
    padding-right: 15px;
}
.misnvisnBox .media-left img{ max-width: 100%;}

.homebanner .bannertxt h1 {
    font-size: 36px !important;
    line-height: 43px !important;
}
.homebanner .bannertxt p{ font-size: 17px !important;
line-height: 38px !important;}


	
}

@media only screen and (max-width: 480px){ 

/*.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}*/
.foottop .col-6:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}



.pagheading h1, .pagheading h2, .pagheading h3 {
    font-size: 30px;
    line-height: 44px;
}

.pagheading p{ font-size: 16px; line-height: 27px;}

.requBtn{ font-size: 14px; line-height: 48px;}
.footlogo img {
    max-width: 38%;
}
.ba-slider img{ height: 286px;}


.navbar-brand {
    width: 104px;padding-left: 9px;
}
.headRt{ top: 7px;}
.foottop h4{ font-size: 17px;}



.misnvisnBox .media-left {
    width: 40%;}




.logossec ul li {
    width: auto;
    float: none;
    border:none;
    display: inline-block; padding: 3px;
}
.logossec ul li a{ display: inline-block;  border: 1px solid #e8e8e8;}
.logossec ul li img {
    max-width: 122px;
}

.homebanner .bannertxt h1 {
    font-size: 28px !important;
    line-height: 38px !important;
}
.homebanner .bannertxt p{font-size: 17px !important;
line-height: 26px !important;}


} 


@media only screen and (max-width: 440px){ 
.headRt img{ width: 30px;}
.signBtn {
    font-size: 12px;
    padding: 0 9px;
    line-height: 35px;
}
.phno {
    font-size: 13px;
    line-height: 18px;
}
.headRt{ top: 10px;}


.headRt ul li:nth-child(1),.headRt ul li:nth-child(2){ display: none;}

.foottop .col-6:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.pagheading h5 a{ display: inline-block; width: 100%;}

.header_sec.fixed .nav_top .navbar-toggler {
    padding: 5px 10px 10px;
}

.homebanner .bannertxt h1 span::before {background-size: 16px;left: -35px;}
.homebanner .bannertxt h1 span::after {background-size: 16px;right: -36px;}




.homeservice .col-lg-3 {
    padding: 0 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}



}


@media only screen and (max-width: 400px){ 

.footBotmInn .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; text-align: center !important;
}
.cartpic{ margin-top: 20px;}
.banFrtm input[type="submit"] {
    font-size: 10px;
}
.banFrtm input[type="text"] {
    font-size: 13px;
    background-size: 12px !important;
    padding: 0 29px !important;height: 41px;
}
.banFrtm input[type="submit"]{ height: 41px;}
.pagheading h5 {
    font-size: 21px;
    line-height: 30px;
}

}