﻿/*=====================================================
    
    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%;
    }
 
    .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) {
        clear: both;
        margin: 0 0 2% 2%;
    }
}


@media all and (min-width: 481px) {


    .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;
    }
     .search-opener {display:none;}
.eu-cookie-bar-notification {
    width: 450px;
    max-width: 95%;
    margin-left: -225px;
}

/* HEADER */




/* FOOTER */

.newsletter-email input[type="text"] {
    width: 300px;
}

/* CATEGORY PAGE & GRIDS */

/* home page category*/

.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 2% 2% 0;
}

.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 .details {
    padding-top: 4px;
}

.sub-category-grid .title:after,
.manufacturer-grid .title:after,
.vendor-grid .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-top: 15px solid #282828;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin: 0 0 0 -14px;
    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-bottom: 15px solid #282828;
    border-top: none;
}

/* PRODUCT PAGE */

.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;
}

/* PASSWORD PROTECTION */
.enter-password-form input[type="password"] {
    width: 300px !important;
}

/* SHOPPING CART & CHECKOUT */
.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: left;
    padding: 10px;
    width: 50%;
}

.shipment-details-page .shipment-overview > ul {
    float: left;
    width: 48%;
    margin: 0 1% !important;
}

/* FORUM & PROFILE */

.forum-search-box-text,
.forum-search-text {
    width: 350px !important;
}

}


@media all and (min-width: 481px) and (max-width: 768px) {

/* item-box grid */

  

  .manufacturer-list-page  .item-box
    {
        border: 1px solid #e3e3e3;
    }

.item-box:nth-child(2n+1){
    clear:both;
    margin:0 2% 2% 0;
}

    #k-Telegram {
        display: none;
    }

    .item-box {
        margin: 0 0 2%;
        width: 47%;
        display: inline-block;
    }

 

    .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;
}
}