.detailLink {
    font-size: 12px;
}

.detailLink:hover {
    color: #ff5626 !important;
}

@media (max-width: 1100px) {
    .searchFilter {
        display: none;
    }

    .searchCategories {
        width: 55% !important;
    }

    .searchUncategories {
        width: 40% !important;
    }
}

@media (max-width: 1000px) {
    #logoTop {
        height: 40px !important;
    }

    #mainIndexDiv {
        margin: unset !important;
    }

    #headMobileManu {
        display: block;
    }

    .containFlex {
        display: block !important;
        flex-wrap: wrap !important;
    }

    .ddMenuUL {
        display: none;
    }

    .headButtonsPlace {
        display: none;
    }

    .ddMenuULMobile {
        display: block;
    }

    .activeMobileMenu .ddMenuULMobile {
        top: 65px;
    }

    .catPageLogoFilters {
        display: none;
        opacity: 0;
        transition: all .4s;
    }

    .catPageLogoFilters.activeCatSidesMenu {
        display: block;
        position: fixed;
        top: 150px;
        right: 0;
        padding: 10px;
        box-sizing: border-box;
        background: rgba(150, 150, 150, .9);
        border-radius: 5px 0 0 5px;
        opacity: 1;
        z-index: 25;
    }

    .filterButR {
        display: inline-block;
    }

    .catPageBody .catPageMainBox {
        width: 80%;
    }

    .mdn {
        display: none !important;
    }

    .basketIcon {
        color: #85858a;
        font-size: 30px !important;
    }

    .basketIconDiv {
        position: absolute;
        top: 70px;
        left: -10px;
        border-radius: 5px;
        padding: 5px 7px;
        box-shadow: 5px 2px 31px rgba(0, 0, 0, .27) !important;
        background-color: rgba(255, 255, 255, .7);
    }

    .mobileTools {
        position: relative;
        top: 60px;
    }

    .basketIconDivS{
        padding: 5px 10px;
    }

    .basketIconDiv2{
        left: 40px !important;
    }

    .basketIconDiv6{
        left: 93px !important;
        padding: 5px 10px;
    }

    .detailMobile{
        margin: 120px 3% 0 !important;
    }

    .indexMobile{
        margin: 140px 3% 0 3% !important;
    }

    .detailMobile2{
        margin: 120px 3% 0 3% !important;
    }

    .basketIconDiv3{
        left: unset !important;
        right: 100px;
    }
    .basketIconDiv4{
        left: unset !important;
        right: 55px;
    }
    .basketIconDiv5{
        left: unset !important;
        right: 10px;
    }

    .tab {
        top: 50px !important;
    }

    .mdb {
        display: unset !important;
    }

    #mobileCat{
        padding-top: 130px;
    }

    .mdbb {
        display: block !important;
    }

    .mh120 {
        height: 80px !important;
    }

    #div2Details {
        margin-top: 120px;
        float: unset !important;
        position: relative;top: 10px;
    }

    #mobileLan {
        color: #fff;
        float: left;
        margin: 20px 0 0 20px;
    }

    .menuBut {
        display: block !important;
    }

    .mw100 {
        width: 100% !important;
    }

    .detailMainImg {
        height: 300px !important;
    }

    #pictureViewText {
        margin-right: unset !important;
    }

    .detailMainImgDiv {
        height: 350px !important;
    }

    .imgCard {
        height: 120px !important;
        float: right;
    }

    .cardPname {
        margin: 45px 10px 0 10px !important;
    }

    .mobileSeprator {
        height: 1px !important;
    }

    .divCard {
        display: unset !important;
    }

    .mainCard {
        float: unset !important;
    }

    .mw94 {
        width: 94% !important;
    }

    .mw50d {
        width: 50% !important;
    }

    #prdoductDetailDiv {
        display: block !important;
        flex-wrap: wrap !important;
    }

    .mg010 {
        margin: 0 10px !important;
    }

    #pish {
        margin-left: 0 !important;
    }

    .tabcontent {
        width: 100% !important;
        top: 50px !important;
    }

    #indexHeadLogo {
        direction: ltr !important;
        text-align: center !important;
        margin-right: 0px !important;
    }

    #menuB {
        position: absolute !important;
        right: 0 !important;
        margin: 33px 15px 0 0 !important;
        top: 0px;
        z-index: 100;
    }

    #footerDIV {
        flex-wrap: wrap !important;
    }

    #mainLogo {
        margin-right: 0px !important;
    }

    .sloganP {
        display: block;
        font: bold 23px iransans;
        direction: rtl;
        text-align: center;
        margin: 10px 0 40px 0 !important;
        text-align: center !important;
    }

    .searchBoxActive {
        position: relative;
        top: 100px !important;
        margin: -35px 2px !important;
    }

    #search {
        width: 80% !important;
        position: relative;
        top: -15px;
    }

    #zarebin {
        float: left;
    }

    .headTopMenu {
        position: absolute;
        left: 20px;
        top: 20px;
        margin-left: 0 !important;
    }

    .shopLogo {
        margin-left: 10px;
    }

    .sloganPP {
        font: bold 30px iransans !important;
        direction: rtl;
        text-align: center;
        margin: 50px 0 0 0 !important;
    }

    .containBox {
        width: 100% !important;
    }

    #mainIndex {
        padding-top: 10px;
    }

    .indexBBH {
        margin: 10px 5px !important;
    }

    #slideShow {
        /*margin: 15px 5% !important;*/
    }

    #sl1 {
        width: 100% !important;
        height: 150px !important;
        margin-left: 0 !important;
    }

    #s2Place {
        width: 100% !important;
        /*display: inline-block !important;*/
        margin-top: 15px;
    }

    #sl2 {
        float: right;
        width: 48% !important;
        height: 365px !important;
    }

    .f40r {
        font: 40px anjomanM !important;
    }

    .f30r {
        font: 30px anjomanM !important;
    }

    #sl3 {
        float: left;
        width: 47% !important;
        height: unset !important;
    }

    #sl3div {
        height: 175px !important;
    }

    #sl4 {
        height: 175px !important;
    }

    .mg0 {
        margin: 0 !important;
    }

    .mm0a {
        margin: 0 auto !important;
    }

    #productPlace {
        margin: 0 15%;
    }

    .mwu {
        width: unset !important;
    }

    .mhu {
        height: unset !important;
    }

    .mpu {
        position: unset !important;
    }

    .mmt10 {
        margin-top: 10px !important;
    }

    .mmb10 {
        margin-bottom: 10px !important;
    }

    .mmhu {
        min-height: unset !important;
    }

    fieldset {
        margin: 20px 0 !important;
    }

    .spanB {
        width: 130px !important;
    }

    .mw50 {
        width: 50px !important;
    }

    .mw80 {
        width: 80% !important;
    }

    .mw70 {
        width: 70% !important;
    }

    .mw60 {
        width: 60% !important;
    }

    .mp10 {
        padding: 10px !important;
    }

    .alertSq {
        width: 20px !important;
        height: 20px !important;
    }

    .alertText {
        top: 0 !important;
        font: 18px anjomanM !important;
    }

    .mtr {
        text-align: right !important;
    }

    #rateText {
        margin: 0 0 0 30px !important;
    }

    #detailPicDiv {
        width: 100% !important;
        display: block !important;
    }

    .miniPic {
        width: 49% !important;
        height: 160px !important;
        display: inline-block !important;
    }

    .bigPic {
        width: 100% !important;
        height: 320px !important;
    }

    .mta {
        text-align: center !important;
    }

    #menuIconProduct {
        float: right;
    }

    #productFilter {
        padding: 0 !important;
    }

    .mp0 {
        padding: 0 !important;
    }

    .mft {
        margin: 10px !important;
        line-height: 60px !important;
    }

    .mg20 {
        margin: 20px !important;
    }

    #cli {
        width: 100% !important;
        margin: -60px 0px 0 0px !important;
    }

    #textPlace {
        padding: 15px 15px !important;
    }

    #textPlace1 {
        padding: 15px 15px !important;
    }

    #textPlace2 {
        padding: 15px 15px !important;
    }

    #productMain {
        margin: 60px auto !important;
        width: 280px;
    }

    #customerMain {
        margin: 60px auto !important;
        width: 200px;
    }

    #projectMenu {
        width: 36% !important;
    }

    #projectMain {
        margin: 0 3% !important;
    }

    .projectItem {
        width: 200px !important;
        height: 200px !important;
        margin: 5px;
    }

    .profileB {
        margin: 30px auto !important;
        cursor: pointer !important;
        text-align: center !important;
    }

    #profileBDiv {
        width: 25% !important;
    }

    #profileMonitor {
        width: 72% !important;
        margin-right: unset !important;
    }

    .mb0 {
        margin-bottom: 0 !important;
    }

    .orderImg {
        /*margin-top: 50px;*/
    }

    .orderInvoice {
        top: 0 !important;
    }

    #favDiv {
        float: right !important;
        height: 60px !important;
    }

    .mp5 {
        padding: 5px !important;
    }

    .profileBImg {
        display: block !important;
        margin: 0 auto !important;
    }

    #footerDiv {
        height: unset !important;
        padding-top: 0px !important;
    }

    .imgNews {
        display: block !important;
        width: 100% !important;
        height: unset !important;
        margin-top: 30px !important;
    }

    .textNews {
        width: 100% !important;
    }

}

@media (max-width: 900px) {
    .catPageMainBox .catPageSimBox {
        width: 100px;
    }

    .catPageBody .catPageFilterPlace {
        width: 200px;
        margin-right: 10px;
    }

    .catPageBody .catPageLogoFilters {
        width: 200px;
    }

    .proPageCatalogTablesPlace {
        display: block;
    }

    .proPageCatalogTablesPlace .proPageCatalogTables:last-child {
        width: 100%;
        margin-left: 0px;
    }

    .lqProItems {
        column-count: 1;
    }
}

@media (max-width: 800px) {
    .mxw100{
        max-width: 100% !important;
    }
    .miw100{
        min-width: 100% !important;
    }
    .mvdb {
        display: block !important;
        width: 100% !important;
    }

    .mvdn {
        display: none !important;
    }

    .headLogo {
        width: 170px;
    }

    .tabsPlace span {
        font-size: 12px;
    }

    .catsShowPlace {
        column-count: 2;
    }

    .contactPageBox {
        flex-wrap: wrap;
    }

    .contactPageTexts {
        margin: 0 !important;
    }

    .proPathPlace {
        top: -50px;
    }

    .proPathPlace * {
        line-height: 15px !important;
    }

    .catPageBody .catPageMainBox {
        width: 100%;
    }

    .catPageBody .catPageFilterPlace {
        display: none;
    }

    .catPageBody .catPageFilterPlace.activeCatSidesMenu {
        display: block;
        position: fixed;
        top: 150px;
        right: 0;
        margin: 0 !important;
        padding: 10px;
        box-sizing: border-box;
        background: rgba(150, 150, 150, .9);
        border-radius: 5px 0 0 5px;
        opacity: 1;
        z-index: 25;
    }

    .filterButL {
        display: inline-block;
    }

    .midPageMainBox {
        display: block;
    }

    .proPageMainBox {
        display: block;
    }

    .proPageMainBox .proDataCardPlace {
        width: 100%;
        min-width: initial;
        max-width: initial;
        margin-bottom: 15px;
    }

    .proPageMainBox .buyCardPlace {
        width: 100%;
        min-width: initial;
        max-width: initial;
    }

    .quickOrderBoxesPlace {
        display: block;
    }

    .quickOrderMainBox {
        width: 100%;
        margin-bottom: 10px;
    }

    .brandPHeadImage div,
    .brandPHeadImage {
        width: 100%;
        min-width: initial;
        background-size: 90% auto;
    }

    .brandPHeadText {
        margin-left: 0;
    }

    .searchPageStrucDIV,
    .searchCategories,
    .searchUncategories {
        display: block;
        width: 100% !important;
    }

    .searchMobileMonitors {
        display: none;
    }

    .searchMobileMonitors.activeMobileMonitor {
        display: block;
    }

    .searchPageStrucDIV h2 {
        display: none;
    }

    .searchMobileTab {
        display: flex;
    }
}

@media (max-width: 700px) {

    #mainPageBox .mainPageBoxCon {
        padding: 150px 0 50px;
    }

    .mainPageSearch {
        padding: 0 0 10px;
    }

    .homeIndicator {
        flex-wrap: wrap;
    }

    .homeIndicator div {
        min-width: 140px;
    }

    .catsShowPlace {
        column-count: 1;
    }

    .footerTable, .footerTd {
        display: block;
        margin: 0 auto;
        text-align: center !important;
    }

    .catPageMainBox .catPageSimBox {
        width: 100px;
    }

    .catPageProBox {
        padding: 15px 5px;
    }

    .proPageMainBox .proDataCardPlace .dta,
    .proPageMainBox .proDataCardPlace .dta .dtc:last-child,
    .proPageMainBox .proDataCardPlace .dta .dtc:first-child {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0 15px 10px;
        box-sizing: border-box;
    }

    .proImagePlace {
        width: 100%;
        max-width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }

    .proImagePlace div:first-child, .proInspectPlace {
        text-align: center;
    }

    .proInspectPlace {
        position: static;
    }

    .listQStrucDIV .listQMainBox {
        width: 100%;
    }

    .listQPlaceR {
        display: none;
    }

    .listQProBox .dta,
    .listQProBox .dtc {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .lqProItems p {
        display: flex;
        justify-content: space-between;
        margin: 0 0 2px;
        padding: 5px;
        border-radius: 3px;
    }

    .lqProItems p:nth-child(2n) {
        background: #f0f0f0;
    }

    .lqProItems p:nth-child(2n+1) {
        background: #f9f9f9;
    }
}

@media (max-width: 600px) {
    .catPageMainBox .catPageSimBox {
        display: none;
    }

    .proSimilarM {
        display: block;
    }

    .catPageProBox {
        padding: 10px 0px;
    }

    #footerDiv {
        margin-top: 200px;
    }
}