@media (-webkit-min-device-pixel-ratio: 1.1) { 
}
@media (-webkit-min-device-pixel-ratio: 1.4) { 
   
}


@media (-webkit-min-device-pixel-ratio: 1.5)  {
    
   .about-section p{font-size: 0.875rem;}
   /* .world-map img{max-width: 70%; margin: 0 auto;} */
   .product-wrap .product{height: 300px;}
   .display-3{font-size: calc(1.525rem + 3.3vw);}

}

@media (-webkit-min-device-pixel-ratio: 1.25)  {
   /* .world-map img{max-width: 80%; margin: 0 auto;} */
}

@media (-webkit-min-device-pixel-ratio: 1.75) { 
}
@media only screen and (min-width:1366px) and (max-width:1600px){
}
@media only screen and (min-width:1366px) and (max-width:1440px){
    
}
@media only screen and (min-width:1025px) and (max-width:1366px){
}
@media only screen and (min-width:993px) and (max-width:1200px) {
    #navbarNav .navbar-nav li, #navbarNav + .btn-custom{opacity: 1; transform: none;}
    .banner-wrap{position: relative;}
    .banner-content{top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: 0 auto;}
    .banner-card{opacity: 1;}


    .about-card,.manufacturer-inner,.section-title,.application-item,.home .news-item,#navbarNav .navbar-nav li, #navbarNav + .btn-custom{transform: none; opacity: 1;}
    .video-wrap .overlay,.manufacturer-section .overlay{display: none;}

    .product{left: 0;}
    .statistic-item .data .text{font-size: 1rem !important;}
    .tagline{margin-top: 0; font-size: 1rem !important;}

    .corporate-brochure .text-block{width: 100%; position: relative; z-index: 1;}
    .corporate-brochure .text-block::before{content: ""; background-color: rgba(var(--primary2),0.8); position: absolute; inset: 0; width: 100%;
        height: 100%; display: block; z-index: -1;
    }

    .request-quote .block-item p{font-size: 1.25rem;}

    
    .request-quote .block-item{width: 100%; position: relative; z-index: 1;}
    .request-quote::before{content: ""; background-color: rgba(33, 64, 154,0.8); position: absolute; inset: 0; width: 100%;
        height: 100%; display: block;
    }
    h2.title{font-size: 1.5rem;}

}

@media only screen and (min-width:768px) and (max-width:1024px) {
    /* .world-map img{max-width: 100%;} */
    .banner-section, .banner-content, .about-section, .manufacturer-section, .global-section, .application-section{position: relative;}
    .about-card,.manufacturer-inner,.section-title,.application-item,.home .news-item,#navbarNav .navbar-nav li, #navbarNav + .btn-custom,.about-card .about-inner,
    .manufacturer-content{transform: none; opacity: 1;}
    .wrapper{padding-bottom: 0 !important;}
    #wrapper{margin-bottom: 0 !important;}
     #video-wrap,#video-outer{height: 70vh;}
    #video-outer video{position: relative;}
    .banner-wrap{position: relative;}
    .banner-content{top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: 0 auto;}
    .about-section, .manufacturer-section, .global-section, .application-section{min-height: auto;}
    .footer-section{ padding-left: inherit; padding-right: inherit;}
    .home .footer-section{position: relative;}
    .home .world-map .location .map-marker{scale: 1;}
}


@media (max-width: 991px) {
  .vision-block, .mission-block {flex:1 1 100%;}
  .values-block {flex-direction:column;}
  #navbarNav .navbar-nav li{padding: 0;}
  header .navbar .navbar-nav .nav-item:hover > .nav-link{ color: rgb(var(--color_white));}
  header .dropdown-menu{width: 100%;}
  #navbarNav .navbar-nav li a{padding: 10px 15px;}
  .inner-banner{padding-top: 75%;}
  header .navbar{padding:12px 0 !important;}
  .inner-banner h1{margin-bottom: 0 !important; margin-top: 72px;}
  .inner-banner .breadcrumb{display: none;}

  
.journey {padding-left: 0; padding-right: 0;}
.journey .slider {padding: 0;}
.journey .slider:before {display: none;}
.journey .owl-item:nth-child(odd) .item .rounded-circle {order: unset;}
.journey .item .content-wrapper:after{top: auto; bottom: 0;}
.wrapper{margin-bottom: 0 !important;}
#wrapper{margin-bottom: 0 !important;}
.request-quote .block-item{width: 100%;}
.links{justify-content: center;}

.sidebar{ margin-bottom: 1rem;}
.sidebar ul{display: flex; flex-wrap: nowrap; overflow-y: auto; overflow-x: scroll; -webkit-overflow-scrolling: touch; scroll-behavior: smooth;}
.sidebar ul li { flex: 0 0 auto;}
.sidebar ul li a{border: none;}
.product-tabs{display: flex; flex-wrap: nowrap; overflow-y: auto; overflow-x: scroll; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding-bottom: 2rem;}
.product-tab img{height: 70px;}
.product-tabs.row-cols-1>*{width: 50%;}
.product-tab .product-name{font-size: 1rem;}
.product-details .spec-box{flex-direction: column;}
.product-details .spec-box .label{width: 100%; margin-bottom: 0.5rem;}
.product-details .spec-box .value{padding-left: 0; width: 100%;}
.applications-box .owl-nav button.owl-prev{left: -45px;}
.applications-box .owl-nav button.owl-next{right: -45px;}
.form-wrapper{padding: 1rem;}
header .has-megamenu .dropdown-menu{width: 100%;}
header .has-megamenu .dropdown-menu .menu-item{padding: 0;}
header .has-megamenu .dropdown-menu .row [class^="col-"]:last-child .menu-item{margin: 0; padding: 0.3rem 1rem;}
.about-card .about-inner,.manufacturer-content{opacity: 1; transform: none;}
.home .world-map .location .map-marker{scale: 1;}
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .wrapper{padding-bottom: 0 !important;}
    #wrapper{margin-bottom: 0 !important;}
    .navbar-toggler{filter: invert(1); border: none; padding: 0;}
    .about-section, .manufacturer-section, .global-section, .application-section{min-height: auto;}
    .banner-section, .banner-content, .about-section, .manufacturer-section, .global-section, .application-section{position: relative;}
    #video-wrap,#video-outer{height: 70vh;}
    #video-outer video{position: relative;}

    .banner-wrap{position: relative;}
    .banner-content{top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: 0 auto;}
    .banner-card{opacity: 1;}

    /* .world-map img{max-width: 100%;} */

    header .navbar .navbar-nav .nav-link{padding: 0.5rem 0;}
    header {box-shadow: none; background: rgba(var(--color_black),0.4); backdrop-filter: blur(11px);}
    
    .about-card,.manufacturer-inner,.section-title,.application-item,.home .news-item,#navbarNav .navbar-nav li, #navbarNav + .btn-custom{transform: none; opacity: 1;}
    #navbarNav + .btn-custom{font-size: 1rem; margin-right: 1rem;}
    .about-section,.global-section{padding-bottom: var(--padding);}
    .video-wrap .overlay,.manufacturer-section .overlay{display: none;}

    .tagline{margin-top: 0; margin-bottom: 2rem;}
    .tagline br{display: none;}

   .footer-section{ padding-left: inherit; padding-right: inherit;}
    .home .footer-section{position: relative;}
    .corporate-brochure{background-size: 70% auto; background-position: 160% center; height: auto;}
    .product-wrap {display: block !important;}
    .product-wrap .product { width: 100%; height: auto; margin: 0; padding: 0; left: 0;}
    .product-wrap .product a {display: block !important; flex-direction: column;}
    .product-wrap .product .product-img { margin: 0; padding-top: 72%;}
    .product-wrap .product .product-img img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
    .product-wrap .product .product-content {bottom: 0; opacity: 1; visibility: visible; }
    .product-wrap .product .product-content .text{display: block; opacity: 1;}

    .request-quote{background-image: none; height: auto;}

    .links li {margin: 1rem 1rem 0.5rem 0;}    
}

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

    .wrapper{padding-bottom: 0 !important;}
    #wrapper{margin-bottom: 0 !important;}
     
    .navbar-toggler{filter: invert(1); border: none; padding: 0;}
    .about-section, .manufacturer-section, .global-section, .application-section{min-height: auto;}
    .banner-section, .banner-content, .about-section, .manufacturer-section, .global-section, .application-section{position: relative;}
    #video-wrap,#video-outer{height: 70vh;}
    #video-outer video{position: relative;}
    
    .banner-wrap{position: relative;}
    .banner-content{top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: 0 auto;}
    .banner-card{opacity: 1;}


    /* .world-map img{max-width: 100%;} */
    
    header .navbar .navbar-nav .nav-link{padding: 0.5rem 0;}
    header {box-shadow: none; background: rgba(var(--color_black),0.4); backdrop-filter: blur(11px);}
    
    .about-card,.manufacturer-inner,.section-title,.application-item,.home .news-item,#navbarNav .navbar-nav li, #navbarNav + .btn-custom{transform: none; opacity: 1;}
    #navbarNav + .btn-custom{font-size: 1rem; margin-right: 1rem;}
    .about-section,.global-section{padding-bottom: var(--padding);}
    .video-wrap .overlay,.manufacturer-section .overlay{display: none;}

    .tagline{margin-top: 0; margin-bottom: 2rem;}
    .tagline br{display: none;}


    .view-all-wrap{flex-direction: column; text-align: center;}
    .view-all-wrap a{margin-right: 0 !important;}

    .footer-section{ padding-left: inherit; padding-right: inherit;}
    .home .footer-section{position: relative;}
    .corporate-brochure{background-size: 70% auto; background-position: 160% center; height: auto;}
    .product-wrap {display: block !important;}
    .product-wrap .product { width: 100%; height: auto; margin: 0; padding: 0; left: 0;}
    .product-wrap .product a {display: block !important; flex-direction: column;}
    .product-wrap .product .product-img { margin: 0; padding-top: 72%;}
    .product-wrap .product .product-img img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
    .product-wrap .product .product-content {bottom: 0; opacity: 1; visibility: visible; }
    .product-wrap .product .product-content .text{display: block; opacity: 1;}

    .request-quote{background-image: none; height: auto;}

    .links li {margin: 1rem 1rem 0.5rem 0;}
    .copyright{text-align: center;}
    .copyright .social-media{margin: 1.5rem 0;}


}
@media only screen and (max-width:767px) and (orientation: landscape) {
}
@media only screen and (min-width:320px) and (max-width:480px) { 
    .navbar-brand,.footer-logo{max-width: 120px;}
}