/* media queries */
@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 800px;
    }
}

@media (max-width: 992px) {}

@media (max-width: 870px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {

    .product_container {
        margin-top: 70px;
    }

    .row_back,
    .bc_back {
        background-color: white;
    }

}

@media (max-width: 400px) {

    .slider-box{
        transform: translate(-55px);
    }

    .pag_container{
        width: 150px;
    }
}

@media (max-width: 360px) {

}

/*
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) { ... }
*/