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

	#main-menu .menu-item a {padding-left: 7px; padding-right: 7px; font-size: 13px;}

}




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

	#main-menu .menu-item a {font-size: 13px;}
	#header .top a {font-size: 12px;}
	#hero .title {font-size: 50px;}
}

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

	/*html {min-width: 320px;}*/
	body {position: relative; padding-top: 75px;}
	.container {width: auto}

	#header .top {font-size: 14px; margin-top: 15px; margin-right: 60px;}
	#header #logo img {width: 120px;}
	#header {padding: 15px 0;}
	#main-menu {display: none;}

	#hamburger {width: 50px; height: 40px; position: absolute; top: 5px; right: 0; z-index: 9999; display: block; cursor: pointer}
	#hamburger .upper {height: 5px; background: #FFF; top: 8px; position: absolute; width: 70%; left: 15%; background: #0cb6bc; border-radius: 10px;}
	#hamburger .middle {height: 5px; background: #FFF; top: 17px; position: absolute; width: 70%;left: 15%; background: #0cb6bc; border-radius: 10px;}
	#hamburger .bottom {height: 5px; background: #FFF; top: 26px; position: absolute; width: 70%;left: 15%; background: #0cb6bc; border-radius: 10px;}

	#slide-out {position:fixed; width: 60%; right:-60%; top: 0; background: #0b0c0d; height: 100%; z-index: 9999; overflow: scroll;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}
	#slide-out.active {right: 0;}
	#slide-out ul {background: transparent; top: auto; left: auto; position: relative; border-radius: 0; padding: 0; margin: 0;}
	#slide-out ul li {display: block; line-height: 25px; border-bottom: 1px solid #000; border-top: 1px solid #1c2128; float: none !important;}
	#slide-out ul li a {display: block; text-align: left; padding: 0 20px; color: #CCC; line-height: 44px; font-size: 15px;}
	#slide-out ul li .sub-menu {position: relative; width: auto; top: auto; box-shadow: 0;  background: #111; display: none; padding: 5px 0;}
	#slide-out ul li .sub-menu li {border-bottom: 0; border-top:0;}
	#slide-out ul li .sub-menu li a {padding: 0 0 0 30px; font-size: 14px; line-height: 30px;}
	#slide-out ul li .sub-menu li .sub-menu li a {padding: 0 0 0 50px}

	#hero img {height: 50vh;}
}


@media (max-width: 767px) {

	

	#header {padding: 10px 0 0;}
	#header #logo img {margin:0 0 10px; width: 80px;}
	#hamburger {top: -5px;}
	#header .top {margin: 0; background: #28292d; color: #FFF; padding: 4px 0 4px; width: calc(100% + 30px); margin-left: -15px; text-align: center;}
	#header .top a {color: #FFF;}
	.hspacer{width: 20px;}
	#header .top a i.fab {font-size: 16px;}

	#hero img {height: 35vh; object-fit: center top;}
	#hero .v-align {margin: 0; padding: 15px; height: auto !important; position: absolute; width: 100%; bottom: 0; left: 0;}
	#hero .title {font-size: 27px; margin-bottom: 15px; white-space: nowrap;}
	#hero .title br {display: none;}
	#hero p {font-size: 16px; margin-bottom: 0;}

	h1 {font-size: 26px;}
	h2 {font-size: 23px;}

	p {font-size: 15px;}

	#modules .mod {margin-top: 15px; }
	#modules .mod .inside {height: 100px; width: calc(100% + 16px); margin-left: -8px; display: block;}
	#modules .mod h2 {font-size: 14px; padding-bottom: 0px;}

	#content {padding: 40px 0;}
	#modules,
	#doctors {padding: 40px 0;}

	.module {margin-bottom: 30px;}
	#doctors .dr {margin: 20px;}

	#footer {text-align: center;}
	#footer .logo {max-width: 60%;}

	.single-post #upper h1 {padding: 0; font-size: 25px;}
	.single-post .h1 {text-align: center;}
	.single-post #content {padding-top: 0;}
	.blog-top ul li {font-size: 14px;}
	.blog-top ul {justify-content: center;}
}

@media (max-width: 576px) {}