/* http://meyerweb.com/eric/tools/css/reset/ 
   v6.0 | 20110126
   License: none (public domain)
*/

@media screen and (min-width: 1921px) {
  .news-slider-wrap img {
    width: 100%;
    height: 722px;
    transition: all 0.2s ease-in-out;
  }
}
@media(min-width: 1920px) {
    img.downarrow {
        width: 50px !important;
    }
}

@media screen and (min-device-width: 1800px) and (max-device-width: 1920px) {

    .nav-icon {
        display: block;
        float: right;
        position: absolute;
        bottom: 30px;
        color: #fff;
        right: 50%;
        left: 50%;
    }

    #rmf-action .contact-us .contact-list address {
        font-size: 18px;
        line-height: 24px;
    }

    .rmf-logo h2 {
        color: #fff;
        font-size: 18px;
    }

    img.downarrow {
        width: 50px !important;
    }
}

@media screen and (min-device-width: 1600px) and (max-device-width: 1799px) {

    .interview-full-width .modal-body iframe {
        width: 1500px !important;
        height: 600px !important;
    }

    .interview-full-width {
        width: 1500px !important;
        height: 600px !important;
    }

    img.downarrow {
        width: 50px !important;
    }

}

@media screen and (min-device-width: 1440px) and (max-device-width: 1600px) {
    .home-slider img.prev-btn {
        position: absolute;
        top: 50%;
        z-index: 1;
        left: -15px;
    }

    img.downarrow {
        width: 50px !important;
        top: 78%;
    }

    .home-slider img.next-btn {
        position: absolute;
        top: 50%;
        z-index: 1;
        right: -15px;
    }

    .socialmedia {
        position: fixed;
        bottom: 0;
        left: 30px;
    }

    .layer-box .banner-details {
        position: absolute;
        color: #fff;
        bottom: 10%;
        left: 8%;
    }

    #trailer .home-slider .layer-box img {
        margin: auto;
        margin-bottom: 15px;
    }

    .interview-videos img {
        width: 100%;
        margin-bottom: 15px;
    }

    #rmf-action .contact-us .contact-list p a {
        color: #eeeeee;
        display: block;
        text-decoration: none;
        line-height: 24px;
        font-size: 14px;
        transition: all .2s linear;
        width: 40%;
    }

    .interview-full-width {
        width: 1400px !important;
        height: 570px !important;
    }

    .interview-full-width .modal-body iframe {
        width: 1400px !important;
        height: 570px !important;
    }

    .interview-full-width {
        top: 70px !important;
        margin-top: 0;
    }

    .interview-full-width .modal-body {
        padding: 0 !important;
    }

    .interview-video-modal {
        width: 1000px;
        height: 500px;
    }

    .interview-video-modal .modal-body iframe {
        width: 1000px;
        height: 500px;
    }

    .rmf-menu {
        position: fixed;
        z-index: 1042;
        bottom: -15px;
        right: 0;
    }

    #rmf-landing button {
        background: transparent;
        color: #eeeeee;
        font-size: 18px;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 30px;
        position: absolute;
        right: auto;
        left: 42%;
        bottom: 7%;
        font-family: "BaskervilleBold";
    }

}

@media screen and (min-device-width: 1280px) and (max-device-width: 1366px) {

    #rmf-header .rmf-media {
        position: absolute;
        bottom: 0px;
    }

    img.downarrow {
        width: 48px !important;
        top: 78%;
    }

    .nav-icon img {
        float: right;
        margin-right: 0;
        transform: scale(0.8);
    }

    .nav-icon {
        display: block;
        float: right;
        position: absolute;
        bottom: 30px;
        color: #fff;
        right: 50%;
        left: 50%;
    }

    .home-slider img.prev-btn {
        position: absolute;
        top: 50%;
        z-index: 1;
        left: -15px;
    }

    .home-slider img.next-btn {
        position: absolute;
        top: 50%;
        z-index: 1;
        right: -15px;
    }

    .rmf-logo h2 {
        padding-left: 15px;
    }

    #rmf-interviews {
        position: relative;
        padding-bottom: 50px;
        padding-top: 25px;
    }

    #rmf-landing button {
        background: transparent;
        color: #eeeeee;
        font-size: 18px;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 35px;
        position: absolute;
        right: auto;
        left: 41%;
        bottom: 5%;
    }

    .socialmedia {
        position: fixed;
        bottom: 0;
        left: 30px;
    }

    .layer-box .banner-details {
        position: absolute;
        color: #fff;
        bottom: 10%;
        left: 8%;
    }

    #trailer .home-slider .layer-box img {
        margin: auto;
        margin-bottom: 15px;
    }

    .socialmedia {
        position: fixed;
        bottom: 0;
        left: 30px;
    }

    .interview-videos img {
        width: 100%;
        margin-bottom: 15px;
    }

    #rmf-action .contact-us .contact-list p a {
        color: #eeeeee;
        display: block;
        text-decoration: none;
        line-height: 24px;
        font-size: 14px;
        transition: all .2s linear;
        width: 40%;
    }


    .interview-full-width {
        width: 1300px !important;
        height: 500px !important;
    }

    .interview-full-width .modal-body iframe {
        width: 1300px !important;
        height: 500px !important;
    }

    .interview-full-width {
        top: 30px;
        margin-top: 0;
    }

    .interview-full-width .modal-body {
        padding: 0 !important;
    }

    .interview-video-modal {
        width: 1000px;
        height: 500px;
    }

    .interview-video-modal .modal-body iframe {
        width: 1000px;
        height: 500px;
    }

    .rmf-menu {
        position: fixed;
        z-index: 1042;
        bottom: -20px;
        right: 0;
    }

}

@media screen and (min-device-width: 1025px) and (max-device-width: 1280px) {
    .interview-full-width {
        width: 1200px !important;
    }

    .interview-full-width .modal-body iframe {
        width: 1200px !important;
    }

    img.downarrow {
        width: 46px !important;
        top: 78%;
    }
}

@media screen and (min-device-width: 801px) and (max-device-width: 1024px) {
    .home-slider img.next-btn {
        position: absolute;
        top: 50%;
        z-index: 1;
        right: -15px;
        cursor: pointer;
        transition: all .2s ease-in-out !important;
    }

    img.downarrow {
        width: 46px !important;
        top: 78%;
    }

    .home-slider img.prev-btn {
        position: absolute;
        top: 50%;
        z-index: 1;
        left: -15px;
        cursor: pointer;
        transition: all .2s ease-in-out !important;
    }

    .interview-video-modal {
        width: 800px;
        height: 500px;
    }

    .interview-video-modal .modal-body iframe {
        width: 800px;
        height: 500px;
    }

    .interview-full-width .modal-body {
        padding: 0 !important;
    }

    .interview-full-width {
        width: 900px !important;
        height: 500px !important;
    }

    .interview-full-width .modal-body iframe {
        width: 900px !important;
        height: 500px !important;
    }

    #rmf-landing button {
        background: transparent;
        color: #eeeeee;
        font-size: 18px;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 35px;
        position: absolute;
        right: auto;
        left: 37%;
        bottom: 4%;
        font-family: "BaskervilleBold";
    }
}


@media screen and (min-device-width: 768px) and (max-device-width: 800px) {

    #rmf-landing img {
        position: absolute;
        bottom: 0 !important;
        width: 100%;
    }

    #rmf-landing button {
        bottom: 2% !important;
    }

    .layer-box .banner-details p {
        width: 80% !important;
    }

    .rmf-menu {
        position: absolute;
        right: 0;
        bottom: -250px !important;
        z-index: 1;
    }

    .home-slider img.prev-btn {
        left: 0 !important;
    }

    .home-slider img.next-btn {
        right: 0 !important;
    }

    .rmf-logo h2 {
        padding-left: 25px !important;
    }

    #rmf-header {
        position: absolute;
        z-index: 1;
    }

    .about-wrap {
        display: block;
    }

    .interview-video-modal .modal-body iframe {
        width: 100%;
        height: 400px;
    }

    .interview-video-modal {
        width: 90%;
        height: 400px;
    }

    .modal-backdrop.in {
        opacity: .8;
    }

    .rmf-media {
        position: absolute;
    }

    .socialmedia {
        position: fixed;
        bottom: 0;
        left: 30px;
    }
}
@media screen and (min-device-width: 320px) and (max-device-width: 768px) { 

.news-slider-wrap .news-details h3 br{
	display: none;
}

.news-slider-wrap .news-details h3 {
    font-size: 18px;
}

.news-slider-wrap img {
    width: 100%;
    transition: all .2s ease-in-out;
    height: 300px;
}

.news-slider-wrap .news-details h3 {
    font-size: 12px;
    color: #eeeeee;
    font-family: "BaskOldFace";
    line-height: 18px;
    width: 90%;
    margin: auto;
}

.news-slider img.prev-btn, .news-slider img.next-btn{
    display: none!important;
}


.news-slider .slick-slide {
    padding: 0 5px;
    overflow: hidden;
}

.news-slider .slick-list{
    padding: 0px 15%!important;
    padding-left: 0!important;	
}
    #rmf-about .section-head h2, #rmf-interviews .section-head h2, #rmf-news .section-head h2 {
        font-size: 45px;
        color: #eeeeee;
        position: static;
        z-index: 1;
        top: -25px;
        left: -15px;
    }
        section#rmf-action {
        padding-bottom: 120px !important;
    }
    #rmf-about {
    padding-top: 70px;
}


}

@media (max-device-width: 768px) {

    .about-content {
        padding: 0;
    }

    .about-content p br {
        display: none;
    }

    #rmf-action .form-group {
        padding-bottom: 10px;
        width: 100%;
        margin-bottom: 10px;
    }

    #rmf-action .form-btn {
        width: 90% !important;
    }

    #rmf-action .form-group input#msg {
        height: 30px;
    }

    #rmf-action .form-group button {
        width: 100%;
        justify-content: center;
    }

    #rmf-action .section-head h2 {
        padding-top: 0;
        padding-bottom: 20px;
        font-size: 50px;
        text-align: left;
    }

    #rmf-action .contact-us .contact-list h5,
    #rmf-action .contact-us .contact-list address,
    #rmf-action .contact-us .contact-list p {
        padding-bottom: 10px;
    }

    #rmf-action .contact-us .contact-list address h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .interview-details {
        position: initial;
        color: #eeeeee;
    }

    .interview-details h3 {
        font-size: 18px;
        padding-top: 15px;
        font-family: "Garamond";
    }

    .interview-details h6 {
        padding-top: 10px;
    }

    .interview-list a {
        margin-top: 25px;
    }

    .layer-box .banner-details .movie-title h1 {
        font-size: 40px;
    }

    .layer-box .banner-details h6 {
        padding-bottom: 10px;
    }

    .layer-box .banner-details {
        bottom: 0%;
    }

    .layer-box .banner-details p {
        font-size: 14px;
        padding-right: 20px;
    }

    .layer-box .banner-details p br {
        display: none;
    }

    .banner-details .movie-title {
        padding-bottom: 10px;
    }

    .watch-trailer {
        position: absolute;
        bottom: 12%;
        left: 8%;
    }

    .home-slider img.prev-btn {
        position: absolute;
        top: 40%;
        z-index: 1;
        left: -10px;
    }

    .home-slider img.next-btn {
        position: absolute;
        top: 40%;
        z-index: 1;
        right: -10px;
    }

    .watch-trailer a {
        border: 1px solid rgba(255, 255, 255, .3);
        display: inline-flex;
        padding: 10px 20px;
        align-items: center;
    }

    .news-slider-wrap .news-details h3 br {
        display: none;
    }

    /* .news-slider-wrap .news-details h3 {
        font-size: 18px;
    } */

    .hidden-sm {
        display: none !important;
    }

    .hidden-xs {
        display: none !important;
    }

    .hidden-lg {
        display: block !important;
    }

    .hidden-md {
        display: block !important;
    }

    .contact-us .copyright {
        position: absolute;
        top: auto;
        padding-top: 10px;
    }

    #main-slider {
        display: none;
    }

    #rmf-about .about-wrap {
        margin: auto;
        display: block;
    }

    #rmf-about .about-img {
        padding: 0;
    }

    .interview-list {
        text-align: left;
    }

    /* #trailer,
    #rmf-about,
    #rmf-interviews,
    #rmf-action {
        padding: 50px 0;
        background-color: #171824;
    } */

    #trailer {
        padding-top: 25px;
    }

    #menu-layout ul.menu-list {
        display: block;
    }

    #menu-layout ul.menu-list li {
        font-size: 35px;
        padding-right: 0;
        padding-bottom: 20px;
    }

    #menu-layout .nav-detail {
        text-align: center;
        position: relative;
        top: 30%;
    }

    .about-content p {
        margin-top: 20px;
    }

    .about-content a {
        margin-top: 20px;
    }



    #rmf-header {
        position: absolute;
        z-index: 1;
    }

    .menu-btn {
        text-align: center;
        position: fixed;
        bottom: 0;
    }

    #rmf-landing img {
        position: absolute;
        bottom: 50px;
        width: 100%;
    }

    #rmf-landing button {
        background: transparent;
        color: #eeeeee;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 35px;
        position: absolute;
        right: auto;
        left: 37%;
        bottom: 4%;
        font-family: "BaskervilleBold";
    }
    /* #rmf-landing button {
        background: transparent;
        color: #eeeeee;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 5px 15px;
        position: absolute;
        right: 0;
        left: 40%;
        bottom: 6%;
        text-align: center;
        margin: auto;
    } */

    .nav-icon img {
        width: auto;
        margin: auto;
    }


    #menu-layout {
        display: none !important;
    }

    #rmf-about .section-head h2,
    #rmf-interviews .section-head h2 {
        font-size: 45px;
        color: #eeeeee;
        position: absolute;
        z-index: 1;
        top: -25px;
        left: -15px;
    }

    .banner-details .movie-title .movie-link {
        margin-top: 0;
    }

    .contact-list,
    #rmf-action .contact-us .contact-list address,
    #rmf-action .contact-us .contact-list h5 {
        padding-top: 25px;
    }

    #rmf-action .contact-us .contact-list p {
        padding-top: 30px;
    }

    .news-slider img.prev-btn,
    .news-slider img.next-btn {
        display: none !important;
    }

    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .interview-videos-slide img.next-btn {
        position: absolute;
        top: 25%;
        z-index: 1;
        right: -10px;
    }

    .interview-videos-slide img.prev-btn {
        position: absolute;
        top: 25%;
        z-index: 1;
        left: -10px;
    }

    #trailer .home-slider .layer-box img {
        margin: auto;
        width: 100%;
    }

    .scroller {
        bottom: -50px;
    }

    #trailer .home-slider .layer-box {
        position: relative;
        padding: 10px;
    }

    .news-slider .slick-slide {
        padding: 0 5px;
        overflow: hidden;
    }

    .news-slider .slick-list {
        padding: 0px 15% !important;
        padding-left: 0 !important;
    }

    .content {
        filter: contrast(120%);
        background: url(../images/bg-page-mob.png);
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        z-index: -1;
    }

    .scroller img {
        width: auto !important;
    }

    .scroller p {
        text-align: center;
    }

    #rmf-action .contact-us .contact-list p a {
        color: #eeeeee;
        display: block;
        text-decoration: none;
        line-height: 24px;
        font-size: 14px;
        transition: all .2s linear;
        width: 50%;
    }

    .interview-modal-content button.btn-default {
        color: #fff;
        background-color: transparent;
        border-color: transparent;
        font-size: 50px;
        position: absolute;
        right: 0px;
        top: -25px;
    }

    #rmf-landing h1 {
        top: 15%;
    }

    #myVideo {
        position: fixed;
        right: 0;
        bottom: 0;
        background: #000;
        /*width: 100%;*/
        /*    min-height: auto;*/
        z-index: -1;
        /* left: -50%; */
        /* height: 100%;*/
        top: 0px;

    }

    .banner-details .movie-title {
        display: inline;
    }

    #rmfinterviews {
        padding: 0;
    }

    #rmfinterviews form {
        display: flex;
        flex-direction: column;
    }

    #rmfinterviews .form-group {
        display: flex;
        margin: auto;
    }

    .movie-interview {
        padding-bottom: 10px;
    }

    .neerja-interview {
        clear: both;
    }

    .panel-body .rmf-desc {
        padding-right: 0;
        padding-left: 0;
    }

    .panel-body p {
        width: auto;
    }

    .panel-body .rmf-details h3 {
        padding-bottom: 25px;
    }

    .panel-heading .panel-title .rmfnames a {
        padding: 0;
    }

    .more-less {
        padding: 20px 10px;
    }

    .panel-heading .panel-title .rmfnames a {
        font-size: 20px;
    }

    .panel-heading .panel-title .rmfnames .rmf-desctitle {
        font-size: 18px;
    }

    .panel-heading .panel-title .rmfnames {
        margin-top: 10px;
        width: 100%;
    }

    .panel-body .rmf-details {
        padding: 0;
    }

    .rmf-details a {
        width: auto;
    }

    #rmfaboutus {
        padding-top: 0;
    }
    .heading {
    font-size: 72px;
    color: #eeeeee;
    position: absolute;
    z-index: 1;
    top: -65px;
    font-family: "BaskervilleLight-Italic";
    left: 40px;
}   
}

@media(max-device-width: 767px) {

    .watch-trailer {
        position: absolute;
        bottom: 8%;
        left: 8%;
    }

    .rmf-logo h2 {
        padding-left: 25px;
        padding-top: 0;
    }

    #rmf-landing button {
        background: transparent;
        color: #eeeeee;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px 30px;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 40px;
        text-align: center;
        margin: auto;
        width: 230px;
        z-index: 999999;
    }

    #rmf-landing h1 {
        font-size: 46px;
    }

    .rmf-menu {
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 0;
    }

    #rmf-landing img {
        position: absolute;
        bottom: 0;
        width: auto;
    }

    .interview-video-modal .modal-body iframe {
        width: 100%;
        height: 300px;
    }

    .interview-video-modal {
        margin: auto;
    }

    .interview-video-modal {
        width: 100%;
        height: 100%;
    }

    .rmf-media {
        position: fixed;
        width: 100%;
    }

    .socialmedia {
        position: fixed;
        bottom: 0;
        left: 30px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgb(0 0 0 / 75%);
        width: 100%;
        padding: 10px 30px;
    }

    #overlay {
        position: absolute;
        float: left;
        width: 100%;
        height: auto;
        z-index: 111;
        background-color: rgba(0, 0, 0, 0.8);
    }
}

@media screen and (min-device-width: 375px) and (max-device-width: 380px) {
    .back-btn {
        top: -10px;
    }

    a.back-btn img {
        width: 25%;
    }

    .socialmedia {
        position: fixed;
        bottom: 0;
        left: 0;
    }

    .rmf-menu {
        position: absolute;
        z-index: 1;
        bottom: 150px;
        right: 0;
    }
}

@media screen and (min-device-width: 381px) and (max-device-width: 409px) {
    .back-btn {
        top: -10px;
    }

    a.back-btn img {
        width: 25%;
    }
}

@media screen and (min-device-width: 410px) and (max-device-width: 420px) {

    .back-btn {
        top: -10px;
    }

    a.back-btn img {
        width: 25%;
    }

    .socialmedia {
        position: fixed;
        bottom: 0;
        left: 0;
    }

    .rmf-menu {
        position: absolute;
        z-index: 1;
        bottom: 20px;
        right: 0;
    }
}

@media (max-device-width: 360px) {

    #rmf-landing button {
        background: transparent;
        color: #eeeeee;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 5px 15px;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 30px;
        text-align: center;
        margin: auto;
    }

    #rmf-landing h1 {
        font-size: 35px;
    }

    .back-btn {
        top: -10px;
    }

    a.back-btn img {
        width: 25%;
    }

}

@media(max-width: 767px) {
    .Mobilevideo {
        display: block !important;
    }

    .mobilevideonone {
        display: none !important;
    }

    .heading {
        font-size: 45px;
        color: #eeeeee;
        position: absolute;
        z-index: 1;
        /*top: -60px;*/
        top: -25px;
        left: 30px;
    }

    .onlymobileusekarneh {
        display: flex;
        justify-content: flex-end;
    }
}