/* Normal desktop :1400px. */
@media (min-width: 1400px) and (max-width: 1600px) {

    /*Home 1 Resopnsive*/
     .duong-cheo-phai{
        right: 0;
    } 
    .duong-cheo-trai{
       left: 0;
    }

}

/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1299px) {
    
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
    .duong-cheo-phai{
        right: 0;
    } 
    .duong-cheo-trai{
       left: 0;
    }
}




@media screen and (min-width: 801px) and (max-width: 1199px) {
    .banner-home {
        height: 800px;
    }

    .banner-home .img-banner {
        height: 100%;
    }

    .title-banner-home-1 {
        font-size: 40px;
    }

    .title-banner-home-2 {
        font-size: 25px;
    }

    .banner-content {
        position: absolute;
        top: 50%;
        left: 63%;


    }
    .section-home-4 .img img{
        max-width: 100%;
    }
    .gioi-thieu-danaff .img-gioi-thieu .content .link-gioi-thieu{
        display: flex;
    }
    .gioi-thieu-danaff .img-gioi-thieu .content {
        padding: 25px;
    }
}



/* Normal desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {}









@media screen and (min-width: 1000px) {
    .item-phim-du-thi img {
        height: 375px;
        object-fit: cover;

    }
}

@media screen and (min-width: 1200px) {



    .setion-banner-contact {
        width: 2560px;
        left: -695.055px;
    }

    .cea-vertical-tab .cea-tabs {
        width: 27%;
    }

    .cea-vertical-tab .cea-tab-content {
        width: 73%;
    }

    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 1440px !important;
        width: 1440px !important;
    }
}

@media screen and (min-width: 575px) and (max-width: 800px) {
    .elementor-36315 .elementor-element.elementor-element-1e671ae {
        --e-con-grid-template-columns: repeat(1, 1fr);
    }

    .e-con.e-con>.e-con-inner>.elementor-widget,
    .elementor.elementor .e-con>.elementor-widget {
        height: 415px;
    }

    .item-phim-du-thi img {
        height: 300px;
        object-fit: cover;
    }

    .sticky-outer .header-sticky.sticky-head {
        z-index: 100;
    }
    .gioi-thieu-danaff .img-gioi-thieu .content{
        margin: 25px 0;
    }
    .gioi-thieu-danaff .title{
        
        margin:25px 0;
    }
    .section-home-4 .img img {
        max-width: 100%;
        height: auto;
        object-fit: cover;
        width: 100%;
    }
}




@media screen and (min-width: 600px) and (max-width: 800px) {
    .banner-home {
        height: 540px;
    }

    .banner-home .img-banner {
        height: 100%;
    }

    .title-banner-home-1 {
        font-size: 43px;
        max-width: 50%;
        display: inline-table;
    }

    .title-banner-home-2 {
        font-size: 25px;
    }

    .banner-content {
        position: absolute;
        left: 84%;
        transform: translate(-50%, -50%);
    }

}

/* Normal desktop :600px. */
@media (min-width: 600px) and (max-width: 767px) {
 
}









/* Normal desktop :480px. */
@media (min-width: 480px) and (max-width: 599px) {}



/* Mobile Devices :320px. */
@media (min-width: 320px) and (max-width: 479px) {}








@media screen and (max-width: 800px) {
    .list-news-hone .swiper-wrapper {
        padding-bottom: 70px !important;
    }
    .schedule-days{
        margin: 0 !important;
    }
    .list-news-hone .swiper-pagination{
        margin-bottom: 20px !important;
    }
    .schedule-container{
        display: block !important;
        padding: 10px !important;
    }
    .schedule-content{
        margin-top: 30px;
        height: auto !important;
    }
    .duong-cheo-phai, .duong-cheo-trai{
        display: none;
    }
    .section-home-2 {
        padding: 70px 0;
    }
    .section-home-9{
        padding: 50px 0;
    }
    .section-home-9 .image::after,.section-home-9 .image::before {
        display: none;
    }
    .section-home-9 .image img {
        width: 250px;
        height: 170px;
    }
    .section-home-9 .image{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section-home-9 .text-contact .content{
        margin: 20px 0;
    }
    .section-home-9 .text-contact .title{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .section-home-9 .sub-title{
        margin-bottom: 5px;
    }
    .section-home-9 .sub-title span{
        font-size: 14px;
    }
    .section-home-9 .text-contact .group-button .text{
        font-size: 15px;
    }
    .header-top{
        display: none;
    }
    .header-navbar{
        background-color: #000;
       
    }
    .navbar-brand{
         margin-right: 0;
    }
    .header-navbar .navbar-brand::before{
        display: none;
    }
    .navbar-toggler-icon{
        width: auto;
        height: auto;
    }
    .header-navbar{
        left: 0;
        position: fixed !important;
        right: 0;
        padding: 0;
        z-index: 100;
    }
    .footer-insta-widget .d-lg-flex{
        display: block !important;
        text-align: center;
    }
    aside.footer-insta-widget.col-12 .insta-footer-content{
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .footer-widget.contact-widget{
        width: 100%;
        margin: 25px 0;
    }
    .footer-widgets-wrap{
        padding: 40px 0;
    }
    .insta-footer-wrap{
        padding: 0;
        padding-top: 30px;
    }
    aside.footer-insta-widget.col-12 h3 {
        max-width: 100%;
        font-size: 40px;
        line-height: 1.4;
        padding: 0 !important;
        width: 100%;
    }
    .gioi-thieu-danaff .img-gioi-thieu .content .link-gioi-thieu .text{
        padding: 14px 30px;
    }
}

@media screen and (max-width: 575px) {
    .banner-home {
        height: 500px;
    }
    
    .banner-home .img-banner {
        height: 100%;
    }

    .title-banner-home-1 {
        line-height: 45px;
        font-size: 30px;
        max-width: 80%;
        text-align: center;
        display: inline-table;
        margin-bottom: 25px !important;
    }

    .link-banner-home-1 i {
        display: none;
    }

    .title-banner-home-2 {
        font-size: 21px;
        max-width: 80%;
        border: none;
        text-align: center;
        margin-bottom: 25px !important;
    }

    .link-banner-home-1 {
        width: 76%;
        padding: 15px;
    }

    .banner-content {
        position: absolute;
        left: 59%;
        top: 72%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
    }
    .group-btn-phim .button-custom{
        width: 100%;
        margin: 10px 0;
    }
    .ban-giam-khao .owl-carousel .owl-stage-outer {
        display: block;
    }

    .cea-vertical-tab .cea-tabs {
        width: 100%;
    }

    .cea-vertical-tab .cea-tab-content {
        width: 100%;
    }

    .item-phim-du-thi img {
        height: 270px;
        object-fit: cover;
    }

    .img-news {
        height: 400px !important;

    }
    .list-news-hone .item-new-home .img-news img{
        height: 100%;
    }
    .sticky-outer .header-sticky.sticky-head {
        z-index: 100;
    }

    .elementor-widget-n-tabs .e-n-tabs-heading {
        display: block;
    }

    .elementor-widget-n-tabs .e-n-tabs-heading button {
        width: 100% !important;
    }
    .section-home-4 .img img{
        max-width: 95%;
    }
    .img-gioi-thieu .img-news{
        height: auto !important;
    }
    .gioi-thieu-danaff .img-gioi-thieu .content{
        margin: 20px 0;
        padding: 25px;
    }
    .gioi-thieu-danaff .img-gioi-thieu .content .link-gioi-thieu{
        display: flex;
    }
    .gioi-thieu-danaff .img-gioi-thieu .content .link-gioi-thieu .text {
        padding: 14px 33px;
    }
    .gioi-thieu-danaff .title{
        text-align: center;
        margin:25px 0;
    }
    .section-home-4{
        padding: 90px 0;
    }
    .list-doi-tac .item-doi-tac{
        height: auto;
    }
    .list-phim-du-thi .name-cate-phim h4, .section-home-7 .title-section .title {
        font-size: 30px;
    }
    .section-home-3{
        padding-bottom: 40px;
    }
    .list-event-home .item-event-home .img-event{
        height: auto;
    }
    .divider{
        padding: 10px 0;
    }
    .list-films .item-films a .img-phim{
        height: 270px;
    }
}




@media only screen and (max-width: 1024px) {
  .mobile-menu-floating {
        padding-top: 20px;
        background-color: #fff !important;
        max-width: 300px;
    }
 .mobile-menu-floating * {
        color: #000;
        max-height: 900px;
        overflow: auto ;
  }
  .mobile-menu-wrapper ul.mobile-menu li > a {
        font-weight: 600;
        line-height: 25px;
  }
  ul.mobile-menu li.menu-item-has-children > span.down-arrow:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid;
  }
  ul.mobile-menu li.menu-item-has-children > span.down-arrow:after, ul.mobile-menu li.menu-item-has-children > span.up-arrow:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .mobile-menu-active .mobile-menu-floating * {
        color: #000;
    }
    .mobile-menu-floating i.close-icon:after, .mobile-menu-floating i.close-icon:before {
        border-bottom-color: #000;
    }
    .mobile-menu-floating i.close-icon:after, .mobile-menu-floating i.close-icon:before {
        height: 1px;
        width: 21px;
    }
}
@media screen and (max-width: 576px) {
    .mobile-logo {
        background-color: #fff;
    }
}










/*xl device min width*/
@media screen and (min-width:992px) {}

/*xl device min width*/
@media screen and (min-width:1200px) {
    .container {
        max-width: 1440px;
    }
}

@media screen and (min-width: 2000px) {
    .banner-home {
        height: 1100px;

    }

    .rotateCircle {
        position: absolute;
        left: 13.5%;
        top: 33%;
        padding: 0px;
        color: rgb(184, 150, 126);
        transform-origin: 50% 50%;
        width: 140px;
        height: 140px;
        display: flex;
        justify-content: center;
        align-items: center;
        visibility: visible;
        background: rgba(35, 35, 35, 0);
        translate: none;
        rotate: none;
        scale: none;
        opacity: 1;
        transform: translate(0px, 0px);
        pointer-events: auto;

    }

    .banner-home .img-banner {
        position: absolute;
        top: -20%;
    }
}