@media only screen and (min-width: 1381px) and (max-width: 1440px) {
}
@media only screen and (min-width: 992px) and (max-width: 1380px) {
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
}
@media only screen and (max-width:767px){
    .header .navbar-brand{width: 65px;}
    .menu-icon{max-width: 40px; margin-left: auto;}

    #banner, #banner .item, #banner .item .pic, #banner .item .video-wrap{height: 360px;}
    #banner .item .banner-text{max-width: 90%; width: 90%;}
    #banner .item::before{background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(0deg, rgba(13, 13, 13, 0.00) 72.29%, rgba(13, 13, 13, 0.70) 100%);}

    h2.title{margin-bottom: 1.5rem !important;}
    h2.title::after{height: 4px;}

    #about .btn-custom{position: relative; right: 0; bottom: 0;}

    .inner-banner{--bs-aspect-ratio:56.25% !important}
    .inner-banner::after{height: 200px;}

    .header{padding: 15px 0;}

    #main-menu ul{background-color:rgb(var(--color_white));}
    .header .dropdown:hover>.dropdown-menu{display: block;}
    #main-menu ul li a{color: rgb(var(--color_base));}
    #main-menu .dropdown-menu{display: none;}
    #main-menu .dropdown-menu.show{display: block;}

}
@media only screen and (max-width:767px) and (orientation: landscape) {
}
@media only screen and (min-width:320px) and (max-width:480px){
}