@charset "utf-8";
/* CSS Document */


@media screen  and (max-width: 1200px) {
	 .dvCntr { width:98%;    }
}

@media screen  and (max-width: 1199px) { 
  .dvTopIns { background-size: 180px 120px; background-position: 10px 10px;}  
  .dvMenuIns {  width:100%;     } 
}



@media screen  and (max-width: 1000px) {   
  .dvOpnDayImg img { width:70%;} 
}


/* logo images */
@media screen  and (max-width: 959px) { 
  .dvTopCntr { height:280px; background-image:none; border:#F06 0px dotted   }
  .dvTopInsFlx, .mobLogSite { height:50%; display:block;}
  
  .dvTopInsFlx { border:#03C 0px solid}
  .dvLogHbp { border: #6F3 0px dashed}
  .mobLogSite { border: #0FF 0px dashed}
  .dvLogHbp img, .mobLogSite img{ border: #000 0px dashed}
  
  
  .dvLogHbp img{ height:100%; max-height:120px; display:block; margin:0px auto;  }
  .mobLogSite {     }
  .mobLogSite img { height:95%; max-width:800px; margin:0 auto; display:block; }
  
}

@media screen  and (max-width: 800px) {   
  .mobLogSite img { width:auto; max-height:130px; height:auto;  margin:0 auto; display:block; }  
}

@media screen  and (max-width: 568px) {  
   .dvTopCntr { height:240px;  }
   .mobLogSite img { width:100%; max-height:130px; height:auto;  margin:0 auto; display:block; }  
}

@media screen  and (max-width: 320px) {   
   .dvTopCntr { height:220px;  }
   .dvLogHbp img{  max-height:100px;    }        
}

/* END logo images */

@media screen  and (max-width: 959px) { 
  .dvTop { background-image:none; }
  /*.dvTopIns { height:auto; background-position: center 10px; background-size: 100px 67px; }*/
 
  .dvOpnDayImg { position:relative; padding-top:60px }
  .dvOpnDayImg img { height:50%;} 
  
  .dvTopMn { display:none; }
  .tpmenu  { display:block; }  
  
  .dvMenuIns {   flex-direction: column;  }
  
  .pgTitle { padding: 20px 15px; }
  
  .bdyCont { flex-direction: column; }
  .bdyLeft, .bdyRight {  width:96%; margin:10px auto; padding:20px 0;  }
  
   
   
  .fooImgs { width:100%;}
  .fooImgs img {   }
}


@media screen  and (max-width: 640px) {
	.fooAdrs  {flex-direction: column; justify-content: center; }
	.fooAdrsLogo, .fooAdrsText { width:90%; padding:10px 1%;   }
	.fooAdrsLogo img { width:90%; height:auto; max-width:320px; margin-bottom:20px; }     
	
}




 
  

