@media only screen and (max-width: 1024px) {
    .hide-on-netbook {
        display: none !important;
    }
    .visible-on-netbook {
        display: block !important;
    }
}
@media only screen and (max-width: 1280px) {
    .hide-on-notebook {
        display: none !important;
    }
    .visible-on-notebook {
        display: block !important;
    }
}


/* MOBILE */
@media only screen and (min-width: 360px) and (max-width: 360px) {
    /* HOMEPAGE */
    #now-showing img, #advance-ticket img, #coming-soon img {
        height: 400px;
        width: 100%;
        cursor: pointer;
    }
    body {
        overflow-x:hidden;
    }
    #now-showing .slick-slide, 
    #advance-ticket .slick-slide,
    #coming-soon .slick-slide {
        margin: 0 20px;
    }
    .rs-data-img {
        height: 140px !important;
        width: 100%;
        cursor: pointer;
    }
}
@media only screen and (min-width: 600px) and (max-width: 600px) {
     #now-showing img, #advance-ticket img, #coming-soon img {
        height: 220px;
        width: 100%;
        cursor: pointer;
    }
    .rs-data-img {
        height: 250px !important;
        width: 100%;
        cursor: pointer;
    }
    #now-showing .slick-slide, 
    #advance-ticket .slick-slide,
    #coming-soon .slick-slide {
        margin: 0 2px;
    }
    body {
        overflow-x:hidden;
    }
}
@media only screen and (min-width: 720px) and (max-width: 720px) {
    #now-showing img, #advance-ticket img, #coming-soon img {
        height: 200px;
        width: 100%;
        cursor: pointer;
    }
    .rs-data-img {
        height: 200px !important;
        width: 100%;
        cursor: pointer;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    #now-showing img, #advance-ticket img, #coming-soon img {
        height: 320px;
        width: 100%;
        cursor: pointer;
    }
    .rs-data-img {
        height: 250px !important;
        width: 100%;
        cursor: pointer;
    }
}

/* DESKTOP */
@media only screen and (min-width: 480px) and (max-width: 480px) {
    #now-showing img, #advance-ticket img, #coming-soon img {
        height: 170px;
        width: 100%;
        cursor: pointer;
    }
    .rs-data-img {
        height: 170px !important;
        width: 100%;
        cursor: pointer;
    }
}
@media only screen and (min-width: 840px) and (max-width: 840px) {
    #now-showing img, #advance-ticket img, #coming-soon img {
        height: 200px;
        width: 100%;
        cursor: pointer;
    }
    .rs-data-img {
        height: 200px !important;
        width: 100%;
        cursor: pointer;
    }
}
@media only screen and (min-width: 960px) and (max-width: 960px) {
    #now-showing img, #advance-ticket img, #coming-soon img {
        height: 260px;
        width: 100%;
        cursor: pointer;
    }
    .rs-data-img {
        height: 200px !important;
        width: 100%;
        cursor: pointer;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1280px) {
    #now-showing img, #advance-ticket img, #coming-soon img {
        height: 400px;
        width: 100%;
        cursor: pointer;
    }
    #now-showing-2 img, #advance-ticket-2 img, #coming-soon-2 img {
        height: 320px;
        width: 100%;
        cursor: pointer;
    }
    /* Per Branch */
    .poster-branch-img {
        height: 400px !important;
        width: 100%;
        cursor: pointer;
    }
}

/* DEFAULT */
@media only screen and (min-width: 1200px) {
    #now-showing img, #advance-ticket img, #coming-soon img {
        height: 400px;
        width: 100%;
        cursor: pointer;
    }
    #now-showing-2 img, #advance-ticket-2 img, #coming-soon-2 img {
        height: 320px;
        width: 100%;
        cursor: pointer;
    }
    #carousel-promo img {
        width: 100%;
        height: 340px;
    }

     #carousel-products img {
        width: 100%;
        height: 340px;
           padding-left:150px;
        padding-right:150px;
    }
      .slide-caption {
      
        padding-left:150px;
        padding-right:150px;
    }
    .book-movie-img {
        height: 360px !important;
        width: 100%;
    }
     /* Per Branch */
    .poster-branch-img {
        height: 320px !important;
        width: 100%;
        cursor: pointer;
    }
    /* Movie Details */
    .book-movie-img {
        height: 400px !important;
        width: 100%;
        margin-top: 7px;
    }
}
/*test rey*/
@media only screen and (max-width: 1255px) {
    #nav-mobile {
        display: none !important;
    }
   
}
/*//rey*/
@media only screen and (max-width: 1450px) {
    #nav-btn-collapse {
        display: block !important;
    }

    .topnav-hide {
        display: none !important;
    }
   
}