@media (max-width:760px){img, object{max-width:100%;}
#wrap{width:95%;}
ul.dropdown{width:95%;}
#header{width:100%;height:auto;}
#container{width:100%;}
#contents{width:65%;}
.post{width:100%;}
#footer{width:100%;}
#sidebar{width:30%;}
.video embed{width:100%;height:auto;min-height:200px;}
#breadchumb{width:100%;}
#contentimage{height:auto;width:100%;}
.picnav img{width:20%;}
#ads{width:100%;}
#nav right{width:60%;}
.trt{width:93%;}
}
@media (max-width:600px){
#header{height:auto;text-align:center;}
#header .logo{text-align:center;}
#content{width:100%;}
#content-large{width:100%;}
#container{width:100%;}
.post{width:100%;}
#contents{width:96%;}
#sidebar{width:100%;margin:0;float:none;}
.video embed, .video object, .video iframe{min-height:250px;}
#nav a{font-size:90%;}
ul.dropdown{width:80%;}
#nav right{width:100%;}
#nav span{width:100%;height:auto;}
.trt{width:93%;}
}
@media (max-width:479px){#wrap{width:92%;}
#container{width:99%;}
#contents{width:93%;}
#content-large{width:99%;}
#nav{float:left;background-color:#1E1E1E;height:auto;margin:3px;padding:0px;text-transform:capitalize;font-size:14px;text-align:center;padding-top:5px;padding-bottom:5px;}
nav ul{display:none;}
nav select{display:inline-block;width:80%;height:30px;overflow:hidden;background:#1E1E1E;color:#E6E6E6;float:none;font-size:14px;}
#nav span{display:none;}
#nav right{display:none;}
.trt{width:93%;}
}
@media screen and (max-width:320px){
#container{width:100%;}
#contents{width:92%;}
#content-large{width:100%;}
.thumb{width:93%;}
.trt{width:93%;}
#nav right{display:none;}
}
/* ---- Added: close the gap between 761px-820px not covered by the
   original breakpoints (screen widths here still used the fixed 799px
   #wrap and would overflow slightly). ---- */
@media (max-width:820px){
  #wrap{width:96%;}
  #header{width:100%;height:auto;}
  #container{width:100%;}
  #content-large{width:100%;}
}
*{box-sizing:border-box;}