.btm-logo { padding-top: 45px}

.svg-align { position: relative; 1500; height: 100vh }
.svg-align object, .svg-align object { width: 100%; height: auto; position: absolute; bottom: -6px; left: 0; vertical-align: bottom}


.hme-banner-caption h2, .hme-banner-caption h3, .hme-banner-caption h4 { opacity: 0 }

.run-animation h2, .run-animation h3, .run-animation h4 { opacity: 0; animation:  0.3s banCapsAni ease-in forwards; transform: translateY(-50px)}
.run-animation h2 { animation-delay: 5s }
.run-animation h3 { animation-delay: 5.5s }
.run-animation h4 { animation-delay: 6s }


@keyframes banCapsAni {    0% {        opacity: 0;        transform: translateY(-50px);    }    80% {    transform: translateY(10px);        }    100% {        opacity: 1;        transform: translateY(0px)     } }



.icon-scroll a, .icon-scroll a::before {    position: absolute;    left: 50%;    transform: translateX(-50%); }
.icon-scroll a {       border: 1.5px solid #fff;    border-radius: 25px;    cursor: pointer;    bottom: 2rem; position: absolute; bottom: 50px; z-index: 6000;  }
.icon-scroll a:link, .icon-scroll a:visited { display: block; width: 15px; height:  30px }

.icon-scroll a::before {    content: '';    width: 5px;    height: 5px;    background: #fff;    margin-left: -3px;    top: 5px;    border-radius: 50%;    animation: 1.5s scroll cubic-bezier(0.65, -0.55, 0.25, 1.5) infinite; }
.icon-scroll {position:relative; }
.icon-scroll span {width: 100%; text-align: center; display: block; position: absolute;
color: #fff; bottom:25px; font-size:12px; }
.fadeInUp{animation:fadeInUp 1s ease backwards; animation-delay: 6s;}
@keyframes fadeInUp{
  0%{ opacity: 0;}
  100%{opacity: 1;}
}
@keyframes scroll {    0% {        opacity: 0;        transform: translateY(0) scale(0.5);    }    10% {        opacity: 1;        transform: scale(1);    }
    100% {        opacity: 0;        transform: translateY(20px) scale(0.5);    } }


.sub-banner picture { width: 100% }
.radio-table table { width: calc(50% - 0px)}
/* -------------------- owl slider resets ---------------------- */
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { position: absolute;  top: 50%; transform: translateY(-50%)}
.owl-carousel .owl-nav .owl-next { right: -50px } .owl-carousel .owl-nav .owl-prev { left: -50px }
.owl-prev span { display: block; background-image: url("../images/icon/prev-icon.webp"); width: 17px; height: 45px; font-size: 0.1px; color: rgba(255,255,255,0) }
.owl-next span { display: block; background-image: url("../images/icon/next-icon.webp"); width: 17px; height: 45px; font-size: 0.1px; color: rgba(255,255,255,0) }
.owl-carousel .owl-nav:hover button.owl-next, .owl-carousel .owl-nav:hover button.owl-prev { background: none }
/* -------------------- owl slider resets ---------------------- */
.bx-wrapper {     -moz-box-shadow: none;    -webkit-box-shadow: none;    box-shadow: none;    border: none;    background: none; margin-bottom: 0 }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; top: -93px; right: 0; bottom: auto; width: auto}
.bx-wrapper .bx-pager.bx-default-pager a {    width: 14px;    height: 14px; border-radius: 50%; background: rgba(255,255,255,0.2) }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: rgba(255,255,255,0.5) }
/* -------------------- mm head ---------------------- */
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before {    background: #3c4041; }
.mh-head { background: none}
/* -------------------- mm head ---------------------- */
/* -------------- Smo ----------------- */
.smo svg {     fill: #fffbfb;    width: 100%;    height: auto; }
.smo li {    display: block;    padding: 0 13px;}
.smo li svg {    width: 20px;}
.cpr-home .smo {     position: absolute;    left: 50%;    transform: translateX(-50%); }
.smo ul {    gap: 1px; }
.smo li svg {    width: 11px;    height: auto;}
.smo li:nth-child(2n) svg {    width: 21px;}
.smo li:nth-child(3n) svg {    width: 26px;}
.smo li:nth-child(4n) svg {    width: 18px;}
.design { display: none}
.cpr-home  .design { display: block}
@media (max-width: 1600px) {
	.container  { padding: 0 100px;}
}
@media (max-width: 1400px) {
:root { --gutter:60px 0;  }	
	.container  { padding: 0 50px;}
	.welcome-img {     right: 40px;} 
	.welcome-title {   padding-bottom: 25px; }
	.footer-map {     width: 481px;}
	.two-column-layout { gap:40px } .column-1 {    width: calc(50% - 40px); }	
	.hme-banner-caption h2, .hme-banner-caption h3, .hme-banner-caption h4 {    font-size: 65px; }
	.hme-banner-caption h3 {    font-size: 90px }
	.welcome-title h1 {  font-size: 56px; } 
	.welcome-title h2 {  font-size: 38px;  }
	.hme-serv-title h2 { font-size: 40px }
	.hme-serv-title h3 {    font-size: 100px; }	
	.servHomeOver figcaption h3, .hme-testi-hd { font-size: 34px; }
	 .sub-banner h4 { font-size: 33px; }
	.sub-banner h3 { font-size: 48px}
	.sub-banner h4 span {    font-size: 44px; }
		.site-name h3 { font-size:50px  }
	.site-name h4 {    font-size: 32px; 	 }	
}
@media (max-width: 1300px) {
	.welc-rm { padding-bottom: 0 }
	.header-wrapp .align { padding: 15px 0}
	.site-logo {    width: calc(270px - 0px); }
	.test-sld-blk {     padding-right: 0;}
	.foot-address { width: 285px}
	.two-column-layout { gap:30px } .column-1 {    width: calc(50% - 30px); }	
	.serv-land-blk article { padding: 46px 52px }	
	.site-name h4 { padding-bottom: 20px }
	.welcome-title h1 {    font-size: 48px; } .welcome-title h2 {    font-size: 33px; }	
	.servHomeOver figcaption h3, .servHomeOver figcaption h4 {     line-height: 29px; }	
	.primary-menu ul li a:link, .primary-menu ul li a:visited {    font-size: 17px; }
	.hme-service-twin .servHomeOver figcaption h3 {    font-size: 28px; }
	.servHomeOver figcaption h4 {    font-size: 24px; }
	.site-name h3 { font-size:40px  }
	.site-name h4 {    font-size: 26px; 	 }
}
@media (max-width: 1180px) {
	:root { --gutter:40px 0;  }	
	.welcome-block  { padding: var(--gutter)}
	.hme-service-wrapp { padding:  var(--gutter) }
	.free-consultation-wrapp { padding-bottom: 40px}
	.footer-wrapp { padding-top: 40px }	
	.welcome-img { position: relative; width: calc(50% - 0px); right: 0; padding-left: 0}
	.welcome-block .container { display: flex; flex-direction: row; flex-wrap: wrap }
	.footer-map {    width: 405px; }
	.about-content { padding-top: 30px }
	.serv-single-content {    width: calc(75% - 0px);     padding-right: 48px; }	
	.hme-banner-caption {bottom: 49px;    left: 50px; 	}
	.our-speciality-wrapp .align {     padding-left: 54px;} 
	.hme-banner-caption h2, .hme-banner-caption h3, .hme-banner-caption h4 {font-size: 40px;     line-height: 63px;}
	.hme-banner-caption h3 {    font-size: 75px }	
	.sub-banner h4 { font-size: 25px; }
	.sub-banner h3 { font-size: 36px}
	.sub-banner h4 span {    font-size: 33px; }	
}

@media (max-width: 1080px) {
	#page { width: 100%; overflow-x: hidden }	
	.primary-menu { display: none }		 	.count {    font-size: 30px; }		.hme-testi-img {    padding-right: 0; }
	.welcome-block article { padding-right: 40px}	#mobile-menu-app, .mobMenu-show { display: block}	.two-column-layout { gap:20px } .column-1 {    width: calc(50% - 20px); }
}

@media (max-width: 1024px) {

	.svg-align object { left: auto; right: 0; width: 120% }


	.counter-section { font-size: 14px}
	.counter-icon {    width: 62px; } 
	.foot-menu, .serv-land-blk p { display: none } 
	.counter-blocks ul { gap:20px }
	.counter-blocks li { width: calc(25% - 20px)  }
	.servLanTwoColmn .column-1  { width: calc(50% - 20px) }
	.counter-blocks li figure { width: 90px;    height: 90px; }
	.serv-land-blk, .servLanTwoColmn { padding-bottom: 40px}
	.welc-rm { padding-top: 15px;     padding-bottom: 0; } 
	.welcome-title h1 {    font-size: 40px; } 	.welcome-title h2 {    font-size: 28px; }	
}
@media (max-width: 990px) {
	.side-bar { display: none }
	.serv-land-blk article {    width: calc(409px - 0px); 	}
	.serv-single-content {     width: calc(100% - 0px);    padding-right: 0px; } 
	.our-speciality-wrapp .align { width: 100% }
	.our-speciality-wrapp { min-height: 100px; padding: 45px 0; background-image: url("../images/our-specialities-bg-990w.webp"); background-size: auto}
	.contat-blk { position: relative; width: calc(100% - 0px); padding: 45px 0; text-align: center } .gmap-align { padding-left: 0 }
	.contact-logo { margin: 0 auto} .back-btn{right:0; }
}
@media (max-width: 860px) {
	.two-column-layout { gap:0px } .column-1 {    width: calc(100% - 0px); }
	.about-img { margin: 30px 0; text-align: center } .about-2nd-img { display: none }
	.container {    padding: 0 40px;}  	.btm-logo {    width: 235px; } 	.foot-address, .footer-map { width: calc(50% - 0px)}	
}
@media (max-width: 768px) {
	.site-logo {    width: calc(240px - 0px); }			.top-call img { width: 30px}
	
		.svg-align object { left: auto; right: 0; width: 130% } 
	.welcome-block article, .hme-testi-img, .welcome-img, .hme-service-item, .welcome-img, .hme-testi-cnt  {    width: calc(100% - 0px);  	}	
	.hme-slide-1 {     background-image: url(../images/banner/home-slider-768w.webp); }
	.hme-slide-2 {     background-image: url(../images/banner/home-slider-1-768w.webp); }
	.hme-slide-3 {     background-image: url(../images/banner/home-slider-2-768w.webp); }
	.welcome-block article { padding-right: 0 }
	.welcome-img, .hme-testi-img, .sub-banner figcaption 	{ display: none }
	.welcome-img, .hme-testi-cnt { padding-left: 0}
	.btm-contact img { width: 45px } .btm-contact { font-size: 16px; } .btm-contact p { line-height: 22px }
	.counter-blocks ul { gap:5px; justify-content:center; }
	.counter-blocks li { width: calc(25% - 5px)  }
	.counter-blocks li figure { width: 70px;    height: 70px; padding: 13px }
	.count { font-size: 30px; } .about-counter-wrapp p { line-height: 22px}	
	.banner-wrapp-sub {    padding-top: 83px; }
	.our-speciality-wrapp .align { padding: 0} .our-speciality-wrapp { padding: 35px}
	.owl-carousel .owl-nav .owl-prev {    left: -37px; } .owl-carousel .owl-nav .owl-next {    right: -34px; }
	.page-title { margin-bottom: 40px }
	.about-img { margin: 30px 0  } .about-counter-wrapp { margin: 30px 0}
	.serv-land-blk article { position: relative; width: calc(100% - 0px); padding: 25px}
	.serv-two-colmn-item article { padding: 25px}
	.serv-land-blk { flex-direction: column-reverse}
	.about-content { padding-top: 0 }
	.hme-banner-caption h3 {    font-size: 62px; } 
	.hme-banner-caption h2, .hme-banner-caption h3, .hme-banner-caption h4 {    font-size: 48px;     line-height: 50px; text-shadow: 2px 5px 4px rgba(0,0,0,0.45);}
	.servHomeOver figcaption h3 { font-size: 20px}	
	.hme-service-twin .servHomeOver figcaption h3 {     font-size: 20px;}
	.hme-service-twin .servHomeOver figcaption h4 {    font-size: 18px;}
	.servHomeOver figcaption h3, .servHomeOver figcaption h4 {    line-height: 23px; }
	.serv-land-hd h3, .service-hd {    font-size: 23px; }  .serv-land-hd h4 {    font-size: 15px;  }
	.missVissContent .column-1 figure {text-align:center; } .back-btn a{font-size:14px !important; }
}
@media (max-width: 668px) {
	.container {    padding: 0 30px; }	
	.hme-banner-caption { top: 50%; transform: translateY(-50%); width: 100%; text-align: center; left: 0; bottom: auto}	
	.btm-logo  { display: none }
	.foot-address, .footer-map { width: calc(100% - 0px)} .footer-map  { margin-top: 25px}
	.cpr-home .smo { position: relative; transform: translateX(0); left: auto}	
	.cpr-wrapp .container { flex-direction: column; justify-content: center; align-items: center}	
	.welcome-title {    padding-bottom: 6px;} 
	.hme-serv-title-blk {     margin-bottom: 25px;}
	.servHomeOver figcaption h3, .hme-testi-hd {    font-size: 29px; }
	.hme-testi-hd { padding-bottom: 10px }
	.serv-land-blk article {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between; align-items: normal;  align-content: normal;}		 
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {     top: -70px; } 
	.free-consultation-wrapp .container { padding: 0}
	.free-consultation-wrapp {padding-bottom: 0}
	.serv-land-hd h3, .service-hd { text-align: left}	
	.mh-head.mh-btns-left {    padding-left: 37px; }	
	.intFit-serv, .service-two-column { padding-top: 20px}
	.intFit-serv li {    width: calc(50% - 5px); }	
	.intFit-serv ul, .service-two-column ul { gap:5px}
	.service-two-column li {    width: calc(50% - 5px);}	
	.our-speciality-wrapp .align li { width: calc(50% - 0px); font-size: 15px}
	.servLanTwoColmn { padding-bottom: 0 }
	.servLanTwoColmn .column-1 {    width: calc(100% - 0px); padding-bottom: 20px } .form-left table tr { display: block}
	.radio-table table { width: calc(100% - 0px) !important}	
	.serv-land-hd h4 {padding-bottom: 0}
	.serv-land-blk { padding-bottom: 20px }	
	.welcome-title h1 {   font-size: 30px; }
	.welcome-title h2 {    font-size: 21px;}  
	.hme-serv-title h3 {    font-size: 85px; }
	.hme-serv-title h2 {    font-size: 35px; }
	.free-cons-bg h4 {     font-size: 24px;}
	.counter-section .container {justify-content:center; gap:20px; }
	
}

@media (max-width: 528px) {	
.btm-contact-wrapp .container {justify-content:center; gap:20px; }
.gmap{height:350px;} .chbk{font-size:20px; }
.svg-align, .infbuild, .home-banner{height:500px; }  
.hme-banner-caption{top:25%; }  .icon-scroll {display:none; }
}
@media (max-width: 428px) {	
	.hme-slide-1 {     background-image: url(../images/banner/home-slider-428w.webp); }
	.hme-slide-2 {     background-image: url(../images/banner/home-slider-1-428w.webp); }
	.hme-slide-3 {     background-image: url(../images/banner/home-slider-2-428w.webp); }	
			.svg-align object { left: auto; right: -42px; width: 180%;  }
			
	.site-logo {    width: calc(200px - 0px); }	
	.serv-slider-sub figcaption {   font-size: 20px;    line-height: 20px; }
	.owl-carousel .owl-nav .owl-prev {    left: -28px; } .owl-prev span, .owl-next span { width: 12px !important }
	.owl-carousel .owl-nav .owl-next {    right: -25px; } .owl-next span { background-position: right center }
	
	.conter-blk { width: calc(50% - 20px); text-align: center; padding: 5px; flex-direction: column; justify-content: center; align-items: center}
	.counter-icon { padding-right: 0; padding-bottom: 5px; width: 47px }
	.about-counter-wrapp { height: auto; padding: 40px 0 }
	.counter-blocks li {    width: calc(50% - 5px); }	
	.btm-contact img {    width: 35px; }
	


}

@media (max-width: 362px) {	
.btm-contact-wrapp .container {justify-content:left; }
}