/* SHORTSTORY
-------------------------------------------------*/
.shortstory {float: left;width: 31%;margin-right: 10px;margin-bottom: 40px !important;vertical-align: top;position: relative;height: 370px;}
.shortstory:nth-child(3n) {margin-right: 0;}
.shortstoryImg {position: relative;clear: both; height: 280px; overflow: hidden;}
.shortstoryImg a.poster {display: block; height: 100%;}
.shortstoryImg img {width: 100%; min-height: 100%;display: inline-block;}
.shortstory_info {padding: 5px; margin-top: 5px;}
.shortstory_info h3 {font-size: 13.5px;font-family: 'Open Sans Semibold', sans-serif; font-weight: normal;}
.shortstory_info h3 a {color: #434a54; display: block;}
.triangle-topleft-new { width: 120%; height: 60px; background: rgba(59, 175, 218, 0.75); position: absolute; top: -36px; left: -15px;transform: rotate(-15deg);}
.triangle-topleft-new span {position: absolute; top: 26px; left: 25px; color: #fff; text-transform: uppercase; font-size: 16px;transform: rotate(15deg);}
.triangle-topleft-year {width: 120%; height: 60px; position: absolute; bottom: -36px; right: -18px; background: rgba(170, 178, 189, 0.75);transform: rotate(-15deg);-webkit-transition: all .3s; transition: all .3s}
.triangle-topleft-year span {position: absolute; bottom: 26px; right: 25px; color: #fff; text-transform: uppercase; font-size: 16px;transform: rotate(15deg);}
.shortstory:hover .triangle-topleft-year {background: rgba(238, 181, 64, 1);}

/* DESKTOP */
@media only screen and (max-width:1200px) {
    .container {margin: 0 15px;}
    .shortstory {width: 46.5%;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: 45%;margin-right: 15px;height: 285px;}
    .shortstoryImg {height: 193px;}
    .triangle-topleft-new span {top: 32px;left: 22px;}
    .triangle-topleft-year span {bottom: 32px;right: 22px;}
}
@media only screen and (max-width:870px) {
.shortstory {width: 96%;margin-right: 15px;height: 285px;}
}
/* 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: 46%;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: 45%;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;}
}