/*   Media Query CSS */
@media only screen  and (min-width:1600px){
.slider .carousel-caption {
    left: 14%;
 
}
.form-id input[type="radio"], input[type="checkbox"] {
    
    margin-right: 16px;
}
}

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

.form-id h2
{font-size:20px;
}
.form-id input[type="radio"], input[type="checkbox"] {
    
    margin-right: 16px;
}
}

@media only screen  and (max-width:1024px){
.inner-content-top {
    
    width: 100%;
    margin: auto;
}
.form-id h2
{font-size:18px;
}
.form-id input[type="radio"], input[type="checkbox"] {
    
    margin-right: 16px;
}

}
@media only screen and (max-width:980px){
.sticky + .content{padding-top:0px;}
.top-nav, .hootone-logo{display:none;}
.our-speciality-img{display:none;}
.our-speciality-contant{width:100%;}
.our-speciality-preventing-img{display:none;}
.our-speciality-left {
    margin-right: 15px;
}
.our-speciality-box {
    width: 312px;
    float: left;
    margin-right: 10px;}
	
.slider-left-contant h1 {
    color: #ff5894;
    font-size: 35px;}	
.slider-left-contant{margin-top:90px;}
.slider-left-contant p{width:100%;}
.preventing-box{margin-top:20px;}
.our-speciality-preventing-bg{padding:30px 0}	
	
	
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
	display:block!important;
    background-color: #222;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}


.sidenav .closebtn {
    position: absolute;
    top:0px;
	margin:0px auto;
   text-align:center;color:#FFF;
   font-size:50px;
	
}

.sidenav .close-btn{

	width:0px;
	margin:0px auto;
	
	
}



.p-l{ }
.p-r{ }
.navbar-nav > li > a{color:#fff;}
.nav > li > a:hover, .nav > li > a:focus{background:#f1f1f1!important; color:#ff5894!important;}
.navbar-nav .open .dropdown-menu > li > a{color:#000!important;}
.navbar-nav .open .dropdown-menu{background:#d3f1f9; border-top-left-radius:0px; border-top-right-radius:0px;}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus{background:#f1f1f1!important; color:#ff5894!important;}




.nav-item{border-bottom:solid 1px rgba(255,255,255,.5); padding:10px 0;}
.navbar-toggler-right{display:none!important;}
.navBtn{display: block!important; color: #3f2803; font-size: 37px;}
.navigation{display:none!important;}
.inner-content-left {
    width: 100%;
	    margin-right: 0;
}
.preventing-box-2 {
    width: 100%;}
.inner-content-top h1{font-size:20px;}
.inner-content-left h2 {
    font-size: 16px;}
.heart-disease {
    width: 100%;}
.preventing-box-inner {
    width: 100%;}
.preventing-box-list li a {
    font-size: 14px;}
	.preventing-box-2 h3 {
    font-size: 18px;}
/*----------this is for anchor link--------------*/
.navBtn{display:none;}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
	display:block!important;
    background-color: #261802;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	
}

.sidenav .navbar-nav{padding-left:20px; padding-right:20px;}


.form-id h2
{font-size:15px;
}
.form-id input[type="radio"], input[type="checkbox"] {
    
    margin-right: 16px;
}

}
	
	
@media only screen and  (max-width:680px) {
p{text-align:justify;}	
	.mobile-none{display:none;}
	.for-destop{display:block!important;}
.navigation{display:none!important;}
.our-speciality-preventing-cont{width:100%;}

.our-speciality-preventing-top h1{font-size:25px;}
.preventing-list{margin-left:0px;}
.preventing-box{padding:0px 30px;}
.our-speciality-contant h1{font-size: 24px;}
.our-speciality{width:100%;}
.slider-left-contant h1{font-size:25px;}

.slider-left-contant {
    margin-top: 80px;
}
.slider-left-contant p{width:100%;}
.preventing-box-main{padding: 30px 0;}
.preventing-box{ margin-top:20px;}
.symptoms{display:block; width:100%;}

.footer-bottom{width:100%; padding:15px 0;}
.inner-content-right{width:100%;}
.preventing-box-2 {
    width: 100%;
    margin-top: 30px;
}
.form-id h2
{font-size:17px;
}
.form-id input[type="text"] {
    width: 100%;
    height: 40px;
    margin-bottom: 30px;
	margin-top: 20px;
}
.form-id input[type="radio"], input[type="checkbox"] {
    
    margin-right: 16px;
}
   

}

/*----*****---- << Mobile >> ----*****----*/	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */




@media only screen and  (max-width:480px) {
.inner-content-right{width:100%;}
p{text-align:justify;}	
	.mobile-none{display:none;}
	.for-destop{display:block!important;}
.navigation{display:none!important;}
.our-speciality-preventing-cont{width:100%;}

.our-speciality-preventing-top h1{font-size:25px;}
.preventing-list{margin-left:0px;}
.preventing-box{padding:0px 30px;}
.our-speciality-contant h1{font-size: 24px;}
.our-speciality{width:100%;}
.slider-left-contant h1{font-size:25px;}

.slider-left-contant {
    margin-top: 80px;
}
.slider-left-contant p{width:100%;}
.preventing-box-main{padding: 30px 0;}
.preventing-box{ margin-top:20px;}
.symptoms{display:block; width:100%;}

.footer-bottom{width:100%; padding:15px 0;}
.inner-content-top{width: 100%;margin: auto;}
.preventing-box-2 {
    width: 100%;
    margin-top: 30px;
}
.form-id h2
{font-size:15px;
}
.form-id input[type="radio"], input[type="checkbox"] {
    
    margin-right: 16px;
}


}
@media only screen and (max-width:360px) {
.navigation{display:none!important;}	
.our-speciality-preventing-cont{width:100%;}
.symptoms{display:none;}
.our-speciality-preventing-top h1{font-size:25px;}
.preventing-list{margin-left:0px;}
.preventing-box{padding:0px 30px;}
.our-speciality-contant h1{font-size: 24px;}
.our-speciality{width:100%;}
.slider-left-contant h1{font-size:25px;}

.slider-left-contant {
    margin-top: 80px;
}
.slider-left-contant p{width:100%;}
.preventing-box-main{padding: 30px 0;}
.preventing-box{ margin-top:20px;}
.footer-bottom{width:100%; padding:15px 0;}
.preventing-box-2 {
    width: 100%;
    margin-top: 30px;
}

}
@media only screen and (max-width:360px) {
	.inner-content-top table
	{width:100%;
	margin:auto;
	}
	.form table
	{width:100%;
	}
	.preventing-box-2 {
    width: 100%;
    margin-top: 30px;
}
.form-id h2
{font-size:15px;
}
.form-id input[type="radio"], input[type="checkbox"] {
    
    margin-right: 16px;
}


	}