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

@media (-webkit-min-device-pixel-ratio: 1.5) { 
    .container {max-width: 1140px;}
    .navbar-brand {max-width: 180px;}
    .agl-logo {max-width: 80px; height: 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){
    /* .container {max-width: 1280px;} */
}

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


@media only screen and (min-width:1003px) and (max-width:1024px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    .navbar-brand{max-width: 230px;}
    header .navbar .navbar-nav .nav-link{padding: 30px 10px;}

    #banner, #banner .slider .item{height: 75vh; max-height: initial;}

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

@media only screen and (min-width:768px) and (max-width:1002px) {
    #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-border.active{border-width: 0;}
    .banner .text-block br{display: none;}

    h2.title br{display: none;}

    #inner-banner{height: 200px;}
    .quality-bg::after{display: none;}
    #quality-inner::before{display: none;}

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

    .strength .blocks-wrapper{margin-top: 0;}
    .strength .block{width: 207px; height: 222px;}
    .strength .blocks-wrapper .block:nth-child(2),.strength .blocks-wrapper .block:nth-child(4){margin-top: 0;}
    
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #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: 140px;}
    header .navbar .navbar-nav{padding: 20px 0 0;}
    header .navbar .navbar-nav .nav-link{padding: 15px 0;}

    .banner {height: auto; background: none; padding-top: 0;}
    .banner .slider, .banner .slider .item {height: auto; margin: 0;}
    .banner .item {background-color: rgba(var(--primary2)); padding: 1rem; border-radius: 1.25rem;}
    .banner .item:before {display: none;}
    .banner .slider .owl-item {padding: 0;}
    .banner .slider .item .element, .banner .slider .item h2, .banner .slider .item .product-img {position: relative;}
    .banner .slider .item .product-img {width: auto; right: 0; bottom: 0;}
    .banner .slider .item h2 {width: 100%; right: 0; bottom: 0; font-size: 1.5rem; margin-bottom: 2rem;}
    .banner .element {display: none;}
    .banner .style1 .owl-dots {display: flex; justify-content: center; width: auto; position: relative; right: 0; gap: 1rem;}
    .banner .style1 .owl-dots button.owl-dot.active span {background-color: rgba(var(--primary2));}
    .banner .style1 .owl-dots button.owl-dot span {width: 30px;}
    .strength {margin: 0; padding: var(--padding) 0 !important;}
    .strength .blocks-wrapper {margin: 0;}
    .strength .block {margin: 30px 15px; width: calc(100% - 30px);}
    .about {background: none; background-color: #F5F5F5;}
    .about .right-block {margin-top: 0; padding: 1rem 0 !important; border-radius: 0 0 1.5rem 1.5rem;}
    .about .right-block:after {display: none;}
    .about .right-block .logos img {margin: 0 10px !important;}
    .products {margin: 0; padding-top: var(--padding);}
    .products h2.title span {margin-bottom: 1rem;}
    .products .card {background-color: #f5f5f5;}
    .products .card:before {display: none;}
    .products .card .title {position: static; height: auto; padding: 1rem !important;}
    .products .card .img-wrapper img {max-height: 75%; bottom: 0;}
    .filler-visualizer {padding: var(--padding) 0; background: rgba(var(--primary1));}
    .filler-visualizer:before {display: none;}
    .filler-visualizer .wall-pic {padding-top: 55%;}
    .filler-visualizer .colors {flex-wrap: wrap; position: relative; padding: 0.75rem; gap: 10px;}
    .filler-visualizer .colors li {margin: 0 !important; width: 23px; height: 23px;}
    .filler-visualizer .content-block {padding-bottom: 0;}
    .contact-form {padding: calc(var(--padding)/2) 1rem;}

    .footer .bottom {font-size: 1rem;}

	.inner-banner {height: 300px;}
	.inner-banner .page-header {padding: 1.5rem;}
    .inner-banner .page-header nav[aria-label="breadcrumb"] {display: none;}
    .ps-custom {padding: 0;}
    .our-story .block {margin-bottom: var(--mb); height: calc(100% - var(--mb)) !important;}
    .our-story .core-values {padding-top: 0 !important;}
    .director-message .pic {margin: 0; max-width: none;}
    .director-message .pic .ratio {max-width: 150px; margin: 0 auto;}
    .director-message .title {margin: 0; text-align: center;}
    .director-message .message-item {padding: 1rem;}
    .director-message .message-item .p-5 {padding: 0 !important;}
    .director-message .ps-custom:nth-child(2) .pic {margin: 0;}
    .director-message .ps-custom {padding: 0 !important;}

    .certi-thumb {margin-bottom: 1.5rem;}
    .products-page .nav-tabs {justify-content: flex-start !important; flex-wrap: nowrap; overflow: hidden; overflow-x: auto;}
    .products-page .nav-tabs a.nav-link {--bs-nav-link-padding-x: 0rem; line-height: normal; margin: 0 0.75rem; width: auto; white-space: nowrap;}
    .products-page .nav-tabs a.nav-link .icon {width: 85px; height: 75px; margin: 0 auto 0.75rem;}
    .products-page .nav-tabs a.nav-link .icon img {height: 100%; width: 100%;}
    .accordion .accordion-item .accordion-button {padding: 1rem;}
    .accordion .accordion-item .accordion-body {padding: 0 1rem;}
    
}

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

}

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