@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:1200px) and (max-width:1600px){
    
  
    
}

@media only screen and (min-width:1280px) and (max-width:1440px){
    
}

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


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

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

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

@media only screen and (min-width:320px) and (max-width:767px)
{
    #wrapper {width: 100%; position: relative; overflow: hidden;}
    header .navbar{padding-top: 0;}
    .menu-wrap{top: 0;}
    header .navbar-brand, header .menu-logo{width: 130px;}
    #banner,#banner .banner-pic{height: 600px;  max-height: 600px;}
    #banner .banner-text{padding-bottom: 15px;}
    .menu-wrap .menu-body .card{margin: 30px 0; border: none; padding: 0; display: block;}
    .menu-wrap .menu-body .card .address-block{margin-bottom: 0;}
    .altimus-content{left: 76%; transform: translate(-45%, -50%);}
    .altimus-content .btn-custom{margin-top: 15px;}
    .project-wrap .project-content{padding: 10px 15px;}
    .tags .tag-item{padding: 10px 18px; margin: 5px;}
    .inner-banner{padding-top: 80%;}
    .inner-banner .down-arrow{display: none;}
    .inner-banner .container{padding-top: 30px;}
    .vision-mission .item{text-align: center;}
    .vision-mission .item .icon{margin: 0 auto 30px;}
    .slick-arrow{top: -5rem;}
    .testimonial-slider .slick-slide{margin: 0 15px 0 0;}

    #nav-tab{flex-wrap: nowrap; overflow: hidden; overflow-x: scroll; padding-bottom:15px;}
    .inner-banner .tag{font-size: 13px; padding: 5px 18px !important;}

    .location-block .ratio{--bs-aspect-ratio:65% !important;}
}

@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) { 
    
}