/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .poster-text {
        width: calc(100% - 10%);
    }
    .countdown.pull-right {
        float: left !important;
        margin-bottom: 20px;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .navbar-nav > li > a,
    .mainmenu > li > a {
        padding: 0.6em 1em;
    }
    .poster-text {
        width: calc(100% - 0%);
    }
    .countdown.pull-right {
        float: left !important;
        margin-bottom: 20px;
    }
    .offset-top {
        -webkit-transform: translateY(-0%);
        transform: translateY(-0%);
    }
    .single-poster:hover .shadow-effect {
        -webkit-transform: translateY(-2%);
        transform: translateY(-2%);
    }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {}