/* DESKTOP */
@media only screen and (max-width:1200px) {
    .container {margin: 0 15px;}
    .shortstory {width: 200px;margin-right: 15px;}
    .shortstoryImg {height: 278px;}
}

/* DESKTOP */
@media only screen and (max-width:1024px) {
    .container {margin: 0 15px;}
    .search {width: 57%;}
    .search-form {margin: 0px 5%;}
    .shortstory {width: 141px;margin-right: 15px;}
    .shortstoryImg {height: 193px;}
    .triangle-topleft-new span {top: 32px;left: 22px;}
    .triangle-topleft-year span {bottom: 32px;right: 22px;}
}

/* TABLET */
@media only screen and (max-width:992px) {
.search {width: 50%;}
}

@media only screen and (max-width:800px) {
    .container {margin: 0 15px;}
    .search {width: 43%;}
    .search-form {margin: 0px 5%;}
    .year_search .dropdown-menu {margin: 0px;}
    .aside_right {display: none;}
    .contBody {width: 101%;}
    .shortstory {width: 148px;margin-right: 15px;}
    .shortstoryImg {height: 200px;}
    .triangle-topleft-year span, .triangle-topleft-new span {font-size: 14px;}
    .triangle-topleft-new span {top: 32px;left: 22px;}
    .triangle-topleft-year span {bottom: 32px;right: 22px;}
    .fullImg_bl {float: none;width: 99%;}
    .social span.socText {display: block;}
    .relatedItem:first-child {display: none;}
    .footerLogo, .copyright, .counters {display: block;}
    .footerLogo {width: 100%;text-align: center;}
    .copyright {text-align: center;}
    .counters { padding-right: 0; width: 100%; text-align: left;}
    .counters img {float: none;}
    .copy-des {bottom: 30px !important}
}

/* TABLET */
@media only screen and (max-width:768px) {
    .container {margin: 0 15px;}
    .search {width: 41%;}
    .search-form {margin: 0px 5%;}
    .year_search .dropdown-menu {margin: 0px;}
    .aside_right {display: none;}
    .contBody {width: 101%;}
    .shortstory {width: 137px;margin-right: 15px;}
    .shortstoryImg {height: 185px;}
    .triangle-topleft-year span, .triangle-topleft-new span {font-size: 14px;}
    .triangle-topleft-new span {top: 32px;left: 22px;}
    .triangle-topleft-year span {bottom: 32px;right: 22px;}
    .fullImg_bl {float: none;width: 99%;}
    .social span.socText {display: block;}
    .relatedItem:first-child {display: none;}
    .footerLogo, .copyright, .counters {display: block;}
    .footerLogo {width: 100%;text-align: center;}
    .copyright {text-align: center;}
    .counters {padding: 0px; text-align: center;margin-top: 30px;}
    .counters img {float: none;}
    .copy-des { top: 100% !important; right: 43% !important; margin-top: -15px;z-index: 1000;}

}

/* TABLET */
@media only screen and (max-width:640px) {
    .container {margin: 0 15px;}
    .welcome {line-height: 18px;text-align: center;padding-top: 15px; float: none;}
    .top_right {text-align: center;float: none;}
    .top_right a {float: none;}
    .header_bottom {padding-top: 10px;}
    .logo { float: none; text-align: center;}
    .search { float: none; width: 100%; display: block; clear: both;margin-bottom: 20px; }
    .search-form { margin: 0;}
    .usrpanel { float: none; margin-top: 12px; text-align: center; margin-bottom: 20px;}
    .usrpanel button {width: 100%}
    .year_search button {width: 100%}
    .year_search .dropdown-menu {margin: 0;}
    .btn_year {margin: 4px;padding: 3px 8.6px;}
    .aside_left, .aside_right {display: block;width: 100%;}
    .aside_left .asideBody {margin: 12px;}
    .aside_right .asideBody {margin: 12px;}
    .btn_bl > div {float: left;margin-bottom: 18px;}
    .nav_btn {display: block; width: 100%; margin-bottom: 15px;}
    ul.asideNav {display: none;}
    .wrap {display: block;}
    .content {display: block;margin-bottom: 25px;padding: 0px 12px;}
    .contBody {width: 100%;}
#allEntries {
    width: 100%;
}
    .shortstory {float: none;width: 100%;clear: both;margin-bottom: 15px;}
    .shortstoryImg {height: auto;}
    .triangle-topleft-new, .triangle-topleft-year {height: 65px;}
    .triangle-topleft-new {top: -86px;left: -25px;}
    .triangle-topleft-year {bottom: -85px;right: -25px;}
    .triangle-topleft-year span, .triangle-topleft-new span {font-size: 16px;}
    .triangle-topleft-new span {
        top: 24px;
        left: 28px;
    }
    .triangle-topleft-year span {
        bottom: 24px;
        right: 28px;
    }
    .shortstory_info {padding: 8px 15px;margin-top: 5px;}
    .itemStats_left { float: left; margin-right: 25px;}
    .itemStats_right {float: left;}
    .footer {padding: 10px;}
    .footerLogo, .copyright, .counters {display: block; width: 100%;overflow: hidden;margin-bottom: 15px;}
    .footerLogo {text-align: center;}
    .counters {padding: 0px; text-align: center;}
    .counters img {float: none;}
    .copy-des { top: 100% !important; right: 40% !important; margin-top: -15px;z-index: 1000;}
    .nowDownloadItem_img {height: 300px;}
    .fullImg_bl {float: none;width: 98%;}
    .fullDescrInfo {padding: 10px;}
    .downloadBottom a img {width: 100%;}
    .relatedGame {width: 100%;}
    .relatedItem {float: none;width: 100%;}
    .commDate { float: none;display: block;margin: 10px 0;}
    .commMess {margin-left: 0px;}
}

/* MOBILE */
@media only screen and (max-width:480px) {
    .container {margin: 0 15px;}
    .welcome {line-height: 18px;text-align: center;padding-top: 15px; float: none;}
    .top_right {text-align: center;float: none;}
    .top_right a {float: none;}
    .header_bottom {padding-top: 10px;}
    .logo { float: none; text-align: center;}
    .search { float: none; width: 100%; display: block; clear: both;margin-bottom: 20px; }
    .search-form { margin: 0;}
    .usrpanel { float: none; margin-top: 12px; text-align: center; margin-bottom: 20px;}
    .usrpanel button {width: 100%}
    .year_search button {width: 100%}
    .year_search .dropdown-menu {margin: 0;}
    .btn_year {margin: 4px;padding: 3px 8.6px;}
    .aside_left, .aside_right {display: block;width: 100%;}
    .aside_left .asideBody {margin: 12px;}
    .aside_right .asideBody {margin: 12px;}
    .btn_bl > div {float: left;margin-bottom: 18px;}
    .nav_btn {display: block; width: 100%; margin-bottom: 15px;}
    ul.asideNav {display: none;}
    .wrap {display: block;}
    .content {display: block;margin-bottom: 25px;padding: 0px 12px;}
    .contBody {width: 100%;}
#allEntries {
    width: 100%;
}
    .shortstory {float: none;width: 100%;clear: both;margin-bottom: 15px;}
    .shortstoryImg {height: auto;}
    .triangle-topleft-new, .triangle-topleft-year {height: 65px;}
    .triangle-topleft-new {top: -60px;left: -18px; }
    .triangle-topleft-year { bottom: -60px; right: -18px;}
    .shortstory_info {padding: 8px 15px;margin-top: 5px;}
    .footer {padding: 10px;}
    .footerLogo, .copyright, .counters {display: block; width: 100%;overflow: hidden;margin-bottom: 15px;}
    .footerLogo {text-align: center;}
    .counters {padding: 0px; text-align: center;}
    .counters img {float: none;}
    .copy-des {top: 100% !important;right: 38% !important; margin-top: -15px;z-index: 1000;}
    .nowDownloadItem_img {height: 150px;}
    .fullImg_bl {float: none;width: 98%;}
    .fullDescrInfo {padding: 10px;}
    .downloadBottom a img {width: 100%;}
    .relatedGame {width: 100%;}
    .relatedItem {float: none;width: 100%;}
    .commDate { float: none;display: block;margin: 10px 0;}
    .commMess {margin-left: 0px;}
}

/* MOBILE */
@media only screen and (max-width: 360px) {
    .container {margin: 0 15px;}
    .welcome {line-height: 18px;text-align: center;padding-top: 15px; float: none;}
    .top_right {text-align: center;float: none;}
    .top_right a {float: none;}
    .header_bottom {padding-top: 10px;}
    .logo { float: none; text-align: center;}
    .search { float: none; width: 100%; display: block; clear: both;margin-bottom: 20px; }
    .search-form { margin: 0;}
    .usrpanel { float: none; margin-top: 12px; text-align: center; margin-bottom: 20px;}
    .usrpanel button {width: 100%}
    .year_search button {width: 100%}
    .year_search .dropdown-menu {margin: 0;}
    .btn_year {margin: 4px;padding: 3px 8.6px;}
    .aside_left, .aside_right {display: block;width: 100%;}
    .aside_left .asideBody {margin: 12px;}
    .aside_right .asideBody {margin: 12px;}
    .btn_bl > div {float: left;margin-bottom: 18px;}
    .nav_btn {display: block; width: 100%; margin-bottom: 15px;}
    ul.asideNav {display: none;}
    .wrap {display: block;}
    .content {display: block;margin-bottom: 25px;padding: 0px 12px;}
    .contBody {width: 100%;}
#allEntries {
    width: 100%;
}
    .shortstory {float: none;width: 100%;clear: both;margin-bottom: 15px;}
    .shortstoryImg {height: auto;}
    .triangle-topleft-new, .triangle-topleft-year {height: 65px;}
    .triangle-topleft-new {top: -41px;left: -17px; }
    .triangle-topleft-year { bottom: -42px; right: -15px;}
    .shortstory_info {padding: 8px 15px;margin-top: 5px;}
    .footer {padding: 10px;}
    .footerLogo, .copyright, .counters {display: block; width: 100%;overflow: hidden;margin-bottom: 15px;}
    .footerLogo {text-align: center;}
    .counters {padding: 0px; text-align: center;}
    .counters img {float: none;}
    .copy-des {top:100% !important; right: 32% !important; margin-top: -15px !important; z-index: 1000;}
    .nowDownloadItem_img {height: 150px;}
    .fullImg_bl {float: none;width: 98%;}
    .fullDescrInfo {padding: 10px;}
    .downloadBottom a img {width: 100%;}
    .relatedGame {width: 100%;}
    .relatedItem {float: none;width: 100%;}
    .commDate { float: none;display: block;margin: 10px 0;}
    .commMess {margin-left: 0px;}
}

/* MOBILE */
@media only screen and (max-width:320px) {
    .container {margin: 0 15px;}
    .welcome {line-height: 18px;text-align: center;padding-top: 15px; float: none;}
    .top_right {text-align: center;float: none;}
    .top_right a {float: none;}
    .header_bottom {padding-top: 10px;}
    .logo { float: none; text-align: center;}
    .search { float: none; width: 100%; display: block; clear: both;margin-bottom: 20px; }
    .search-form { margin: 0;}
    .usrpanel { float: none; margin-top: 12px; text-align: center; margin-bottom: 20px;}
    .usrpanel button {width: 100%}
    .year_search button {width: 100%}
    .year_search .dropdown-menu {margin: 0;}
    .btn_year {margin: 4px;padding: 3px 8.6px;}
    .aside_left, .aside_right {display: block;width: 100%;}
    .aside_left .asideBody {margin: 12px;}
    .aside_right .asideBody {margin: 12px;}
    .btn_bl > div {float: left;margin-bottom: 18px;}
    .nav_btn {display: block; width: 100%; margin-bottom: 15px;}
    ul.asideNav {display: none;}
    .wrap {display: block;}
    .content {display: block;margin-bottom: 25px;padding: 0px 12px;}
    .contBody {width: 100%;}
#allEntries {
    width: 100%;
}
    .shortstory {float: none;width: 100%;clear: both;margin-bottom: 15px;}
    .shortstoryImg {height: auto;}
    .triangle-topleft-new, .triangle-topleft-year {height: 65px;}
    .triangle-topleft-new span {
        top: 28px;
        left: 28px;
    }
    .triangle-topleft-year span {
        bottom: 28px;
        right: 28px;
    }
    .shortstory_info {padding: 8px 15px;margin-top: 5px;}
    .footer {padding: 10px;}
    .footerLogo, .copyright, .counters {display: block; width: 100%;overflow: hidden;margin-bottom: 15px;}
    .footerLogo {text-align: center;}
    .counters {padding: 0px; text-align: center;}
    .counters img {float: none;}
    .copy-des {top:100% !important; right: 29% !important; margin-top: -15px !important; z-index: 1000;}
    .nowDownloadItem_img {height: 150px;}
    .fullImg_bl {float: none;width: 98%;}
    .fullDescrInfo {padding: 10px;}
    .downloadBottom a img {width: 100%;}
    .relatedGame {width: 100%;}
    .relatedItem {float: none;width: 100%;}
    .commDate { float: none;display: block;margin: 10px 0;}
    .commMess {margin-left: 0px;}
}