@media only screen and (max-width: 600px) {
    .swiper-container {
        width: 100%;
        border-radius: 0;
    }
    .topSlider {
        width: 100%;
        height: 200px;
        margin: unset;
    }
    .infos {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .infos a {
        left: 50%;
        transform: translateX(-50%);
    }
    .infos h1 {
        padding: 5px;
        color: var(--optcolor);
        font-size: 1.5em;
        margin: unset;
    }
    .infos a {
        padding: 3px 5px;
        bottom: 50px;
        font-size: 12px;
    }
    .topMenu ul {
        display: none;
        position: absolute;
        top: 40px;
        right: 5px;
        background: #fff;
        z-index: 101;
        border-bottom: var(--grayBorder);
    }
    .topMenu ul li select {
        width: 100%;
        float: left;
    }
    .ulswitcher {
        display: block;
        position: absolute;
        top: 10px;
        right: 20px;
        cursor: pointer;
    }
    .searchBar {
        padding: 0 2%;
    }
    .searchBar .logo {
        width: 40px;
        height: 40px;
    }
    .searchBar .search {
        width: calc(98% - 54px);
        left: calc(2% + 45px);
    }
    .searchBar .search form {
        width: calc(100%);
    }
    .alertHolder {
        width: 100%;
        padding: 10px;
        right: 0;
        top: -10px;
    }
    #alertMsg {
        width: 100%;
        margin-top: 10px;
    }
    /*menu*/
    .menuswitcher {
        display: block;
        position: absolute;
        top: 5px;
        left: 2%;
        font-size: 30px;
        cursor: pointer;
    }
    .menu ul {
        display: none;
    }
    .mobimenu {
        text-transform: uppercase;
        display: block;
        top: 0px;
        width: 60%;
        height: 100vh;
        left: -70%;
        z-index: 10001;
        background: var(--maincolor);
        position: fixed;
        transition: .3s;
    }
    .mobimenu:before {
        text-transform: uppercase;
        top: 0px;
        width: 100%;
        height: 40px;
        left: 0;
        background: var(--optcolor);
        position: absolute;
        content: attr(data-text);
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 25px;
    }
    .mobimenu ul {
        padding-top: 45px;
    }
    .mobimenu.active {
        left: 0;
        display: block;
    }
    .menu .cart {
        right: 0;
    }
    #quickview {
        width: calc(90%);
        height: 90%;
        overflow-y: scroll;
    }
    #quickview .sell_img.thumb {
        width: 100%;
        height: unset;
    }
    #quickview .productDetails {
        padding: 10px;
    }
    #quickview .close {
        position: fixed;
    }
    #quickview .explore {
        position: unset;
        padding: 3px 5px;
        background: var(--maincolor);
        color: #fff;
        border-radius: 3px;
        margin: 10px;
        margin-top: unset;
        float: left;
    }
    #quickview .explore:hover {
        text-decoration: none;
        background: var(--optcolor);
        transition: .3s;
    }
    .mainContainer {
        padding: 0 2%;
        margin-top: 10px;
    }
    .category,
    .leftPane {
        display: none;
    }
    .shopPane,
    .cartList,
    .cartSummary,
    .accountPaneHolder {
        width: 100%;
    }
    .shopPane.cart {
        margin-left: 2%;
        width: 98%;
    }
    .container {
        width: 98%;
        margin-left: 2%;
        padding: unset;
    }
    .cartList.order {
        margin-left: unset;
        width: 100%;
    }
    .accountPane:last-child {
        margin-top: 10px;
        margin-left: unset;
    }
    .mainContainer.extend {
        padding: 0 2%;
        padding-left: unset;
        margin-top: 10px;
    }
    .banner {
        height: 130px;
    }
    .title h1 {
        padding: 5px 10px;
        font-size: 12px;
        height: 25px;
    }
    .title ul {
        display: none;
    }
    .cartSummary {
        margin-top: 10px;
    }
    .partnershipa {
        padding: 5px 10px;
    }
    .productsSlider.categoryHolderList {
        grid-template-columns: calc(50% - 2px) calc(50% - 2px);
    }
    #shopping-cart {
        overflow-x: scroll;
    }
    .productImage,
    .sell_img.thumb,
    .productImage .subThumb,
    .productDetails {
        width: 100%;
        height: unset;
    }
    .productDetails {
        padding: unset;
    }
    #zoom {
        width: 100%;
        height: 300px;
        top: -130px;
        left: 0;
    }
    .player {
        width: 100%;
        height: 250px;
    }
    .player img {
        width: 30px;
        height: 30px;
        border-radius: 3px;
    }
    .videocontroller {
        height: 40px;
        padding: 5px;
    }
    .videocontroller i {
        font-size: 10px;
    }
    .timer {
        padding: 2px;
    }
    .loader {
        width: 30%;
        margin: 0 10px;
    }
    #fillout i {
        width: 12px;
        height: 12px;
        top: -3.5px;
    }
    #volume::-webkit-slider-thumb,
    #volume::-moz-range-thumb {
        width: 10px;
        height: 10px;
    }
    .menubarswitcher {
        position: absolute;
        right: 5px;
        color: #000;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    .profileMenu {
        position: sticky;
        width: 100%;
        background: #fff;
        top: 63px;
        display: none;
        z-index: 200;
    }
    .inputHolder {
        width: 100%;
        margin-left: unset;
    }
    .profile,
    .profileInfo.notificaton,
    .profileInfo,
    .profileInfo.shops,
    .shopPane .shopThumb,
    .shopInfo,
    .map,
    .productsSlider.categoryHolderList.shop,
    .shopPane.cart {
        width: 100%;
        margin-left: unset;
        padding: unset;
    }
    .hotline {
        display: none;
    }
    .profile.user a {
        width: calc(100% - 10px);
    }
    .pricing {
        grid-template-columns: 100%;
        grid-row-gap: 10px;
    }
    .shops {
        grid-template-columns: calc(50% - 2px) calc(50% - 2px);
        grid-gap: 2px;
    }
    .pricing a:hover {
        transform: scale(1);
        background: #f1f1f1;
    }
    .images .shopThumb {
        width: 100%;
        margin-left: unset;
        margin-bottom: 10px;
        height: 300px;
    }
    .productsSlider.categoryHolder {
        display: block;
    }
    .productHolder.categoryPane {
        width: calc(25% - 2px);
    }
    .productHolder.categoryPane .rate,
    .productHolder.categoryPane strong {
        display: none;
    }
    .productHolder.categoryPane.list .sell_img.product {
        width: 40%;
        height: 170px;
    }
    .productHolder.categoryPane.list .proInfo {
        width: 60%;
    }
    .cartList {
        overflow-x: scroll;
    }
    .profile.hide,
    .subHolder,
    .infos .subBtmHolder {
        display: none;
    }
    #shopping-order {
        /* display: grid; */
        grid-template-rows: auto;
        grid-template-columns: calc(50% - 2px) calc(50% - 2px);
        grid-column-gap: 2px;
    }
    .colCom {
        width: 100%;
    }
    .promotePro .pro {
        width: calc(100%);
        margin-left: unset;
    }
    .itemRelated {
        border: var(--grayBorder);
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        border-top: none;
        display: block;
    }
    .footer {
        margin-top: 10px;
    }
    .blockHolder.top {
        display: none;
    }
    .chats {
        display: none;
    }
    .messages {
        margin-left: 0;
        width: 100%;
    }
    .container.checkout.pay,
    .cartSummary.info.pay {
        width: 100%;
        margin: unset;
    }
    .fblock {
        width: 100%;
    }
    .message {
        width: 100%;
        height: calc(100% - 40px);
        justify-content: center;
        align-items: center;
        z-index: 10002;
        top: 40px;
        transform: translateX(-50%);
    }
    .cartSummary.info,
    .container.checkout {
        width: 100%;
    }
    .message .alertPane {
        width: 90%;
    }
    .message .alertPane img {
        width: 90%;
    }
    .chatPane input {
        width: 80%;
    }
    .chatPane button {
        width: 20%;
    }
    .container.checkout.paid {
        width: 100%;
    }
    .detailHolder img {
        width: 100%;
    }
    .categoryListPane {
        grid-template-columns: calc(100%);
    }
    .catProPane {
        grid-template-columns: calc(50%) calc(50%);
    }
}