@media (min-width: 1024px) {
    
}
@media only screen and (min-width: 1280px){

}
@media (min-width: 1280px) and (max-width: 1400px) {
	
}
@media (min-width: 1400px) and (max-width: 1600px) {

    /* .banner{
        height: 820px;
    }
    .main_banner{
        object-fit: cover;
        height: 53pc;
    }
    
    #mask{
        height: 543pc !important;
    } */
}
@media (min-width: 1600px) and (max-width: 1900px) {
    .banner{
        height: 820px;
    }
    .main_banner{
        object-fit: cover;
        height: 53pc;
    }
    #mask{
        height: 543pc !important;
    }
    .cast_img2{
        object-fit: cover;
        height: 96rem;
    }
    
    .scroll{
        bottom: -328px;
    }
    .number{
        bottom: -317px;
    }
}
@media (min-width: 1900px) and (max-width: 3000px) {

.container-fliud{
    max-width: 1900px;

}
.mainbanner_director {
    left: 156px;
}
.middle_logo {
    left: 357px;
    width: 430px;
    height: 430px;
}
.main_banner2 {
    height: 1500px;
}
.synospsis {
    height: 1500px;
}
.footer_logo {
    left: 36%;
}
.cast_img {
    height: 349pc;
}
    .nav-link {
        font-size: 20px;
    }
    .middle_logo {
        position: relative;
        top: 173px;
    }
    .profile {
        top: 0px;
    }
    .banner {
        height: 1077px;
    }
    .main_banner{
        object-fit: cover;
        height: 1077px;
    }
    .allaudiance, .shape {
        font-size: 20px;
    }
    .cast_img2 {

        width: 100%;
        height: 1537px;
    }
    
    .number {
    bottom: -400px;
    }
    .scroll {
        
        left: 50%;
        bottom: -400px;
        z-index: 9;    
    }
    .mainbanner_director {
        font-size: 35px;
    }
    .button1 {   
    bottom: -400px;
    top: auto;
    }
    .synospsis_head {
        font-size: 32px;
        width: 100%;
        height: 100%;
    }
    .synospsis_text {
        width: 100%;
        height: 100%;
        font-size: 18px;
    }
    .details_head {
        width: 100%;
        height: 100%;
        font-size: 30px;
    }
    .deatias_text_small {
        width: 100%;
        height: 100%;
        font-size: 18px;
    }
    .director_name {
        width: 100%;
        height: 100%;
        font-size: 30px;
    }
    .director_position {
        width: 100%;
        height: 100%;
        font-size: 17px;
    }
    .director_massage {
        width: 100%;
        height: 100%;
        font-size: 18px;
    }    
    .cast_head {
        width: 100%;
        height: 100%;
        font-size: 30px;
        margin: 0 0 0 0;
        text-align: center;
    }
    .cast_details_small {
        width: 100%;
        font-size: 16px;
    }
    .cast_details_large {
        width: 100%;
        height: 29px;
        font-size: 18px;
    }
    .profile {
        font-size: 30px;
        left: 0;
    }
    .profile_text {
        font-size: 18px;
        line-height: 1.77;
    }
    .profile_position {
        font-size: 16px;
        line-height: 1.77;
        left: 0;
    }
    .Prasanna_Vithanage {
        font-size: 30px;
    }
    .main_slider_container .swiper-slide-active {

        width: 550px !important;
    
    }
    .prev_main_slider {
        left: 0 !important;
    }
    .next_main_slider {    
        right: 0 !important;
    }
    .third_slider {
        height: 392px;
        width: 345px !important;
    }
    .third_slider img { 
        width: 344.8px;
    }
    .third_slider_container {
        height: 513px;
    }
    .button5 {    
        left: 43%;
        top: -644px;
        font-size: 21px;
    }
    .filmisland,.youtube,.facebook, .insta{
        font-size: 18px;
      }
      .wad_logo {
          width: 37px;
      }
      .middle {
        height: 230px;
      }
      .third_slider_block {
        position: absolute;
        top: 60%;
      }
      .text {
        top: 22%;
        left: 35%;
      }
      .text1 {
        left: 39%;
      }
      .main_slider_container .controls_testimonial  {
        display: none;
       
      }
      .main_slider_container .swiper-slide-next .controls_testimonial  {
        display: block !important;
       
      }
      .window{
        top: 231px !important;
        left: 474.5px !important;
      }
      #mask{
        height: 759pc !important;
      }
      .director {
        height: 838px;
    }
    .cast {
        height: 1536px;
    }
    .director_img {
        height: 838px;
    }
    .img_back {
    width: 345px;
    height: 230px;
    }
}