/* CSS Document */
@media  (min-width:320px) and (max-width:767px){
#site_title h1 a { 
	display: block; 
	width:170px; 
	height:; 
	color: #fff; 
	text-indent: -10000px; 
	background: url(https://www.yorkscientific.com/images/medi_equipment_logo.jpg) no-repeat top left; background-size:contain;margin-top:45px;
}

.sub_page { 
background-image: url(../images/templatemo_bg_responsive.png); 
}
.top-nav{ top:40px}


.formsearch{position: relative; display: inline-block; float: none; margin:0 auto}
.table-align{ margin:0 auto 10px auto; float:none}
.templatemo_login form {text-align:center;}
.mid_title { 
  font-size: 25px; 
  font-weight: 400; 
  line-height: 30px; 
  color: #000; 
  margin-bottom: 30px;  
  font-family: Georgia, "Times New Roman", Times, serif;  
}

.mid_title span { 
  clear: both; 
  display: block; 
  color: #666; 
  font-size: 20px; 
}
}
@media  (min-width:768px) and (max-width:959px){
.top-nav{ top:0}

}
@media  (min-width:320px) and (max-width:959px){
.top-nav .menu {
  list-style: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-height: 0;
  transition: max-height .2s ease-out; background:#000 ;}
  
  .top-nav {
  position: absolute;
  width:100%;
  }
  
  
#templatemo_wrapper { 
	width: auto; 
	padding: 0 10px; 
	margin: 0 auto; 
}

.top-nav .menu li a, .ddsmoothmenu ul li{ min-width: 100%; text-align:left}
}