/*
Theme Name: Hydrotech
*/

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

:root{
--bs-body: #3b4547;
--bs-primary: #46bae9;
--bs-danger: #ff0000;
--bs-warning: #fdb71a;
--bs-primary-rgb: 70, 186, 233;
--bs-danger-rgb: 255, 0, 0;
--bs-warning-rgb: 253, 183, 26;
}

body{padding: 0; margin: 0; background-color: #fff; color: var(--bs-body); font: 400 22px/1.5 'Open Sans', sans-serif;}
img{max-width: 100%; height: auto;}
.rounded-100{border-radius:100%;}
a{text-decoration: none; color: var(--bs-primary);}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Anton', sans-serif; font-weight: 400; margin-bottom: 1.5rem;}
.h1, .h2, h1, h2{font-size: 55px; margin-bottom: 2rem;  color: var(--bs-primary);}
.h3, h3{font-size: 35px;}
.h4, h4{font-size: 25px;}
.lead{font-size: 25px; font-weight: 400;}
p{margin-bottom: 1.5rem;}
strong{font-weight: 700;}

.btn{font-family: 'Anton', sans-serif; font-size: 22px; letter-spacing: 1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); --bs-btn-padding-x: 25px; --bs-btn-padding-y:12px;}
.btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 19px;
}
.btn img{margin-right: 15px;}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
}

.btn-danger {
--bs-btn-bg: var(--bs-danger);
--bs-btn-border-color: var(--bs-danger);
}
.btn-warning {
--bs-btn-color: #fff;
--bs-btn-bg: var(--bs-warning);
--bs-btn-border-color: var(--bs-warning);
--bs-btn-hover-color: #fff;
  }
.form-select,
.form-control{border-width: 2px; font-size: 18px; padding: 1rem 0.75rem;}
.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {padding: .85rem .5rem;}
textarea.form-control{height: 110px;}

.form-select.white,
.form-control.white{background-color: #07316d; border-color: #fff; color: #fff;} 
.form-select.white{background-image: url(images/dropdown2.png); background-size: auto;}
.form-control.white::-webkit-input-placeholder{color:#fff;}
.form-control.white::-moz-placeholder{color:#fff;}
.form-control.white:-ms-input-placeholder{color:#fff;}
.form-control.white::-ms-input-placeholder{color:#fff;}
.form-control.white::placeholder{color:#fff;}
  

.fullwidth, .alignfull, .full-max-width{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw !important;
margin-right: -50vw !important;
max-width: initial !important;}

@media (min-width: 1260px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1230px;
}
}

.media{display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start;}
.media-body{-ms-flex: 1; flex: 1;}

.wrapper{overflow: hidden;}

/* Header CSS
------------------------------------------------ */
.header{position: relative; border-bottom: solid 1px #0066ff; box-shadow: 0 0 10px #0066ff;}
.logo{position: absolute; left: 50%; top: 25px; z-index: 900; transform: translateX(-50%); width: 165px;}
.logo::before{content: ''; display: block; width: 175px; height: 180px; border-radius: 100%; background-color:#46bae9; box-shadow: 0 0 90px #3f8cff; position: absolute; z-index: -1; top: 49%; left: 50%; transform: translate(-50%, -50%);}


.header-top{background-color: #134d94; padding: 18px 0; color: #fff;}

ul.social-link{padding: 0; margin: 0; list-style: none;}
ul.social-link li{display: inline-block; margin: 2px;}
ul.social-link li a{display: block; border: solid 1px #fff; width: 34px; height: 34px; border-radius: 100%; color: #fff; text-align: center; line-height: 32px; font-size: 15px; transition: all 200ms ease-in-out;}
ul.social-link li a:hover{background: #46bae9; border-color: #46bae9; color: #fff;}

.btn-phone{border-radius: 50px;  --bs-btn-padding-y:7px;}

.header-bottom{background-color: #163c74; padding: 25px 0;}
@media screen and (min-width: 1200px) {
.top-menu-wrap ul li + li::before{content: '|'; display: inline-block; color: #2b4f8c; margin-right: 3px;}
}

@media screen and (min-width: 992px) {
.top-menu-wrap ul{padding:0; margin:0 -12px; list-style:none; text-align:right;}
.top-menu-wrap ul li{display:inline-block; position:relative; z-index:991; margin:0;}
.top-menu-wrap ul li a{padding:10px 12px; color:#ffffff; font-weight:700; font-size:15px; display:inline-block; text-transform: uppercase; position:relative;}
.top-menu-wrap ul li.dropdown > a:after{content:'\f0d7'; margin-left:8px; font-family:'FontAwesome'; font-size:14px;}
.top-menu-wrap ul li a:hover,
.top-menu-wrap ul li:hover > a,
.top-menu-wrap ul li.current-menu-item > a,
.top-menu-wrap ul li.current-menu-ancestor > a{color:#46bae9;}
.top-menu-wrap ul ul{padding:0; margin:0; list-style:none; position:absolute; left:0; width:230px; background:#fff; border-top:solid 2px #46bae9; padding:0; text-align:left;}
.top-menu-wrap ul ul li{float:none; padding:0; margin:0; display:block; border-bottom:solid 1px #bbbbbb;}
.top-menu-wrap ul ul li a{color:#222222; display:block; padding:15px; border:none; text-transform:none; letter-spacing:0;}
.top-menu-wrap ul ul li.dropdown > a:after{display:none;}
.top-menu-wrap ul ul li > a:before{display:none !important;}
.top-menu-wrap ul ul li a:hover,
.top-menu-wrap ul ul li:hover > a,
.top-menu-wrap ul ul li.current-menu-item > a,
.top-menu-wrap ul ul li.current-menu-ancestor > a{color:#f2ba18; text-shadow:none; background:none;}
.top-menu-wrap ul ul ul{left:100%; top:0;}
.top-menu-wrap ul li:hover > ul{display:block;}
.top-menu-wrap ul li ul {	
    opacity: 0;
    z-index: 10;	
    top: -9999em;	   		
    -webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
                box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
    
    -webkit-transform: scale(.9);
                transform: scale(.9);
    -webkit-transform-origin: center top;
                transform-origin: center top;
    -webkit-transition-property: -webkit-transform, opacity, top;
                transition-property: transform, opacity, top;
            
    -webkit-transition-duration: .3s, .3s, 0s;
                transition-duration: .3s, .3s, 0s;
            
    -webkit-transition-delay: 0s, 0s, .3s;
                transition-delay: 0s, 0s, .3s;
}

.top-menu-wrap ul li:hover > ul {
    top:100%;
    opacity: 1;	
    -webkit-transform: scale(1);
                transform: scale(1);
            
    -webkit-transition-delay: 0s;
                transition-delay: 0s;
}
.top-menu-wrap ul ul li:hover > ul{top:-10px; left:100%;}
}

/* Header CSS
------------------------------------------------ */
.site-content{padding: 80px 0;}

.home-banner{padding: 125px 0 190px; background: url(images/banner-bg.jpg) center center no-repeat; background-size: cover; position: relative;}
.home-banner::before{content: ''; display: block; width: 100%; height: 170px; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color: var(--bs-warning); position: absolute; bottom: -1px; left: 0; z-index: 1;}
.home-banner .con{max-width: 600px; font-size: 25px; color: #fff; position: relative; z-index: 9;}
.home-banner h1{font-size: 70px; color: #fff; margin-bottom: 1rem;}
.home-banner .con p{margin-bottom: 1.5rem; font-weight: 600;}
.home-banner .banner-image{position: absolute; z-index: 0; top: 0; right:50%; transform: translateX(80%);}

.banner-bottom{position: absolute; z-index: 9; width: 100%; bottom: 0; transform: translateY(50%);}
.banner-bottom .cell1, .banner-bottom .cell2{padding: 40px;}
.banner-bottom .cell1{background-color: var(--bs-danger); color: #fff;}
.banner-bottom .cell2{background-color: #042950; color: #fff;}
.banner-bottom .thumb{margin-right: 20px;}
.banner-bottom h4{color: var(--bs-warning); margin: 0; font-size: 25px;}
.banner-bottom h3{text-transform: uppercase; letter-spacing: 4px;}
.banner-bottom .ph{font-size: 41px;}
.banner-bottom .ph a{color: var(--bs-warning);}
.banner-bottom .btn{border-radius: 0; font-family: 'Open Sans', sans-serif; font-size: 19px; font-weight: 600; letter-spacing: 0;}

.home-sec1{background-color: #46b9e8; background-position: center top; background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; padding: 200px 0 125px; color: #fff; text-align: center;}

.scat-box{position: relative; display: block; max-width: 392px; margin: 0 auto; color: #fff !important; text-decoration: none; -webkit-transition: 0.4s; transition: 0.4s;}
.scat-box:hover {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.scat-box img{width: 100%;}
.scat-box p{margin: 0;}
.scat-box .caption{position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; font-size: 30px; font-weight: 600;}
.scat-box h3{margin: 0;}

.servicescat-carousel{margin-bottom: 100px;}
.servicescat-carousel .owl-item{padding-top: 15px;}
.servicescat-carousel .owl-nav button.owl-next, .servicescat-carousel .owl-nav button.owl-prev{width: 45px; height: 45px; border-radius: 100%; border: solid 3px #fdb71a; background-color: #042950; color: #fdb71a; font-size: 36px; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%);}
.servicescat-carousel .owl-nav button.owl-next span, .servicescat-carousel .owl-nav button.owl-prev span{display: block; margin-top: -7px;}
.servicescat-carousel .owl-nav button.owl-next{right: 0;}
.servicescat-carousel .owl-nav button.owl-prev{left: 0;}

.home-sec2{padding: 120px 0 30px; background-color: #6a3ac3; border-top: solid 10px #fff; color: #fff; text-align: center;}
.home-sec2 a{color: #fff;}

.services-box{text-align: center; min-height: 250px; max-width: 148px; margin: 0 auto; -webkit-transition: 0.4s; transition: 0.4s;}
.services-box:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    }
.services-box h3{font-size: 20px; margin-top: 10px; letter-spacing: 1px;}


.services-carousel{margin-bottom: 50px;}
.services-carousel .owl-item{padding-top: 15px;}
.services-carousel .owl-dots .owl-dot span{width: 17px; height: 17px; background: #fff;}
.services-carousel .owl-dots .owl-dot.active span, .services-carousel .owl-dots .owl-dot:hover span{background:#46bae9;}

.service-category-spsec{background: #efefef; padding: 70px 0;}

.textbox-list{counter-reset: item;}
.textbox-list .item{padding-left:calc(var(--bs-gutter-x) * .5 + 48px); position: relative;}
.textbox-list .item:before{content: counter(item, decimal-leading-zero) ". "; counter-increment:item; color: #d2232a; font-family:'Oswald', sans-serif; font-size: 24px; line-height: 1.3; font-weight: 300; position: absolute; left: 15px; top: 0;}
.textbox-list .item::after{content: ''; display: block; width: 1px; height: 67px; background: #d2232a; position: absolute; top: 40px; left: 28px;}

.testimonial-sec{background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 260px 0 100px; margin-bottom: 10px; text-align: center; color: #fff; border-bottom: solid 20px #2bc48a; position: relative;}
.testimonial-sec::before{content: ''; display: block; position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 156px; background: url(images/bg3.png) center bottom no-repeat;}
@media screen and (min-width: 1920px) {
.testimonial-sec::before{background-size: 100% 100%;}
}

.testimonial-carousel{max-width: 1020px; margin: 0 auto; background: url(images/quote1.png) 0 0 no-repeat; padding: 30px 75px 0; font-size: 25px; font-weight: 600;}
.testimonial-carousel::after{content: ''; display: block; background: url(images/quote2.png) 0 0 no-repeat; width: 70px; height: 51px; position: absolute; bottom:110px
    ; right: 0;}
.testimonial-carousel .thumb{border-radius: 100%; width: 84px !important; height: 84px !important; border: solid 3px #2bc48a; margin-right: 20px;}
.testimonial-carousel h6{font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 600;}

.testimonials-item + .testimonials-item{margin-top: 70px;}
.testimonials-item{background: url(images/quote1.png) 0 0 no-repeat; padding: 30px 95px 0; font-size: 25px; font-weight: 600;}
.testimonials-item .thumb{border-radius: 100%; width: 84px !important; height: 84px !important; border: solid 3px #2bc48a; margin-right: 20px;}
.testimonials-item h6{font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 600;}

.contact-sec{padding: 125px 0; background-color: #124691; background-position: center center; background-repeat: no-repeat; background-size: cover;  background-attachment: fixed; color: #fff; border-bottom: solid 20px var(--bs-warning); margin-bottom: 10px;}
.contact-sec .thumb{max-width: 684px; margin: 0 auto; position: relative;}
.contact-sec .thumb::before{content: ''; display: block; width: 94%; height: 94%; border-radius: 100%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%); background-color: #46bae9; box-shadow: 34px 15px 131px rgba( 0, 0, 0, .3 );}

.email-signup .btn{font-family: 'Open Sans', sans-serif;}

.pagination-wrapper{margin-top:30px;}
.pagination-separator{display:none;}
.pagination .nav-links{margin:0 auto; font-size:18px;}
.nav-links > *{margin:0 0 0 -1px; font-size:13px; font-weight:300; min-width:42px; text-align:center; padding:10px; border:solid 1px #d1d4d8; text-decoration:none !important; color:#444444;}
.nav-links > .current{background:#3e4347; border-color:#3e4347; color:#fff;}
.pagination .dots{transform:none;}

.wp-block-search{border:solid 1px #999999; background:none; position:relative; padding-right:36px; border-radius:0;}
.wp-block-search label{margin:0; width:100%; display:none;}
.wp-block-search .wp-block-search__input{width:100%; border:none; background:none; height:44px; padding:10px; color:#000;}
.wp-block-search .wp-block-search__button{width:36px; height:44px; border:none; background:url(images/search-icon.png) center center no-repeat #b1856a !important; position:absolute; right:0; top:0; font-size:0; cursor:pointer;}

.search-form{border:solid 1px #999999; background:none; position:relative; padding-right:36px; border-radius:0;}
.search-form label{margin:0; width:100%; display:none;}
.search-form .search-field{width:100%; border:none; background:none; height:44px; padding:10px; color:#000;}
.search-form .search-submit{width:36px; height:44px; border:none; background:url(images/search-icon.png) center center no-repeat #111834; position:absolute; right:0; top:0; font-size:0; cursor:pointer;}

.comment-reply-title:after{display:none;}
#commentform > p{margin-bottom:30px;}
#commentform input[type="checkbox"]{margin-right:10px;}
@media screen and (min-width: 768px) {
#commentform{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
#commentform > p{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding:0 15px;}
#commentform > p.comment-form-author, #commentform > p.comment-form-email, #commentform > p.comment-form-url{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
}

.comments-title, .comment-reply-title{color:#1a1a1a;}

/* Footer CSS
------------------------------------------------ */
.footer{padding: 70px 0 130px; background-color: #041d42; color: #fff; font-size: 15px; position: relative;}
.footer::after,
.footer::before{content: ''; display: block; position: absolute; top: 0; right: 0; clip-path: polygon(100% 0, 0 0, 100% 100%);}
.footer::after{height: 80px; width: 85%; background-color: #fdb71a; z-index: 2;}
.footer::before{height: 90px; width: 95%; background-color: #fff; z-index: 1;}

.footer .footer-image{position: absolute; right: 0; bottom: -120px; z-index: 0;}
.footer .footerwidget-area{position: relative; z-index: 9;}
.footer a{color: #fff;}
@media screen and (min-width: 992px) {
.footer .widget:nth-child(1),
.footer .widget:nth-child(2),
.footer .widget:nth-child(3){width: 245px;}
}
.footer .widget .ph{font-size: 22px; font-family: 'Anton', sans-serif; font-weight: 400; color: #fdb71a;}
.footer .widget .ph a{color: #fdb71a;}
.footer .widget-title{font-size: 20px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 2px;} 
.footer .widget ul{padding: 0; margin: 0; list-style: none;}
.footer .widget ul li{margin-bottom: 12px;}

.footer ul.social-link li a{background-color: #fff; color: #1c449c;}
.footer ul.social-link li a:hover{background-color: #fdb71a; border-color: #fdb71a; color: #fff;}

.copyright{background-color: #072652; color: #fff; font-size: 15px; padding: 50px 0;}

.email-signup{position: relative;}
.email-signup .btn{position: absolute; top: 1px; right: 1px;}
.email-signup .form-control{padding: .85rem 90px .85rem .5rem; font-size: .875rem;}

/* Responsive CSS
------------------------------------------------ */
    
@media (max-width: 1699.98px) {
.home-banner .banner-image{transform: translateX(0); right: 0;}
}

@media (max-width: 1299.98px) {
.top-menu-wrap ul li a{padding: 10px 6px;}
.home-banner .banner-image{width: 64%; right: -5%;}
.banner-bottom h3{font-size: 30px;}
}

@media (max-width: 1199.98px) {
.logo{width: 110px;}
.logo::before {width: 115px; height: 120px; background: #157ff8;}
.header-bottom{padding: 10px 0;}

.home-banner h1{font-size: 55px;}
.home-banner .con{font-size: 20px; max-width: 460px;}
.home-banner .banner-image{top: 10%;}

.scat-box .caption{font-size: 20px; bottom: 20px;}
.scat-box h3{font-size: 24px;}
}

@media (max-width: 991.98px) {
.hidden-menu{overflow:hidden;}
.btn-topmenu{color:#fff !important; border: none; font-size:16px; padding:0; border-radius:0; width:36px; height:36px; position:fixed; right:10px; top:18px; z-index:999;}
.btn-topmenu .menu-bar{height:2px; width:26px; display:block; background:#fff; position:absolute; left:4px; top:48%;}
.btn-topmenu .menu-bar:after, .btn-topmenu .menu-bar:before{position:absolute;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.btn-topmenu .menu-bar:after{content:''; width:26px; height:2px; display:block; background:#fff; bottom:8px;}
.btn-topmenu .menu-bar:before{content:''; width:26px; height:2px; display:block; background:#fff; top:8px;}
.btn-topmenu:focus, .btn-topmenu.focus{outline:0; box-shadow:none;}
.btn-topmenu.on .menu-bar{background-color:transparent;}
.btn-topmenu.on .menu-bar:after{
transform: rotate(45deg) translate(5px, 5px);
-webkit-transform: rotate(45deg) translate(5px, 5px);
}
.btn-topmenu.on .menu-bar:before{
transform: rotate(-45deg) translate(6px, -6px);
-webkit-transform: rotate(-45deg) translate(6px, -6px);
}
.menu-logo{text-align:center; padding:15px 50px;}
.menu-logo .custom-logo-link{width:100%;}
.top-menu{
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.top-menu{position:fixed; top:0; right:-270px; z-index:998; width:270px; height:100%; padding:0; background:#163c74; overflow-y:scroll;}
.top-menu.open{right:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{border-top:solid 1px #1c4481; margin:0;}
.top-menu ul li a{padding:10px 20px; display:block; font-weight:400; font-size:16px; color:#fff;}
.top-menu ul li a:hover, .top-menu ul li.current-menu-item a{color:#46bae9;}
.top-menu ul ul{padding-bottom:10px; display:none;}
.top-menu ul ul li{border:none;}
.top-menu ul ul li a{padding:4px 20px 4px 30px;}
.top-menu ul li.dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:40px; height:44px; line-height:40px; text-align:center; color:#a3a3a3; font-size:18px; cursor:pointer;}
.top-menu ul ul li.dropdown .arrow{height:43px; line-height:38px;}
.top-menu ul li.dropdown .arrow:after{font-family:'FontAwesome'; content:"\f107";}
.top-menu ul li.dropdown.open > .arrow:after{content:"\f106";}
.top-menu ul li.dropdown > a{padding-right:40px;}
.top-menu ul li.dropdown.open > ul{display:block;}

.header-top-right{padding-right: 55px;}
.btn-phone{font-size: 19px; --bs-btn-padding-x: 10px;}
.btn-phone img{width: 26px; margin-right: 5px;}

.header-top{padding: 15px 0;}

ul.social-link li{margin: 0;}
ul.social-link li a{width: 28px; height: 28px; line-height: 26px; font-size: 12px;}
.header-bottom{padding: 0;}

.home-banner{padding-bottom: 20px;}
.home-banner .con{max-width: 340px;}
.home-banner .banner-image{width: 70%; top: 6%;}
.home-banner h1{font-size: 36px;}
.banner-bottom{position: relative; transform: translateY(0);}
.home-banner::before{height: 90px;}

.h1, .h2, h1, h2{font-size: 36px;}

.home-sec1{padding: 70px 0;}
.home-sec2{padding-top: 70px;}
.testimonial-sec{padding-top: 160px; padding-bottom: 50px;}
.testimonial-sec::before {height: 100px;}
.contact-sec{padding: 70px 0;}
.footer::before {height: 60px; width: 100%;}
.footer::after {height: 48px; width: 88%;}
}

@media (max-width: 767.98px) {
.home-banner{padding-top: 90px;}
.home-banner .con {max-width: 270px; font-size: 16px;}
.home-banner .banner-image {width:77%; top:9%; right: -9%;}
.banner-bottom .thumb{width: 70px;}
.banner-bottom .ph{font-size: 30px;}
.banner-bottom h4{font-size: 20px;}
.banner-bottom .btn{font-size: 16px;}

.testimonial-carousel{font-size: 20px;}
.testimonial-carousel{padding: 0 45px; background-size: 45px;}
.testimonial-carousel::after{width: 45px; height: 33px; background-size: 100%;}

.scat-box h3{font-size: 36px;}

.footer{padding-bottom: 0; text-align: center;}
.footer .footer-image{position: static; text-align: right;}
.footer .footer-image img{max-width: 310px;}
.footer .widget:nth-child(1){width: 250px; text-align: left;}
.copyright{text-align: center;}
}

@media (max-width: 575.98px) {
body{font-size: 18px;}
.btn-phone{font-size: 14px; --bs-btn-padding-x: 5px; --bs-btn-padding-y: 2px;}
.btn-phone img{width: 20px; margin-right: 2px;}
.header-top ul.social-link{line-height: 18px;}
.header-top ul.social-link li a {width: 20px; height: 20px; line-height: 18px; font-size: 9px;}
.logo{width: 80px;}
.logo::before {width: 85px; height: 90px;}
.btn-topmenu{top: 14px;}

.home-banner h1 {font-size: 30px;}
.home-banner .btn{font-size: 18px; padding:5px 10px;}
.home-banner .btn img{margin-right: 5px;}

.banner-bottom .cell1, .banner-bottom .cell2{padding: 20px;}
.banner-bottom h3{font-size: 24px;}
}

@media (max-width: 479.98px) {
.header-top-left{display: none;}
.home-banner .con{max-width: 201px;}
.home-banner h1{font-size: 24px;}
.banner-bottom .ph{font-size: 20px;}
.banner-bottom h3{letter-spacing: 1px;}
.banner-bottom .btn{font-size: 14px; padding: 5px;}
.banner-bottom .thumb {width: 60px;}
.testimonial-carousel{font-size: 16px;}


}

@media (max-width: 399.98px) {
.btn-phone{font-size: 12px;}
}