/* md */
@media (min-width:1360px) and (max-width:1500px) { 

.header .phone-number a {
    font-size:28px;
}

.header .right-content .btn {
	padding-left:15px;
	padding-right:15px;
}

}


@media (min-width:1200px) and (max-width:1359px) { 

.header .phone-number a {
    font-size:24px;
}

.header .right-content .btn {
	padding-left:5px;
	padding-right:5px;
	font-size:16px;
}

.navbar-nav li {
	margin-right:0;
}

}



/* md */
@media (min-width: 1350px){
	.header .container {
	    max-width: 1450px;
	}
	.container {
	    max-width:1270px;
	}	
}


/* md */
@media (min-width: 1200px) and (max-width: 1349px){
	
	.navbar .container {
		position: relative;
	}
	.blog-slider .slick-arrow.slick-prev {
		left: -15px;
	}
	.blog-slider .slick-arrow.slick-next {
		right: -15px;
	}
	[type="radio"]:checked + label,
	[type="radio"]:not(:checked) + label {
		padding: 15px;
	}


}


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


.header .right-content .btn {
	padding-left:8px;
	padding-right:8px;
	font-size:16px;
}
.navbar-nav li {
    margin-right: 0;
}
.navbar .container {
		position: relative;
	}
	.blog-slider .slick-arrow.slick-prev,
	.slick-arrow.slick-prev {
		left: -10px;
	}
	.blog-slider .slick-arrow.slick-next,
	.slick-arrow.slick-next {
		right: -10px;
	}
	.slick-slider .slick-arrow {
		opacity: 0;
	}
	.slick-slider:hover .slick-arrow {
		opacity: 1;
	}
	.navbar-brand {
		max-width: 170px;
	}
	.header .phone-number a {
		font-size: 26px;
	}
	.slider-content {
		width: 100%;
	}
	.banner-text h1 {
		font-size: 50px;
	}
	.service-section .service h1 {
		font-size: 36px;
	}
	.testimonial {
		font-size: 34px;
	}
	.choose-section form ul li {
	    width: 33.333% !important;
	}	

}

/* md */
@media (max-width: 991px) {
	
	.booking-date { margin-top:0;}
	
	
	.wpcf7-radio .wpcf7-list-item {
	margin:0;
	-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
	}

	.navbar .container {
		position: relative;
	}
	
	.navbar .phone-number a {
		font-size: 26px;
	}
	.navbar-nav {
		margin-top:0px;
	}	
	.banner-text h1 {
		font-size: 34px;
	}
	.banner-section {
		font-size: 18px;
	}
	.service-section .service {
		display: block;
	}
	.service-section .service .thumb{
		margin-bottom: 30px;
	}
	.service-section .service .thumb, 
	.service-section .service .service-text {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;		
	}
	.service-section .service h1 {
		font-size: 30px;
	}
	.service-section .service h6, 
	.title h6 {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.slider-content {
		width: 100%;
	}
	.blog-slider .slick-arrow.slick-prev {
		left: 0;
	}
	.slick-arrow.slick-prev {
		left: -10px;
	}
	.blog-slider .slick-arrow.slick-next{
		right: 0;
	}
	.slick-arrow.slick-next {
		right: -10px;
	}
	
	.slick-slider:hover .slick-arrow {
		opacity: 1;
	}
	.testimonial {
		font-size: 25px;
	}
	.gmap {
		height: 400px;
	}
	nav.navbar {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-brand {
		max-width: 170px;
	}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	
	
	.header .right-content {
    display: flex;
    margin-right: 10px;
}
	.service-section ul li:nth-child(2n) .service-text {
    padding: 0px 15px 0px 15px;
}
	.service-section ul li:nth-child(2n+1) .service-text {
    padding: 0px 15px 0px 15px;
}

	.navbar-nav li a {
    font-size: 14px;
	}
	
	.navbar-nav li { margin-right:0;}
	
	.header .right-content .btn {
	padding-left:5px;
	padding-right:5px;
	font-size:14px;
}

.btn { line-height:40px;}
.navbar-nav { margin-right:0; margin-left:-25px;}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 5px;
    padding-left: 5px;
}

.container {width:100%; max-width:100%;}

}

/* sm */
@media (max-width: 767px) {
	i.fa.fa-plus {
position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 75px;
    text-align: right;
    cursor: pointer;
    line-height: 70px;
}
	.navbar-nav { margin-right:0; }	
	.topbar-content ul { -webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;}

.topbar-content ul li { font-size:14px;}
	
	.topbar-content .right-content ul { display:flex;}
	.topbar-content .right-content ul li{ font-size:14px; }
	
	.topbar-content .right-content {-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;}
	
	.m-center { text-align:center;}
	
	.topbar-content {
		display: block;
	}
	.topbar-content .right-content{
		margin-top: 5px;
	}
	.video-hsap {
	    position: static;
	    transform: translate(50%,50%);
	}	
	html,
	body {
	    font-size: 14px;
	}	
	.testimonial {
		font-size: 14px;
	}
	.ssection {
	    padding: 70px 0;
	}
	.choose-section form ul li {
	    width: 33.333% !important;
	}		
}

/* xs Portrait */
@media (max-width: 575px) { 
	.coupon-comntent .price h2 {
		font-size: 50px;
	}
	.coupon-comntent .price h2 sup {
		font-size: 30px;
	}
	.testimonial ul li {
	    width: 30px;
	    height: 30px;
	    font-size: 18px;
	    line-height: 30px;
	}
	.service-section .service h1 {
		font-size: 26px
	}	
	.section-title h1, 
	.title h1 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.choose-section form ul li {
	    width: 50% !important;
	}
	form ul li{
		width: 100% !important;
	}	
	textarea {
		height: 150px;
	}
}

/* xs Portrait */
@media (max-width: 475px) {

	.header .phone-number {
		display: none;
	}
	.gmap {
	    height: 250px;
	}	
	.choose-section form ul li {
	    width: 100% !important;
	    margin-bottom: 15px;
	}	
	
	.wpcf7-radio .wpcf7-list-item {
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

}



/* sm */
@media (max-width: 767px) {
	
	.fa-plus.active:before {
    content: "\f068";
}
	
	.service-section ul li:nth-child(2n) .service-text {
    padding: 0px 15px 0px 15px;
}
	.service-section ul li:nth-child(2n+1) .service-text {
    padding: 0px 15px 0px 15px;
}
	
	.navbar {height: 100.0333px;}
	
	.logo img {max-width:245px;}
	.contact-section {padding-bottom:0;}
	
	.contact-section form {
    margin: 0 -22.5px;
}
	
	
	input, textarea, select {
		height:45px;
    padding: 2px 10px;
	
	}
	textarea { height:100px;}
	.banner-form h2 {
    font-size: 24px !important;
}
	.top-bar { padding:10px 0px;}
	
	
	.navbar-nav li a {
   padding:8px 5px !important;
    font-size: 15px !important;
}
	
	.navbar { padding:10px 0px;}
	
	.navbar-toggle {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer;
    margin-top:12px !important;
    padding: 0 !important;
}
	
	.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 1px;
    background:#2dca73 !important;
    margin-bottom: 4px !important;
}

	.m-phone a {
    float: right;
    margin-top:4px;
    display: block;
    font-size: 17px;
    line-height: 30px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: none;
    color:#2dca73;
    border: solid 1px #2dca73;
    display: block;
    font-size: 20px;
    line-height: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: none;
    color:#2dca73;
    border: solid 2px #2dca73;
    line-height: 28px !important;
    text-align: center !important;
	position:relative;
}


	.m-center { text-align:center !important;}
	.top-bar p { font-size:14px;}
	form label {
    font-size: 16px;
}
	.banner { padding-top:50px;}
	.banner-form { padding:15px; margin-top:15px; margin-left:-7.5px; margin-right:-7.5px;}

	.brand-section .section-title { margin-top:30px;}
	.service-section ul li { margin-bottom:15px;}
	.service h3 { min-height:0;}
	.section-title { margin-bottom:20px;}
	.slick-arrow.slick-next {right:-15px;}
	.slick-arrow.slick-prev { left:-15px;}
	.brand-slider .slick-arrow.slick-next {right:15px;}
	.brand-slider .slick-arrow.slick-prev { left:15px;}
	.slick-arrow {font-size:22px;}
	.testimonial { padding-left:15px; padding-right:15px; padding:15px;}
	form ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.footer-bottom ul { margin-bottom:20px;}
	.footer-bottom ul li { margin-right:0;}
	.footer-widget { margin:0 auto; width:100%; max-width:290px; margin-bottom:20px;}

	.banner-text h1 {
		font-size: 36px;
	}
	.banner {
		font-size: 16px;
	}
	.banner-form h2 {
		font-size: 28px;
	}
	.slider-content {
		width: 100%;
	}
	.choose-section ul li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;		
	}
	
	.choose-text .icon {
		margin-right: 15px;
	}
	.choose-text {
		margin-bottom: 30px;
	}
	.choose-section ul li:last-child .choose-text {
		margin-bottom: 0;
	}
	.choose-text .text h3 {
		font-size: 20px;
	}
	.testimonial ul li {
		font-size: 24px;
	}
	.about-section {
		padding-top: 0;
	}
	section {
		padding:45px 0;
	}
	.about-section a {
		font-size: 16px;
	}
}

/* xs Portrait */
@media (max-width: 575px) { 
	.works-section ul li .icon::after {
		width: 230px;
	}
	.service h3,
	.choose-text .text h3 {
		font-size: 18px;
	}
	form ul li {
		margin-bottom: 15px;
	}
	.contact-section form {
		padding: 30px;
	}
	.section-title h2 {
		font-size: 22px;
	}
	.section-title h5 {
		font-size: 16px;
	}
	.banner-text h1 {
		font-size:24px;
	}


}

/* xs Portrait */
@media (max-width: 475px) {

	.service-section ul li, 
	.works-section ul li, 
	.choose-section ul li {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.works-section ul li .icon::after {
		display: none;
	}
	form ul li:nth-child(2), 
	form ul li:nth-child(3),
	.banner-form form ul li:nth-child(2), 
	.banner-form form ul li:nth-child(3), 
	.banner-form form ul li:nth-child(4), 
	.banner-form form ul li:nth-child(5), 
	.banner-form form ul li:nth-child(6), 
	.banner-form form ul li:nth-child(7) {
	    width: 100%;
	}	
	.btn {
		padding:0px 30px;
		font-size: 16px;
	}
	
}







@media (max-width:767px){
	.video-main {
transform: scale(0.75);
}
	.banner-text { margin-bottom:50px;}
	.banner-section { padding-top:80px; padding-bottom:50px; }
	#map {  height:300px;}
    #ncf-overlay,.push_sidebar{
        position:fixed;
        height:100%;
        top:0;
        right:0
    }
    .home #header{
        z-index:33!important
    }
    body.sidebar-active>.mail i:before{
        content:""!important
    }
    #ncf-overlay{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        background:#333;
        bottom:0;
        left:0;
        z-index:-1;
        cursor:pointer;
        -webkit-backface-visibility:hidden;
        -webkit-transition:all .3s ease;
        -moz-transition:all .3s ease;
        -ms-transition:all .3s ease;
        -o-transition:all .3s ease;
        transition:all .3s ease;
        -webkit-transform:translate(290px,0)!important;
        -moz-transform:translate(290px,0)!important;
        -ms-transform:translate(290px,0)!important;
        transform:translate(290px,0)!important;
        -webkit-transform:translate3d(290px,0,0)!important;
        -moz-transform:translate3d(290px,0,0)!important;
        -ms-transform:translate3d(290px,0,0)!important;
        -o-transform:translate3d(290px,0,0)!important;
        transform:translate3d(290px,0,0)!important;
        cursor:pointer
    }
    body.sidebar-active>#ncf-overlay{
        z-index:999;
        opacity:.7;
        -webkit-transition:all 0s ease;
        -moz-transition:all 0s ease;
        -ms-transition:all 0s ease;
        -o-transition:all 0s ease;
        transition:all 0s ease;
        transition-delay:.0s;
        -webkit-transition-delay:.0s;
        cursor:pointer;
        cursor:url(data:image/png;
        base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAA5+botyU/eqYkX97EgzKhIA2AAAAiElEQVQI1y2OoRGDUBBElw6YoCJTQUrI0Eg+EdGZCQVABwxFoMHgMVSAog3AH9zuX3XznniHsQWXfAc0R8r7ZjV6y4mfViCzSzjeUiQvy4kfAIUwKIQptoVYIjjm7pWVjimCvRGXVfZ3rmRgnMl9ZVxJxfUJ48KKRwyJn2OKAo1jihrzJ1a66QT7yULu6TDoYQAAAABJRU5ErkJggg==),auto
    }
    body.sidebar-active>#ncf-overlay,body.sidebar-active>*{
        -webkit-transform:translate(290px,0)!important;
        -moz-transform:translate(290px,0)!important;
        -ms-transform:translate(290px,0)!important;
        transform:translate(290px,0)!important;
        -webkit-transform:translate3d(290px,0,0)!important;
        -moz-transform:translate3d(290px,0,0)!important;
        -ms-transform:translate3d(290px,0,0)!important;
        -o-transform:translate3d(290px,0,0)!important;
        transform:translate3d(290px,0,0)!important
    }
    body.sidebar-active>#ncf-overlay{
        -webkit-transform:translate(0,0)!important;
        -moz-transform:translate(0,0)!important;
        -ms-transform:translate(0,0)!important;
        transform:translate(0,0)!important;
        -webkit-transform:translate3d(0,0,0)!important;
        -moz-transform:translate3d(0,0,0)!important;
        -ms-transform:translate3d(0,0,0)!important;
        -o-transform:translate3d(0,0,0)!important;
        transform:translate3d(0,0,0)!important
    }
    .push_sidebar{
        width:290px;
        visibility:hidden;
        -webkit-transition:all .5s ease;
        -moz-transition:all .5s ease;
        -ms-transition:all .5s ease;
        -o-transition:all .5s ease;
        transition:all .5s ease;
        background:#f7f5f5;
        box-shadow:inset 7px 0 9px -7px rgba(0,0,0,.25);
        z-index:999999999999;
        left:-290px;
        padding:15px 18px;
		padding-top:8px;
        -webkit-transform:translate(0,0)!important;
        -moz-transform:translate(0,0)!important;
        -ms-transform:translate(0,0)!important;
        transform:translate(0,0)!important;
        -webkit-transform:translate3d(0,0,0)!important;
        -moz-transform:translate3d(0,0,0)!important;
        -ms-transform:translate3d(0,0,0)!important;
        -o-transform:translate3d(0,0,0)!important;
        transform:translate3d(0,0,0)!important
    }
    body.sidebar-active>.push_sidebar{
        visibility:visible;
        -webkit-transform:translate(0,0)!important;
        -moz-transform:translate(0,0)!important;
        -ms-transform:translate(0,0)!important;
        transform:translate(0,0)!important;
        -webkit-transform:translate3d(0,0,0)!important;
        -moz-transform:translate3d(0,0,0)!important;
        -ms-transform:translate3d(0,0,0)!important;
        -o-transform:translate3d(0,0,0)!important;
        transform:translate3d(0,0,0)!important;
        left:-290px;
        opacity:1;
        -webkit-transition:all .4s ease;
        -moz-transition:all .4s ease;
        -ms-transition:all .4s ease;
        -o-transition:all .4s ease;
        transition:all .4s ease;
        transition-delay:.1s;
        -webkit-transition-delay:.1s;
        overflow:auto;
        -webkit-transform:translate(290px,0)!important;
        -moz-transform:translate(290px,0)!important;
        -ms-transform:translate(290px,0)!important;
        transform:translate(290px,0)!important;
        -webkit-transform:translate3d(290px,0,0)!important;
        -moz-transform:translate3d(290px,0,0)!important;
        -ms-transform:translate3d(290px,0,0)!important;
        -o-transform:translate3d(290px,0,0)!important;
        transform:translate3d(290px,0,0)!important
    }
    body,body.sidebar-active,body.sidebar-active>*,body>*{
        -webkit-backface-visibility:hidden;
        -webkit-transition:-webkit-transform 0.3s cubic-bezier(.645,.045,.355,1);
        -moz-transition:-moz-transform 0.3s cubic-bezier(.645,.045,.355,1);
        -ms-transition:-ms-transform 0.3s cubic-bezier(.645,.045,.355,1);
        -o-transition:-o-transform 0.3s cubic-bezier(.645,.045,.355,1);
        transition:transform 0.3s cubic-bezier(.645,.045,.355,1);
        transition-delay:.1s;
        -webkit-transition-delay:0.1s
    }
    #header.hidden-xs{
        display:none!important
    }
    .hidden-sm.mobile-header{
        display:block!important
    }
    body.sidebar-active>.push_sidebar{
        display:block!important
    }
	ul.sub-menu { display:none;}
	ul.menu > li, ul.wp-megamenu > li { position:relative;}
	
	
	.m-phone a:after { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    content:'';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

 -webkit-animation: sonarEffect 1.9s ease-out 300ms infinite;
    animation: sonarEffect 1.9s ease-out 300ms infinite;

}
  


@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
        -webkit-box-shadow: 0 0 0 2px rgba(0,144,65, 0), 0 0 10px 10px rgba(0,144,65, 0), 0 0 0 10px rgba(0,144,65, 0);
    }
    40% {
        opacity: 0.5;
        -webkit-box-shadow: 0 0 0 2px rgba(0,144,65, 0.1), 0 0 10px 10px #009041, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(0,144,65, 0.1), 0 0 10px 10px #009041, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
        -moz-box-shadow: 0 0 0 2px rgba(0,144,65, 0), 0 0 10px 10px rgba(0,144,65, 0), 0 0 0 10px rgba(0,144,65, 0);
    }
    40% {
        opacity: 0.5;
        -moz-box-shadow: 0 0 0 2px rgba(0,144,65, 0.1), 0 0 10px 10px #009041, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        -moz-box-shadow: 0 0 0 2px rgba(0,144,65, 0.1), 0 0 10px 10px #009041, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
        box-shadow: 0 0 0 2px rgba(0,144,65, 0), 0 0 10px 10px rgba(0,144,65, 0), 0 0 0 10px rgba(0,144,65, 0);
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(0,144,65, 0.1), 0 0 10px 10px #009041, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(0,144,65, 0.1), 0 0 10px 10px #009041, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
  }

}

}