/*Css personalizado mobile mas pequeno*/
@media only screen and (min-width: 0px) and (max-width:359px) {
    h4, .h4 {
        font-size: 22px;
    }

    .owl-carousel {
        margin-top: 112px;
    }

    .row-total {
        font-size: 22px;
    }

    .site-header .toolbar .toolbar-item-lg {
        width: 80px;
    }

    .mobile-search .categories-btn, .mobile-search .categories-btn .dpCat {
        width: 100%;
    }

    .site-header {
        position: fixed;
        width: 100%;
        top: 0;
    }

    .carousel-section {
        padding-top: 80px;
    }

    .page-title {
        padding-top: 80px !important;
        margin-top: 5px;
    }

    .mod-cards .card-fields-up {
        width: 93%;
    }

    .mp-h4 {
        font-size: 16px;
        padding-top: 10px;
        font-weight: 400;
    }
    /*no-padding*/
    .no-padding-mp {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .card-body-mp {
        padding: 0px;
    }

    .hidden-mobile {
        display: none;
    }

    .container-full {
        padding: 0px 10px;
    }

    .custom-control .radio-custom-adrs {
        font-size: 14px;
    }

    #cart-items ul > li .cart-item-image {
        width: 100%;
        display: block;
    }

    #cart-items ul .cart-item-info {
        width: 100%;
        display: block;
    }

    #cart-items ul .cart-item-price {
        width: 100%;
        display: block;
    }

    #cart-items ul .cart-delete {
        width: 100%;
        display: block;
        text-align: center;
    }

    .steps-content .nav-cart-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #f5f5f5;
        width: 100%;
        padding: 0px 10px;
        z-index: 9999;
    }

    .steps-content .nav-cart-top {
        display: none !important;
    }

    .steps-content .nav-cart-bottom-pay {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #f5f5f5;
        width: 100%;
        padding: 0px 10px;
        z-index: 9999;
        height: 100px;
    }

    .steps-content .nav-item-term {
        position: absolute;
    }

    .steps-content .nav-item {
        margin-top: 40px;
    }

    .steps .step {
        width: 25%;
    }

    .steps .step75 {
        width: 32% !important;
    }

    .steps .step .title-md {
        display: none;
    }

    .hero-slider > .owl-carousel.dots-inside .owl-dots {
        bottom: 0px;
        height: 25px;
        padding: 0px 0px 0px;
    }

    .hero-slider > .owl-carousel .owl-prev, .hero-slider > .owl-carousel .owl-next {
        bottom: 0px;
        width: 25px;
        height: 25px;
        margin: 0;
        line-height: 24px;
    }

    .hero-slider > .owl-carousel .owl-prev {
        right: 80px;
    }

    .hero-slider > .owl-carousel .owl-next {
        right: 48px;
    }
    /*product-card*/
    .product-card > a {
        float: right!important;
        width: 35%!important;
    }
    .product-card .product-thumb > img {
        width: 100%!important ;
        height: auto!important;
    }
    .product-card .product-card-body {
        width: 65%;
        padding: 10px 5px;
    }

    .product-card .product-title {
        text-align: left;
    }

        .product-card .product-title a {
            font-size: 15px;
        }

    .product-card .product-price {
        font-size: 14px;
    }

    .mod-product .product-card .product-button-group {
        display: none;
    }
    .mod-product .bq-product {
        padding-left: 5px;
        padding-right: 5px;
    }
    .product-card .lable-left {
        font-size: 12px;
        bottom: 0px;
        padding: 5px 6px;
        top: unset;
    }
    .product-card .lable-right-square {
        font-size: 11px;
    }
        .product-card .lable-right-square .lb-stok {
            display:none;
        } 
    /*fin product-card*/
    .site-footer{
        display:none;
    }
    .mod-banner {
        display: none;
    }
    .mod-banner-movil {
        display: block;
    }
}

@media only screen and (max-width: 359px) and (orientation: landscape) {
}

/*Css personalizado mobile  360x640px*/
@media only screen and (min-width: 360px) and (max-width: 640px) {
    h4, .h4 {
        font-size: 22px;
    }

    .owl-carousel {
        margin-top: 112px;
    }

    .row-total {
        font-size: 22px;
    }

    .site-header .toolbar .toolbar-item-lg {
        width: 80px;
    }

    .mobile-search .categories-btn, .mobile-search .categories-btn .dpCat {
        width: 100%;
    }

    .site-header {
        position: fixed;
        width: 100%;
        top: 0;
    }

    .carousel-section {
        padding-top: 80px;
    }

    .page-title {
        padding-top: 80px !important;
        margin-top: 5px;
    }

    .mod-cards .card-fields-up {
        width: 93%;
    }

    .mp-h4 {
        font-size: 16px;
        padding-top: 10px;
        font-weight: 400;
    }
    /*no-padding*/
    .no-padding-mp {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .card-body-mp {
        padding: 0px;
    }

    .hidden-mobile {
        display: none;
    }

    .container-full {
        padding: 0px 10px;
    }

    .custom-control .radio-custom-adrs {
        font-size: 14px;
    }

    #cart-items ul > li .cart-item-image {
        width: 100%;
        display: block;
    }

    #cart-items ul .cart-item-info {
        width: 100%;
        display: block;
    }

    #cart-items ul .cart-item-price {
        width: 100%;
        display: block;
    }

    #cart-items ul .cart-delete {
        width: 100%;
        display: block;
        text-align: center;
    }

    .steps-content .nav-cart-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #f5f5f5;
        width: 100%;
        padding: 0px 10px;
        z-index: 9999;
    }

    .steps-content .nav-cart-top {
        display: none !important;
    }

    .steps-content .nav-cart-bottom-pay {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #f5f5f5;
        width: 100%;
        padding: 0px 10px;
        z-index: 9999;
        height: 100px;
    }

    .steps-content .nav-item-term {
        position: absolute;
    }

    .steps-content .nav-item {
        margin-top: 40px;
    }

    .steps .step {
        width: 25%;
    }

    .steps .step75 {
        width: 32% !important;
    }

    .steps .step .title-md {
        display: none;
    }

    .hero-slider > .owl-carousel.dots-inside .owl-dots {
        bottom: 0px;
        height: 25px;
        padding: 0px 0px 0px;
    }

    .hero-slider > .owl-carousel .owl-prev, .hero-slider > .owl-carousel .owl-next {
        bottom: 0px;
        width: 25px;
        height: 25px;
        margin: 0;
        line-height: 24px;
    }

    .hero-slider > .owl-carousel .owl-prev {
        right: 80px;
    }

    .hero-slider > .owl-carousel .owl-next {
        right: 48px;
    }
    /*product-card*/
    .product-card > a {
        float: right !important;
        width: 35% !important;
    }

    .product-card .product-thumb > img {
        width: 100%!important;
        height: auto!important;
    }

    .product-card .product-card-body {
        width: 65%;
        padding: 10px 5px;
    }

    .product-card .product-title {
        text-align: left;
    }

        .product-card .product-title a {
            font-size: 15px;
        }

    .product-card .product-price {
        font-size: 14px;
    }

    .mod-product .product-card .product-button-group {
        display: none;
    }
    .mod-product .bq-product{
        padding-left:5px;
        padding-right:5px;
    }
    .product-card .lable-left {
        font-size: 12px;
        bottom: 0px;
        padding: 5px 6px;
        top: unset;
    }
    .product-card .lable-right-square{
        font-size:11px;
    }
    .product-card .lable-right-square .lb-stok {
        display: none;
    } 
    /*fin product-card*/
    .site-footer {
        display: none;
    }
    .mod-banner {
        display: none;
    }

    .mod-banner-movil {
        display: block;
    }
}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
}
/*
@media only screen and (min-width: 360px) { 
}

@media only screen and (min-height: 640px) {
}

@media only screen and (min-width: 640px) and (orientation: landscape) {
}

@media only screen and (max-width: 360px) and (orientation: portrait) {
}

@media only screen and (min-width: 360px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
}
*/

/*Css personalizado mobile 480x980px*/
@media only screen and (min-width: 480px) and (max-width: 980px) {
}
/*
@media only screen and (min-width: 480px) {
}

@media only screen and (min-height: 980px) {
}

@media only screen and (min-width: 980px) and (orientation: landscape) {
}

@media only screen and (min-width: 980px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
}
*/

/*Css personalizado mobile 768x1024px*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/*
@media only screen and (min-width: 768px) {
}

@media only screen and (min-height: 1024px) {
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
}

@media only screen and (min-width: 768px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

}
*/


/*Css personalizado mobile 720x1280px*/

/*@media only screen and (min-width: 720px) and (max-width: 1280px) {
    .boxes-skin1 .content {
        width: 32.3%;
    }
    .boxes-skin1-col4 .content {
        width: 24.1%;
    }
}*/
/*
@media only screen and (min-width: 720px) {
}

@media only screen and (min-height: 1280px) {
}

@media only screen and (min-width: 1280px) and (orientation: landscape) {
}

@media only screen and (min-width: 720px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
}
*/

@media (min-width: 1200px) {
    .hero-slider .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}