@-ms-viewport {
    width: device-width;
}

@media (min-width: 1701px) and (max-width: 1860px) {
    
}

@media (min-width: 1400px) and (max-width: 1700px) {
    
}

@media (min-width: 1201px) and (max-width: 1399px) {
    .row{
        margin: 0;
    }
    .no-mrgn{
        margin: 0;
    }
    .product-row{
        margin: 0;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    
    .row{
        margin: 0;
    }
    .no-mrgn{
        margin: 0;
    }
    .product-row{
        margin: 0;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .row{
        margin: 0;
    }
    .no-mrgn{
        margin: 0;
    }
    .product-row{
        margin: 0;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .header-right{
        position: static;
        text-align: center;
    }
    .header-right-inner{
        justify-content: center;
        align-items: center;
        height: 100px;
    }
    .home-product-item {
        width: 31.33%;
        margin: 1% 1%;
    }
    .category-left{
        width: 30%;
    }
    .product-category-item {
        width: 31.33%;
        margin: 1% 1%;
    }
    .category-right {
        width: 68%;
    }
    .product-row .wppProduct{
        width: 31.33%;
        margin: 1% 1%;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .row{
        margin: 0;
    }
    .no-mrgn{
        margin: 0;
    }
    .product-row{
        margin: 0;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .header-right{
        position: static;
        text-align: center;
    }
    .header-right-inner{
        justify-content: center;
        align-items: center;
        height: 100px;
    }
    .heading-area{
        padding: 20px 0;
    }
    .heading-area h1{
        font-size: 30px;
        line-height: 30px;
    }
    .category-item{
        width: 48%;
        margin: 1% 1%;
    }
    .home-product-item{
        width: 48%;
        margin: 1% 1%;
    }
    .footer-area{
        padding: 30px 0;
    }
    .footer-inner{
        padding: 0 0 10px 0;
    }
    .footer-col{
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
    .default-page-area{
        padding: 20px 0;
    }
    .contact-page-area{
        padding: 20px 0;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
        width: 100%;
        padding: 0 0 0 0;
    }
    .product-category-area{
        padding: 20px 0;
    }
    .category-left{
        width: 100%;
    }
    .category-right{
        width: 100%;
    }
    .product-category-item{
        width: 48%;
        margin: 1% 1% 1% 1%;
    }
    .product-details-area{
        padding: 20px 0;
    }
    .product-details-left{
        width: 100%;
    }
    .product-details-right{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .product-row .wppProduct{
        width: 48%;
        margin: 1% 1%;
    }
}

@media (max-width: 480px) {
    .row{
        margin: 0;
    }
    .no-mrgn{
        margin: 0;
    }
    .product-row{
        margin: 0;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .header-right{
        position: static;
        text-align: center;
    }
    .header-right-inner{
        justify-content: center;
        align-items: center;
        height: 100px;
    }
    .heading-area{
        padding: 20px 0;
    }
    .heading-area h1{
        font-size: 30px;
        line-height: 30px;
    }
    .category-item{
        width: 48%;
        margin: 1% 1%;
    }
    .home-product-item{
        width: 48%;
        margin: 1% 1%;
    }
    .footer-area{
        padding: 30px 0;
    }
    .footer-inner{
        padding: 0 0 10px 0;
    }
    .footer-col{
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
    .default-page-area{
        padding: 20px 0;
    }
    .contact-page-area{
        padding: 20px 0;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
        width: 100%;
        padding: 0 0 0 0;
    }
    .product-category-area{
        padding: 20px 0;
    }
    .category-left{
        width: 100%;
    }
    .category-right{
        width: 100%;
    }
    .product-category-item{
        width: 48%;
        margin: 1% 1% 1% 1%;
    }
    .product-details-area{
        padding: 20px 0;
    }
    .product-details-left{
        width: 100%;
    }
    .product-details-right{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .page-content .woocommerce .row .u-column1{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .page-content .woocommerce .row .u-column2{
        width: 100%;
    }
    .product-row .wppProduct{
        width: 48%;
        margin: 1% 1%;
    }
}

@media (max-width: 375px) {
    .row{
        margin: 0;
    }
    .no-mrgn{
        margin: 0;
    }
    .product-row{
        margin: 0;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .header-right{
        position: static;
        text-align: center;
    }
    .header-right-inner{
        justify-content: center;
        align-items: center;
        height: 100px;
    }
    .search-icon{
        padding: 0 2px;
    }
    .heart-icon{
        padding: 0 2px;
    }
    .user-icon{
        padding: 0 2px;
    }
    .cart-icon{
        padding: 0 2px;
    }
    .heading-area{
        padding: 20px 0;
    }
    .heading-area h1{
        font-size: 30px;
        line-height: 30px;
    }
    .category-item{
        width: 100%;
        margin: 10px 0;
    }
    .home-product-item{
        width: 100%;
        margin: 10px 0;
    }
    .footer-area{
        padding: 30px 0;
    }
    .footer-inner{
        padding: 0 0 10px 0;
    }
    .footer-col{
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
    .default-page-area{
        padding: 20px 0;
    }
    .contact-page-area{
        padding: 20px 0;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
        width: 100%;
        padding: 0 0 0 0;
    }
    .product-category-area{
        padding: 20px 0;
    }
    .category-left{
        width: 100%;
    }
    .category-right{
        width: 100%;
    }
    .product-category-item{
        width: 100%;
        margin: 10px 0;
    }
    .product-details-area{
        padding: 20px 0;
    }
    .product-details-left{
        width: 100%;
    }
    .product-details-right{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .product-title h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .page-content .woocommerce .row .u-column1{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .page-content .woocommerce .row .u-column2{
        width: 100%;
    }
    .product-row .wppProduct{
        width: 48%;
        margin: 1% 1%;
    }
}
@media (max-width: 320px) {
    .row{
        margin: 0;
    }
    .no-mrgn{
        margin: 0;
    }
    .product-row{
        margin: 0;
    }
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .header-right{
        position: static;
        text-align: center;
    }
    .header-right-inner{
        justify-content: center;
        align-items: center;
        height: 100px;
    }
    .search-icon{
        padding: 0 2px;
    }
    .heart-icon{
        padding: 0 2px;
    }
    .user-icon{
        padding: 0 2px;
    }
    .cart-icon{
        padding: 0 2px;
    }
    .heading-area{
        padding: 20px 0;
    }
    .heading-area h1{
        font-size: 30px;
        line-height: 30px;
    }
    .category-item{
        width: 100%;
        margin: 10px 0;
    }
    .home-product-item{
        width: 100%;
        margin: 10px 0;
    }
    .footer-area{
        padding: 30px 0;
    }
    .footer-inner{
        padding: 0 0 10px 0;
    }
    .footer-col{
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
    .default-page-area{
        padding: 20px 0;
    }
    .contact-page-area{
        padding: 20px 0;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
        width: 100%;
        padding: 0 0 0 0;
    }
    .product-category-area{
        padding: 20px 0;
    }
    .category-left{
        width: 100%;
    }
    .category-right{
        width: 100%;
    }
    .product-category-item{
        width: 100%;
        margin: 10px 0;
    }
    .product-details-area{
        padding: 20px 0;
    }
    .product-details-left{
        width: 100%;
    }
    .product-details-right{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .product-title h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .page-content .woocommerce .row .u-column1{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .page-content .woocommerce .row .u-column2{
        width: 100%;
    }
    .product-row .wppProduct{
        width: 48%;
        margin: 1% 1%;
    }
}