/* Mindron - HTML Template */
 .mobile {/* display:none;*/ float: left;     float: left;
    display: inline-block;
    width: 220px;
 }
 
 
@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul, 	.main-menu .navigation > li > ul > li > ul{display:block !important;visibility:hidden;opacity:0; 	}
	 
}
 
 @media only screen and (max-width: 1200px){
	 .main-menu .navigation > li{    padding: 0px 18px;}
 }
  @media only screen and (max-width: 1100px){
	 .main-menu .navigation > li{    padding: 0px 14px;}
 }
@media only screen and (max-width: 991px){
.mobile {    display: initial;     width: 170px;}	
.header-top{display:none;}	
.button_container {
    position: relative;
    top: 3.7%;
    right: 2%;
    height: 27px;
    width: 45px;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    float: right;
    margin-top: 32px;
}	
	.button_container:hover {
    opacity: .7;
}

.button_container.active .top {
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #FFF;
}

.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}

.button_container.active .bottom {
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
}

.button_container span {
    background: #000;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 11px;
}

.button_container span:nth-of-type(3) {
    top: 22px;
}
.button_container.active{    z-index: 9999;     position: absolute;}

.overlay {
    position: fixed;
    background: #ff9100;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
}

.overlay.open {
    opacity: .9;
    visibility: visible;
    height: 100%;
	z-index:99;
}

.overlay.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
    animation-delay: .50s;
}

.overlay .navbar-collapse {
    position: relative;
  
    font-size: 50px;
    font-weight: 400;
    text-align: center;
	
	 height: 90%;
        top: 50px;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        overflow-y: scroll;
        width: 95%;
        padding-left: 30px;
        overflow-x: hidden;
}
.main-menu .navigation > li{    display: inherit;}

/* .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}

.overlay ul li {
    display: block;
    line-height: 2;
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
} */

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
    width: 100%;
}
 
	
	 
	.main-menu .collapse {max-height:300px;overflow:auto;float:none;width:100%;padding:10px 0px 0px;border:none;margin:0px 0px 15px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;    }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{padding:0px 0px 0px;border:none;margin:0px 0px 15px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	
	.main-menu .navbar-header{position:relative;float:none;display:block;text-align:right;width:100%;padding:12px 0px;right:0px;z-index:12; 	}
	
	.main-menu .navbar-header .navbar-toggle{display:inline-block;z-index:12;border:1px solid #e5ae58;float:none;margin:0px 0px 0px 0px;border-radius:0px;background:transparent; 	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;	
	}
	
	.main-menu .navbar-collapse > .navigation{float:none !important;margin:0px !important;width:100% !important;/* background:#2c2c2c; */border:none ;border-top:none; 	}
	
	.main-menu .navbar-collapse > .navigation > li{margin:0px !important;float:none !important;padding:0px !important;width:100%; 	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{border:none;}
	
	.main-menu .navbar-collapse > .navigation > li > a{padding:10px 10px !important;border:none !important;font-weight:500; 	} 	
	.main-menu .navigation li.dropdown > a:after,
	.main-menu .navigation > li.dropdown > a:before,
	.main-menu .navigation > li > ul > li > a::before,
	.main-menu .navigation > li > ul > li > ul > li > a::before{color:#ffffff !important;right:15px;font-size:16px;display:none !important; 	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{position:relative;border:none;float:none;visibility:visible;opacity:1;display:none;margin:0px;left:auto !important;right:auto !important;top:auto !important;padding:0px;outline:none;width:100%;background:transparent;-webkit-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-moz-border-radius:0px;border-radius:0px;transition:none !important;-webkit-transition:none !important;-ms-transition:none !important;-o-transition:none !important;-moz-transition:none !important;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none; 	}
		
	 
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border:none;opacity:1 !important;top:0px !important;left:0px !important;visibility:visible !important; 	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{border:none;	 	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{padding:12px 20px 10px !important;line-height:22px;color:#ffffff;/* background:#2c2c2c; */text-align:left;font-size:16px; 	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{/* background:#e5ae58;  */	}
	
	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,

	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{background:transparent;color:#ffffff !important; 	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{display:block; 	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navigation > li > ul:before{display:none !important;	 	} 	
	 .main-menu .navigation li.dropdown .dropdown-btn{border:none;}
	
	.header-nav { margin-top: 0px;  padding: 12px 0px; }
	.footer h4{    padding-bottom: 6px;     padding-top: 20px;} 
 .footer .icons p{    margin-top: 60px;}
	
	 
}

 @media only screen and (max-width:767px){
	 .home-about .content, .home-clinic .content{    padding: 0;}
	 .home-about .content h2, .home-clinic .content h2{font-size: 24px;}
	 .home-about .content h4{    font-size: 18px;}
	 .home-content p{    margin-bottom: 30px;}
	 .content-page p, .content-page ul{font-size:16px; line-height: 25px;}
	 .footer .icons p {     margin-top: 10px; }
	 .slider{    height: 200px !important;}
	 
 }
  @media only screen and (max-width:480px){
	   .slider{    height: 150px !important;}
	   .slider .HYPE_scene div{    width: 100% !important;
    height: 120px !important;
}
  }
    @media only screen and (max-width:360px){
		.slider .HYPE_scene div{    width: 100% !important;
    height: 100px !important;
}
	   
  }