@media only screen and (min-width: 769px){
.topmenu {
    display: none;
}
.moduletable.mobileslider {
    display: none;
}
}

@media only screen and (max-width: 768px)
{
.body{max-width: 100%;
    margin: 0 15px;
}
 #logo, .row-top-menu{display: none;}
 #logo {
	padding: 2px 0 0 3px;}  

.banner-2 .banner-button, .banner-3 .banner-button {
    margin-left: 180px !important;
}

.banner .banner-button
{    margin: 133px 11px 0 180px;}
.banner-1 {
    width: 320px;
}
.banner-1, .banner-2, .banner-3 {
    max-width: 320px;
    margin: 5px auto;
    clear: both;
}
#left {
    float: none;
    text-align: left;
    width: 100%;
    order: 2;
}

#container {
    order: 1;
      margin: auto;
    max-width: 100%;
    padding: 0 15px !important;
    float: left;
}
#content .clear {
    display: flex;
    flex-direction: column;
}
.box-menu .fright {
    width: 100%;
    float: none !important;
}
.article-text-indent {
    padding: 16px 10px 6px 10px;
}
.footer {
    padding: 20px;
}
.footer .col-1, .footer .col-2, .footer .col-3 {
    background: transparent;
    max-width: 320px;
    clear: both;
}
.footer .col-2 {
    margin: 0;
}
.footer .col-3{margin: 10px 0;}
.contentpaneopen img {
    margin: 0;
    float: left;
}
.box-menu .fleft {
    height: 96px;
    width: 100%;
    clear: both;
    float: none;
}
.main {
   width: 100%;
    max-width: 1000px;}
    #sliderTable {
    display: none;
}
.row-slider {
    display: none;
}
.topmenu {
    height: 62px;
    background: url(../images/topmenu.jpg) top center repeat;
}

.img-indent {
    float: left;
    clear: left;
}
}

@media only screen and (max-width: 420px){
.tail-header {
    max-height: 150px;
}
#contentTable {
    margin-top: 40px;
}
}



.pagination>li>a, .pagination>li>span {
    padding: 5px 0px;
    border: 0;
}
#jawnav span.inner {
    background: #333;
    color: #fff;
}
#jawnav ul ul li a {
    font-size: 14px;
    color: #fff;
}
#jawnav .submenu-button::after {
    background: #ffffff;
}
#jawnav .submenu-button::before {
    background: #ffffff;
}
 #jawnav {
   background: transparent;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 999;
    }
 .logoimg.mobile {
    max-width: 75%;
    float: left;
}
#jawnav > ul > li > a {
    color: #fff;
    }
    #jawnav #menu-button::after {
    background: #fff}
    #jawnav #menu-button::before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

#jawnav #menu-button {
    color: transparent;
}
ul.open {
    background: #333;
}
#content {
    background: url(../images/bg_content.gif) top center repeat-y;
}
#left {
    max-width: 349px;
}
.row-top-menu {
    float: right;
    max-width: 45%;
}
.span6 {
    width: 50%;
}
.span12 {
    width: 100%;
}
.row-slider, .row-slider li {
    margin-top: 10px;
}
.logo {
    float: left;
    max-width: 50%;
}
.row-top-menu {
    position: relative;
   width: 100%;
}
video {
    max-width: 420px;
}