@media only screen
and (max-width:1021px){#maincontent{overflow:hidden}

.rve{margin-bottom:10px}
.rve iframe{width:100%}
#alllink{display:none}
.headerlong{border-radius:0}
.headershort{border-radius:0}
#avpgadvert, #avpgadvert2{max-height:400px; max-width:98%; height:auto}
#avpgadvert img, #avpgadvert2 img{width:100%; height:auto}
html{background:#000}
.demo_wrapper{max-height:auto}
#container{box-sizing:border-box; width:100%; margin:0; padding:0}
#container2{margin:0}
#banner1{box-sizing:border-box; width:100%; margin:0; background-position:-300px 0; border-radius:0}
#newsslider{max-width:100%!important}
#rightcolumn{float:none; margin:0 auto; width:100%}
#middlecolumn{float:none; width:100%}
#latestposts, #CPM2, #latestpages{background:url(../../avp/images/gradientnews.jpg)}
.headershort{background:url(../../avp/images/gradient1.jpg)}
#avpgadvert3{margin:0 auto 8px; text-align:center}
#avpgadvert4{margin:0 auto; text-align:center}
#upper_section #avpgadvert3{display:none}
#newsheader{background:url(../../avp/images/gradientnews.jpg)!important}
#newsslider{margin:0 auto}
.headerlong{background:url(../../avp/images/gradient1.jpg)!important}
.fhleft{float:none; width:100%!important; margin-bottom:8px}
.fhright, .posters, .poster{display:none}
#main_menu{padding:0!important}
#avpgdropdownnew{width:75%}
#fsiteinfo{width:95%}
div.mposterinfo img.avatar{max-width:50px; max-height:50px; border:1px solid #000; float:left; margin-right:8px}
.posterinfo{display:none}
.keyinfo{float:none; width:100%}
.postarea, .moderatorbar{margin:0}
.mposterinfo{display:block; width:50%; float:left}
#main_menu{height:auto}
#container3{padding:0}
#social{position:absolute; right:0; top:0}
table.table_list td.stats{display:none}
}
@media only screen
and (max-width:430px){div.post .inner img{max-width:100%; height:auto}
.comment-body iframe{display:none}
#basicinfo, #detailedinfo{float:none; width:auto}
.dropm2{float:right}
.desktoptheme2, .desktoptheme3{display:block}
.nomobile{display:none}
.mobileonly{display:block}
.mobileonly a{background:#BDBDBD;  padding:5px;  border:1px solid #000;  margin:10px 0 0 10px;  display:inline-block}
#avpgadvert, #avpgadvert2{max-width:100%}
.rve{position:relative; padding-bottom:56.25%; padding-top:25px; height:0; margin-bottom:10px}
#avpgadvert img, #avpgadvert2 img{width:100%; height:auto}
.rve iframe{position:absolute; top:0; left:0; width:100%; height:100%}
.reportlinks{display:none}
#container2{background:#28282D!important}
.mlastpost{display:inline}
div.mlastpost{position:absolute;     top:20px;     right:2px}
.featuredexcerpt{display:none}
.sy-caption-wrap{height:auto; width:100%; box-sizing:border-box}
.sy-caption-wrap .sy-caption h2{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
html{background:#000}
.dropm2{padding:0 5px; background:#464646; font-size:1.5em; color:#FFF; display:block}
ul.quickbuttons{display:none}
.pagelinks{font-size:1em}
.demo_wrapper{height:auto!important; margin-bottom:8px!important}
.mlastpostinfo{display:block}
#main_menu{height:auto}
.keyinfo{float:none; width:100%}
.topic_table td{font-size:0.9em}
div.mposterinfo img.avatar{max-width:50px; max-height:50px; border:1px solid #000; float:left; margin-right:8px}
#wrapper, #wrapper table{font:1.1em Verdana,Arial,Helvetica,sans-serif}
.signature{overflow:none}
.signature img{max-width:100%}
.topic_table td.subject p{font-size:.7em!important}
.navigate_section{font-size:1em}
td.icon1, #micon, .startedby, td.lastpost, #mviews, .topic_table td.stats, th#mlastpost2, th.mlastpost2, .poster, #forumposts .cat_bar, #button_calendar, .posterinfo, .posters, .signature, .quickbuttons{display:none}
#container3{padding:0}
.postarea, .moderatorbar{margin:0}
.mposterinfo{display:block; width:70%; float:left}
#container{padding-top:42px}
#newsheader .floatright, #social{display:none}
#bannerlinks2{height:5px}
.sliderribbon span, .genericon-book, .byline{display:none}
table.table_list td.info p.bdesc, p.moderators, td.children{display:none}
table.table_list td.stats{display:none}
table.table_list td.lastpost, .mlddm{display:none}
.mobboardinfo{display:block}
.slideout-menu-toggle{color:#fff; display:block; float:right; background:#6C879E; padding:10px; position:absolute; top:0; height:3em; box-sizing:border-box; right:0; border-left:1px solid #000}
.slideout-menu-toggle img{margin-right:10px}
#menuwrapper{background:#000; opacity:0; z-index:22; width:50%; position:fixed; display:none; height:100%; top:0; left:0; cursor:pointer}
#banner1{width:100%; margin:0; background-position:-300px 0; display:none}
#slidemenubutton{display:block; border-bottom:1px solid #000; width:100%; background:#404B5C url(../images/mobilelogo.png) no-repeat; position:absolute; height:3em; top:0; background-position:10px 0; left:0}
#slidemenubutton a.homelink{color:#FFF; font-size:1.5em; font-weight:800; padding-left:10px; line-height:2em}
#lines{border-bottom:13px double #000; border-top:4px solid #000; content:""; height:5px; width:30px}
.x{color:#FFF; font-family:'Helvetica','Arial',sans-serif; font-size:2em; font-weight:700; text-align:center}
.pushmenu{position:absolute}
.pushmenu2{position:absolute; left:inherit!important}
a.slideout-menu-toggle:hover{color:#fff}
.slideout-menu{border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; color:#fff; display:block; position:fixed; top:0; right:-50%; width:50%; height:100%; background:#222; z-index:100}
.slideout-menu-home{width:80%;  height:44px;  float:left}
.slideout-menu h3{position:relative; padding:12px 10px; color:#fff; font-size:1.2em; font-weight:400; border-bottom:1px solid #000; margin:0}
.slideout-menu .slideout-menu-toggle{border:none; position:absolute; top:12px; right:10px; display:inline-block; padding:6px 9px 5px; font-family:Arial,sans-serif; font-weight:700; line-height:1; background:#6C879E; color:#fff; text-decoration:none; vertical-align:top}
.slideout-menu .slideout-menu-toggle:hover{color:#000}
.slideout-menu ul{list-style:none; font-weight:300; padding:0; margin:0}
.slideout-menu ul li{border-bottom:1px solid #000}
.slideout-menu ul li a{position:relative; display:block; padding:10px; color:#B6B6B6; text-decoration:none; font-weight:800}
.slideout-menu ul li a:hover{background:#000; color:#fff}
.slideout-menu ul li a i{position:absolute; top:15px; right:10px; opacity:.5}
}
.resp-square{width:300px; height:250px}
@media only screen
and (min-width:467px){.resp-square{}
}
@media only screen
and (min-width:725px){.resp-square{}
}
@media(min-width:1021px){.resp-square{}
}