/* for mobile responsive */
@media screen and (max-width: 1200px) {
    .slider-container {
        display: none !important;
    }
    main .content-wrapper {
        width: unset !important;
        margin: 0px !important;
        text-align: inherit !important;
    }
    .card {
        margin: auto !important;
    }
    header nav {
        position: absolute !important;
        width: auto !important;
    }
    .recentlyadded>h2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .customerProfileText {
        display: block !important;
    }
    header .content-wrapper>nav {
        border: 1px solid aqua;
    } 

}
@media (min-width: 1921px) {
    header, main, footer {
        max-width: 1920px !important;
        min-width: 1920px !important;
        margin: auto !important;
    }
    .sidebar {
        left: auto !important;
    }
}