.st_logo {float: left;}
.st_nav {float: right;}
.nav_vn {max-width: 1090px;width: 100%;}
#nav-icon { display: none;width: 27px;  height: 21px;  position: relative;  margin: 0 0 0 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;}
#nav-icon span {  display: block;  position: absolute;  height: 3px;  width: 100%;  background: #ececec;  border-radius: 0;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#nav-icon {float: none;margin: 5px 10px 0 0px;position: absolute;top: 0;right: 0;}
#nav-icon span:nth-child(1) {  top: 0px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;}
#nav-icon span:nth-child(2) {  top: 9px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;}
#nav-icon span:nth-child(3) {  top: 18px;  -webkit-transform-origin: left center;  -moz-transform-origin: left center;  -o-transform-origin: left center;  transform-origin: left center;}
#nav-icon.open span:nth-child(1) {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  left: 5px;}
#nav-icon.open span:nth-child(2) {  width: 0%;  opacity: 0;}
#nav-icon.open span:nth-child(3) {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 19px;  left: 5px;}
.mobile_menu {display: none;position: absolute;right: 0px;top: 10px;width: 90px;}
.menu_btn {font-size: 16px;color: #fff;position: absolute;top: 7px;}
.footer {max-width: 1090px; width: 100%;}
.glav {max-width: 1090px;width: 100%;}
.speedbar {padding-left: 10px;}

@media only screen and (max-width: 1100px){
    .glav .left {width: 29%;}
    .block_home,.st_right {width: 70%;}
    .r_item {width: 30%; margin: 30px 1.5% 0;float: left;}
    .block_home_item .r_item img {max-width: 100%;width: auto;}
    .block_home_item .r_item .image {text-align: center;}
    .category_item {width: 22%;margin: 0 1% 30px;}
    .category_item .button a {width: 100%;}
    .category_item .button {float: none;}
}

@media only screen and (max-width: 1000px){
    .speedbar {margin: 20px 0;}
    .glav .left {position: relative;z-index: 1;width: 100%;float: none;margin-bottom: 10px;}
    .glav .left .block {display: none;}
    #jms-slideshow {display: none;}
    .nav {height: 50px;z-index: 10;position: relative;}
    .logo {height: 50px;}
    .st_logo a {padding: 13px 10px;}
    .mobile_menu {display: block;}
    #nav-icon {display: block;}
    .st_nav {display: none;background: #2d9c85;float: none;position: absolute;top: 50px;width: 100%;}
    .st_nav a {display: block;border-bottom: 1px #1a7965 solid;border-top: 1px #4ab49e solid;}
    .st_nav a:first-child {border-top: 1px #2c8b77 solid;}
    .footer .logo {display: none;}
    .footer_right,.footer_nav {float: none;text-align: center;}
    .footer_nav a {margin-right: 0px;}
    .block_title {padding: 10px 30px;}
    .glav {margin-top: 5px;}
    .glav .block_home {width: 100%;float: none;}
    .r_item {width: 30%; margin: 30px 1.5% 0;float: left;}
    .block_home_item .r_item img {max-width: 100%;width: auto;}
    .block_home_item .r_item .image {text-align: center;}
    .right {float: none;width: 100%;}
    .fullstory iframe  {max-width: 100%!important;}
}

@media only screen and (max-width: 800px){
    .btn_group .button  a,#newmods .button a {float: none;margin: 0 auto 5px;}
    .r_item .description {display: none;}
    .category_item {width: 30%; margin: 0 1% 30px;}
    .category_item .image {text-align: center;}
    .st_right {padding-left: 5px;padding-right: 5px;box-sizing: border-box;overflow: hidden;}
}

@media only screen and (max-width: 600px){
    .speedbar {display: none;}
    .relate_row {padding: 0 10px;}
    .related h3 {font-size: 23px;}
    .related .view_all {margin-top: 5px;}
    .r_item {width: 45%; margin: 30px 2% 0;float: left;}
    .download > a {float: none;margin: 5px auto 15px;display: block;width: 100%;}
    .mlink > span {display: block;float: none;margin-bottom: 5px;}
    .category_title {font-size: 24px;}
    .tableform,.tableform tr,.tableform tbody,.tableform td {display: block;}
    .tableform .label {font-size: 18px;margin-bottom: 5px;}
    .tableform tr {margin-bottom: 10px;}
    .fieldsubmit {float: none;margin-left: 0px;}
    .tableform {max-width: 95%;margin: 10px auto;}
    .tableform textarea {width: 95%!important;}
}

@media only screen and (max-width: 400px){
    .fullstory h1 {font-size: 20px;}
    .relate_row {padding: 0 5px;}
    .related h3 {font-size: 17px;}
    .related .view_all {margin-top: 3px;}
    .category_item {width: 47%;margin: 0 1% 30px;}

}