@media screen and (max-width: 1300px) {

    .Info-Head,
    .Info-Introd,
    .Info-Prop,
    .Info-Review,
    .Info-Question,
    .Direction,
    .Product-Head,
    .Product-body {
        width: 95%;
    }

    .daste a {
        width: 100% !important;
    }

    /* --------------- < Profile > ----------------------  */

    .Profile-lately {
        width: calc(95% - 320px);
    }

    .CH_List>div {
        margin-left: 35px;
    }

    /* -------------------- < Order > --------------------------------- */

    .Order-Ok,
    .Order-Ok-head {
        width: 90%;
    }

    .Order-Ok-about p {
        font-size: 14px;
    }

    .Order-Ok-about p span {
        font-size: 16px;
    }

}

@media screen and (max-width: 1100px) {
    .CH_List>div {
        margin-left: 15px;
    }
}


@media screen and (max-width: 1000px) {

    /* --------------- < header > ------------------------------------ */

    .daste {
        width: 30% !important;
    }

    .nav-Down-Right>div {
        width: 23%;
    }

    /* --------------- < index > --------------------------------  */

    .Brands,
    .symbols,
    .Category,
    .Amazing-dot,
    .Amazing-Slide,
    .NewProduct-List,
    .NewProduct-Head,
    .Slider>section {
        width: 95%;
    }

    .btn_slideR {
        right: 32px !important;
    }

    .btn_slideL {
        left: 40px !important;
    }

    .Amazing-Slide>div {
        flex-wrap: wrap;
    }

    .Amazing-Slide-Right {
        width: 100%;
        height: 70px;
        border-radius: 25px 25px 1px 1px;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 5px 10px;
    }

    .Amazing-Slide-Right>a,
    .Amazing-Slide-Right>img {
        width: 23%;
    }

    .Amazing-Slide-Right>a p {
        font-size: 14px;
    }

    .Amazing-Slide-Left {
        width: 100%;
        height: calc(100% - 70px);
        border-radius: 1px 1px 25px 25px;
        padding-right: 15px;
    }

    .Amazing-Slide-Left>a>img {
        width: 280px;
        height: 225px;
    }

    /* --------------- < Cantact US > ----------------------------------- */
    .Contact>section {
        width: 730px;
        bottom: -45px;
        opacity: 1;
    }

    .addr {
        width: 90% !important;
    }

    /* --------------- <  list Product > ----------------------------------- */

    .listProduct-Box {
        min-width: 185px;
    }

    .List-main-aside>form {
        display: block;
    }

    .List-main-Left>section {
        justify-content: space-between;
    }

    /* --------------- < my Shop > ----------------------------------- */

    .myShop {
        flex-wrap: wrap;
    }

    .myShop-Right {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .myShop-Left {
        width: 100%;
        height: 80px;
        position: fixed;
        bottom: 0;
        background: var(--allColor1);
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        padding: 0 15px;
    }

    .myShop-Left>div {
        width: 30%;
        box-shadow: none;
        margin-bottom: 0;
    }

    .money_res {
        display: none !important;
    }

    #pay {
        background: none;
        color: #000000;
    }

    .Continu {
        width: 25% !important;
        background: var(--allColor4) !important;
        color: var(--allColor1) !important;
    }

    .Payment>section {
        margin-left: 0;
    }

    .Payment-Right {
        width: 100%;
        margin-left: 0;
        padding: 0 10px;
        margin-bottom: 40px;
    }

    .btn_Payment {
        width: 25% !important;
        margin-bottom: 0 !important;
        background: var(--allColor4) !important;
        color: var(--allColor1) !important;
    }

    .pay_moeny {
        width: 25% !important;
        padding: 0 !important;
        background: none !important;
    }

    .pay_moeny>div {
        margin: 2px 0 !important;
    }

    .pay_moeny p {
        font-size: 12px !important;
    }

    /* ------------------- < Product > -------------------------------------  */

    .Product-body-images {
        position: relative;
        align-items: end;
    }

    .Product-images-Left {
        width: 100%;
        height: calc(100% - 85px);
        position: absolute;
        top: 0;
    }

    .Product-images-Right {
        width: 100%;
        height: 75px;
        margin-top: 10px;
        justify-content: start;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .Product-images-Right>div {
        margin-bottom: 0 !important;
        margin-left: 5px;
        min-width: 75px;
    }

    .Product-Prop-main>div>div {
        padding: 5px;
    }

    .Product-Prop-btn {
        justify-content: space-around;
    }

    .Product-Prop-btn>span,
    .Product-Prop-btn>button {
        min-width: 170px;
        height: 40px;
        padding: 5px 18px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Product-Prop-btn>p {
        font-size: 14px;
    }

    .Product-Prop-money {
        width: 50%;
        justify-content: start;
    }

    .Info-Review-Right {
        width: 27%;
    }

    .Info-Review-Left {
        width: calc(73% - 20px);
    }

    .Left-view-right {
        width: 70%;
    }

    .Left-view-left {
        width: 30%;
    }

    /* ------------------------- < Profile > -----------------------------------------------  */

    .Profile-Right {
        width: 220px;
    }

    .Profile-Review,
    .Profile-User,
    .Profile-Recent,
    .Profile-interest,
    .Profile-Order,
    .Profile-lately {
        width: calc(95% - 235px);
    }

    .pay>h3 {
        font-size: 16px;
    }

    .pay>p {
        font-size: 14px;
    }

    .pie {
        --b: 13px;
        --w: 100px;
    }

    .pos_r>p {
        font-size: 14px;
    }

    /* ------------------- < Order > ----------------------------- */

    .Users-AllUsers {
        width: 100%;
    }

    .Order-Ok-head {
        width: 95%;
    }

    .Order-Ok {
        width: 95%;
        flex-wrap: wrap;
    }

    .Order-Ok-about {
        width: 100%;
        flex-wrap: nowrap;
        margin-bottom: 10px;
        justify-content: space-between;
    }

    /* ------------------- < Registor/Login > ----------------------------- */


    .bg_reg {
        width: 100% !important;
    }

    .res_registor {
        height: 650px;
        position: absolute;
        background: rgb(255 255 255 / 49%);
        backdrop-filter: blur(2.5px);
        border-radius: 30px;
    }

    .Login>section {
        width: 70%;
    }

    #Login {
        width: 50%;
    }

    .Reg>div input {
        border-radius: 10px;
        border: 1px solid #c7c7c7;
        background: #f9f9f9;
    }

    footer {
        display: none;
    }

}

@media screen and (max-width: 868px) {

    .Form_Login {
        width: 100%;
    }

    /* --------------- <  list Product > ----------------------------------- */

    .listProduct-Box {
        min-width: 210px;
    }

    .List-main {
        flex-wrap: wrap;
    }

    .List-main-Left {
        width: 90%;
    }

    .List-main-aside {
        width: 100%;
        margin: 0;
    }

    .List-main-aside>form {
        width: 100%;
        height: 100%;
        display: none;
        background: var(--allColor1);
        padding: 10px;
        position: fixed;
        top: 0;
        z-index: 100;
    }

    .filtering {
        width: 95%;
        position: fixed;
        bottom: 10px;
    }

    .p_fil {
        display: flex;
    }

    .back_fil {
        display: block;
    }

    .p_nofil {
        display: none;
    }

    /* ---------------- < Product > ----------------------------------  */

    .Product-Prop-main>div>div p {
        font-size: 13px;
    }

    .Product-Prop-btn>span,
    .Product-Prop-btn>button {
        min-width: 150px;
        padding: 2px 10px;
        font-size: 12px;
    }

    .Product-Prop-btn>p {
        font-size: 12px;
    }

    /* ---------------- < Profile > ----------------------------------  */

    .Profile {
        padding-right: 10px;
    }

    .Profile-Review,
    .Profile-User,
    .Profile-Recent,
    .Profile-interest,
    .Profile-Order,
    .Profile-lately {
        width: 90%;
    }

    .Profile-Right {
        width: 260px;
        position: fixed;
        right: -270px;
        top: 150px;
        margin-left: 0;
    }

    .open_Prof {
        visibility: visible;
        right: 3px;
        top: 150px;
    }

}

@media screen and (max-width: 740px) {

    #icon_Supp {
        width: 45px;
        height: 45px;
        bottom: 90px;
    }

    .searc {
        top: 0px;
    }

    .searc>p {
        font-size: 18px
    }

    #exit {
        top: 25px;
        left: 20px;
    }

    /* --------------- < header > ------------------------------------ */

    header {
        height: 85px;
    }

    .nav-Down {
        height: 80px;
        position: fixed;
        bottom: 0;
        z-index: 102;
    }

    .nav-Down-Right {
        width: 70%;
    }

    .nav-Down-Right>div {
        height: 50px;
        flex-wrap: wrap;
        align-content: center;
    }

    .nav-Down-Right>div a {
        height: 30px;
    }

    .nav-Down-Right>div a p {
        display: none;
    }

    .daste svg,
    .img_res {
        width: 30px;
        height: 30px;
        display: flex;
    }

    .daste a {
        display: none !important;
    }

    .daste {
        border: none;
    }

    .Grouping {
        width: 100%;
        height: calc(100% - 80px);
        position: fixed;
        bottom: 80px;
        flex-wrap: wrap;
        border-radius: 0;
        overflow-y: hidden;
    }

    .Grouping-Cat {
        width: 100%;
        border-radius: 0;
        margin-left: 0;
    }

    .Grouping-Cat>a {
        border-radius: 0 !important;
    }

    .Grouping-SubCat {
        height: 75%;
        width: 100%;
        justify-content: center;
        align-content: start;
    }

    .bg_Grop {
        height: calc(100vh - 80px);
    }

    /* ------------------------ < index > ------------------------------- */

    main {
        padding-bottom: 70px;
    }

    .Slider {
        height: 270px;
    }

    .Slider>section {
        height: 260px;
    }

    .btn_slideR {
        right: 13px !important;
    }

    .btn_slideL {
        left: 30px !important;
    }

    .Amazing {
        margin: 0;
    }

    .Amazing-prop {
        width: calc(100% - 200px);
    }

    .Amazing-Slide-Left>a>img {
        width: 200px;
        height: 200px;
    }

    .Amazing-Slide-Right>h2 {
        width: fit-content;
    }

    .Amazing-Slide-Right>a {
        width: fit-content;
    }

    .Amazing-prop>p {
        font-size: 20px;
    }

    .Amazing-prop>div>p {
        font-size: 12px;
    }

    .Amazing-icons {
        width: 100px;
        padding-left: 0;
    }

    .Amazing-icons>img {
        width: 20px;
        height: 20px;
        margin: 0 5px;
    }

    /* ------------------------ < Contact US > ------------------------------- */

    .Contact>section {
        width: 100%;
        bottom: -45px;
        opacity: 1;
    }

    .Contact-divLeft {
        display: none !important;
    }

    .Contact>section>div {
        width: 100%;
    }

    .Contact>section {
        bottom: -118px;
    }

    /* ------------------------ < About > ------------------------------- */


    .About {
        flex-wrap: wrap;
        position: relative;
    }

    .About>section {
        width: 100%;
        height: fit-content;
        position: absolute;
    }

    .About-info {
        bottom: 0;
        height: 160px !important;
    }

    .About-video {
        top: 0;
        margin-top: -5px;
        padding-top: 60px;
    }

    .About-video>video {
        width: 400px;
        margin-bottom: 15px;
    }

    /* --------------- < my Shop > ----------------------------------- */

    .listProduct-Box {
        min-width: 185px;
    }

    .myShop-Left {
        bottom: 80px;
    }

    .myShop-Left>div {
        width: 40%;
    }

    .Continu {
        width: 30% !important;
    }

    .myShop-Right {
        margin-bottom: 35px;
    }

    .Payment-Right {
        margin-bottom: 50px;
    }

    /* -------------------------- < Product > ---------------------------------  */

    .Product-body-Prop {
        width: 62%;
    }

    .Product-body-images {
        width: 35%;
    }

    .Product-Prop-main>div>div>a,
    .Product-Prop-main>div>div>h5 {
        font-size: 13px;
    }

    .Product-Prop-Left>div>div {
        min-width: 30px;
        min-height: 30px;
        font-size: 11px;
    }

    .Product-Prop-money {
        width: 60%;
        justify-content: start;
    }

    .Product-Prop-money p {
        font-size: 13px;
    }

    .Product-Prop-btn>span,
    .Product-Prop-btn>button {
        margin: 0 !important;
    }

    /* ------------------- < Profile > ------------------------------  */

    .Profile-Right {
        top: 100px;
    }

    .open_Prof {
        width: 30px;
        height: 30px;
        top: 100px;
    }

    .open_Prof img {
        width: 10px;
        height: 16px;
    }

    /* ------------------ < Login > ---------------------- */

    .Login>section {
        width: 80%;
        position: absolute;
        background: rgb(255 255 255 / 49%);
        backdrop-filter: blur(2.5px);
        border-radius: 30px;
    }

    #Login {
        width: 80%;
    }

    .Login>img {
        width: 100%;
    }

    #log {
        height: 430px;
    }

    .Reg>span,
    .Form_Login>button {
        height: 45px;
        border-radius: 10px;
    }

    .Reg>div input,
    .Form_Login>div input {
        height: 50px;
        border-radius: 10px;
        font-size: 16px;
        border: 1px solid #c7c7c7;
        background: #f9f9f9;
    }
}

@media screen and (max-width: 600px) {
    .nav-Down-Right {
        width: 80%;
    }

    .nav-Down-Right>div {
        font-size: 12px;
    }

    .Active_header {
        font-size: 13px;
    }

    .nav-Top>div {
        width: 50%;
        height: 40px;
    }

    .nav-Top>a>img {
        width: 150px;
        height: 40px;
    }


    /* --------------- < index > ---------------------------- */

    .Category>a {
        width: 210px;
    }

    .symbols-div {
        width: 140px;
    }

    .Amazing {
        height: 320px;
        margin: 0;
    }

    .Amazing-Slide-Left>a>img {
        width: 150px;
        height: 150px;
    }

    .Amazing-prop {
        width: calc(100% - 150px);
        padding-right: 20px;
    }

    .Slider-dot {
        bottom: 0;
    }

    /* --------------- <  list Product > ----------------------------------- */

    .listProduct-Box {
        min-width: 195px;
    }

    /* --------------- < my Shop > ----------------------------------- */

    .myShop-Right-Box {
        width: 100%;
        height: 205px;
    }

    .myShop-Box-img {
        width: 125px;
    }

    .myShop-Box-img>img {
        width: 120px;
        height: 110px;
    }

    .myShop-Box-img>form input,
    .myShop-Box-img>div input {
        width: 60px;
    }

    .myShop-Box-money {
        width: calc(60% - 125px);
    }

    .myShop-Box-prop h3 {
        font-size: 16px !important;
    }

    .myShop-Box-prop p {
        font-size: 12px !important;
    }

    .myShop-Box-money p:not(.off) {
        font-size: 12px !important;
    }

    .myShop-Box-money .off {
        font-size: 11px !important;
    }

    .myShop-Left>div {
        width: 50%;
    }

    #pay {
        font-size: 14px;
    }

    /* ------------------ < Product > --------------------------------  */

    .Product {
        height: 750px;
    }

    .Product-body {
        flex-wrap: wrap;
        align-content: start;
    }

    .Product-body-Prop {
        width: 100%;
        height: 335px;
    }

    .Product-Prop-main {
        width: 50%;
        height: 175px;
    }

    .Product-body-images {
        width: 100%;
        height: calc(100% - 350px);
        margin-bottom: 15px;
    }

    .Product-images-Right {
        width: 80px !important;
        height: 100% !important;
        justify-content: center;
        flex-wrap: wrap;
        overflow-y: auto;
    }

    .Product-images-Left {
        width: calc(100% - 95px);
        height: 100%;
        position: unset;
    }

    .Product-images-Right>div {
        margin-bottom: 15px !important;
        margin-left: 5px;
    }

    .Product-Prop-main>div>div>img {
        margin-left: 5px;
    }

    .Direction {
        height: 50px;
        font-size: 12px;
    }

    .Direction>img {
        width: 7px;
        height: 11px;
    }

    .Direction>div {
        width: 45px;
    }

    .Direction>div img {
        width: 18px;
        height: 17px;
        top: 0px;
    }

    .Info-Prop>h3 {
        font-size: 16px;
        padding-right: 0;
    }

    .Info {
        max-height: unset;
    }

    .Info-Question,
    .Info-Review {
        flex-wrap: wrap;
    }

    .Info-Review-Right {
        width: 100%;
        height: fit-content;
        margin-bottom: 20px;
        margin-left: 0;
        box-shadow: 6px 6px 50px rgba(0, 0, 0, 0.1);
        background: var(--allColor1);
    }

    .Info-Review-Left {
        width: 100%;
    }

    .Review-Right-Score {
        width: 50%;
    }

    .Review-Right-Score,
    .Question-Right-count,
    .Review-Right-Star,
    .Question-Right-sabt,
    .Review-Right-sabt {
        background: none;
        box-shadow: none;
        margin-bottom: 0;
    }

    .Question-Right-count,
    .Review-Right-Star {
        width: 50%;
        height: 140px;
    }

    .Question-Right-sabt,
    .Review-Right-sabt {
        height: 105px;
        padding: 5px;
    }

    .Question-Right-sabt>div,
    .Review-Right-sabt>div {
        min-width: 160px;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
        border-radius: 10px
    }

    .Left-view-left>div {
        padding: 5px 0;
    }

    .Left-view-left>div p {
        font-size: 12px !important;
    }

    .Sabt_Pasokh>form,
    .Sabt_Quiz>form,
    .Sabt_Review>form {
        width: 95%;
    }

    .Sabt_Pasokh>form>div button,
    .Sabt_Quiz>form>div button,
    .Sabt_Review>form>div button {
        width: 120px !important;
    }

    .Info-Prop-amount>div,
    .Info-Prop-criterion>div {
        font-size: 14px;
    }

    /* --------------------------- < Profile > ----------------------------------------- */

    .Profile-User-main>div>div span input {
        width: 50px;
    }

    .passwords>button {
        width: 170px;
    }

    .pie {
        --b: 7px;
        --w: 70px;
    }

    .pos_r>p {
        font-size: 12px;
    }

    .pay>h3 {
        font-size: 13px;
    }

    .pay>p {
        font-size: 11px;
    }

    .CH_List>div {
        margin-left: 5px;
    }

    /* ------------------ < Support > -------------------------------------  */

    .Message__Body {
        padding: 0 20px;
    }

    .NewTicket {
        width: 95%;
        height: 360px;
    }

    .NewTicket__Info {
        height: 170px;
    }

    .NewTicket__Center__Inp>div {
        width: 95%;
    }

    .NewTicket__Center__Inp select {
        width: 100%;
    }

    .Message__input {
        padding: 0 20px
    }

    .Message__Body__User>div,
    .Message__Body__Supporter>div {
        max-width: 160px;
    }

    /* -------------------- < Order > ----------------------------------- */

    .Order {
        margin-bottom: 0;
    }

    .Order-Ok-about {
        padding: 5px 10px;
    }

    .Order-Ok-head {
        margin-bottom: 10px;
    }

    .Order-Ok-about p {
        font-size: 12px;
    }

    .Order-Ok-about p span {
        font-size: 14px;
    }

    /* --------------------- < Registor/Login > ------------------------------------ */

    .res_registor {
        height: 580px;
    }

    .Reg>div p,
    .Reg>div input {
        width: 80%;
    }

    .reg_nf {
        width: 44% !important;
    }

    #recovery {
        width: 100%;
    }

    #recovery h4 {
        width: 80%;
    }
}

@media screen and (max-width: 460px) {

    .daste svg,
    .img_res {
        width: 25px;
        height: 25px;
    }

    .symbols-div {
        width: 110px;
        height: 100px;
    }

    .symbols-div>div {
        width: 90px;
        height: 90px;
    }

    .symbols-div>div img {
        width: 70%;
        height: 70%;
    }

    /* --------------- <  list Product > ----------------------------------- */

    .listProduct-Box {
        min-width: 185px;
    }

    .res_disc {
        display: none !important;
    }

    .pay_moeny p:not(#Moneyall, #chos) {
        font-size: 10px !important;
    }

}

@media screen and (max-width: 450px) {

    .nav-Top>div {
        width: 100%;
        height: 40px;
    }

    .nav-Top>a>img {
        display: none;
    }

    /* --------------------------------  */

    .Slider {
        height: 240px;
    }

    .Slider>section {
        height: 230px;
    }

    .Category>a {
        width: 180px;
        font-size: 14px;
    }

    .Brands>a {
        width: 160px;
        height: 90px;
    }

    .Amazing-Slide-Left>a>img {
        width: 130px;
        height: 140px;
    }

    .Amazing-prop {
        width: calc(100% - 130px);
    }

    .Amazing-Slide-Right>a p {
        font-size: 10px;
    }

    .Amazing-Slide-Right>img {
        display: none;
    }

    .symbols-div>p {
        font-size: 12px;
    }

    /* --------------- < About > ----------------------------- */

    .About {
        height: 600px;
    }

    .About-info {
        height: 260px !important;
    }

    .About-video>video {
        width: 90%;
    }

    .About-video>p {
        width: 80%;
    }

    .About_history {
        height: 400px;
    }

    .About_history p {
        height: 90%;
        overflow: hidden;
    }

    .history_more {
        display: flex;
        cursor: pointer;
    }

    /* --------------- <  list Product > ----------------------------------- */

    .listProduct-Box {
        width: 100% !important;
        max-width: 400px !important;
    }

    /* --------------- < my Shop > ----------------------------------- */

    .myShop-Box-prop p {
        font-size: 11px !important;
    }

    .myShop-Box-prop h3 {
        font-size: 13px !important;
    }

    .pay_moeny {
        display: none !important;
    }

    .passwords>div input,
    .Profile-User-main>div>div select,
    .Profile-User-main>div>div input {
        font-size: 10px;
    }

    .Profile-User-main>div>div span input {
        width: 35px;
        padding: 5px;
    }

    .passwords>button {
        width: 140px;
    }

    /* ------------------- < Order > ------------------------  */

    .col_order {
        display: none !important;
    }

    .Order-Ok-about p {
        font-size: 10px;
    }

    .Order-Ok-about p span {
        font-size: 12px;
    }

    /* ------------------ < Login > ---------------------- */

    .Login {
        overflow: hidden;
    }

    .Login>img {
        width: 170%;
    }

    .Login>section {
        width: 90% !important;
        border-radius: 20px;
    }

    #log {
        height: 370px;
    }

    .Reg>div p,
    .Reg>div input {
        width: 85% !important;
    }

    .Form_Login>div p,
    .Form_Login>div input {
        width: 75%;
    }

    .Form_Login>p {
        width: 65% !important;
        font-size: 14px;
    }

    .Form_Login>a {
        width: 100px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        margin-right: 10px;
    }

    .Info-Prop-amount>div,
    .Info-Prop-criterion>div {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {

    .Slider {
        height: 200px;
    }

    .Slider>section {
        height: 190px;
    }

    .Category>a {
        width: 150px;
    }

    .Brands>a {
        width: 140px;
        height: 80px;
    }

    .Amazing {
        height: 280px;
    }

    .Amazing-prop>p {
        font-size: 14px;
    }

    .Amazing-prop>div>p {
        font-size: 10px;
    }

    .Amazing-prop>div>span {
        width: 35px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
    }

    .Amazing-Slide-Right {
        width: 100%;
        height: 60px;
    }

    .Amazing-Slide-Left {
        height: calc(100% - 60px);
        padding: 5px;
    }

    .Amazing-Slide-Left>a>img {
        width: 90px;
        height: 110px;
    }

    .Amazing-Slide-Right>h2 {
        font-size: 20px;
    }

    .Amazing-Slide-Right>a>img {
        width: 8px;
        height: 12px;
    }

    .Amazing-Slide-Right>a p {
        font-size: 8px;
    }

    .Amazing-icons>img {
        width: 17px;
        height: 17px;
    }

    .Amazing-prop {
        width: calc(100% - 90px);
        padding-right: 10px;
    }

    .Amazing-icons {
        width: 100px;
        padding-right: 0;
    }

    .symbols-div {
        width: 100px;
    }

    /* --------------- < my Shop > ----------------------------------- */

    .myShop-Right-Box {
        height: 185px;
    }

    .myShop-Box-img {
        width: 100px;
    }

    .myShop-Box-img>img {
        width: 90px;
        height: 85px;
    }

    .myShop-Box-img>form input,
    .myShop-Box-img>div input {
        width: 40px;
    }

    .myShop-Box-money {
        width: calc(60% - 100px);
    }

    .myShop-Box-prop>div {
        margin: 12px 0;
    }

    .myShop-Box-money p:not(.off) {
        font-size: 10px !important;
    }

    .myShop-Box-money .off {
        font-size: 9px !important;
    }

    #pay {
        width: 60%;
        font-size: 13px;
    }

    /* ------------------- < Product > --------------------------  */

    .Product-Prop-main>div>div h4 {
        font-size: 15px;
    }

    .Product-Prop-main>div>div>a,
    .Product-Prop-main>div>div>h5 {
        font-size: 12px;
    }

    .Product-Prop-main>div>div p {
        font-size: 11px;
    }

    .Product-Prop-btn>p {
        font-size: 10px;
    }

    .Info-Prop>h3 {
        font-size: 14px;
    }

    .Info-Prop {
        height: fit-content;
        padding-bottom: 0;
    }

    .Info-Prop-amount,
    .Info-Prop-criterion {
        align-content: flex-start;
    }

    .Info-Prop-criterion>div,
    .Info-Prop-amount>div {
        height: 35px;
        margin-bottom: 10px;
    }

    .Left-view-left>div p {
        font-size: 11px !important;
    }

    .Left-view-left>div>div>p {
        margin-left: 5px;
    }

    .Left-view-left>div>div>img {
        width: 19px;
        height: 17px;
    }

    .Left-view-right>div svg {
        width: 14px;
        height: 14px;
    }

    .Review-Right-Score {
        display: none !important;
    }

    .Question-Right-count,
    .Review-Right-Star {
        width: 100%;
        height: 140px;
    }

    .Left-Ques-right>div h4 {
        width: calc(100% - 155px);
    }

    .Left-Ques-right>div p {
        font-size: 12px !important;
    }

    .Product {
        height: 682px;
        margin-bottom: 0;
    }

    .Left-view-right>p {
        width: 100%;
        height: calc(100% - 60px);
        padding: 5px;
        font-size: 14px;
    }

    .Info-Head>div {
        font-size: 14px;
    }

    /* ------------------- < Profile > ----------------------------------- */

    .Profile-User-main>div>div select,
    .Profile-User-main>div>div input {
        width: 80%;
        height: 31px;
        font-size: 9px;
    }

    .Profile-User-main>div>div>div {
        height: 70px;
        width: 70px;
    }

    .passwords>div p,
    .Profile-User-main>div>div p {
        font-size: 11px;
        padding-right: 5px;
    }

    .Profile-User-main>div>div span input {
        width: 30px;
        padding: 3px;
    }

    .passwords>div div {
        width: 95%;
    }

    .passwords>button {
        width: 120px;
    }

    .res_mar {
        display: none;
    }

    .pie {
        --b: 6px;
        --w: 60px;
    }

    .pos_r>p {
        font-size: 10px;
    }

    /* -------------------- < Support > ------------------------  */

    .Message__input {
        padding: 0 5px;
    }

    .back_supp img {
        width: 20px;
        height: 15px;
    }

    .c_blue {
        display: none;
    }

    .Message__Body {
        padding: 0 10px;
    }

    /* ------------------ < Order > ----------------------------  */

    .Order-Ok-head h2,
    .ActOrders-List-head h2 {
        font-size: 21px;
    }

    /* ------------------ < Registor/Login > -------------------------------------------- */

    .Reg h2 {
        font-size: 20px;
    }

    .log,
    .Reg>h4 {
        font-size: 14px;
    }

    /* ------------------ < Registor/Login > -------------------------------------------- */

    .Payment-logo {
        display: none;
    }

}

@media screen and (max-width: 360px) {
    .Brands>a {
        width: 130px;
    }

    .Order-Ok-about p {
        font-size: 9px;
    }

    .Order-Ok-about p span {
        font-size: 11px;
    }

    .Sabt_Pasokh>form>div button,
    .Sabt_Quiz>form>div button,
    .Sabt_Review>form>div button {
        width: 90px !important;
    }

    .Reg>span,
    .Form_Login>button {
        width: 130px;
    }

    .Form_Login>p {
        font-size: 12px;
    }

}