@media (max-height: 660px){
    .sector {padding-top: 10px !important;}
    .logo-container {padding-top: 0px !important;}
    p.logo-title {padding-top: 0px !important;}

}
@media (max-height: 590px){
    .sector {padding-top: 0px !important;}
    .logo-container {padding-top: 0px !important;}
    p.logo-title {padding-top: 0px !important;}
}
@media (max-height: 565px){
    .footer{display:none;}
    .copyright{display:none;}
    .page-footer{display:flex;}
    .sidebar{overflow:scroll;}
    .sidebar{height:100vh;}
    
}
@media (max-height: 490px){
    .sidebar{height:100%;}
}
@media (max-width:991px){
     body{
    background: #b38808 !important;
    }
    body::before {
    content: "";
    background: url(../images/pattern.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: inline-block;
    }
    .copyright{
        transform: translateX(50%);
    }
    .page{background-color:#ededed;}
}
@media (max-width: 768px) { 
    .footer{display: none;}
    .copyright{display: none;} 
    .page-footer{display: flex;margin-top: 10px;}
    .sidebar{height: 100%;}
    .shutter div{width: 88%;}
    .page{height: 100%;overflow-y: hidden;}
    .company-link{margin-bottom: 30px;}
    .sector{padding-bottom:30px;}
    /*.page a{color:#b38808;}*/
   .contact-text .container .row .telephone {
        padding-left: 0px !important;
        padding-right: 0px !important;
         margin-top: 25px;
    }
}
    
}
@media (min-width: 768px) { 
    .career-content{padding-left:1rem !important;padding-right:0rem !important;}
    .logistic-content h3 i {padding-right: 1rem !important; padding-left: 0px !important;}
    .real-estate-content h3 i {padding-right: 1rem !important; padding-left: 0px !important;}
    .retail-brand{text-align:left!important}
}
@media (max-width: 576px) { 
    .inner{top: 43%;left: -14%;}
    .inner h2{font-size: 30px;}
    .retail-section .row .retail-brand:first-child{border-right:none;}
    .wholesale-container h3{padding-left: 1rem !important;}
    .brands img {
        margin: 20px 0;
        height: auto;
        border-radius: 20px;
    }
    .retail-section h3{padding-left: 1rem !important;}
    .logistic-content h3 i {padding-right: 1rem !important; padding-left: 0px !important;}
    h2.brand-type {font-size: 25px;}
    .shutter div {width: 77% !important;}
    .slick-dots{ bottom: -3%;right: 6%;}
    .news-div{padding-left: 0px !important;padding-right: 0px !important;}
    .sidebar{ margin: 0 30px;height: 100%;}   
    .news_container .news_title {line-height: 13px !important;font-size: 13px !important;}
    .page{height: 100%;margin:0 30px;}
    .Blog-container {margin-top: 50px !important;}
    .text-container h1 {font-size: 16px;}
    .logistics-img { height: 200px;border-radius: 20px;}
    .carousel-inner {height: 200px !important;border-radius: 20px;}
    .about img {
        border-radius: 20px;
        height: 200px;
        object-fit: cover;
    }
    .carousel-inner img {
        height: 200px !important;
        border-radius: 20px;
    }
    .img-container {
        height: 80px;
    }
    .img-container img {
        height: auto;
        margin:10px 0;
        border-radius:0px;
        object-fit: contain;
        width: 300px;
    }
    .news-section{padding-left: 1rem!important;}
    .about-container .heading{text-align: left!important;}
    .career-content {padding-left: 1rem !important}
}
@media (max-width: 375px) {
    .shutter div {width: 81% !important;}
    .retail-brand{text-align:left!important}
    .inner{top:30%;font-size:20px;}
}

@media (max-width: 360px) { 
    .inner{top: 33%;}
    .inner h2{font-size: 25px;}
    .retail-section .row .retail-brand:first-child{border-right:none;}
    .career-content{padding-left: 1rem !important;}
    .wholesale-container h3{padding-left: 1rem !important;}
    .brands img{margin: 20px 0;}
    .retail-section h3{padding-left: 1rem !important;}
    h2.brand-type {font-size: 25px;}
    .logistic-content h3 i {padding-right: 1rem !important; padding-left: 0px !important;}
    .real-estate-content h3 i {padding-right: 1rem !important; padding-left: 0px !important;}
    .shutter div {width: 90% !important;}
    .news_container .news_title {font-size: 11px !important;}
    .news_summary p{line-height: 15px;}
    .page{height: 100%;overflow-y: hidden;}
    .retail-brand{text-align:left!important}
       
}

@media (max-width: 320px) { 
    .inner{top: 30% !important;left: -20% !important;}
    .inner h2{font-size: 25px;}
    .retail-section .row .retail-brand:first-child{border-right:none;}
    .page{height: 100%;overflow-y: hidden;}
    .retail-brand{text-align:left!important}
}