@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;600;700&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
html{margin:0;padding:0;overflow-x:hidden}
body{font-family:'Bai Jamjuree',sans-serif;font-weight:400;padding:0;color:#666;font-weight:400;padding-right:0!important;overflow-x:hidden;font-size:15px;line-height:1.4}
img{border:0}
*{box-sizing:border-box}
a{color:var(--brown);text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:hover{text-decoration:none;color:var(--green)}
h1,h2,h3,h4,h5{margin:0 0 15px;padding:0;font-weight:700; font-family: "Cormorant Garamond", serif;}
:root{--green:#e2c6a0!important;--dark:#8b642f!important}
@keyframes wiggle{
0%{transform:rotate(0)}
80%{transform:rotate(0)}
85%{transform:rotate(5deg)}
95%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}
.container{width:1200px;max-width:100%}
hr{margin-top: none!important;  margin-bottom:  none!important;  border: 0;  border-top: none!important;}
.modal-dialog{max-width:900px}
.modal-content{border:none;position:relative;padding:0!important;font-size:14px;border-radius:0;-webkit-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);-moz-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);box-shadow:0 10px 34px -15px rgba(0,0,0,.24)}
.modal-content .modal-header{padding:0;border:none}
.modal-content button.close{position:absolute;top:0;right:0;padding:0;margin:0;width:40px;height:40px;z-index:1;text-shadow:none;background:var(--green);color:#fff;opacity:1}
.modal-content .modal-body{border:none;position:relative;z-index:0}
.modal-content .row [class^=col-]:first-child{background:transparent url('../images/bg-1.jpg') no-repeat center center;background-size:cover}
.modal-content .modal-body h2{font-weight:700;text-transform:uppercase;font-size:42px}
.modal-content .modal-body h2 span{font-weight:400}
.modal-content .modal-body h4{text-transform:uppercase;font-size:15px}
.modal-content .modal-body .form-control{margin-bottom:10px}
.modal-content .modal-body .btn-primary{color:#fff!important;text-transform:uppercase;letter-spacing:1px;font-size:14px;background:var(--green)!important;width:100%;margin-top:10px;border:none!important}
.modal-content .text{position:relative;z-index:0}
.modal-content .text:after{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;content:'';border:1px solid rgba(0,0,0,.1);z-index:-1}

.header-topArea{float:left;width:100%;color:#fff;position:relative;z-index:1000;background:#444 no-repeat center center;background-blend-mode:soft-light;background-size:cover;display:block;padding:0}
.header-topArea h2{font-size:18px;margin-bottom:0}
/*.header-topArea ul{margin:0!important;padding:0!important;list-style-type:none!important;text-align:right;position:relative;bottom:-25px}
.header-topArea ul li{display:inline-block;width:155px;text-align:left;font-weight:700;margin-left:-4px}
.header-topArea ul li a{background:#000;color:#fff;display:block;overflow:hidden;padding:15px;border-bottom-left-radius:30px;font-size:18px}
.header-topArea ul li:first-child a{background-color:var(--green)}
.header-topArea ul li a small{display:block;clear:both;padding-bottom:3px;font-size:12px}
.header-topArea ul li a:hover{background:var(--dark)}*/


ul.header-links {margin:0!important;padding:0!important;list-style-type:none!important;text-align:right;position:relative;/*bottom:-25px*/}
ul.header-links li{display:inline-block;/*width:155px;*/  text-align:left;font-weight:700;margin-left:-4px}
ul.header-links  li a{background:var(--dark); color:#fff; height:65px; display:block; overflow:hidden; padding:15px 10px;/*border-bottom-left-radius:30px;*/font-size:18px; margin-bottom: -6px; line-height: 1.2; text-decoration: none;}
ul.header-links  li:first-child a{background-color:#fff; color: #000; text-align: center}
ul.header-links  li:last-child a{background:#21bd5b;}
ul.header-links li a small{display:block;clear:both;padding-bottom:3px;font-size:12px}
ul.header-links  li a:hover{background:var(--green); color: #000}


ul.topsocial-links{margin:0!important; padding:0!important; list-style-type:none;display:block;overflow:hidden;clear:both}
ul.topsocial-links li{display:inline-block;margin-right:5px}
ul.topsocial-links li a{text-align:center;color:var(--green);display:block;border:1px var(--green) solid;width:36px;height:36px;text-align:center;border-radius:50%}
ul.topsocial-links li a i{font-size:18px;line-height:36px}
ul.topsocial-links li a:hover{background:var(--green);color:#fff}


#myHeader{margin:0;position:relative;z-index:100;float:left;width:100%;clear:both;z-index:999;margin-top:0;background:#fff}
.logo{position:relative;display:block}
.logo img{height:130px;transition:all .2s ease-in-out;padding:10px 0}
#myHeader.sticky{position:fixed;left:0;right:0;top:0;margin-top:0;padding:0 2%;width:100%;background:#fff;-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);box-shadow:0 3px 5px 0 rgba(0,0,0,.2)}
#myHeader.sticky .logo img{height:100px}
.callBox{position:relative;padding-left:50px;color:#fff}
.callBox i{position:absolute;left:0;font-size:42px;color:var(--green)}
.callBox a{display:block;font-weight:700;margin-bottom:0;line-height:1.1;color:#fff}
ul.topBox{margin:0;padding:0;list-style-type:none;background:var(--green);padding:10px 20px;margin-bottom:20px;float:right;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
ul.topBox li{display:inline-block;margin-right:20px}
ul.topBox li a{padding:0 5px;color:#fff;font-weight:600}
ul.topBox li i{color:#fff}
ul.topBox li a:hover{color:var(--dark)}
.project-slider{position:relative;clear:both;width:100%;background:#222;display:block;overflow:hidden; clear: both;}
.project-slider .content{position:absolute; width:30%;text-align:left;right:50px;top:50%;transform:translate(0,-50%);color:#444;z-index:100; border-radius:100px; /*box-shadow: 5px 5px 0px var(--green);*/}
.project-slider h2{color:#fff;font-size:40px;margin-bottom:30px;font-weight:700;text-shadow:1px 1px 1px #222,3px 3px 5px var(--dark)}
.project-slider ul{list-style-type:none;margin:0 0 30px;padding:0;font-size:18px}
.project-slider ul li{margin:10px 0}
.project-slider ul li i{color:var(--green);font-size:22px;margin-right:5px}
/*.project-slider .content a{display:inline-block;padding:10px 30px;background:var(--dark);color:#fff;font-weight:600}
.project-slider .content a:hover{background:var(--green);color:var(--dark)}*/
/*#cmn-video-demo4__video2{position:absolute;top:50%;left:50%;z-index:1;width:101%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);mix-blend-mode:hard-light;opacity:.5}*/

/*.aboutArea > div.highlights{position:absolute; left:50%; top:-60px; z-index:999; transform:translate(-50%); background:#fff; font-size:22px; padding:20px 40px; text-align:center; border-radius:100px; box-shadow: 5px 5px 0px var(--green);}
.aboutArea > div.highlights a{ font-size:30px; font-weight:600; clear:both; display:block; overflow:hidden;}
.aboutArea > div.highlights a i{font-size:24px;}
.aboutArea{display:block; text-align:center; padding:100px 0 60px; position:relative;z-index:2; background:#eee; display:block;}
.aboutArea .aboutContent{width:100%; position:relative; z-index:5; font-size:17px; background:#fff; display:block;overflow:hidden; padding:30px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.aboutArea h2{color:var(--green); font-size:38px;}
.aboutArea h2 span, .highLightText h3, .testimonialsArea h2, .whyUsArea h2, .videoArea h2{display:block; overflow:hidden; font-size:30px; letter-spacing:-1px; line-height:1; font-weight:700; margin-bottom:0px; color:var(--black);}
.aboutArea h3{font-size:22px;}
.aboutArea .container a, .highLightText .row + a{display:inline-block; margin:15px 0; background:#fff; border:2px var(--black) solid; text-transform:uppercase; color:var(--green); padding:12px 20px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.aboutArea .container a:hover, .highLightText .row + a:hover{background:var(--black); color:#fff;}*/


.formAreaOuter{display:block; background:url('../images/welcome-right-img.png') no-repeat right bottom, url('../images/left-image.png') no-repeat left top; padding:100px 0 100px; position: relative; z-index: 99; text-align:center}

.formAreaOuter > div{display:block;margin:0 auto;background:rgba(255,255,255,.7);padding:30px; width:50%;text-align:center;backdrop-filter:saturate(180%) blur(10px);box-shadow:rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px;}

.formArea{padding: 0px 40px 20px; line-height: 1.2; width:100%; position: relative; background:#fff;}
.formArea:before{position: absolute; content: ''; display: block; top: -30px; bottom:0; left: 0; right: 0; background: #fff; z-index: -1; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); border-radius: 10px 10px 10px 10px;}
.formArea label{display:inline-block; overflow:hidden; margin-bottom:7px; vertical-align:middle; width:100%;}
.formArea label input, .formArea label textarea{width:100%; padding:10px; margin-bottom: 10px; display:block; font-size:15px; border:none; background:#fff; border: 1px #ddd solid;}
.formArea label.big{width:100%;}
.formArea label textarea{height:80px;}
.formArea label input[type="submit"]{background-color: var(--dark); color:var(--light); font-size:20px; font-weight:600; padding:15px 15px; text-transform:uppercase;}
.formArea label input[type="submit"]:hover{background:var(--green); color:var(--lightn);}
.formArea > h3{ display:block; margin-bottom:20px; font-size:30px; text-transform:uppercase; text-align:left;}

.formAreaOuter [class^="col-"]{ font-size: 18px;}
.formAreaOuter [class^="col-"] h2{font-size: 48px;}
.formAreaOuter [class^="col-"] img{height:120px; margin-bottom:20px;}
.formAreaOuter [class^="col-"] big{font-size:26px; font-weight:300; line-height:1.3; margin-bottom:10px; display: block;}
.formAreaOuter [class^="col-"] a{font-size:20px; font-weight:600; color:var(--light); border-bottom:2px var(--light) solid; letter-spacing:1px; margin-bottom:15px; background: var(--dark); padding:10px;}




.serviceArea{display:block; overflow:hidden;padding:120px 0 60px; background:no-repeat #444 url('../images/parallax-img-01.jpg') fixed center center; background-size:cover; background-blend-mode:overlay; text-align:center;color:#fff; position:relative;}
.serviceArea > img{position:absolute; width:100%; top:-1px; left:0; right:0;}
.serviceArea > div{position:relative;z-index:5;}
.serviceArea h2{ font-size:60px; margin-bottom:5px; padding-top: 50px; }
.serviceArea h2 + p{margin-bottom:40px; font-size:22px;}

.serviceArea [class^="col"]{margin-bottom:20px;}
.serviceArea [class^="col"] > a{ position:relative; display:block; padding:10px;}
.serviceArea [class^="col"] a img{width:100%; transition:all .2s ease-in-out; /*border-radius: 50%;*/ border: 5px solid #fff; overflow:hidden!important; display: block!important;}
/*.serviceArea [class^="col"] a > div{background:rgba(0,0,0,0.6); border-radius: 50%; backdrop-filter: saturate(90%) blur(5px); transition:all .2s ease-in-out; padding:15px; height:150px; transform:translate(-50%,-50%); width:150px; position:absolute; right:0; top:50%; left:50%; bottom: 0; text-align:center;}*/
.serviceArea [class^="col"] a:hover > div{ height:100%; width:100%;}
.serviceArea [class^="col"] a h4{font-size:26px; color:#fff; text-decoration: none;/*position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);*/font-family: "Cormorant Garamond", serif;}
/*.serviceArea [class^="col"] a:hover h4{font-size:30px;font-family: "Cormorant Garamond", serif;}*/



.serviceArea .container > ul{list-style-type:none;margin:20px 0 0;padding:0;}
.serviceArea .container > ul li{display:inline-block; margin:0 8px;}
.serviceArea .container > ul li a{display:block; padding:10px 30px; background:#fff; border:2px #fff solid; color:#222; text-transform:uppercase; font-size:20px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.serviceArea .container > ul li a:hover{background:var(--dark); color:#fff;}
.serviceArea .container > ul li a i{margin-right:5px;}



.whychoseusArea{background:url('../images/serviceBg.jpg') no-repeat center center; background-size:cover;padding:120px 0;position:relative; background-blend-mode:screen}

.whychoseusArea h2{font-weight:700; text-align: center; color:var(--dark);margin-bottom:10px}
.whychoseusArea p{font-size:20px;margin-bottom:30px;display:inline-block}

.whychoseusArea [class^="col"] > div{display:block;margin:0 auto;background:rgba(127,58,46,.7);padding:30px; border-radius:100%;  text-align:center;backdrop-filter:saturate(180%) blur(10px);box-shadow:rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px}
.whychoseusArea [class^="col"] > div h3{font-weight:600; font-size:20px; text-align: center; color:#fff;margin-bottom:10px}

/*.testimonialsArea{background:#333 no-repeat center center fixed;background-size:cover;padding:120px 0;position:relative}
.testimonialsArea>div{width:800px;max-width:90%;display:block;margin:0 auto;background:rgba(255,255,255,.7);padding:30px;text-align:center;backdrop-filter:saturate(180%) blur(10px);box-shadow:rgba(50,50,93,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px}
.testimonialsArea h2{font-weight:700;color:var(--dark);margin-bottom:10px}
.testimonialsArea p{font-size:20px;margin-bottom:0;display:inline-block}
.testimonialsArea a{font-weight:700;font-size:26px;color:#222;margin-bottom:0;display:inline-block}
.testimonialsArea a i{background:var(--green);color:#fff;padding:15px;border-radius:50%;font-size:20px}
.testimonialsArea input,.testimonialsArea select,.testimonialsArea textarea{width:100%;display:block;margin-bottom:20px;background:#fff;border-radius:0;border:1px #ccc solid;height:40px;padding:0 10px}
.testimonialsArea textarea{height:100px;padding:10px}
.testimonialsArea input[type=submit]{background:var(--dark);border:none;width:100%;color:#fff;margin-bottom:30px;float:right;border-radius:0;font-weight:700}
.testimonialsArea input[type=submit]:hover{background:var(--green)}*/



.testimonials{display:block; overflow:hidden; padding:60px 0; text-align:center;}
.testimonials h3{display:block; overflow:hidden; margin-bottom:30px; font-size:26px; letter-spacing:2px; font-weight:700; text-transform:uppercase;}
.testimonials .item i{font-size:48px; margin-bottom:10px; color:var(--red);}
.testimonials .item > div{width:900px; margin:0 auto 15px; max-width:90%; font-size:17px;}
.testimonials .item > div h5{font-weight:700;}

.galleryarea{display:block; padding:60px 0 100px; font-size:18px; position:relative; text-align: center; background:#fff url('../images/map-dotted.png') no-repeat center center fixed; background-size:cover;}
.galleryarea h2{ font-weight:700; margin-bottom:35px;}

.galleryarea a{display:block; overflow:hidden;padding:5px;}
.galleryarea a > img{width:100%;}



/*
.galleryArea{display:block;overflow:hidden; padding:60px 0 150px; background:#ddd;}
.galleryArea h2{text-align:center; margin-bottom:30px;}
.galleryArea a img{display:block;overflow:hidden;padding:2px; border-radius:10px;}
.galleryArea [class^="col-"]{ margin-bottom:30px;}*/

.highlightArea{background:#fff;clear:both;overflow:hidden;padding:60px 0;position:relative;text-align:center}
.highlightArea>div{position:relative;z-index:100}
.highlightArea h4{font-weight:300;font-size:30px;margin-bottom:40px}
.highlightArea h4 strong{display:block;clear:both;font-weight:700;font-size:48px;color:var(--green)}
.highlightArea>div>a{display:inline-block;background:var(--green);padding:14px 40px;color:#fff;text-transform:uppercase}
.highlightArea>div>a:hover{background:var(--dark);color:#fff}
.highlightArea>svg{position:absolute;bottom:-1px;left:0;right:0;width:100%;fill:var(--green);z-index:5}
.highlightArea .row{margin-bottom:30px;text-align:left}
.highlightArea .row [class^=col-]{position:relative;margin-bottom:40px}
.highlightArea .row [class^=col-]:before{border:1px #ddd solid;border-bottom-color:var(--green);content:'';display:block;top:0;bottom:0;left:15px;right:15px;position:absolute;z-index:-1}
.highlightArea .row [class^=col-]>div{padding:20px;display:block;overflow:hidden}
.highlightArea .row [class^=col-]>div h5{margin-bottom:10px;color:#222}
.highlightArea [class^=col-]>div>div{display:block;margin-bottom:10px;font-weight:700;color:var(--green)}
.highlightArea [class^=col-]>div span{width:80px;height:16px;display:inline-block;margin-left:5px;top:3px;position:relative;background:transparent url('../images/stars.png') no-repeat left top}
.highlightArea [class^=col-]>div span.star-4{background-position:left top -16px}
.highlightArea [class^=col-]>div span.star-3{background-position:left top -32px}
.highlightArea [class^=col-]>div span.star-2{background-position:left top -48px}
.highlightArea [class^=col-]>div span.star-1{background-position:left top -64px}

.footerArea{background:transparent url('../images/footer.jpg') no-repeat;background-size:cover;background-blend-mode:overlay;padding:50px 25px 30px;display:block;text-align:center;position:relative}
.footerArea>svg{position:absolute;top:0;left:0;width:250%;fill:#fff}
.footerArea img{height:120px;margin-bottom:15px}
.footerArea>div>a{display:inline-block;clear:both;padding:3px 10px;color:#fff}
.footerArea>div>a i{color:var(--green);margin-right:5px}
ul.social-links{margin:0 0 15px;padding:15px 0;list-style-type:none;display:block;overflow:hidden;clear:both}
ul.social-links li{display:inline-block;margin-right:5px}
ul.social-links li a{text-align:center;color:var(--green);display:block;border:1px var(--green) solid;width:36px;height:36px;text-align:center;border-radius:50%}
ul.social-links li a i{font-size:18px;line-height:36px}
ul.social-links li a:hover{background:var(--green);color:#fff}
.footerArea ul.social-links li a i{font-size:25px;line-height:50px}
.footerArea ul.social-links li a{width:50px;height:50px}
.footerArea ul+a img{height:auto!important;margin-bottom:0}
.footerBottom{background:var(--dark);padding:15px;display:block;font-size:13px;position:relative;color:#fff}
.footerBottom ul{float:right;margin:0;padding:0;list-style-type:none}
.footerBottom ul li{display:inline-block}
.footerBottom ul li a{display:block;padding:0 8px;color:#fff;border-left:1px var(--green) solid;line-height:1}
.footerBottom ul li:first-child a{border:none}
.footerBottom ul li a:hover{color:var(--dark)}
#scroll-icon{position:fixed;right:10px;bottom:10px;cursor:pointer;width:30px;height:30px;background-color:var(--green);text-indent:-9999px;display:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:99999}
#scroll-icon span{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:7px solid transparent;border-bottom-color:#fff}
#scroll-icon:hover{background-color:var(--dark);opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}





@media (max-width:991px){
.logo img{margin-bottom:0;max-width:100%;transition:.5s ease-in-out;height:120px;padding:10px 0}
ul.topBox{padding:10px;border-radius:10px;text-align:center;margin-bottom:-10px;position:relative;z-index:100}
ul.topBox li:first-child{display:none}
ul.topBox li{margin:0 5px!important}
.header-area{margin:0;padding:0 0}
#myHeader.sticky{position:fixed}
#myHeader.sticky .logo img{height:90px}
#myHeader,.topBox{width:100%}
#main-nav{background:var(--dark);padding:0}
.footerArea:before{top:50%;left:0}
.footerArea [class^=col-]>div{display:block;overflow:hidden}
.serviceArea [class^=col-]{margin-bottom:30px}
.serviceArea{padding-bottom:0}
.highlightArea{padding-top:20px}
.scheduleLesson h3{text-align:center;font-size:30px;margin-bottom:100px}
.scheduleLesson .row [class^=col-]:first-child{padding-right:15px}
.scheduleLesson:before{bottom:50%;right:0}
.scheduleLesson .row [class^=col-]:last-child{padding-left:15px;padding-top:80px;text-align:center}
.scheduleLesson>img{top:45%}
.welcomeArea h2{font-size:36px}
.serviceArea h2{font-size:36px}
.serviceArea ul li{display:inline-block;margin:10px 5px}
.footerArea [class^=col-] h4 i{position:static}
.formAreaOuter > div{ width:90%;}

.project-slider .content{position: relative; width:auto;text-align:left;right:0;top:0;transform:translate(0,-50%);color:#444;z-index:100; border-radius:100px; /*box-shadow: 5px 5px 0px var(--green);*/}

}
@media (max-width:767px){
.header-topArea{padding:10px 0 5px}
.header-topArea h2{display:none}
.header-topArea ul{bottom:0;text-align:center}
.header-area{margin-top:.5px;background:#fff}
#myHeader.sticky .stellarnav>ul>li>a{color:#fff!important}
ul.topBox li a{font-size:12px}
.logo::before{left:-80%}
.project-slider{height:50vh;top:0;margin-bottom:0}
.project-slider .content{width:100%}
.project-slider h2{font-size:24px}
.project-slider ul{font-size:14px}
.project-slider>img{width:110%;left:-2%;bottom:-1px}
#cmn-video-demo4__video2{width:auto;height:75vh}
.welcomeArea{padding:30px 0 0;text-align:center}
.welcomeArea h2 strong{font-size:24px}
.welcomeArea [class^=col-]>div{width:100%}
.welcomeArea [class^=col-]:last-child,.welcomeArea [class^=col-]:last-child p{text-align:left}
.welcomeArea .form-control{margin-bottom:15px}
.projectsArea [class^=col]:last-child a{height:150px}
.serviceArea h2 img{display:none}
.serviceArea [class^=col-]:first-child{margin-bottom:25px}
.serviceArea [class^=col-]>div h4{font-size:22px}
.serviceArea .row{margin-bottom:20px}
.serviceArea .row:last-child{margin-bottom:0}
.testimonialsArea>div{text-align:center}
.testimonialsArea h3{font-size:32px}
.testimonialsArea .carousel-item{padding:30px}
.testimonialsArea .carousel-item p{font-size:16px}
.runnignCarArea{padding:0 0 30px}
.runnignCarArea:before{top:30%;bottom:-50px}
.carBox{transform:translate(-22%,25%) scale(.45)}
.headerCall>ul{display:none}
.headerCall .mobileCallArea{display:block;margin-bottom:0;border-top:2px var(--brown) solid;width:100%;text-align:left}
.headerCall .mobileCallArea li{width:auto;margin-right:15px}
.highlightArea h4,.highlightArea h4 strong{font-size:30px;line-height:1.2;padding:5px 0 10px}
.highlightArea [class^=col-]{margin-bottom:30px}
.footer [class^=col-]{text-align:center;margin-bottom:10px}
.footer h4{text-align:center}
.footer .w-50{width:auto!important}
.footer .service-link li{display:block;clear:both;overflow:hidden}
.footer .text-sm-right{font-size:11px;margin-top:15px}
.footerArea [class^=col-]{text-align:center;margin-bottom:25px}
.footerBottom{text-align:center}
.footerBottom ul{text-align:center;display:block;float:none;padding-top:10px}
	.formArea:before{position: absolute; content: ''; display: block; top:0; }
	.formArea > h3{ font-size: 22px; padding-top: 20px;}
		.serviceArea .container > ul li{display:inline-block; margin:0 2px;}
	.serviceArea .container > ul li a{display:inline-block; padding:10px 10px; background:#fff; border:2px #fff solid; color:#222; text-transform:uppercase; font-size:16px; font-weight:700;}
	.whychoseusArea{padding:50px 0;}
}

@media (max-width: 500px){	
ul.header-links li{width:32%;text-align: center;font-weight:700; margin-left:0; margin-bottom: 4px;}
ul.header-links  li a{display:block;padding:10px;font-size:14px; margin-bottom:0; line-height: 1.2; font-weight:700;}
	/*ul.header-links  li:first-child a{background-color:#7f3a2e; color: #fff}*/

	
	ul.header-links  li a span{display: none; }
ul.header-links li a small{padding-bottom:6px;font-size:10px}
	
	ul.topsocial-links li{margin-right: 0; margin-bottom: 10px;  }
	ul.header-links  li i{font-size:24px }
	

.serviceArea .container > ul li a{display:inline-block; padding:8px 6px; background:#fff; border:2px #fff solid; color:#222; text-transform:uppercase; font-size:13px; font-weight:700;}
	.whychoseusArea [class^="col"] > div{ margin-bottom: 20px;}

}