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

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

@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){
    .container {max-width: 1280px;}
}

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

}


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

@media only screen and (min-width:768px) and (max-width:1002px) {
  

}

@media only screen and (min-width:320px) and (max-width:767px)
{
    header .container{margin-top: 0; clip-path:none}
    header .navbar .navbar-brand{margin: 15px; max-width: 210px;}
    header.fixed .navbar .navbar-brand img{max-width: 100%;}
    header.fixed .navbar .navbar-nav li .nav-link {padding: 1rem 0;}
    .navbar-toggler{margin-right: 15px;}
    header .navbar .navbar-nav {max-height: 85vh; overflow-y: scroll; box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); border-bottom: 5px solid rgba(var(--color_black));}
    header .navbar .navbar-nav li {margin: 0;}
    header .navbar .navbar-nav li:last-child{margin-left: 0;}
    header .navbar .navbar-nav li .nav-link{padding: 0.75rem 1rem !important; background: rgba(var(--color_black),0.05); border-bottom: 1px solid rgba(var(--color_black),0.1);}
    header .has-megamenu:hover .dropdown-menu:first-of-type {display: block; border-radius: 0; box-shadow: none !important; padding: 1rem 0 !important;}
    header .has-megamenu .dropdown-menu {width: 100%; left: 0; transform: none;}
    header .has-megamenu .dropdown-menu:first-of-type > li {width: 100%; flex: 0;}
    header .has-megamenu .dropdown-menu li.li-a-hide ul.dropdown-menu {border: none !important; padding: 0 1rem !important;}
    header .has-megamenu .dropdown-menu li.li-a-hide ul:before {display: none;}
    header .has-megamenu .dropdown-menu li .dropdown-menu li a {background: none; border: none;}

    /*.banner{display:flex; flex-direction:column; height:auto; margin-top:64px;}
	.banner .banner-slider .item{height:100%; padding:1rem 0; background: rgba(var(--color_black),0.7);}
	.banner .banner-slider{order:2; margin:12px;}	
	.banner .banner-content h2.title{font-size:1.6rem;}
	.banner #video-outer{order:1; position:relative; padding:0;}
	#video-outer video{position:relative;}	
	.banner .banner-slider .banner-pic{display:none;}
	.banner .container{position:relative;}*/

	.banner #video-outer{padding-top:100%;}
	#video-outer video{object-fit:cover; transform:scale(1.35);}	
	.banner .banner-slider .banner-pic{display:none;}
	.banner #video-outer:before{content: ""; position: absolute; inset: 0; width: 100%;height: 100%; background-color: rgb(var(--color_black),0.5); z-index: 1;}
	.banner .banner-slider{z-index: 2;}

    .products .btn-custom{margin-bottom: 30px;}
    .products .product-content h3{line-height: normal;}
	.video-block{margin:0;}

    .about .about-content {overflow: hidden;}
    .about .about-content .about-innner{height: auto; max-width: 100%; min-height: fit-content;}
    .about .about-content .about-innner h3 {line-height: 1.5;}
    .about .static-block{padding: 15px;}
    .about .slider-content{position: relative; max-width: 100%; min-height: auto;}
    .about .about-slider .item{height: 300px;}
    
    .application .application-content{min-height: auto; padding: 15px;}
    .application .application-content h3{line-height: normal;}
    .application .application-content .inner-content{max-width: 100%; padding: 0;}
    .application .application-wrap{flex-wrap: wrap !important; justify-content: space-between; position: relative; left: 0;}
    .application .application-wrap .item {padding: 1rem;}
    .application .application-item {width: 100%;}
    .application .application-item .text {font-size: 0.963rem; line-height: normal;}
    .application .application-content .btn-custom{position: relative; bottom: 0;}

    .plants .img-wrap{margin-bottom: 30px; height: calc(100% - 20px); padding-top: 56.25% !important;}
    .plants .img-wrap::before,.plants .img-wrap .text{opacity: 1; visibility: visible;}

    .global .container::before {left: 0;}
    .global{min-height: auto;}
    .global .cust-tabs{justify-content: flex-start; flex-wrap: nowrap; overflow: hidden; overflow-x: auto; padding-bottom: 15px;}
    .global .cust-tabs .nav-item{margin:0; text-wrap: nowrap;}

    .footer {overflow: hidden;}
    .footer .social-media li a{margin: 0 20px 0 0;}
    .footer .bottom span {display: block;}

    .links{display: flex; flex-wrap:wrap; justify-content: center; margin-top: 1rem;}
    .links li{margin: 0.5rem 0.75rem;}
    .social-media {justify-content: center;}
    
    .inner-banner .banner-img {padding-top: 40%;}
    .about-pic .caption {margin-bottom: 1rem;}
    .timeline .slider {padding: 0;}
    .team-strength {min-height: fit-content; margin-top: var(--padding);}
    .team-strength .content-block:before {left: -12px; right: -12px; width: calc(100% + 24px);}
    .team-strength .content-block {padding: 2rem 1rem;}
    .timeline .owl-item:nth-child(even) .item .arrow {order: unset;}
    .timeline .owl-item:nth-child(even) .item .content {order: unset;}
    .timeline .owl-item:nth-child(even) .icon:before {top: 0; bottom: auto;}
    .product-header {margin-bottom: 2rem;}
    .product-header .pro-img {bottom: 0;}
    .accordion .accordion-item .style1 li {width: 100% !important;}
    .accordion-button::after {width: 26px; height: 26px;}
    .breadcrumb {margin-bottom: 0; text-align: center; justify-content: center;}
    .lslide img {height: 100%; object-fit: cover;}
    .factory-units .content-block {padding: 2rem 0;}
    .factory-units .content-block:before {left: -12px; right: -12px; width: calc(100% + 24px);}
    .contact-form-bg {padding-top: 0;}
    .contact-form-wrapper {position: static; width: 100%;}
    .pg-contact span.bg {display: none;}
}

@media only screen and (max-width:576px){
    .products .item{height: 100%;}
    .products .item .item-inner{flex-direction: column; text-align: center; height: calc(100% - 30px); padding: 15px;}
}

@media only screen and (max-width:767px) and (orientation: landscape) {
     
    .banner .banner-slider .item{height: 130vh;}
    .about .about-slider .item{height: 550px;}
}

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