@media (min-width: 1200px) {}

@media only screen and (max-width: 992px) {

}

@media (max-width: 870px) {

    .swiper-container-main{
        margin-left: -140px;
    }

    .image_slider{
        width: 410px;        
        height: 300px;  
    }

}

@media (max-width: 720px) {
    
    .supplier_slides{
        display: flex;
        justify-content: space-between;
    }

    .image_supplies{
        width: 700px;
        height: 100px;
        margin-left: 50px;
    }
/* 
    .swiper-slide .image_supplier{
        width: 700px;
        height: 100px;
        margin-left: 550px;
    } */

    /* .swiper-slide{

        background-color: chartreuse;
    } */

    .right_content_container{
        height: 1730px;
    }

    #carouselExampleControls{
        margin-top: -1200px;
        height: 300px;
    }

    #carouselExampleControls2{
        height: 300px;
    }

    .main_container{
        height: 1450px;
    }

    .flexbox_container_feat{
        margin-top: -870px;
    }

    .products_banner_container{
        margin-top: 280px;
        height: 900px;
    }

    .left_content_container{
        width: 376;
    }

    .ad_content_container{
        display: flex;
        justify-content: center;        
    }

    .horizontal_container{
        margin-top: 30px;
    }
      
    .right_ads_con img{        
        width: 375px;
        height: 300px;
    }

    footer{
        margin-top: 3100px; 
    }
    
    .carousel_image img{
        width: 400px;
        height: 300px;
    }

    .ad_content_container{
        height: 250px;
        margin-top: 20px;
    }

}

@media (max-width: 400px) {

    .right_content_container{
        height: 1730px;
    }

    #carouselExampleControls{
        margin-top: -1200px;
    }

    .main_container{
        height: 1730px;
    }

    .flexbox_container_feat{
        margin-top: -670px;
    }

    /* .products_banner_container{
        margin-top: 480px;
        height: 100px;
    } */

    .left_content_container{
        width: 376;
    }

    .carousel-item img{        
        width: 375px;
        height: 250px;
    }

    .subscribe_container{
        margin-top: -80px;
    }
      
    .right_ads_con img{        
        width: 375px;
        height: 300px;
    }

    footer{
        margin-top: 2960px;
    }
      
}


/*
    Extra small (xs) devices (portrait phones, less than 576px)
    No media query since this is the default in Bootstrap

    Small (sm) devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    Medium (md) devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    Large (lg) devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    Extra (xl) large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
    */