@media (min-width: 1200px) and (max-width: 1500px) {
   .nav-link {
        margin: 0px 10px !important;
    }
    .first-img {
        width: 82% !important;
        height: 400px !important;
    }
    .second-img{
        right: -25px;
    }
    .product-card {
    img {
        height: 160px !important;
    }
}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav-link {
        margin: 0px 0px !important;
    }
    .first-img {
        width: 80% !important;
        height: 390px !important;
    }
    .second-img{
        right: -20px;
    }
    .product-card {
    img {
        height: 160px !important;

    }
    h5{
        font-size: 16px !important;
    }
}
}

@media (min-width: 768px) and (max-width: 991px) {
    
    .product-card {
    img {
        height: 160px !important;

    }
    h5{
        font-size: 16px !important;
    }
}
}

@media (min-width: 576px) and (max-width: 767px) {
    .product-card {
    img {
        height: 160px !important;

    }
    h5{
        font-size: 16px !important;
    }
}
}
@media (min-width: 276px) and (max-width: 576px) {
  .main-slider {
    height: 300px;
    & .slider-item {
        .slider-content {
            padding: 30px 10px ;
            h1 {
                font-size: 18px;
            }
            p {
                font-size: 14px !important;
            }
            a{
                font-size: 14px !important;
                padding: 10px 20px !important;
            }
        }
    }
}  
#about{
    margin-top: 10px !important;
    padding: 0px !important;
}
.section-title{
    font-size: 1.2rem !important;
}
.product-slider {
    .slick-next{
        right: 55px !important;
    }
     .slick-prev{
        left: 84% !important;
    }
}
.navbar-brand img {
    width: 50px;
}
.hero{
    min-height: 28vh;
    h1{
        font-size: 20px;
    }
    p{
        font-size: 14px !important; 
    }
}
#contact{
    padding: 0px !important;
}
.product-card {
    img {
        height: 120px;
    }
}
}