@font-face {
    font-family: Vazir;
    src: url(fonts/Vazir-FD-WOL.woff) format('woff'), url(fonts/Vazir-FD-WOL.eot) format('embedded-opentype'), url(fonts/Vazir-FD-WOL.ttf) format('truetype'), url(fonts/Vazir-FD-WOL.ttf) format('svg');
}

@media only screen and (min-device-width: 575px) { /*575*/
    /* STYLES HERE */
    body {
        background-color: white;
        font-family: 'Vazir', Arial, sans-serif;
        font-weight: normal;
    }

    #mobilscreen {
        display: none;
    }
    #mobilscreenline {
        display: none;
    }
    #mobilscreen-head {
        display: block;
    }

    #img_baskets {
        width: 350px;
        height: auto;
    }

    .fontprice {
        font-size: 18px;
    }

    .fontpercent {
        font-size: 16px;
    }

    .fontpriceoff {
        font-size: 16px;
        color: #beb8b8;
        text-decoration: line-through;
    }

    .fontpriceoff_basket {
        font-size: 16px;
        color: #beb8b8;
        text-decoration: line-through;
    }

    .font16pricebold_basket {
        font-size: 20px;
        font-weight: bold;
    }

    .fonttitr {
        font-size: 16px;
        font-weight: bold;
    }

    .fonttoman {
        font-size: 14px;
    }

    .fontsubmenu {
        font-size: 16px;
    }

    .fontchildmenu {
        font-size: 14px;
    }

    .fontcart_nkala {
        font-size: 14px;
        font-weight: bold;
    }

    .fontcart_vijegi {
        font-size: 14px;
    }

    .fontcart_titr {
        font-size: 12px;
    }

    .fontcart_price {
        font-size: 16px;
        font-weight: bold;
    }

    .fontcart_number {
        font-size: 14px;
    }
}

@media only screen and (max-width: 574px) { /*574*/
    /* STYLES HERE */
    body {
        background-color: white;
        font-family: 'Vazir', Arial, sans-serif;
        font-weight: normal;
    }

    #mobilscreen {
        display: block;
    }
    #mobilscreenline {
        display: block;
    }
    #mobilscreen-head {
        display: none;
    }

    #fixmenu {
        position: fixed;
        opacity: 1;
        width: 100%;
        z-index: 2;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        /*background-color: aliceblue;*/
    }

    .fontprice {
        font-size: 14px;
    }

    .fontpercent {
        font-size: 12px;
    }

    .fonttitr {
        font-size: 12px;
        font-weight: bold;
    }

    .fonttoman {
        font-size: 10px;
    }

    .fontsubmenu {
        font-size: 14px;
    }

    .fontchildmenu {
        font-size: 12px;
    }

    .fontpriceoff {
        font-size: 12px;
        color: #beb8b8;
        text-decoration: line-through;
    }

    .fontpriceoff_basket {
        font-size: 16px;
        color: #beb8b8;
        text-decoration: line-through;
    }

    .font16pricebold_basket {
        font-size: 16px;
        font-weight: bold;
    }


    #img_baskets {
        width: 200px;
        height: auto;
    }

    .screen_lbltotal_price {
        position: fixed;
        top: 6px;
        left: 170px;
        z-index: 3;
    }

    .fontcart_nkala {
        font-size: 14px;
        font-weight: bold;
    }

    .fontcart_vijegi {
        font-size: 14px;
    }

    .fontcart_titr {
        font-size: 12px;
    }

    .fontcart_price {
        font-size: 16px;
        font-weight: bold;
    }

    .fontcart_number {
        font-size: 14px;
    }
}

main {
    font-family: 'Vazir', Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    /*margin: 50px auto;
    width: 80%;
    color: #777;*/
}



.fontRED {
    color: red;
}

.font8 {
    font-size: 8px;
}

.font10 {
    font-size: 10px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font22 {
    font-size: 22px;
}

.font26 {
    font-size: 26px;
}

.font30 {
    font-size: 30px;
}

.Left_ {
    text-align: left;
}

.Right_ {
    text-align: right;
}

#imggroups {
    position: relative;
    top: 1px;
    left: 1px;
}

#lblgroups {
    position: absolute;
    top: 60px;
    left: 0px;
    opacity: 0.5;
    width: 100%;
}

/****START PART2,3****/
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/****END PART2,3****/
#logo-robika {
    position: fixed; /*//ba position mokhtasat(top va left) eleman morde nazar ro midahim*/
    /*top: 8px;*/
    bottom: 120px;
    left: 20px;
    width: 50px;
    z-index:3;
}

#logo-inesta {
    position: fixed; /*//ba position mokhtasat(top va left) eleman morde nazar ro midahim*/
    /*top: 8px;*/
    bottom: 40px;
    left: 20px;
    width: 50px;
    z-index: 3;
}

#logo-watsapp {
    position: fixed; /*//ba position mokhtasat(top va left) eleman morde nazar ro midahim*/
    /*top: 6px;*/
    bottom: 200px;
    left: 20px;
    width: 50px;
    z-index:3;
}