/*
Theme Name: Landmark
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*For browser/screen widths less than 768px*/
@media screen and (max-width: 768px) {
    .container {
        max-width: 100%;
    }
    .content {
        width: 100%;
    }
    .sidebar {
        width: 100%;
    }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

/* Default styles */
div#main { margin:40px; padding:20px; }

/* Large display 1200px and above */
@media screen and (min-width: 1200px) {
div#main { margin:50px; }
}

/* Portrait tablets 768px and above */
@media screen and (min-width: 768px) and (max-width: 979px) {
div#main { margin:30px; }
}

/* Phones to tablets 767px and below */
@media screen and (max-width: 767px) {
div#main { margin:20px; }
}

/* Phones 480px and below */
@media screen and (max-width: 480px) {
div#main { margin:10px; }
}
}