@media (max-width : 800px) {
    .main {
        width: 90%;
        /*! display: ; */
    }
    .blBox {
        padding: 0px !important;
        width: 100% !important;
    }
    .float-input label{
        font-size:10px !important;
    }

    .textBody {
        width: 100%;
    }

    .prfRight {
        display: none;
    }

    .prfInfoWrapper {
        display: none;
    }

    .profile-last-orders {
        display: none;
    }

    .ipAction {
        justify-content: end;
        width: 100%;
    }

    .ipDivider {
        display: none;
    }

    .prfTopPhon {
        display: block;
    }

    .itemProfile2 {
        display: none;
    }

    .righttop {
        display: none;
    }


    .ipPrice2 {
        font-size: 14px;
    }

    .itemProfile3 {
        border: 1px solid #808080c7;
        border-radius: 10px;
        padding: 10px;
    }

    .SignOut {
        display: block;
        /*! justify-content: center; */
        float: left;
        /*! flex: ; */
        /*! text-align: center; */
        /*! width: 100%; */
    }

    .profileMenu {
        border-bottom: 1px #988a8ad4 solid;
    }

        .profileMenu li {
            border-bottom: 1px solid #808080c7;
        }

        .profileMenu > li > a::before {
            margin-right: -20px;
            margin-top: 5px;
        }

        .profileMenu > li > a::after {
            color: red;
        }

    .prfilemassage {
        padding: 10px;
    }

        .prfilemassage::before {
            margin-left: 5px;
        }

    .all-chsh-phon {
        display: flex;
    }

    .profile-arrow-phon {
        display: block !important;
        float: left;
        margin-top: -30px;
        color: rgb(56 80 134);
    }

    .all-chsh-phon h3 {
        flex: 2;
    }

    .SignOut-div {
        display: flow-root;
    }

    .AddrsLst > li {
        width: 100%;
        margin-bottom: 20px;
    }

    .sendBtn.okSendBtn {
        width: auto;
    }

    #footer {
        display: none;
    }

    .StarBox {
        /*! float: left; */
        width: 100%;
        /*! text-align: center; */
        margin-right: 5px;
    }

    .txt.large {
        width: 230px;
    }

   

    .step-container {
    }

    .gCardPic {
        padding: 0px;
        /*! width: 100%; */
    }

    .giftCard > li {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    .giftCard {
        margin-top: 10px;
    }

    .t-center {
        margin: 0px !important;
    }

    .addrsItem .addTbl {
        display: inline-grid;
    }

    .basketCol2 {
        position: static;
        width: 98%;
    }

    .RadRating {
        margin: 0px;
    }

        .RadRating ul {
            padding: 0px
        }

    .levelPane {
        padding: 0 !important;
        display: flex;
        width: 100%;
        text-align: center;
    }

    .lBtn {
        width: 85%;
        margin: auto;
    }

    .basketCol4 {
        float: none;
        width: 98%;
        padding: 0;
        margin: auto 0 !important;
    }

    .postadrsLbl {
        font-size: 0.8em;
        min-width: 35%;
    }

    .postadrsval {
        right: 10px;
        font-size: 0.8em;
    }

    .prfRight {
        float: none;
        width: 98%;
        margin: auto;
    }


    .prfLeft {
        float: none;
        width: 98%;
        margin: auto;
    }

    .prfLRight {
        float: none;
        width: 98%;
        margin: auto;
    }

    .prfLLeft {
        float: none;
        width: 98%;
        margin: auto;
    }

    .favBox .lBtn {
        padding: 5px;
        font-size: 12px;
        width: 98%;
        text-align: center;
        margin: auto;
        float: none;
    }

    .fbLink {
        float: none;
        width: 100%;
        text-align: center;
    }

    .fbLink {
        float: none;
        width: 100%;
        text-align: center;
    }

  

    .prfRight {
        float: none;
        width: 98%;
        margin: auto;
        padding-bottom: 50px;
    }


    .prfLeft {
        float: none;
        width: 98%;
        margin: auto;
        /*! padding-bottom: 50px; */
        /*! height: auto; */
    }

    .prfLRight {
        float: none;
        width: 98%;
        margin: auto;
    }

    .prfLLeft {
        float: none;
        width: 98%;
        margin: auto;
        margin-top: 10px;
    }

    .postadrsval {
        right: 10px;
        font-size: 0.8em;
    }

    .postadrsLbl {
        font-size: 0.8em;
        min-width: 35%;
    }

    .sendBtn.okSendBtn {
        width: auto;
    }

    .levelPane {
        padding: 0 !important;
        display: flex;
        width: 100%;
        text-align: center;
        padding-bottom: 80px !important;
    }

    .lBtn {
        width: 85%;
        margin: auto;
    }

    .basketCol4 {
        float: none;
        width: 98%;
        padding: 0;
        margin: auto 0 !important;
    }

    .basketCol1 {
        width: 98%;
    }

    .addrsItem .addTbl {
        display: inline-grid;
    }

    .basketCol2 {
        position: static;
        width: 98%;
    }

    .wbBody {
        padding: 0 !important;
        width: 350px;
        display: grid;
    }



    .txt.large {
        width: 230px;
    }

















    input,
    textarea,
    select {
        margin: 0;
        padding: 0px;
        font: 12px / 28px BYekan, tahoma;
        color: #747474
    }

    .penamad {
        width: 205px;
        font: 13px / 23px BYekan, tahoma;
        font-size: 13px;
    }


    .t-right {
        text-align: right !important;
        font-size: 0.7em;
    }

    .txtBox {
        height: 23px;
        border: 1px solid #cecccc;
        border-radius: 3px;
        min-width: 14px;
        width: 40%;
        box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1) inset;
        text-indent: 5px;
        color: #333;
        margin-left: 254px;
        width: 160px;
    }

    @keyframes slideFadeIn {
        0% {
            opacity: 0;
            transform: translateY(-20px) scale(0.95);
        }

        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
        }



        .main {
            width: 100% !important;
        }

        adding: 10px 31px 0px 0px;
    }

    .prPic_partenrs {
        width: 67px;
        margin: auto;
        height: 50px;
    }

    .productlist > li {
        float: right;
        width: 47%;
        margin: 0;
    }

    .price-amount {
        color: green !important;
        position: relative;
        top: 14px;
    }

    .productlist > li > .proItem {
        padding: 0 5px;
        margin-right: -90px;
    }

    .prName {
        padding: 15px 10px;
        font-size: 7px !important;
    }

    .pr1Price {
        font-size: 10px;
    }

    #NavFooter > div div.info span {
        text-align: center;
        position: relative;
        top: 0px;
        right: 0px;
    }

    .proItem .giftPane {
        border-bottom-right-radius: 85%;
        border-bottom-left-radius: 85%;
        min-height: 20px;
    }

    .VrCarousel .prName {
        right: 110px;
        font-size: 0.7em !important;
    }

    .inpBox {
        margin: 20px 0;
        margin-right: 0px;
        margin-right: 70px;
    }

    .breadcrumb > a,
    .breadcrumb > span {
        font-size: 0.85em;
    }

    .TPArow {
        display: none;
        visibility: hidden
    }

    .spSell {
        width: 60% !important;
        height: auto;
    }

    .proCol1, .proCol2 {
        float: left;
        width: 75% !important;
        padding: 10px 0 0px 8px;
        height: auto;
    }

        .proCol2 .rateLbl {
            float: left;
            width: 10%;
            padding: 7px;
        }

        .proCol2 .pinfoLst {
            width: 79%;
            float: right;
            padding: 7px;
        }

    .bigFont {
        font-size: 14px;
        margin: 0;
        clear: both
    }



    .pinfoLst > li {
        text-align: right;
        font-size: 12px;
    }

    .detList {
        padding: 7px 10px;
        text-align: center
    }

    .basketBtnPane {
        position: relative;
        width: 96%;
        right: -14px;
    }

    .okPrice {
        font: 15px/16px BYekan;
        margin-top: 4px;
        display: initial;
    }

    .pr1Price {
        bottom: 30px;
    }

    .discount-oval {
        border-radius: 7px;
        padding: 2px 5px;
    }

    .ulIcon > li {
        float: none;
        margin: -8px 0px 20px 0px;
    }

    #ThumbPic .item > a > img {
        width: 85px;
        height: auto;
        border: 2px solid #ddd;
        border-radius: 20px;
        margin-top: 43px;
    }

    .detList > li {
        display: inline-block;
        padding: 2px 0 2px 15px;
    }

    .VrCarousel .owl-wrapper-outer {
        min-width: 680px;
        overflow: hidden;
    }

    .proCol0 {
        width: 24%;
        height: 703px;
        margin-right: -51px;
    }

    .bigFont > li {
        padding: 15px 0;
    }

    .owl-item {
        margin: auto !important;
        margin-bottom: auto;
        margin-bottom: auto;
        height: auto !important;
        margin-bottom: -18px !important;
    }

    .proCol2 {
        float: left;
        width: 66% !important;
        padding: 0px 0 15px 15px;
        height: 300px;
        max-height: 429px;
    }

    .rating {
        margin-top: -80px !important;
        float: left !important;
        margin-left: 17px !important;
    }

    .set2 {
        margin-right: 10px;
        margin-top: 9px;
    }

    .owl-carousel .owl-item {
        float: left !important;
    }

    .TPArow {
        display: block;
        visibility: initial;
    }

    .ulIcon > li > a::before {
        font: 20px/1 FontAwesome;
        padding: 5px;
        width: 20px;
        height: 20px;
        text-align: center;
    }

    /*.prHtit {
        font: 18px/18px BYekan;
    }*/

    .icAddBasket {
        padding: 7px 85px 7px 0px;
        position: relative;
        width: none;
        font-size: 18px;
    }

        .icAddBasket::before {
            font-size: 25px;
            right: 15px;
            top: 7px;
        }

    .bookMarkPane {
        padding: 7px;
    }

    #bookMarkLst {
        height: auto;
        display: inline-block;
    }

    .DrCarousel {
        max-height: 191px;
        overflow: hidden
    }

    .wBox {
        width: 100%;
    }

    .DrCarousel .prName {
        position: relative;
        right: 60px;
        width: 200px;
        text-align: right;
        top: 0px;
        padding: 0px;
        font-size: 0.5em;
        color: green;
    }

    .profileMenu > li > a {
        padding: 12px 26px 12px 0;
        display: block;
        position: relative;
        font-size: 12px;
    }

    .itemProfile {
        font-size: 12px;
        display: block;
    }

    .userNm {
        padding: 15px 5px;
        text-align: center;
        font-size: 1rem;
    }

    .profileMenu > li > a::before {
        font: 12px/15px FontAwesome;
        position: absolute;
        /*right: 7px;
        top: 15px;*/
        vertical-align: middle;
    }

    .VrCarousel:not(.SideCarousel) .item a {
        position: relative;
        top: -2px;
        right: 46px;
        height: 86px;
        width: 288px;
    }

    .exitPane > a::before {
        font: 10px/1 FontAwesome;
        padding-left: 5px;
        vertical-align: middle;
    }


    .prTit {
        margin: 20px 0 25px;
        font-size: 13px;
        font-weight: 500;
        color: #7d7777;
        /*! padding: 0 30px 0 0; */
    }

    .btnEdit::before {
        content: "";
        position: absolute;
        left: 95%;
        top: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font: 12px/0 FontAwesome;
        margin-left: 10px;
    }

    .favTd {
        display: table-cell;
        padding: 10px;
        border-bottom: 1px solid #f1f1f1;
        vertical-align: middle;
        font-size: 0.4em;
    }

    .leftWihte1 {
        min-height: 335px;
        padding-bottom: 50px;
        max-height: 707px;
    }

    .Avatar {
        width: 65px;
        height: 65px;
    }

    .aad-step-container {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding: 42px;
        background: #eeffee;
        border-radius: 10px;
        border-top-left-radius: 10px;
        /*! border-top-right-radius: 10px; */
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        /*! width: 461px; */
        /*! font-size: 11px; */
        /*! margin-right: -67px; */
    }

        .aad-step-container .step-title {
            margin-top: -1px;
            font-weight: bold;
            margin-right: 26px;
        }

        .aad-step-container .step::after {
            content: attr(data-summary);
            position: absolute;
            top: 22%;
            right: 26%;
            transform: translateX(-20%);
            height: 20px;
            width: 101%;
            background-color: attr(data-color);
            z-index: 0;
            text-align: center;
            line-height: 18px;
            font-size: 0.51em !important;
            color: black;
        }

    .favBtnPane {
        text-align: center;
        font-size: 0.8em !important;
    }

    .prfHead {
        padding: 15px 17px 15px 0;
        border-bottom: 1px solid #f3f3f3;
        font-weight: 500;
    }

    .Avatar img.profile-picture {
        border-radius: 50%;
        max-width: 65px;
        max-height: 65px;
        transition: .8s;
        -moz-transition: .8s;
        -webkit-transition: .8s;
    }

    .GPictures img, .GVideos img {
        width: 90%;
        border-radius: 10px;
        height: auto;
    }

    #NavFooter > div div.info {
        padding: 17px;
    }

    .contactRight {
        padding-left: 25%;
        font-size: 14px;
    }

    .mapDiv {
        width: 50%;
        padding: 4px;
        box-shadow: 0 0 5px rgba(31,28,22,.2);
        margin-bottom: 234px;
        float: left;
        height: 557px;
        margin-top: 1px;
    }

    .contctInfo > li {
        padding: 0px 0 5px;
        border-bottom: 1px solid rgba(0, 122, 173, 0.07);
        font-size: 0.8em;
    }

    .contctInfo li span::before {
        position: relative !important;
        right: -5px !important;
    }

    iframe {
        border: 0;
        margin: 0px -4px;
        padding: 0;
        height: 99%;
    }

    .locition_contact {
        width: 125px;
        margin-right: -19px;
        display: flex;
        margin-top: 30px;
    }

    .imglocation {
        width: 33px;
        height: 33px;
        text-align: center;
        border-radius: 13px;
    }

    #Nashan-Geegle {
        position: relative;
        right: 27px;
    }

    #Nashan-Waze {
        position: relative;
        right: 17px;
    }

    #Nshan-Tapsi {
        position: relative;
        right: 27px;
    }

    #Nashan-Balad {
        position: relative;
        right: 25px;
        top: -2px;
    }

    #Neshan-Snap {
        position: relative;
        right: 37px;
    }

    #Neshamn-Own {
        position: relative;
        top: -5px;
        right: 27px;
    }

    .basketitemsnumber {
        margin-right: 1px;
    }

    .plocation {
        text-align: center;
        margin-right: -549px;
        width: 296px;
        margin-top: 56px;
        position: relative;
        right: 224px;
    }

    .blBox {
        display: inline-block;
        width: 100%;
        border: 3px solid #eceff1;
        margin: auto;
        padding: 10px 0px;
        text-align: justify;
        min-height: 275px;
    }

        .blBox > h2::before {
            right: -8%;
        }

    .form_tbl > tbody > tr > td {
        padding: 5px 10px;
    }

    .giftCard {
        display: block;
        gap: 10px;
        /*! grid-template-columns: repeat(250, 1fr); */
        flex-wrap: wrap;
        flex-direction: row;
        /*! margin-left: -10px; */
        /*! margin-left: calc(50% - 50vw); */
        justify-content: center;
    }

        .giftCard li {
            /*! width: 50%; */
            justify-content: center;
            /*! margin-left: 10px; */
        }

    .aad-step-container {
        display: none;
    }
    /* order-page---------------------------order-page------------------------------order-page */
    .orders-tabs {
        width: 100%;
    }

        .orders-tabs .tab {
            font-size: 11px;
        }

    .prfLeft .leftWihte {
        padding-bottom: 50px;
    }

    .orders-search input {
        color: black;
        width: 110%;
        margin-top: 10px;
        background-color: #80808033;
        height: 20px;
        border-radius: 20px;
        margin-right: 4px;
    }

    .orders-search {
        float: right;
    }

        .orders-search i {
            margin-right: 15px
        }

    .myorders-div-phon {
        width: 100%;
    }

        .myorders-div-phon h1 {
            color: black;
            font-size: 16px;
        }

    .back-arrow-phon {
        margin-top: 17px;
        display: block !important;
    }

    /* addresses-page---------------------------addresses-page------------------------------addresses-page */
    .AddrsLst {
        padding-bottom: 50px;
    }
    .newAddrs{
        width : 40% ;
    }
    .modal-content {
        margin: -20px;
    }

    .floating-input {
        color: black;
        padding-right: 0px;
    }
    /* favorite-page---------------------------favorite-page------------------------------favorite-page */
    .emptyorders-link {
        margin-bottom: 55px;
        width: 90%;
        max-width: 380px;
    }
    .favBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        border: 1px #80808085 solid;
        border-radius: 20px;
        padding: 10px 0px;
    }
        .favBox .lBtn {
            padding: 5px;
            font-size: 12px;
            width: 80%;
            text-align: center;
            margin: auto;
            float: none;
        }
    .fbRight {
        display: inline-block;
        width: auto;
    }
    .fbLeft {
        display: grid;
        justify-content: center;
        text-align: center;
        width: auto;
    }
    .StarBox {
        width: 100%;
        display: block ruby;
        text-align: center;
    }
    /* comments-page---------------------------comments-page------------------------------comments-page */
    .cmtList .emptyOrders{
        padding-bottom: 60px;
    }

    /* gift-page---------------------------gift-page------------------------------gift-page */
    .gift-tab {
        font-size:13px ;
    }
    .prfLeft{
        padding-bottom: 50px ;
    }
    /* notifications-page---------------------------notifications-page------------------------------notifications-page */
    .notifLink {
        font-size: 14px;
    }
    .notifTxt{
        font-size: 13px ;
    }
    /* personal-info-page---------------------------personal-info-page------------------------------personal-info-page */
    .prfTbl td {
        padding: 0px;
    }

    #tab-wait-info {
        grid-template-columns: repeat(2, 1fr);
        gap: 13px 5px;
    }
    .edit-btn i {
        margin-top: -15px;
    }
    select{
        padding:10px ;
        width: 80% ;
    }
    .profileInfoCard {
        padding: 0px;
        padding-bottom: 30px;
    }
    
}

@media (min-width: 580px ) and (max-width: 800px) {
    .itemProfile {
        font-size: 12px;
        display: flex;
    }
}

@media (min-width: 801px ) and (max-width: 1100px) {
    .profileInfoCard{
        padding: 5px ;
    }
    .edit-btn i {
        margin-top: -15px;
    }
    .blBox {
        padding: 0px !important;
        width: 50% !important;
    }
    .favBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        border: 1px #80808085 solid;
        border-radius: 20px;
        padding: 10px 0px;
    }

        .favBox .lBtn {
            padding: 5px;
            font-size: 12px;
            width: 80%;
            text-align: center;
            margin: auto;
            float: none;
        }

    .fbRight {
        display: inline-block;
        width: auto;
    }

    .fbLeft {
        display: grid;
        justify-content: center;
        text-align: center;
        width: auto;
    }

    .StarBox {
        width: 100%;
        display: block ruby;
        text-align: center;
    }
    .fbLink{
        width:auto ;
    }
    .prfRight {
        float: right;
        width: 25%;
    }
    .profile-merg {
        margin-top: 40px;
    }
    .circle.dots {
        font-size: 20px;
        margin-left: 20px;
    }
    .btnEditProfile {
        margin-left: 20%;
    }
    .prfGrid {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        max-width: 350px;
    }
    .prfInfoBox {
        padding-right: 50px;
    }
    .profile-order-card{
        padding: 0px ;
    }
    .prfLeft {
        width: 69%;
    }

    .giftCard {
        display: flex;
        gap: 10px;
        /*! grid-template-columns: repeat(250, 1fr); */
        flex-wrap: wrap;
        flex-direction: row;
        /*! margin-left: -10px; */
        /*! margin-left: calc(50% - 50vw); */
        justify-content: center;
    }

        .giftCard li {
            /*! width: 50%; */
            justify-content: center;
            margin-left: 10px;
        }
    .gift-tab {
        font-size: 12px;
    }
}


@media (min-width: 801px) {
    #footer {
        display: none;
    }

    #Earth_icon i {
        margin-right: 11px
    }

    #actions > li {
        display: inline-flex !important;
    }

    .aad-step-container {
        display: none;
    }

    .flags-container {
        margin: 0px;
    }

    .main {
        width: 90%;
        border: 1px #554b4bc4 solid;
        border-radius: 10px;
        background: #c2c2c224;
        margin-bottom: 20px;
        padding: 1px;
    }

    .giftCard li {
        /*! width: 50%; */
        justify-content: center;
        margin-left: 10px;
    }
}

@media (min-width: 1101px){
    .circle.dots {
        margin-right: 20px;
    }
    .StarBox {
        width: auto;
    }
    .favBox {
        padding: 15px 10px 15px 15px;
        border: 1px solid gray;
        border-radius: 20px;
    }
}


@media (min-width: 1600px){
    .itemProfile2 {
        max-width: 700px;
    }
    .prfInfoWrapper{
        max-width: 930px ;
    }
    .prfTitle{
        margin-right:10px ;
    }
    .profileMenu > li > a {
        font-size: 18px;
        padding: 24px 53px 12px 0;
    }
    .prfItem span{
        font-size:16px ;
    }
    .prfItem strong {
        font-size: 16px;
    }
    .ipPrice2 , .ipAction {
        font-size: 18px;
    }
    .itemProfile2 h3{
        font-size: 18px ;
    }
    .profile-item {
        font-size: 18px;
    }
    .prfTitle, .profile-order-title {
        font-size: 22px;
    }
    .profile-view-all{
        font-size: 20px ;
    }
}