/* Hide mobile view by default */
.mobile-view {
    display: none;

    /* Full viewport height */
}

/* Show mobile view and hide desktop view on small screens */
@media (max-width: 766px) {
    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block;
        background-color: #FFF;
    }

}

@media (min-width: 1200px) and (max-width: 1430px) {
    .sidebar-right {
        display: none;
    }

    .close-right-sidebar {
        display: block;
    }

    #main {
        width: 73%;
    }

    .toggle-sidebar-btn-right {
        display: block;
    }

    .toggle-right-sidebar {
        display: block;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {

    /* Your styles for tablets go here */
    body {
        /* background-color: #a03f3f; */
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {

    /* Styles for tablets in portrait mode */
    body {
        /* background-color: #166641; */
    }

    .sidebar-right {
        display: none;
    }

    .close-right-sidebar {
        display: block;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {

    /* Styles for tablets in landscape mode */
    body {
        /* background-color: #4d2884; */
    }

    #main {
        /* width: 51vw; */
        width: 100vw;

    }

    .sidebar-right {
        display: none;
    }

    .close-right-sidebar {
        display: block;
    }
}

@media only screen and (min-width: 1365px) and (max-width: 1367px) and (orientation: landscape) {

    /* Styles for tablets in landscape mode */
    body {
        /* background-color: #4d2884; */
    }

    #main {
        width: 47vw;
        /* width: 100vw; */
    }

    .sidebar-right {
        display: block;
        width: 380px;
    }

    .close-right-sidebar {
        display: block;
    }
}

/* iPad Mini - Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles for iPad Mini in portrait */
}

/* iPad Mini - Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles for iPad Mini in landscape */
}

/* iPad 9.7-inch - Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles for iPad 9.7-inch in portrait */
}

/* iPad 9.7-inch - Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles for iPad 9.7-inch in landscape */
}

/* iPad Pro 10.5-inch - Portrait */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: portrait) {
    /* Styles for iPad Pro 10.5-inch in portrait */
}

/* iPad Pro 10.5-inch - Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: landscape) {
    /* Styles for iPad Pro 10.5-inch in landscape */
}

/* iPad Pro 11-inch - Portrait */
@media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
    /* Styles for iPad Pro 11-inch in portrait */
}

/* iPad Pro 11-inch - Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: landscape) {
    /* Styles for iPad Pro 11-inch in landscape */
}

/* iPad Pro 12.9-inch - Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
    /* Styles for iPad Pro 12.9-inch in portrait */
}

/* iPad Pro 12.9-inch - Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {

    /* Styles for iPad Pro 12.9-inch in landscape */
    #main {
        /* width: 73vw; */
        /* margin-bottom: 4rem; */
    }
}

/* All iPads in Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: portrait) {
    /* Styles for all iPads in portrait */
}

/* All iPads in Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape) {
    /* Styles for all iPads in landscape */
}