/* **************** menubar ****************** */

@media (max-width:461px){
ul.MenuBarHorizontal li .dropbtn{margin: 0px  0px 2px 0px;height:22px;} /* 18 */
div.hmb1{position: absolute;margin-left: 0px;} /* -40 */
div.hmb2{position: absolute;margin-left: -66px;} /* -40 */
div.hmb3{position: absolute;margin-left: -107px;}  /* -100 */
div.hmb4{position: absolute;margin-left: -173px;}  /* -100 */
ul.MenuBarHorizontal .dropbtn {width: 66px; height: 21px; font-size:90%;}
ul.MenuBarHorizontal{ 	width:280px; }} /*272*/

@media (min-width:461px){
div.hmb1{position: absolute;margin-left: 3px;} 
div.hmb2{position: absolute;margin-left: -75px;} /* -40 */
div.hmb3{position: absolute;margin-left: -75px;} /* -80 */
div.hmb4{position: absolute;margin-left: -152px;} /* -80 */
ul.MenuBarHorizontal .dropbtn {height: 21px; width: 86px;}
ul.MenuBarHorizontal{ width:368px;} /* 360 */
 }

@media (min-width:640px){
div.hmb1{position: absolute;margin-left: 3px;} 
div.hmb2{position: absolute;margin-left: -65px;}  /* xx -40 */
div.hmb3{position: absolute;margin-left: -65px;}  /* xx -80 */
div.hmb4{position: absolute;margin-left: -127px;}  /* xx -80 */
ul.MenuBarHorizontal .dropbtn {width:110px; height: 21px;}
ul.MenuBarHorizontal{ width:468px;}  /* 455 */
}

@media (min-width:780px){
div.hmb1{position: absolute;margin-left: 3px;} 
div.hmb2{position: absolute;margin-left: -57px;}  /* xx -40 */
div.hmb3{position: absolute;margin-left: -57px;}  /* xx -80 */
div.hmb4{position: absolute;margin-left: -107px;}  /* xx -80 */
ul.MenuBarHorizontal .dropbtn {width:130px; height: 21px;}
ul.MenuBarHorizontal{ width:550px;}} /* 405 */


/* **************** centerblocks ****************** */
/** CHANGE ALL THESE TO max-width:100% IN THE MAIN CSS FILE **/
@media (max-width:800px) {
.centerblock600, .centerblock700, .centerblock800{width:100%;}}

@media (max-width:600px) {
.centerblock500{width:100%;}}

@media (max-width:500px) {
.w550, .centerblock400{width:100%;}}

/* **************** misc ****************** */

@media (max-width:800px){
.topline{font-size:30px;line-height:40px;}
.menubtn{ font-size: 30px;line-height: 30px;}}

@media (max-width:600px){
.topline{font-size:28px;line-height:20px;}
.menubtn{ font-size: 30px;line-height: 20px;}}

@media (max-width:420px){
.topline{font-size:24px;line-height:18px;}
.menubtn{ font-size: 30px;line-height: 0px;}}

/* *****next, pre, menu btns ************ */
@media (max-width:460px){
.menubtnnew {
left: .4vw;     /*1.4 small; .4 big; see tlclose*/
font-size:20px;      /*20 small; 30 big; see tlclose*/
cursor: pointer;}
.tlclose {
margin-top:-7px; /* -7 small; -14 big*/
margin-left:-2px; /* -2 small; -4 big*/
font-size:30px;    /* 30 small; 50 big*/
cursor: pointer;}
div.prev {
 left: 1.8vw;   /* 1.8vw small; 1.1vw big )*/
font-size:35px;  /* 35 small; 50 big*/
cursor:pointer;}

div.infe-prev {
 left: 1vw;   /* 1.8vw small; 1.1vw big )*/
font-size:35px;  /* 35 small; 50 big*/
cursor:pointer;}

div.next {
right:1.8vw;    /* 1.8vw small; 3.2vw big */
font-size:35px;  /* 35 small; 50 big */
cursor:pointer;}
div.back{
 left:.3vw;       /* .3vw small; .3vw big*/
font-size:22px;   /* 22 small; 30 big*/
cursor:pointer;}
div.back-up{
 left:.3vw;        /* .3vw small; .3vw big*/
font-size:22px;   /* 22 small; 30 big*/
cursor:pointer;}
}