@media (min-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 870px) {

}

@media (max-width: 720px) {

    .about_image{
        height: 260px;
    }
}

@media (max-width: 360px) {

    .mySwiper{
        height: 25vh;        
    }

    .swiper-slide{
        height: 100vh;        
    }

    .about_image{
        height: 130px;
    }
}


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