/* responsive */
@media (-webkit-min-device-pixel-ratio: 1.5) {
    
}

@media only screen and (min-width:1366px) and (max-width:1600px){
    
}

@media only screen and (min-width:1366px) and (max-width:1440px){
    header .container-fluid{padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5);}
    header .btn-custom{margin-left: 30px;}
}

@media only screen and (min-width:1025px) and (max-width:1365px){
    header .container-fluid{padding: 0 15px;}
    .navbar-brand{max-width: 230px;}
    header .btn-custom{margin-left: 20px;}
}


@media only screen and (min-width:768px) and (max-width:1024px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    header{background-color: rgb(var(--color_white)); box-shadow: 0px 4px 50px rgb(0 0 0 / 10%);}
    header .container{margin-top: 0;}
    .navbar-brand{max-width: 170px;}
    header .container-fluid{padding: 0 15px;}
    header .navbar .navbar-nav{padding: 20px 0 0;}
    header .navbar .navbar-nav .nav-link{padding: 15px 0;}
    header .btn-custom{margin-left: 0;}

    #banner .banner-content{left: 3vw;}
    #banner, #banner .slider .item{height: 50vh; max-height: initial;}
    
    .application .icon-sets{flex-wrap: wrap;}
    .application .icon-wrap{margin-bottom: 30px; width: 25%;}

    #totop i{font-size: 40px !important;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #wrapper {width: 100%; position: relative; overflow: hidden;}

    /* 
    header .container{margin-top: 0;}
    .navbar-brand{max-width: 200px;}
    header .navbar .navbar-nav{padding: 20px 0 0;}
    header .navbar .navbar-nav .nav-link{padding: 15px 0;}

    header .container-fluid{padding: 0 15px;}
    header .btn-custom{margin-left: 0;} */

    header{padding: 0; box-shadow: 0px 4px 50px rgb(0 0 0 / 10%);}
    header .navbar {position: relative; padding-top: 70px !important;}
    header.fixed{-webkit-backdrop-filter:none; backdrop-filter: none; background-color: rgb(var(--color_white));}
    header{background-color: rgb(var(--color_white));}
    /* .navbar.navbar-expand-lg{padding-top: 70px !important;} */
    .language-block{position: absolute; left: 0; display: flex;  top: -70px; width: 100%; padding: 0 10px; border-bottom: 1px solid #f5f5f5 ;}
    header .navbar-brand{max-width: 150px;}
    header .btn-custom{margin-left: auto; padding: 6px 12px;}
    .navbar-collapse.show {box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px; margin-top: 15px;}

    .banner .container{z-index: 2;}
    .banner .banner-content .line{width: 180px;}
    .banner .owl-dots{width: calc(100% - 15px);}
    .banner .owl-dots button.owl-dot span{width: 25px;}

    .application .icon-sets{flex-wrap: wrap;}
    .application .icon-wrap{margin-bottom: 30px; width: 35%;}

    #cust-tab {position: relative; flex-wrap: nowrap; top: 0; margin-bottom: 30px !important;}
    .nav-tabs.custom .selector span::before, .nav-tabs.custom .selector span::after{background-color: transparent;}

    .products .slider .item .pic-wrap img{max-width: 85%;}
    .inner-banner .ratio {padding-top: 45% !important;}
    .accordion {margin-top: 50px;}

    .product-slider .item .pic-wrap{min-height: 300px;}
    .breadcrumb{padding-top: 15px;}
    .product-banner{min-height: 140px;}
    .breadcrumb{display: none;}
}

@media only screen and (max-width:767px) and (orientation: landscape) {
    .banner .slider .item{height: 60vh;}
    .navbar-collapse{ overflow: hidden; overflow-y: scroll; height: 75vh;}
}

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