/*@media only screen and (min-device-width: 320px) and (max-device-width: 768px) and (orientation: landscape) {*/
    @media only screen and (max-height: 575.98px) and (orientation: landscape) {
        .container, .container-sm {
            max-width: unset;
        }
    }

/* if device has a touch screen */
/*@media (any-pointer: coarse) and (orientation: landscape) {
    
    .container, .container-sm {
        max-width: unset;
    }
}*/

/* if device has no touch screen */
@media (any-pointer: fine) {
    /* do your own styles */
    .yourDiv:active {
        background-color: green;
    }
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

@media screen and (max-width: 600px) {
    
}