@media (min-width: 480px) and (max-width: 767px) {
    .navbar-nav{
        background: rgba(0, 0, 0, 0.4);
    }
    .navbar-collapse {
        position: absolute;
        top: 65px;
        right: 100%;
        width: 100%;
        transition: all 0.5s ease;
        display: block;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.5s ease;
        display: block;
    }
    .navbar-collapse.show {
        right: 0;
    }
    .img_back {
    width: 240px;
    height: 160px;
    }
    .navbar {
        height: 92px;
    }
    .vl{
        top: 21px;
    }
    .shape{
        margin-left: -76px;
    }

    .logo1 {
        width: 50px;
        height: auto;
        position: absolute;
float: right;
right: 0;
top: 17px;
    }
    .fixed-top2 {
        float: right;
        right: 0;
        position: absolute;
        top: 0;
    }
  
    .fixed-top {
        position: fixed !important;
    }
    .vl {
        /* display: none; */
        border-left: 2px solid white;
        height: 23px;
        left: 113px;
        position: absolute;
        top: 21px;
    }
    .nav-item1 {
            left: 0;
            margin-left: 92px;
            margin-top: -31px;
    }
    
    .mainbanner_director {
        
    position: relative;
    left: 134px;
    top: 95px;
    font-size: 10px;
    }
    .middle_logo {
        position: relative;
    left: 178px;
    width: 200px;
    height: 200px;
    top: 48px;
    margin-bottom: 0;
    }
    .number {
        bottom: -132px;
    width: 74px;
    height: 32px;
    width: 100px;
    }
    .number_pg {
        font-size: 13px;
    margin: 10px 0 0 19px;
    }
    .nav-item {
        left: 16px;
    }
    .scroll {
        display: none;
    }
    .banner {
        height: 416px;
    }
    .main_banner {
        position: absolute;
        width: 100%;
        top: 0;
        height: 416px;
object-fit: cover;
    }
    .synospsis {

        height: 500px;    
    }
    .synospsis_text {

        width: auto;
        height: auto;
        font-family: Roboto;
        font-size: 12px;
        margin-left: -30px;
    }
    .synospsis_head {
        width: 95px;
        height: 31px;
        font-family: 'Playfair Display', serif;
        font-size: 23px;
        font-weight: normal;
        font-stretch: normal;
        font-style: italic;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin-left: -30px;
        margin-bottom: 35px;
    }
    .synospsis_position {
        top: 10px;
    }
    .navbar {

        font-weight: 300;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        z-index: 2;
        position: absolute;
        width: 100%;
    
    }
    .nav-bar-home {
        top: 27px;
right: 0;
position: absolute;
float: left;
left: 0;
width: 100%;
margin-left: 0;
    }
    .main_banner2 {
        object-fit: cover;
        height: 500px;
    }
    .details_head {
        font-size: 16px;
    }
    .synospsis_detalis {
        top: 10px;
    }
    .deatias_text_small {
        font-size: 10px;
        line-height: 0;
        height: 5px;
    }
    .deatias_text_large {
        font-size: 12px;
        line-height: 0;
        height: 13px;
    }
    .director_name {
        left: 4px;
        top: 108px;
        text-align: center;
    }
    .director_position {
        font-size: 14px;
        top: 135px;
        left: -41px;
        text-align: center;
        position: relative;
    }
    .director{
        height: 800px;
    }
    .director_img{
        height: 800px;
    }
    .director_massage {
        width: auto;
        font-size: 11px;
        padding: 0 15px 0 0;
        top: 190px;
        text-align: justify;
    }
    .vl-line1 {
        border-left: 1px solid grey;
        height: 114px;
        width: 100%;
        left: 50%;
        margin-right: 10px;
        z-index: 100;
        position: relative;
        top: 60px;
        width: 0;
    }
    .cast_head {

        position: relative;
        z-index: 1;
        margin: 0 0 0 0px;
        text-align: center;
    }
    .cast_posi {

        position: relative;
        top: 0;
    }
    .cast_head {
        font-size: 13px;
        top: 132px;
        margin-left: -26px;
    }
    .cast_details_large {
        width: 100%;
        height: 100%;
        font-size: 10px;
        margin-left: -33px;
        /* margin-top: 40px; */
    }
    .cast_details_small {
        
        height: 100%;
        font-size: 10px;
        margin-left: -32px;
        margin-top: 3px;
        padding: 0 0 18px 0;
    }
    .cast_logo {
        display: none;
    }
    .hr_line2 {
        width: 100%;
    }
    .cast_details_small {
        height: 5px;
    }
    .cast_details_large {
        height: 13px;
        
    }
    .profile_text {
        height: 100%;
        width: 100%;
        font-size: 12px;
        margin: 39px 0 0 0px;
    }
    .third_slider_divider {
        right: 50%;
    }
    .cast {

        height: 142ch;
    
    }
    .cast_space {
        position: relative;
        margin-bottom: -90px;
        margin-top: 132px;
        margin-left: 2px;
    }
    .profile {
        left: 15px;
        height: 26px;
        top: 0;
        position: unset;
        font-size: 20px;
        text-align: center;
        margin: 55px 0 0 0;
    }
    .profile1 {
        left: 15px;
        width: 100%;
        height: 13px;
        top: 59px;
    }
    .profile_position{
        text-align: center;
        position: unset;
        left: 0;
        top: 0;
        margin: 0;
        
    }
    .cast_img {
        width: 100%;
        position: absolute;
        object-fit: cover;
        height: 248pc;
    }
    .allaudiance {
        width: 100px;
    }
    .main_slider_container .swiper-slide-active{
        width: 100% !important;
        margin-left: 10px;
    }
    .control_set_main_slider{
        bottom: 89px;
    }
    .massage{
        margin: 0 0 17px 0;
    }
    
    .prev_main_slider {
        padding: 8px;
        text-align: center;
        color: #000000;
        width: 100px;
        height: 40px;
        position: absolute;
        left: 0 !important;
        z-index: 99;
    }
    .middle1 {
        height: 354px;
    }
    .next_main_slider{
        right: 82px;
    }
    .next_main_slider {
        padding: 8px;
        text-align: center;
        color: #000000;
        width: 100px;
        height: 40px;
        position: absolute;
        right: 0 !important;
        z-index: 99;
        top: -20px !important;
    }
    .next_third_slider {
        z-index: 999;
        position: absolute;
        right: 42%;
    }
    .prev_third_slider {
        z-index: 99;
        position: absolute;
        left: 42%;
    }
    .footer_logo {
        width: 270px;
        z-index: 200;
        top: 18px;
        left: 26%;
        position: absolute;
    }
    .footer_center1 {
        text-align: center;
        width: 100%;
        top: 340px;
        height: 42px;
        font-family: 'Playfair Display', serif;
        font-size: 17px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.08px;
        color: #525a5f;
        position: absolute;
        left: -9px;
    }
    .footer_center2 {
        text-align: center;
        width: 100%;
        top: 372px;
        height: 42px;
        font-family: 'Playfair Display', serif;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.15px;
        color: #ffffff;
        position: absolute;
        left: -11px;;
    }
    .button5 {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        font-style: italic;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        border: solid 1px #ffffff;
        width: 149px;
        height: 38px;
        background: transparent;
        left: 39%;
        top: -132px;
        position: absolute;
    }
    
    .third_slider img{
        width: 100%;
    }
    .third_slider{
        height: 345px;
    }
    .third_slider_block{
        top: 56%;
    }
    .third_slider_block_content{
        top: 73%;
    }
    .swiper-slide-active .slider_inner1{
        display: block;
    }
    .button6{
        display: block;
    }
    .swiper-slide-active .button6{
        display: block;
        left: 268px;
        top: 200px;

    }
    .filmisland{
        left: 22px;
    }
    .youtube{
        right: 5px;
        top: -5px;
    }
    .insta {
        right: 22px;
        top: -5px;
    }
    .facebook {
        right: 45px;
        top: -5px;
    }
    .fixed-top2 {
        right: 45px;
        position: absolute;
        top: 10px;
    }
    .wad_logo {
        left: 23px;
        top: -9px;
        width: 68%;
        /* height: 36px; */
    }
    .filmisland, .youtube, .facebook, .insta {
        font-size: 6px;
        color: white;
    }
    .button1 {
    top: 71px;
    position: absolute;
    left: -29px;
    width: 131px;

}
.second_slider img {
    width: 100%;
    height: 100%;
}

#boxes #dialog {
    width:575px; 
    height:175px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets{
      display: none;
  }
  .filmisland,.youtube,.facebook, .insta{
    font-size: 13px;
    color:white;
  }
  .main_slider_container .controls_testimonial  {
    display: block !important;
   
  }
  .main_slider_container .swiper-slide-next .controls_testimonial  {
    display: none;
   
  }
  #san {
    position: fixed;
width: 90%;
left: 35px;
top: 24px;
}
.close_btn{
    margin-right: 36px;
}
.close {
    position: absolute;
    top: 20px;
    right: 75px;
    
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.middle {
    height: 345px;
}
.ifram {
    width: 464px;
}
.slider_inner1 {
    font-size: 22px;
}
}