.brands-prev{
    position:absolute;left:-14rem;top:4rem
}
.brands-next{
    position:absolute;
    left:16rem;
    top:4rem
}

.brand-logo2 {
    width: 15rem;
    margin: 0 auto;
}

#card{
    background-color:#940000;
    border-radius:20px
}
.mission-vision{
    margin-bottom:-6rem
}
#card-title{
    color:white
}
#card-body{
    color:white
}
.container-brands{
    background-color:#940000
}
.home-brands-logo{
    width:10rem;
    padding-bottom:4rem
}
.Alia{
    width:17rem
}
.Supmea{
    width:17rem
}
.btn-learn{
    background-color:white !important;
    top:-4rem
}
.btn-learn:hover{
    color:black !important
}
.carousel-description{
    position:absolute;
    left:16rem;bottom:35%;
    background-color:#940000;
    opacity:85%
}
.bg-color-container{
    background:#000;background:-webkit-linear-gradient(360deg,#000 0,#940000 100%);background:linear-gradient(360deg,#000 0,#940000 100%)
}
.bg-color-container-projects{
    background-color:#940000;background:-webkit-linear-gradient(360deg,#000 0,#940000 100%);
    background:linear-gradient(360deg,#000 0,#940000 100%);
    height:30em
}
.bg-color-container-projects{
    background-color:#940000;background:-webkit-linear-gradient(360deg,#000 0,#940000 100%);
    background:linear-gradient(360deg,#000 0,#940000 100%);
    height:30em
}
.vision-border{
    width:15%
}
.previous-brands{
    position:absolute;left:10%
}
.img-brands{
    padding-left:10px
}
.bg-color-container2{
    background-color:black
}
.btn{
    border-radius:10px;
    background-color:#940000
}
.btn-projects{
    border-radius:10px;
    background-color:#940000;
    margin-left:3rem;
    margin-right:3em;
    outline:0;
    border-color:none;
    padding:6px
}
.btn:hover{
    color:#de2331
}
.read-more{
    color:#940000;
    text-decoration:none
}
.read-more:hover{
    color:#de2331
}
.manifolds{
    width:17em;
    height:15.5em;
    padding:1em
}
.slides {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pressure-switches{
    width:11em;
    padding:1em;
    justify-content:center;
    height:12.5em
}
.pressure-gauges{
    width:13.8em;
    height:15.5em;
    padding:1em
}
.pressure-sensors{
    width:17em;
    height:13.2em;
    padding:1em
}
.diaphram-seals{
    width:18em;
    height:14.5em;
    padding:2em
}
.pentane{
    height:14em;
    padding:1em;
    width:18em
}
.voith{
    height:14em;
    width:17em;
    padding:1em
}
.balayan{
    padding:1rem
}
.chiller{
    padding:1rem
}
.about-border{
    width:11%;
    margin-left:1em
}
.about-text{
    margin-left:9.2em;
    margin-left:2.1999999999999993em;
    font-size:20px
}
.about-img{
    height:23em;
    margin-left:4em;
    margin-bottom:11em;
    padding-left:-4em;
    width:22em;
    margin-bottom:1em;
    margin-right:3em;
}
.bg-2{
    background-image:url("{{ asset('../img/bg-1.jpg') }}");
    height:10em
}
.related-products{
    cursor:pointer;
}
.dew-point-meter{
    height:7em;
    width:10em;
    align-items:center;
    margin-left:0;
    margin-top:1em
}
.Anomometer{
    height:7em;
    width:10em;
    align-items:center;
    margin-left:1em;
    margin-top:1em
}
.soundMeter{
    height:7em;
    width:3em;
    margin-top:1em
}
.tachno-meter{
    height:7em;
    width:4em;
    margin-top:1em;
}
.co-meters{
    height:7em;
    width:3em;
    align-items:center;
    margin-left:-1em;
    margin-top:1em
}
.price{
    color:#f94346
}
.btn-sub-shop{
    padding:12px 15px;
    border:0;
    background-color:#f4f4f5
}
.btn-add-shop{
    padding:10px 10px;
    border:0;
    background-color:#f4f4f5
}
.qty-input-shop{
    width:30%;
    border:0;
    padding:5px 10px;
    background-color:#f4f4f5
}
.shop-link.active{
    border-bottom:4px solid #0810a3;
    font-weight:bold;
    color:#0810a3 !important;
    border-top:0;
    border-right:0;
    border-left:0
}
.shop-link{
    background-color:white;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    padding-bottom:5px
}
.img-link{
    width:90px
}
.img-link.active{
    border:4px solid #940000
}
.btn-cart{
    background-color:#e48801;
    color:white;
    font-family:'Noto Sans',sans-serif;
    border:0;padding:13px 26px;
    font-size:13px
}
th{
    font-family:'Noto Sans',sans-serif;
    font-weight:bold
}
td{
    font-family:'Noto Sans',sans-serif
}
.img-big{
    width:400px !important
}
.nav-2{
    display:none
}
.map-area{
    position:relative
}
.map-area iframe{
    display:block;
    width:100%;
    height:670px
}
.fa-download{
    margin-left:.5em;
}
.card-style{
    width: 18rem;
    height: 19rem;
}

/* @media only screen and (max-width:600px)
{

.carousel-title{
    font-size:9px
}
.description-carousel{
    font-size:12px
}
.carousel-description2{
    position:absolute;
    left:16rem;
    bottom:35%;
    background-color:#940000;
    opacity:85%
}
.btn-sample{
    display:flex;
    justify-content:center;
    align-items:center
}
.logo{
    width:10rem;
    height:4rem
}
.CCS{
    width:15em;
}
.nav-mobile{
    display:none !important;
}
.nav-2{
    display:block !important;
}
} */
.card-projects{
    width: 18rem;
    height:26rem;
}



@media only screen and (max-width:600px)
{
    .btn-sample
    {
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .logo{
        width: 15rem;
        height:4rem;
    }
    .CCS{
        width:15em;
    }
    .Kito{
        width:15em;
        margin-top:1em;
    }
    .nav-mobile{
        display:none !important;
    }
    .nav-2{
        display:block !important;
    }

    .bg-about{
        background-image:url(img/bg-1.jpg);margin-bottom:5em;height:49em !important;width:24em;background-size:cover;background-repeat:no-repeat}
        .about-text{margin-left:9.2em;margin-left:-2.8em;font-size:16px;margin-bottom:-6em;margin-right:9em;padding-left:1rem;text-align:justify}
        .about-img{height:21em;margin-left:-28em;margin-bottom:11em;padding-left:-4em;width:19em;margin-bottom:26em;margin-right:2em}
        .about-border{width:25%;margin-left:-1em;margin-right:14em;margin-top:7em
    }
    .voith2{
        width: 18rem;
        height: 14rem;
        padding: 1rem;
    }
    .voith3{
        width: 18rem;
        height: 14rem;
    }
 }
    @media only screen and (min-width:1440px)
    {
        .about-border{
            width:16%
        }
        .carousel-description{
            position:absolute;left:10rem;height:17rem;top:5rem;bottom:35%;background-color:#940000;opacity:85%
        }
        .brands
        {
            margin-left:-15rem
        }
        .contact-us-title{
            margin-left:-13rem
        }
    }

@media only screen and (max-width: 1024px){
    .card-style{
        width: 14rem;
        height: 19rem;
    }
    .carousel-description {
        position: absolute;
        left: 8rem;
        bottom: 35%;
        background-color: #940000;
        opacity: 85%;
        top: 1rem;
        height: 16rem;
    }
    .about-border {
        width: 9rem;
        margin-left: 1em;
    }
    .voith{
        width: 12rem;
        height: 12rem;
    }
    .card-projects{
        width: 12rem;
        height:12rem;
    }

}

@media (min-width: 992px) {
    .slides .col-lg-4 {
      flex: 0 0 33.33%;
      max-width: 33.33%;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .slides .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }