/* TABLETS width 700 or above width */
@media all and (min-width: 700px) and (max-width: 969px){
body, html  { max-width: 969px; min-width: 700px; width: 100%; padding: 0px; margin: 0px;  }
#nav ul li a { padding: 0;    }
#footer{ padding: 0px; width: 98%; padding: 1%; }
.searchbox { display: none; top: 20px; right: 0px;}
.slideing {/* width: 63%; */}
.Hevents { width: 36%; left: 64%;  top: 15%;  }
.Hevents img.video { width: 90%; height: auto; }
.Hevents img.playbtn { position: absolute; top: 15%; left: 30%;   }
.slider { width: 100%;height: 100%;}

#wrapper { min-width: 100%;  width: 100%; }
.container {width: 98%;}
#content { width: 60%; padding:0 2%;  }
.news ul li { height: auto; }
.mess { font-size: 1.5em; }
.footabout{ display: none; }
.footnavi { width: 80%; }
.sociolinks { width: 20%; padding: 0; }
.hometabs article{ width: 30%; }
.leftpart { width: 62%; padding: 0 1%; margin-right: 10px; margin-bottom: 20px; }
.rightpart{ width: 33%; }
}
@media all and (min-width: 700px) and (max-width:759px){
.slideing {/* left: 15%; */}
.sliderContent div.base{text-align:center;} 
.sliderContent div.base div.caption {  width: 69%; }
.sliderContent div.base img {    height: 260px; width: 500px; }
.sliderContent div.base div.caption {display: none;}
.sliderContent {/* height: 310px; */}

#nav ul li { min-width: 1%; }
#nav ul li a { padding: 0 5px;    }	
.quote { font-size: 0.82em; line-height: 0.82em; }
.annoc p { width: 65%; }
}
@media all and (min-width: 760px) and (max-width:799px){
#nav ul li a { padding: 0 0px;    }
.quote { font-size: 0.82em; line-height: 0.82em; }
.slideing {/* left: 15%; */}
.sliderContent div.base img  { height: 260px; width: 500px;   }
.sliderContent div.base div.caption { display: none;  }
.sliderContent div.base{ text-align:center;}
}

@media all and (min-width: 800px) and (max-width: 969px){
#nav ul li a { padding: 0 5px;    }
.slideing {/* left: 15%; */}
.sliderContent div.base img  { height: 260px; width: 500px;   }
.sliderContent div.base div.caption {/* display: none; */}
.sliderContent {  height: 310px; }

.leftpart { width: 64%; padding:0 1%;  }
.quote { font-size: 0.92em; line-height: 0.82em; }
.rightpart { width: 31%; }
}
