/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE -  license M2hweb.com all right reserved.

=====================================================*/



@media all and (max-width: 480px)
{
   
    .jCarouselMainWrapper .nop-jcarousel .pWrapper, .jCarouselMainWrapper .nop-jcarousel .nWrapper {
        display: none !important;
    }
    .jCarouselMainWrapper .nop-jcarousel .carousel-item .item-box {
        width: 49%;
    }
    .login-page .returning-wrapper, .login-page .h-accountBox, .phonenumber-verification-page .h-accountBox, .password-recovery-page .h-accountBox, .phoneverify-afterlogin-page .h-accountBox {
        max-width: 350px !important;
    }
    .login-page .customer-blocks .form-fields, .login-page .customer-blocks .h-accountBox-body, .phonenumber-verification-page .customer-blocks .h-accountBox-body, .password-recovery-page .h-accountBox-body, .registration-page .h-accountBox-body, .phoneverify-afterlogin-page .h-accountBox-body {
        padding: 20px;
        width: 330px !important;
    }
    .h-formsInputs .h-formsInputs-row
    {
        margin-bottom:25px;
    }
    .js-phone-number-field .c-fixed-input-component__underlines {
        display: none;
    }
    .h-formInputs .h-phonebox .c-fixed-input-component {
        text-align: center;
        padding-left: 0;
        width: 100%;
    }
    #Password-error, #Username-error, #UsernameFast-error, #PhoneNumber-error, #Code-error, #Code-error, #Phone-error, #Email-error, #BillingNewAddress_PhoneNumber-error, #BillingNewAddress_Email-error, #Address_PhoneNumber-error, #Address_Email-error, #UsernameFast-error {
        right: 0;
        bottom: -22px;
        left: unset;
        text-align: right !important;
        color: #ef5662 !important;
        position: absolute;
        display: block;
        font-size: 13px;
        font-family: iransans;
    }
   
   .breadcrumb .current-item
   {
       color: #3376ae;
   }
    .item-box .product-item .picture > a::before {
    padding-top: 70%;
}
    .hCategoryWrapper .pager2
    {
        width:100%;
    }

    .inputs input[type="text"], .inputs input[type="password"]
    {
        max-width: 190px;
    }

    .login-page .new-wrapper .inputs > label, .login-page .returning-wrapper .inputs > label
    {
        max-width: 66px;
    }

    .login-page .customer-blocks .form-fields
    {
        padding: 0px;
    }


   .product-grid .item-box , .item-grid .item-box
    {
        width: 48%;
        margin: 0 0 2%;
       
    }

    .products-container .item-box:nth-child(2n+1), .search-results .item-box:nth-child(2n+1) {
        clear: both;
        margin: 0 0 2% 2%;
    }
}

@media all and (min-width: 481px)
{

    #Password-error::before, #Username-error::before, #UsernameFast-error::before, #PhoneNumber-error::before, #Code-error::before, #Phone-error::before, #Email-error::before, #BillingNewAddress_PhoneNumber-error::before, #BillingNewAddress_Email-error::before, #Address_PhoneNumber-error::before, #Address_Email-error::before {
        width: 0;
        height: 0;
        border-color: #ef5662 transparent transparent;
        border-style: solid;
        border-width: 10px 12px 0;
        top: 100%;
        right: 35px;
        content: "";
        position: absolute;
    }

    #Password-error, #Username-error, #UsernameFast-error, #PhoneNumber-error, #Code-error, #Code-error, #Phone-error, #Email-error, #BillingNewAddress_PhoneNumber-error, #BillingNewAddress_Email-error, #Address_PhoneNumber-error, #Address_Email-error {
        position: absolute;
        display: block;
        right: 100%;
        bottom: 100%;
        margin-right: -150px;
        margin-bottom: 10px;
        background: #ef5662;
        white-space: nowrap;
        padding: 9px 25px;
        color: #fff;
        z-index: 2;
        width: auto;
    }
    .fnspoploginform {
        width: 420px !important
    }

    #countdownTimerContainer .ctdownlink {
    position: relative;
    right: 20px;
    width: 207px;
    height: 43px;
    float: right;
    background: url(/Themes/M2hweb/Content/img/promoIcon.png) no-repeat 97.5% center #ffffff;
}
    .ctdownicon{
    position:absolute;
}
    
    #k-Telegram
    {
        display: none;
    }

    .eu-cookie-bar-notification
    {
        width: 450px;
        max-width: 95%;
        margin-right: -225px;
        margin-left: 0;
    }


    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content
    {
        width: auto;
        display: block;
    }

    .newsletter-email input[type="text"]
    {
        width: 300px;
    }

    .home-page-category-grid
    {
        padding: 0;
    }

    .oneBannerIncluded .box-number-3,
    .oneBannerIncluded .box-number-5,
    .oneBannerIncluded .box-number-7,
    .oneBannerIncluded .box-number-9,
    .oneBannerIncluded .box-number-11,
    .oneBannerIncluded .box-number-13,
    .oneBannerIncluded .box-number-15,
    .oneBannerIncluded .box-number-17
    {
        clear: both;
        margin: 0 0 2% 2%;
    }

    .home-page-category-grid .item-box .title
    {
        height: 48.4%;
        width: 100%;
        position: absolute;
        top: 0;
        padding: 50px 20px;
        padding: 0;
    }

        .home-page-category-grid .item-box .title a
        {
            padding: 28% 0 0;
        }

        .home-page-category-grid .item-box .title.small-title a
        {
            white-space: normal;
        }

    .home-page-category-grid .item-box .picture
    {
        margin: 100% 0 0 0;
    }

    .home-page-category-grid .item-box:nth-child(2n+1) .picture
    {
        margin: 0 0 100%;
        top: auto;
        bottom: 0;
    }

    .home-page-category-grid .item-box:nth-child(2n+1) .title
    {
        top: auto;
    }

    .product-selectors > div
    {
        display: inline-block;
    }

    div.product-viewmode
    {
        display: none;
    }

    .item-box .product-title
    {
        /*height: 36px;*/
        height: auto;
        text-align: center;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin:0 0 3px;
    }

    .item-box .details
    {
        padding-top:4px;
        padding-bottom:10px;
    }

    .sub-category-grid .title:after,
    .manufacturer-grid .title:after,
    .vendor-grid .title:after
    {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-right: 15px solid transparent;
    
        border-left: 15px solid transparent;
        position: absolute;
        bottom: -15px;
        right: 50%;
        left: auto;
        margin: 0 -14px 0 0;
        z-index: 1;
    }

    .sub-category-grid .picture,
    .manufacturer-grid .picture,
    .vendor-grid .picture
    {
        display: block;
    }

        .sub-category-grid .picture img
        {
            width: auto;
            max-width: 100% !important;
            max-height: 100% !important;
        }

    .sub-category-grid .item-box .picture
    {
        margin: 10px 0 0;
    }

    .sub-category-grid .item-box:nth-child(2n-1) .picture
    {
        margin: 0 0 80px 0;
    }

    .sub-category-grid .item-box:nth-child(2n-1) .title
    {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1;
        margin: 0;
    }

        .sub-category-grid .item-box:nth-child(2n-1) .title::after
        {
            top: -15px;
          
            border-top: none;
        }

    .gallery .picture img,
    .gallery .picture-thumbs img,
    .variant-picture img
    {
        padding: 0;
    }

    .product-social-buttons li
    {
        display: inline-block;
        margin: 0 16px;
        width: auto;
        float: none;
    }

    .enter-password-form input[type="password"]
    {
        width: 300px !important;
    }

    .cart-collaterals .coupon-code input[type="submit"]
    {
        width: 40%;
    }

    .cart-collaterals .coupon-code input[type="text"]
    {
        width: 60%;
    }

    .coupon-code .button-2
    {
        font-size: 14px;
    }

    .order-progress a
    {
        cursor: pointer;
        min-width: 90px;
    }

    .checkout-page .address-item
    {
        max-width: 450px;
    }

    .order-review-data
    {
        width: 100%;
        max-width: 900px;
        margin: 0 auto 80px;
        overflow: hidden;
    }

        .order-review-data ul
        {
            max-width: 470px;
        }

    .order-details-area td
    {
        float: none;
        width: auto;
    }

    .order-details-area ul
    {
        float: right;
        padding: 10px;
        width: 50%;
    }

    .shipment-details-page .shipment-overview > ul
    {
        float: right;
        width: 48%;
        margin: 0 1% !important;
    }

    .forum-search-box-text,
    .forum-search-text
    {
        width: 350px !important;
    }
}

@media all and (min-width: 481px) and (max-width: 768px)
{
    #k-Telegram
    {
        display: none;
    }

    .item-box
    {
       
        margin: 0 0 2%;
        width: 47%;
        display: inline-block;
    }

    .products-container .item-box:nth-child(2n+1) {
        clear: both;
        margin: 0 0 2% 2%;
    }

    .box-number-1
    {
        float: none;
        display: inline-block;
        margin: 0 2% 0 0;
        /*clear:both;*/
    }
    .product-grid, .product-list {
    margin: 10px 0 0 0px;
}
}


@media all and (max-width: 700px)
{
    .topic-post .post-info,
    .topic-post .post-content,
    .profile-info-box .profile-stats
    {
        float: none;
        width: 100%;
        margin: 0;
    }

    .topic-post .posttime
    {
        height: auto;
    }

    #k-Telegram
    {
        display: none;
    }
}