/* Flex Box */

h2.subhead { font-size:25px; font-weight:300; }

.imageright { width:48%; display:inline-block; text-align:right; margin:0 0 2% 2%; float:right; }
.imageleft { width:48%; display:inline-block; text-align:right; margin:0 2% 2% 0; float:left; }
.imagefull { width:100%; margin:15px 0; clear:both; }


.two-img .imageright { width:48%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.two-img .imageleft { width:48%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }


.three-img .imageright { width:32%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.three-img .imageleft { width:32%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }
.three-img .imagemid { width:32%; display:inline-block; text-align:right; margin:2% 0% 2% 0%; float:left; }


@media only screen and (max-width:768px) {
	
.three-img .imageright { width:48%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.three-img .imageleft { width:48%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }

.three-img .imagemid { display:none; }


}



.twocol {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

@media only screen and (max-width:768px) { .twocol { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }	}

.twocol ul,
.twocol li { break-inside: avoid-column; -webkit-column-break-inside: avoid; }
.twocol p { margin:0 0 20px 0; }
.twocol h3 { margin:0 0 20px 0; }




.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-half {
	width:50%; float:left; margin:5px 20px 10px 0;
}



.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



hr {
    border: 0; height: 1px; margin:21px 0 20px 0;
    background-image: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
}


.donwlod-file { margin-bottom:20px; }
.donwlod-file img { height:60px; }


.feature { padding: 30px 0 60px 0; margin: -30px 0; }
.feature h2 { margin:0; font-weight:300; text-align:center; }

/* Flex Box END */
















@media (min-width:1700px) { 


}




/* hi-res laptops and desktops */
@media (max-width:1281px) { 


.home-about p { font-size: 18px; }
.home-about .right { width: 52%; }


.home-test .cq { height: auto; overflow: hidden; bottom: 5%; }
.aboutp .right .inner img { width: 120px; }
    
}



/* big landscape tablets, laptops, and desktops */ 
@media (max-width:1025px) {

.header .logo { width: 120px; }
.header .menu { width: calc(62% - 120px); }
.header .menu li { margin: 25px 1% 25px 5%; }
.header .menu li a { font-size: 16px; }

.video-over3 { width: calc(100% - 220px); overflow: hidden; }
.video-over3 img { margin-right: -60px; }
    
.aboutp .right .inner img { width: 110px; }
.aboutp .right .inner h3 { font-size: 28px; }
    
    

.video-over6 { height: calc(100% - 110px); top:110px; }
.treatmentsp .video-over1 { height: 110px; }
.treatmentsp .video-over2 { height: 110px; }
    
.contactp .video-over1 { height: 110px; }
.contactp .video-over2 { height: 110px; }   
    
    
.otherp .video-over1 { height: 110px; }
.otherp .video-over2 { height: 110px; }   

.emergency { top: 110px; }


    
}


/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (max-width:961px) {

.home-about p { font-size: 16px; }
.home-about .left { margin-top: 100px; }
.home-test .cq .logo { display: none; }
    
    

.home-test .testimonial { width: 300px; top: 20px; right: 20px; }
.home-test .testimonial strong { font-size: 30px; }
.home-test .testimonial img { width: 25px; }

    
    
    
.ms-fullscreen-template, .master-slider, .ms-container { min-height: 850px; max-height: 850px; }
.ms-fullscreen-template { min-height: 850px; max-height: 850px; }

.video-over1 .inner { top: 130px; left: 30px; color: #FFF; margin-top: 100px; transform: none; margin-top: 0; }   
.video-over1 .inner h1 { font-size: 50px; }
.video-over1 .inner h1 strong { font-size: 25px; }
.video-over1 .inner h3 { font-size: 25px; max-width: 400px; line-height: 1.3; }
    
.aboutp .right .inner img { width: 100px; }
    
}


@media only screen and (max-width:880px) {
    
    .header .logo { margin-right: 20px; }
    .header .contact { float: left; width: calc(62% - 140px); }
    .header .contact a { margin: 12px 20px 4px 0px; }
    
    
    .home-about { width: 100%; height: auto; overflow: hidden; margin: 70px 0 50px 0; }
    .home-about .left { width: 40%; margin-top: 50px; }
    .home-about .right { width: 55%; }
    
    .aboutp .right .inner img { width: 80%; display: block; margin: 10%; }
    .aboutp .right .inner ul li { text-align: center; }
    .aboutp .right .inner h4 { text-align: center;  }
    
    
    .video-over6 .testimonial { display: none; }
    
    .video-over6 .wrap .inner { width: 80%; max-width: 800px; }
    .video-over6 .wrap .inner h1 { font-size: 38px; }
    .video-over6 .wrap .inner h2 { font-size: 18px; }
    .video-over6 .wrap .inner p { font-size: 18px; }

    
    .video-over7 { width: 90%; min-width: 90%; max-width: 90%; }
    ul.price-list { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
    
    .video-over6 .wrap .inner { top: calc(5% + 90px); transform: translate(0,0); }


    
    .contact-maps { width: calc(98% - 250px);  }
    .contact-details { width: 250px; }


}



@media only screen and (max-width:768px) {

.header .contact { float: right; width: calc(100% - 200px); margin-right: 60px; }
.video-over1 { width: 100%; }
.video-over2 { display: none; }    


    
#cssmenu.small-screen #menu-button:after { border-top: 4px solid #FFF; border-bottom: 4px solid #FFF; }
#cssmenu.small-screen #menu-button:before { background: #FFF; }


.home-test .cq .link { padding: 8px 45px 8px 16px; font-size: 16px; }
.home-test .cq .logo { width: 200px; height: 70px; padding: 30px 15px 20px 15px; }
.home-test .cq .block { width: 200px; height: auto; padding: 8px 15px 15px 10px; font-size: 18px; }



.video-over3 { width: calc(100% - 140px); }
.video-over1 .inner { width: 40%; }  
    
    
.video-over1 .inner h1 { font-size: 40px; }
.video-over1 .inner h1 strong { font-size: 18px; }
.video-over1 .inner h3 { font-size: 18px; }
    
    
    
.aboutp .left,
.aboutp .right { width: 100%; }
    
.aboutp .right .inner { max-width: none; }
.aboutp .right .inner img { width: 190px; display: inline-block; margin: 0 20px 20px 0; }
    
.aboutp .right .inner ul li { text-align: left; }
.aboutp .right .inner h4 { font-size:40px;  }
.aboutp .right .inner ul li .clear { display: none; }
    

    
.video-over5 .wrap .inner { width: 90%; margin: 5%; text-align: center; top: 30px; }
.video-over5 .wrap .inner h1 { font-size: 35px; }
.video-over5 .wrap .inner h2 { max-width: 100%; font-size: 23px; }
    

.price h3 { font-size: 32px; }   
.test-banner { padding: 20px; }
.test-banner .open { width: 30px; float: left; }
.test-banner .close { width: 30px; float: right; }


.test-banner .test-text { width: calc(100% - 120px); }
.test-banner .test-text strong { font-size: 25px; }
.test-banner .test-text { font-size: 17px; margin:0 20px; }

 ul.price-list li { font-size: 16px; }

}





 /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
@media (max-width:641px) {

    .home-about .left { width: 100%; margin-top: 0px; text-align: center; }
    .home-about .right { width: 100%; }
    
    footer .links ul li { margin: 0 10px; }
    
    footer .logo {  display: none; }
    footer .links { width: 100%; text-align: center;}
    
    .home-test .testimonial { width: calc(100% - 80px); }
    
    
    
.ms-fullscreen-template, .master-slider, .ms-container { min-height: 700px; max-height: 700px; }
.ms-fullscreen-template { min-height: 700px; max-height: 700px; }
    

.video-over1 .inner h5 { display: none; }
.video-over1 .inner p { font-size: 16px; padding-left: 0; }
.video-over1 .inner p strong { font-size: 22px; }
    
.video-over1 .inner { width: 80%; max-width: 250px; }  
.video-over3  { width: calc(100% - 90px); }
.video-over3 img { margin-right: -30px; }


.home-about p a { padding: 9px 12px 10px 12px; font-size: 12px; } 

.contact-hold {padding: 170px 0 40px 0;}
    
}



@media only screen and (max-width:580px) {


    .header .contact { display: none; }
    .header .menu li.mobile { display: block; }
    

    footer .links ul li a { font-size: 13px; }
    footer .links ul li a span { font-size: 12px; }
    footer .links ul.number li a { font-size: 22px; letter-spacing: 0px; }
    footer .links ul.number li a span { font-size: 14px; letter-spacing: 1px; }
    footer .links ul li.small-links a { font-size: 11px; }

    .video-over4 { width: 90%;  min-width: 90%; max-width: 90%;  }

    .home-test .testimonial strong { font-size: 25px; }

    footer { padding: 15px 0 0 0; }
    footer .links ul { margin: 0 0 10px 0; }
    footer .links ul.number li a { font-size: 20px;  }
    footer .links ul.number li a span { font-size: 12px; }

    .home-about p { font-size: 14px; }

    footer .foot strong { display: block; }
    footer .foot span { display: none; }

    .header .logo {width: 100px;}
    .video-over1 .inner { top: 90px; }


    .aboutp .right .inner img { width: 90%; display: block; margin: 5%; }
    .aboutp .right .inner ul li { text-align: center; }

    .photos img { width: 48%; float: left; margin: 1%; }


    .video-over6 { height: calc(100% - 90px); top:90px; }  
    .treatmentsp .video-over1 { height: 90px; }
    .treatmentsp .video-over2 { height: 90px; }
    
    .contactp .video-over1 { height: 90px; }
    .contactp .video-over2 { height: 90px; }
    
    .otherp .video-over1 { height: 90px; }
    .otherp .video-over2 { height: 90px; }

    .emergency { top: 90px; }
    
    
    .video-over7 { width: 98%; min-width: 98%; max-width: 98%; left: 1%; }
    
    
    .test-banner .open,
    .test-banner .close { width: 10px; }


    .test-banner .test-text { width: calc(100% - 30px); font-size: 14px; margin: 0 5px; }
    .test-banner .test-text strong { font-size: 18px; }
    
    
    .contact-maps { width: 100%; margin-top: 30px;  }
    .contact-details { width: 100%; }

}



 /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
@media (max-width:481px) {

    footer .links ul li {margin: 0 5px; }
    .home-test .testimonial { font-size: 14px; text-align: center; }
    .home-test .testimonial strong { font-size: 18px; }
    
}


@media only screen and (max-width:400px {
	
	
	
}



@media only screen and (max-width:350px) {
	
}





 /* smartphones, iPhone, portrait 480x320 phones */ 
@media (max-width:320px) {


	
}