@media screen and (max-width: 1600px) {
    .search-result-item {
        padding: 20px;
    }
}

@media screen and (max-width: 1400px) {
    .search-result-item {
        padding: 15px;
        aspect-ratio: 3/4;
    }

    .search-off {
        padding: 2px 10px;
    }
}

@media screen and (max-width: 1200px) {
    .search-result-item {
        width: 31%;
        padding: 20px;
    }
}
/************************product command shop search******************************/

/**********************Free Shop Mobile***********************/
@media screen and (max-width: 1024px) {
    .free-shop-parent {
        width: 90vw;
        align-items: flex-start;
        margin: 0 auto;
    }

    .free-shop-parent div:first-child {
        width: 100% !important;
    }

    .tariff-table tr:nth-child(2) {
        top: 30px;
    }

    .tariff-description {
        margin-top: 0;
    }

    .tariff-description, .footer {
        padding: 15px;
    }

    .tariff-description span {
        font-size: 10pt;
    }

    .footer-title {
        font-size: 11pt;
    }

    .free-shop-box {
        justify-content: flex-start;
        width: 100%;
        min-height: unset;
        height: 100vh;
        padding: 15px;
        font-size: 10pt;
        margin-top: 0;
    }

    .free-shop-description {
        max-width: 80%;
    }

    .rent-tariff-box {
        padding: 10px 20px;
    }

    .rent-tariff-price {
        padding: 5px 50px;
    }

    .free-shop-btn {
        font-size: 10pt;
    }

    .tariff-table th, .tariff-table td {
        padding: 3px;
    }

    .tariff-table-parent {
        max-height: 56vh;
    }
    /*******************************navigating Alert mobile*************************************/
    .nav-circle, .nav-circle::before {
        width: 35px;
        height: 35px;
    }

    .nav-circles {
        width: 80%;
        height: 33%;
    }

    .navigating-alert {
        font-size: 14pt;
    }

    .gotit {
        font-size: 12pt;
        margin-top: 27px;
    }

    .na-2 {
        bottom: 20%;
    }

    .nav-arrow {
        width: 35px;
        height: 35px;
    }
    /*******************************navigating Alert mobile*************************************/
    /**********************search standaloan.js***********************/

    .search-off {
        padding: 1px 7px;
    }

    .search-popup-parent {
        padding: 15px;
    }

    .search-dark-input {
        padding: 3px 10px;
        font-size: 10pt;
    }

    .search-dark-popup {
        width: 85%;
    }

    .search-circle-shop {
        width: 60px;
        height: 60px;
    }

    .search-shops-title {
        font-size: 9pt;
        margin: 0;
    }

    .search-result-shop {
        width: 20%;
    }

    .search-result-item {
        width: 31%;
        max-height: 270px;
        padding: 15px;
    }

    .search-prod-img {
        height: 40%;
    }

    .search-share-product {
        width: 26px;
        height: 26px;
        border-radius: 5px;
    }

    .search-result-shops-row {
        margin-bottom: 10px;
    }

    .search-main-price, .black {
        font-size: 9pt;
    }

    .search-item-lines {
        font-size: 8pt;
        padding: 3px 0;
    }

    .off-price {
        font-size: 9pt;
    }

    /*************************search standaloan.js********************/


    /***************************************burger mobile**********************************/

    .hamburger-menu-parent{
        left: 10px;
        top: 10px;
    }
    .elevator-menu-parent {
        left: 10px;
        top: 10px;
    }
    .back-btn {
        left: 93vw;
        top: 10px;
    }
    .open-burger .option-circles {
        width: 35px;
        height: 35px;
        cursor: default;
    }

    .open-burger .map-box {
        max-height: 160px;
        max-width: 130px;
    }

    .open-burger .per-map img {
        width: 32px;
        height: 32px;
        cursor: default;
    }

    .open-burger .per-map .map-name {
        font-size: 9pt;
    }

    .open-burger .mini-search {
        padding: 4px 10px;
        width: 30vw;
    }

    .open-burger .mini-mag {
        top: 13px;
    }

    .open-burger .sp-img {
        width: 90px;
    }

    .open-burger .sp-box {
        padding: 7px;
        cursor: default;
    }

    .burger-svg, .xsvg {
        cursor: default;
    }

    .open-burger .selected-place-hover {
        display: none;
    }

    .open-burger .option-circles .oc-text {
        display: none;
    }
    .oc-5 {
        left: 20px;
        top: 55px;
    }
    .oc-4 {
        left: 20px;
        top: 100px;
    }


    .oc-9 {
        left: 20px;
        top: 145px;
    }
    .oc-10 {
        left: 20px;
        top: 190px;
    }
    /**********************Free Shop Mobile***********************/
}


@media only screen and (min-device-width: 480px) and (max-device-width: 900px) and (orientation: landscape) {
    #container {
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    }

    .buy-shop-alarm {
        padding: 20px;
        font-size: 10pt;
    }

    .sell-description {
        margin: 0;
    }

    .pointer {
        cursor: default;
    }

    .wellcom-text {
        font-size: 16px;
        font-weight: 300;
    }

    .wellcom-text span {
        font-size: 14px;
    }

    .w400 {
        width: 400px !important;
    }

    .fs-of {
        font-size: 9pt;
        margin: 0;
    }

    @keyframes arrowUp {
        0% {
            transform: translateY(0px)
        }

        10% {
            transform: translateY(-3px)
        }

        20% {
            transform: translateY(-7px)
        }

        30% {
            transform: translateY(-10px)
        }

        40% {
            transform: translateY(-13px)
        }

        50% {
            transform: translateY(-17px)
        }

        60% {
            transform: translateY(-13px)
        }

        70% {
            transform: translateY(-10px)
        }

        80% {
            transform: translateY(-7px)
        }

        90% {
            transform: translateY(-3px)
        }

        100% {
            transform: translateY(0px)
        }
    }

    @keyframes arrowDown {
        0% {
            transform: translateY(0px)
        }

        10% {
            transform: translateY(3px)
        }

        20% {
            transform: translateY(7px)
        }

        30% {
            transform: translateY(10px)
        }

        40% {
            transform: translateY(13px)
        }

        50% {
            transform: translateY(17px)
        }

        60% {
            transform: translateY(13px)
        }

        70% {
            transform: translateY(10px)
        }

        80% {
            transform: translateY(7px)
        }

        90% {
            transform: translateY(3px)
        }

        100% {
            transform: translateY(0px)
        }
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        display: none;
    }

    .image-swipper {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .single-image {
        height: 60px;
    }

    .sell-box {
        padding: 10px;
        width: 53%
    }

    .price-box, .sell-top {
        padding: 10px 0;
    }

    .top-infos {
        margin-bottom: 0;
    }

    .white-board {
        padding: 0;
    }


    .other-images {
        height: 42%;
    }


    .features-title, ul {
        margin-right: 0;
    }

    .top-div {
        margin-bottom: 20px;
    }

    .top-div {
        font-size: 2em;
    }

    .main {
        height: 85%;
    }

    .container {
        padding: 0;
    }

    main {
        width: 170px;
        padding: 7px 30px;
        height: fit-content;
    }

    header {
        height: 60px;
        border: 3px solid #bdbdbd;
    }

    .button-box {
        margin-top: 10px;
    }

    .elevator-btn {
        width: 40px;
        height: 40px;
        margin: 3px 7px;
    }

    .num-back {
        border-width: 4px;
        outline-width: 1px;
    }

    .btn-number {
        font-size: 11pt !important;
    }

    .up-indicator svg, .down-indicator svg {
        width: 3em;
        height: 3em;
    }

    .button-row {
        padding: 3px;
    }

    .platform-row {
        width: 100%;
        padding: 2px;
    }

    .infos-map {
        margin-bottom: 20px;
        height: 100px;
    }

    .platform {
        width: 40px;
        height: 40px;
    }

    .platform-title {
        font-size: 15px;
    }

    .d-none {
        display: none;
    }

    .close-svg {
        display: inline-block;
    }

    .infos-parent {
        width: 75vw;
        max-height: 98vh;
    }

    .close-con-ico {
        width: 38px;
        height: 38px;
        padding: 11px;
    }

    /**********************vitiMall aside Mobile***********************/
    .side-box {
        height: 162px;
    }

    .three-btn-sidebar {
        height: 156px;
    }

    .kesho {
        top: 185px;
    }

    .pnlm-controls-container {
        margin-top: 205px;
        height: calc(100% - 280px);
    }

    .pnlm-fullscreen-toggle-button, .pnlm-orientation-button, .pnlm-hot-spot-debug-indicator {
        width: 29px;
        height: 26px;
    }

}

@media screen and (max-width: 425px) {
    /***********************************************Start landscape ************************************/
    .landscape-alarm {
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
        background-color: #402a23;
        color: white;
        padding: 15px;
        border-radius: 7px;
        z-index: 888;
        direction: rtl;
        font-size: 10pt;
        margin: 10px;
        line-height: 25px;
        text-align: center;
        transition: .7s;
    }

    .commmon-anim {
        animation: common 2s ease;
    }

    .lsp {
        direction: ltr;
        margin: 0;
        font-weight: bold;
        color: var(--golden);
    }

    .close-ls {
        transform: translateY(-200px);
        opacity: 0;
    }

    @keyframes common {
        from {
            transform: translateY(-200%);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    /***********************************************End landscape ************************************/
    .container {
        padding: 0;
    }

    main {
        width: 75%;
        height: 100vh;
        padding: 10px 50px;
    }

    header {
        height: 100px;
    }

    .indicator svg {
        width: 4em;
        height: 4em;
    }

    .btn-number {
        font-size: 20pt;
    }

    .button-row {
        padding: 5px;
    }

    .elevator-btn {
        width: 60px;
        height: 60px;
        margin: 10px 4px;
    }

    /**********************search standaloan.js***********************/

    .header-search-box {
        width: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .search-magnifier {
        position: unset;
        transform: unset;
        padding: 0 10px;
    }

    .search-result-item {
        width: 46%;
        max-height: 240px;
        padding: 20px;
    }

    .search-result-shop {
        width: 33%;
    }
    .links_con{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}