/************************ Responsive ************************/

@media screen and (min-width:1921px) and (max-width:2560px) {}

@media screen and (min-width:1600px) and (max-width:1920px) {}

@media screen and (min-width:1200px) and (max-width:1400px) { 
}

@media (min-width: 1200px) {
.col, [class*="col-"] {padding-left: 15px !important; padding-right: 15px !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.stickyRow{display:flex; position:relative;}
.booking-form{position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 100px; bottom:auto;}
#SliderThree .item{ margin-top:30px;}
}

@media screen and (max-width: 1199px) {
.nav_list li .btn_blue {font-size: 13px;}
.top_info li:last-child a span{max-width:inherit;}
.first_image{display:none;}
#main_slider .carousel-caption,
#main_slider .carousel-caption p,
#main_slider .carousel-caption h6{text-align:center;}
.main_title h1 {font-size: 35px;}
.main_title h1 strong {font-weight: 500;}
.main_title h1 strong::before{top:5px;}
.about_image p{display:none;}
.comfer_title .title {margin-bottom: 15px; font-size: 35px; font-weight: 500;}
.heading .hedingLeft{width: 40%;}
.heading .hedingRight {width: 60%;}
#SliderTwo .slick-prev {left: -17px; background:#fff !important;}
#SliderTwo .slick-next {right: -17px; background:#fff !important;}
#SliderThree .slick-prev {left: -17px; background:#fff !important;}
#SliderThree .slick-next {right: -17px; background:#fff !important;}
.dr_info strong{font-size:17px;}
.alphaeon .btn_blue img {width: 25px; margin-right: 5px;}
.footerone{gap: inherit; font-size: 14px; justify-content: space-around;}
.stepOne .wpcf7-form-control.wpcf7-checkbox{grid-template-columns: 1fr 1fr 1fr;}


}

@media (min-width: 992px) {
.hidden_row,
.before_after .before_box{display:none;}

}

@media screen and (max-width: 991px) {
#main_slider .slick-slide img{height:500px;}
#main_slider .carousel-caption h6{font-size:40px;}
#main_slider .carousel-caption p{font-size: 18px;}
.nav_left {display: none;}
.brandLogo {text-align: left;}
.nav_list{gap:inherit;}
.nav_list .d-none{display: inline-block !important;}
.nav_list li:not(.nav_list li:last-child){margin-right:20px;}
.nav_list li a.btn_blue:before,
.nav_list li a.btn_blue span {display: none;}
.nav_list li a:not(.nav_list li:last-child a) {width: 40px; height: 40px; line-height: 37px; border: 2px solid #fff !important; color: #fff; display: block; text-align: center; padding: 0; border-radius: 50% !important; font-size: 18px;}
.nav_list li:first-child a{background:#fff; color:#2e4d62 !important;}
.nav_list li:first-child a:hover{background:transparent; color:#fff !important;}
.nav_list li.call:hover a{background:#fff; color:#2e4d62 !important;}
.nav_list li.call a{animation: pulse-animation 1.5s infinite;}
.nav_list li.call a .fa{animation-name: trin; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out; transition:all 0.8s  ease 0s;}
.abt_row .abt_one,
.abt_row .abt_four{display:none;}
.service_box figure{background:transparent;}
.service_box figure::before{z-index:1;}
.service_box figure:after{content:''; position: absolute; left: 0; top: 0; width:100%; height:100%; background: linear-gradient(to bottom, rgba(24,167,253,1) 0%,rgba(21,162,246,1) 17%,rgba(8,136,213,1) 69%,rgba(1,124,197,1) 100%);}
.hedingLeft .title{font-size:35px; padding-left: 10px; border-left: 3px solid #000;}
.footer_three .footer_title{text-align: center; margin: 20px 0;}
.section_b::before{width:100%;}
.hedingLeft .title span br {display: none;}
.feature_box{padding:100px 0;}
.why_list{grid-template-columns: 1fr 1fr;}
.team_info {margin-top: 30px;}
.con_form{margin:30px 0;}
.con_form .wpcf7-form .col-xs-12 {padding: 0 15px;}
.con_form {padding: 30px 10px;}
.stepOne .wpcf7-form-control.wpcf7-checkbox {grid-template-columns: 1fr 1fr 1fr 1fr;}
.side_info{margin: 30px 0;}
.section_e .container .row:nth-child(2) {display: none;}

#before_slider .slick-prev,
#before_slider .slick-next{position: absolute; cursor:pointer; z-index: 2; top: 45%; font-size: 20px; background: #fff !important; color: #000; height: 35px; width: 35px; line-height: 35px; border-radius: 50% !important; text-align: center; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
#before_slider .slick-prev{left: -25px;}
#before_slider .slick-next{right: -25px;}
#before_slider .slick-prev:hover,
#before_slider .slick-next:hover{background: rgb(20,20,20, 1) !important;}
#before_slider .slick-prev:focus,
#before_slider .slick-next:focus{outline: none;}
#before_slider button:before{display:none;}
#before_slider .slick-dot{margin-top: 25px;}
#before_slider .slick-dot span{width: 14px; height: 14px; border-radius: 0px; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s  ease 0s; margin: 5px;}
#before_slider .slick-dots .slick-dot:focus{outline: none !important;}
#before_slider .slick-dots .slick-dot.active span, 
#before_slider .slick-dots .slick-dot:hover span{background: #15a96d; outline: none !important;}
#before_slider .slick-nav button{position: absolute; top: 45%; z-index: 2;}
#before_slider .slick-prev{left: 10px;}
#before_slider .slick-next{right: 10px;}
#before_slider .slick-next:before{content: '\f105'; font-family: 'FontAwesome'; color:#000;}
#before_slider .slick-prev:before{content: '\f104'; font-family: 'FontAwesome'; color:#000;}
#before_slider .slick-next:hover:before{color:#fff;}
#before_slider .slick-prev:hover:before{color:#fff;}
.before_box figure{position:relative; z-index:9;}
.before_box figure:before{content:''; position:absolute; left:0; right:0; top:0; text-align:center; background:#000; color:#fff; padding: 5px; font-size: 16px;}
.before_box  figure.before:before{content:'Before';}
.before_box figure.after:before{content:'After';}
.before_box figure img {display: block; height: 220px; object-fit: cover; object-position: center;}
.before_after .beer-slider{display:none;}


}

@media screen and (max-width: 767px) {
header{padding:0;}
#nav-sticky {background: rgba(0, 0, 0, 0.6); padding: 10px 0;}
.main_title h1 {font-size: 30px;}
.main_title h1 strong::before {top: 4px;}
.main_title h1 strong::after{bottom:1px;}
.heading{flex-wrap: wrap;}
.heading .hedingLeft {width: 100%; text-align: center;}
.heading .hedingRight {width: 100%; text-align: center;}
.hedingLeft .title span {display: inline-block;}
.hedingLeft .title{border:0px; text-align: center; position:relative; z-index:9; margin-bottom:20px; }
.hedingLeft .title:before{content:''; position:absolute; right:0; left:0; bottom:-10px; margin:0 auto; width:100px; height:2px; background:#000; }
.abt_two {max-width: inherit; margin-top: 0px; margin-left: 0;}
.abt_three{display:none;}
.service_box,
.service_box h6{text-align: center;}
.service_box figure{margin:0 auto;}
.service_box p{width:100%; max-width:inherit;}
.service_box {padding: 30px; background: rgba(255, 255, 255, 0.14); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.3); box-shadow:0 8px 10px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 3px 2px rgba(255, 255, 255, 0.7); position: relative; overflow: hidden;}
.service_box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.8), transparent );}
.service_box::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.8), transparent, rgba(255, 255, 255, 0.3) );}
#SliderOne{margin-top:0;}
#SliderOne .slick-arrow{bottom:inherit; top:50%; z-index: 9; background: #fff; width: 40px; height: 40px; line-height: 38px; font-size: 20px;}
#SliderOne .slick-arrow.slick-next {left: inherit; right: 0;}
#SliderOne .item {padding: 30px 15px 0px 15px; margin: 0;}
.section_b{padding-bottom: 50px;}
.comfer_title .title {margin-bottom: 15px; font-size: 25px; font-weight: 400;}
.comfer_title .btn_blue{font-size:15px;}
.section_c{padding:60px 0;}
.footer_one h4{text-align:center;}
.footerCol .social_media {justify-content: center;}
.footerone{flex-wrap:wrap;}
.footerone li{padding:0 10px;}
.footerone li:first-child{padding-left:0;}
.footerone li:last-child{padding-right:0;}
.footerCol .social_media{margin-top: 20px;}
.footer_one {padding: 15px 0 20px 0;}
.copyright .d-flex {flex-wrap: wrap; text-align: center; gap: 10px; gap; justify-content: center;}
.footer_second {padding: 20px 0;}
.why_choose .hedingLeft .title::before{background: #fff;}
.feature_box {padding: 60px 0;}
.feature_box h2 {font-size: 35px;}
.feature_list li .btn_blue {font-size: 13px;}
.inner_about_list{flex-wrap:wrap;}
.why_list {grid-template-columns: 1fr;}
.inner_service {margin-top: 40px; padding: 20px 20px 30px 20px; border: 1px solid #ccc; border-radius: 25px;}
.stepOne .wpcf7-form-control-wrap .wpcf7-list-item label input[type="checkbox"]{left:inherit; right: 10px; top: 10px;}
.stepOne .wpcf7-form-control-wrap label .wpcf7-list-item-label{display:flex !important; text-align: left; height: 70px; padding: 10px;}
.stepOne .wpcf7-form-control-wrap input + span::before{width: 40px; height: 40px; background-repeat:no-repeat; margin:0px 10px 0px 0px !important;}
.stepOne .wpcf7-form-control.wpcf7-checkbox {grid-template-columns: 1fr 1fr 1fr;}
.details h2{font-size:20px; line-height:normal;}

}

@media screen and (max-width: 575px) {
.main_title h1 {font-size: 28px;}
#SliderTwo .slick-prev,
#SliderThree .slick-prev {left: 0;}
#SliderTwo .slick-next,
#SliderThree .slick-next {right: 0;}
.heading_e {margin-bottom: 0;}
.stepTwo .wpcf7-form-control.wpcf7-radio{gap:20px; grid-template-columns: 1fr;}
.stepTwo .wpcf7-list-item-label{padding:10px; font-size:14px;}
.appointment_form .cf7mls-btns .action-button, .appointment_form .cf7mls_back.action-button, .appointment_form .wpcf7-submit{width:100%; margin-bottom:15px !important;}
.wpcf7-spinner{display:none !important;}
.wpcf7-form .fieldset-cf7mls .cf7mls-btns {min-height: inherit; display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.stepTwo .wpcf7-form-control-wrap input + span::before{width: 70px; height: 70px;}
.main_blogs .blog_box{flex-wrap:wrap;}
.main_blogs .blog_box figure {width: 100%; height: auto; min-width: inherit;}
div[id*="ajaxsearchlite"].asl_m {margin-top: 20px;}
.contact .row:first-child .col-xl-4:last-child{margin:0;}
.team_info,
.team_info .title{text-align:center;}


}


@media screen and (max-width: 479px) {
.brandLogo img{width:110px;}
.main_title h1{font-weight: 300;}
.main_title h1 strong {background: #0c2e44; color: #fff; padding: 7px 20px; border-radius: 15px; font-size: 22px;}
.main_title h1 strong:before,
.main_title h1 strong:after{display:none;}
#main_slider .carousel-caption{top: 39%;}
#main_slider .slick-prev, #main_slider .slick-next{top: 53%;}
#main_slider .slick-slide img {height: 450px;}
.ti-widget.ti-goog{display:none !important;}
.bottomBar {display: flex; justify-content: space-between; background: #fff; padding: 7px 20px 3px 20px; text-align: center; list-style: none; font-weight: 500; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; height: auto;}
.bottomBar li img {width: 25px; height: auto;}
.bottomBar li a {display: block; color:#000; }
.bottomBar li span {display: block; font-size: 14px;}
.footer_bottom{padding: 15px 0 70px 0;}
.footer_one h4{font-size:35px;}
.footer_one h4 img {width: 25px;}
.review_box p {-webkit-line-clamp: 5;}
.copyright {padding: 15px 0 70px 0;}
#toTop{bottom: 70px;}
.inner_about .heading {margin-top: 0;}
.stepOne .wpcf7-form-control.wpcf7-checkbox {grid-template-columns: 1fr 1fr;}
.appointment_form{padding:15px;}
.appointment_form h3{font-size: 16px; line-height: normal;}


}

@media screen and (max-width: 440px) {
.feature_box {padding: 45px 0;}
.feature_list{flex-wrap:wrap;}
.home header{position:static;}
.home .navigation{background: rgba(0, 0, 0, 1) !important;}
.home .navigation.sticky{background: rgba(0, 0, 0, 0.6) !important;}
#main_slider .carousel-caption h6 {font-size: 30px;}
#main_slider .carousel-caption {top: 22%;}
#main_slider .carousel-caption p {font-size: 16px;}
#main_slider .slick-prev {left: 10px;}
#main_slider .slick-next {right: 10px;}
#main_slider .slick-slide img {height: 350px;}
#main_slider .carousel-caption .btn_box .btn {font-size: 14px;}
.detail_box h6{font-size:16px; border-radius: 15px; padding: 10px;}
.call_bottom li .btn_blue {display: block; width: 100%;}
.appointment_form.con_form {padding: 30px 15px 0px 15px;}

}

@media screen and (max-width: 380px) {
.brandLogo img {width: 100px;}

#main_slider .carousel-caption h6 {font-size: 30px;}
#main_slider .carousel-caption {top: 22%;}
#main_slider .carousel-caption p {font-size: 16px;}
#main_slider .slick-prev {left: 10px;}
#main_slider .slick-next {right: 10px;}
#main_slider .slick-slide img {height: 350px;}
#main_slider .carousel-caption .btn_box .btn {font-size: 14px;}


}

@media screen and (max-width: 360px) {
#main_slider .carousel-caption {top: 25%;}

}

@media screen and (max-width: 320px) {
.stepOne .wpcf7-form-control.wpcf7-checkbox {grid-template-columns: 1fr;}
.side_info .info_list li{margin-bottom:15px;}
.side_info .info_list li a{display: block; text-align: center; padding: 15px; border: 1px solid #ccc; border-radius: 15px;}
.side_info .info_list li a .icon {display: block; text-align: center; margin-bottom: 10px;}

	
	
}

/* Keyframes */

@-webkit-keyframes pulse-animation {0% {-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);} 100% {-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}}
@keyframes pulse-animation {0% {-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);} 100% {-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}}

@keyframes trin {
from {transform: rotate3d(0, 0, 1, 0deg);}
20%, 32%, 44%, 56%, 68% {transform: rotate3d(0, 0, 1, 0deg);}
23%, 35%, 47%, 59%, 71% {transform: rotate3d(0, 0, 1, 15deg);}
26%, 38%, 50%, 62%,74% {transform: rotate3d(0, 0, 1, 0deg);}
29%, 41%, 53%, 65%, 77% {transform: rotate3d(0, 0, 1, -15deg);}
80% {transform: rotate3d(0, 0, 1, 0deg);}
.device_box ul{grid-template-columns: 1fr 1fr 1fr;}
}