@media (min-width: 1440px) {
    #sp-footer .container {
        max-width: 1200px !important;
    }

    #ProOPC.cart-view {
        min-height: 850px;
    }
} /* >= 1440px */

@media (max-width: 1440px) {
    .sp-slider.slide-home,
    .sp-slider.slide-home .sp-slider-outer-stage {
        height: 535px !important;
        background-color: #000;
    }
} /* 1440px */

@media (max-width: 1366px) {
    .sp-slider.slide-home,
    .sp-slider.slide-home .sp-slider-outer-stage {
        height: 506px !important;
    }
} /* 1366px */

@media (max-width: 1280px) {
    .sp-slider.slide-home,
    .sp-slider.slide-home .sp-slider-outer-stage {
        height: 475px !important;
    }

    .sp-megamenu-parent > li {
        margin: 0 5px 0 0;
    }

    .sppb-addon-module .sppb-addon-title {
        text-align: center;
    }
} /* 1280px */

@media (max-width: 1200px) {

}  /* 1200px */

@media (max-width: 1024px) {
    .sp-slider.slide-home,
    .sp-slider.slide-home .sp-slider-outer-stage {
        height: 410px !important;
        background-color: #000;
    }

    #sp-header {
        padding: 10px 20px 5px 20px !important;
    }

    #sp-header .container .row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    #sp-header #sp-logo {
        order: 1;
        width: initial;
        flex: 0 0 50%;
        padding: 0;
        margin: 0;
    }

    #sp-header #sp-top4 {
        order: 2;
        width: initial;
        flex: 0 0 40%;
        padding: 0;
        margin: 0;
    }

    #sp-header #sp-menu {
        order: 3;
        width: initial;
        flex: 0 0 10%;
        padding-right: 0;
    }

    .sp-megamenu-parent,
    .logo .sp-default-logo.hidden-xs,
    .logo .sp-retina-logo.hidden-xs,
    #sp-page-title {
        display: none !important;
    }

    #offcanvas-toggler {
        display: block !important;
    }

    .close-offcanvas, .gk-popup-close {
        border: 0 none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .offcanvas-menu .logo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding-bottom: 10px;
        border-bottom: 1px solid #e8e8e8;
        margin: 30px 0 10px 0;
        width: 100%;
    }

    #sp-top-wrapper .menu li .nav-child.small {
        right: -15px;
    }

    #sp-header > .container .row.goback {
        padding-top: 5px;
        justify-content: flex-start;
        margin-left: -20px;
        margin-right: -20px;
        border-top: 1px solid rgb(0 0 0 / 10%);
        margin-top: 5px;
    }

    #sp-header > .container .row.goback .goback-link-container {
        padding: 0 0 0 10px;
        font-size: 18px;
    }

    #sp-header > .container .row.goback .fa.fa-chevron-left, #sp-header > .container .row.goback a {
        color: #818181;
    }

    #sp-top-wrapper .container > .row {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    #sp-top-wrapper #sp-top1.col-lg-12 {
        width: 100%;
        border-bottom: none;
    }

    #sp-top-wrapper #sp-top1 .sp-contact-info {
        text-align: left;
    }

    #sp-top-wrapper #sp-top3 {
        width: 49.66666667%;
        border-bottom: none;
    }

    .logo .sp-default-logo {
        max-width: 400px !important;
        width: 100%;
    }

    .logo .sp-default-logo.visible-xs {
        display: block !important;
    }

    #sp-logo .logo .sp-default-logo {
        width: 100%;
    }

    .body-innerwrapper > section > .row,
    .body-innerwrapper > header > .row,
    .body-innerwrapper > footer > .row,
    .body-innerwrapper > div > .row,
    #sp-main-body > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .desk {
        display: none !important;
    }

    .mobile {
        display: block !important;
        overflow-x: hidden;
    }

    .com-virtuemart.view-productdetails .vm-product-container {
        flex-direction: column;
    }

    .productdetails .m-mobile {
        padding: 0 !important;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
        margin: 0 0 16px;
        background: #fff;
    }

    .productdetails .m-mobile .t-mobile {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        padding: 16px;
        width: 100%;
        background: #FFF;
        color: #000;
        border-bottom: 1px solid #ddd;
        margin: 0;
    }

    .productdetails .m-mobile .t-mobile i {
        color: #3483fa;
        float: right;
        transition: transform .2s;
    }

    .productdetails .m-mobile .c-mobile {
        display: none;
        padding: 16px;
    }

    .productdetails .payments .card-promotion-section p {
        font-size: 14px;
    }

    .productdetails .payments .card-section .card-subtitle {
        font-size: 14px;
        margin: 24px 0 0 0;
    }

    .col-sm-8, .col-sm-4 {
        width: 100%;
    }
} /* 1024px */

@media (max-width: 992px) {
    #sp-main-body .vm-wrap .vm-orders-list {
        min-height: 600px;
    }

    .container {
        min-width: 95%;
    }

    #sp-header > .container {
        padding: 0;
    }

    #sp-header > .container #sp-logo {
        display: flex;
    }

    #sp-main-body .container .row #sp-left {
        display: none;
        visibility: hidden;
    }

    #sp-main-body .container .row #sp-left .sp-module {
        padding: 0 15px;
    }

    #sp-main-body .sp-column .category-view > .row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        margin: 0;
    }

    #sp-main-body .sp-column .category-view > .row .category {
        flex: 0 0 49%;
        margin-bottom: 10px;
    }

    #sp-footer .container #sp-footer-content {
        flex: 0 0 40%
    }

    #sp-footer .container #sp-bottom1 {
        flex: 0 0 60%;
    }

    #sp-footer .container #sp-bottom1 p {
        text-align: center;
    }

    #sp-footer .container .custom.copyright-footer {
        align-items: center;
    }

    .sp-slider.slide-home,
    .sp-slider.slide-home .sp-slider-outer-stage {
        height: 310px !important;
    }

    #sp-top4 .sp-column {
        display: inline-flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
    }

    .ltr .offcanvas-menu {
        right: -1280px;
    }

    .offcanvas-menu {
        width: 45%;
    }

    p.tecInfo, p.tecTip, p.tecWarning, .tecDownload {
        font-size: 14px;
    }

    #fancybox-content > div {
        display: flex;
        flex-direction: column-reverse;
    }

    #fancybox-content .showcart, #fancybox-content .continue_link {
        font-size: 20px;
    }

    #fancybox-content .showcart:before, #fancybox-content .continue_link:before {
        font-size: 20px;
    }

    .vina-carousel-virtuemart .owl-nav button.owl-prev {
        display: none;
    }

    .vina-carousel-virtuemart .owl-nav button.owl-next {
        display: none;
    }

    .product-i .text-block .product-title {
        min-height: initial;
    }

    .product-i .text-block .product-s-desc {
        min-height: initial;
    }

    .listing-view .product-row .product-i {
        margin-bottom: 0 !important;
    }

    .vm-order-row {
        flex-wrap: wrap;
    }

    .vm-order-row .vm-order-col,
    .vm-orders-order .vm-order-row .vm-order-col.title.order-shipment-label,
    .vm-orders-order .vm-order-row .vm-order-col.value.order-shipment,
    .vm-orders-order .vm-order-row .vm-order-col.title.order-payment-label,
    .vm-orders-order .vm-order-row .vm-order-col.value.order-payment,
    .vm-orders-order .vm-order-row .vm-order-col.title.order-note-label,
    .vm-orders-order .vm-order-row .vm-order-col.value.order-note {
        flex: 0 0 100%;
    }

    .vm-orders-order .vm-order-row .vm-order-col.title,
    .vm-orders-order .vm-order-row .vm-order-col.value {
        flex: 0 0 50%;
    }

    #sp-main-body {
        margin-top: 10px;
    }

    #ProOPC .cart-summary .cart-sub-total .col-discount,
    #ProOPC .cart-summary .cart-sub-total .col-discount::before,
    #ProOPC .cart-summary .cart-sub-total .col-total::before {
        display: none !important;
    }

    #ProOPC .cart-summary .cart-sub-total .sub-headings {
        border-bottom: none;
    }

    #ProOPC .proopc-login {
        margin-top: 0;
    }

    #joomla-panel .panel-body,
    #joomla-panel .user-info-wrap .control-label {
        padding: 0;
        width: 100%;
    }

    #joomla-panel .info-block .block-content .form-group,
    #joomla-panel .info-block .block-content .form-group .control-label {
        text-align: center;
        padding: 10px 0;
    }
} /* 992px */

@media (max-width: 768px) {
    .list-product .product-row {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .list-product .product-row .product-i {
        flex: 0 0 50%;
        width: initial;
        float: initial;
    }

    .product-i .vm-product-media-container .browseProductImage {
        max-height: initial;
    }

    #sp-logo .logo .sp-default-logo {
        width: 100%;
    }

    .sp-slider.slide-home,
    .sp-slider.slide-home .sp-slider-outer-stage {
        height: 290px !important;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul li a {
        font-size: 16px;
        line-height: 28px;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul li a {
        font-size: 16px;
        line-height: 28px;
    }

    .sp-module.modules-top .cur_box .btn, #sp-top-wrapper .menu .parent,
    #sp-header .menu .parent {
        padding: 0 10px;
    }

    .vina-carousel-virtuemart.default1 .product-i .media-body {
        padding-left: 0;
    }

    .cho-root {
        justify-content: center;
    }

    .com-virtuemart.view-productdetails .vm-product-media-container .item-gallery .mobile .d3 {
        width: 100%;
        height: 280px;
        background: #fff;
        position: relative;
    }

    .com-virtuemart.view-productdetails .vm-product-media-container .item-gallery .mobile .d3:before {
        content: '';
        background-image: linear-gradient(180deg,rgba(0,0,0,.4),hsla(0,0%,100%,0));
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100px;
        z-index: 08;
        left: 0;
        top: 0;
    }

    .com-virtuemart.view-productdetails .vm-product-media-container .item-gallery .mobile .d3 .thumbnails-quantity {
        position: absolute;
        left: 30px;
        bottom: 20px;
        font-size: 14px;
        background-color: rgba(0,0,0,.2);
        color: #fff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 4px 8px;
        pointer-events: none;
        z-index: 2;
    }

    .com-virtuemart.view-category #sp-main-body,
    .com-virtuemart.view-productdetails #sp-main-body,
    .com-virtuemart.view-category #sp-main-body > .container,
    .com-virtuemart.view-productdetails #sp-main-body > .container,
    .com-virtuemart.view-productdetails #sp-main-body > .container #sp-component {
        padding: 0;
    }

    .com-virtuemart.view-productdetails .vm-product-media-container .item-gallery {
        padding: 0;
    }

    .com-virtuemart.view-productdetails .vm-product-media-container .item-gallery .mobile .d3 .img {
        text-align: center;
        width: 100%;
        height: 280px;
        position: relative;
    }

    .com-virtuemart.view-productdetails .vm-product-media-container .item-gallery .mobile .d3 .img img {
        bottom: 0;
        left: 0;
        margin: auto;
        max-height: 100%!important;
        max-width: 100%!important;
        position: absolute;
        right: 0;
        top: 0;
        width: initial;
    }

    .vm-product-media-container .owl-theme {
        padding: 0;
        margin: 0;
    }
} /* 768px */

@media (max-width: 576px) {
    .vm-product-details-inner .btn-groups {
        display: none;
        visibility: hidden;
    }

    #sp-main-body .sp-column .category-view > .row .category {
        flex: 100%;
        margin-bottom: 10px;
    }

    .listing-view.vm_list_view .product-i .text-block {
        overflow: visible;
    }

    .listing-view.vm_list_view .product-i .price-rating {
        clear: both;
        margin-right: auto;
        margin-left: auto;
        width: 50%;
        text-align: center;
    }

    #sp-logo .logo .sp-default-logo {
        width: 100%;
    }

    .sp-slider.slide-home, .sp-slider.slide-home .sp-slider-outer-stage {
        height: 156px !important;
    }

    #sp-header .container {
        padding: 10px 20px !important;
    }

    .offcanvas-menu {
        width: 70%;
    }

    .offcanvas-menu .logo {
        margin: 20px 0 5px 0;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul li a {
        font-size: 14px;
        line-height: 24px;
    }

    #fancybox-content .showcart, #fancybox-content .continue_link {
        font-size: 16px;
    }

    #fancybox-content .showcart:before, #fancybox-content .continue_link:before {
        font-size: 16px;
    }

    .vm-orders-list #com-form-order-number, .vm-orders-list #com-form-order-pass, .vm-orders-list #com-form-login-username, .vm-orders-list #com-form-login-password {
        margin-right: 10px;
        width: 45%;
    }

    .vm-orders-list #com-form-order-number input[type="text"], .vm-orders-list #com-form-order-pass input[type="text"], .vm-orders-list #com-form-login-username input[type="text"], .vm-orders-list #com-form-login-password input[type="text"], .vm-orders-list #com-form-login-password input[type="password"] {
        width: 100%;
    }

    .vm-orders-list #com-form-order-submit {
        min-height: initial;
        margin-bottom: 0;
    }

    .vm-orders-list #com-form-order-submit input.button {
        margin-top: 0;
        min-height: 35px;
    }

    .vm-orders-list .order-view-title, .vm-orders-list .com-form-login-title {
        font-size: 18px !important;
        margin-top: 0;
    }

    .vm-orders-list #com-form-login-forgot-username, .vm-orders-list #com-form-login-forgot-password {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .vm-pagination .pagination li a {
        line-height: 30px;
        padding: 0 10px;
        font-size: 14px;
        width: 28px;
    }

    #ProOPC .proopc-register, #ProOPC .proopc-login {
        float: none;
        width: 100%;
        flex: 0 0 100%;
    }

    #ProOPC .proopc-register {
        margin-top: 20px;
    }

    #ProOPC .proopc-login h3:not(.modal-title),
    #ProOPC .proopc-login .proopc-inner,
    #ProOPC .proopc-register h3:not(.modal-title),
    #ProOPC .proopc-register .proopc-inner {
        margin: 0;
    }

    #sp-left, #sp-component, #sp-right {
        padding: 0;
    }

    #sp-component {
        padding-left: 15px;
        padding-right: 15px;
    }
} /* 576px */

@media (max-width: 480px) {
    body {
        max-width: 100%;
    }

    .vm-product-details-inner .btn-groups {
        display: none;
        visibility: hidden;
    }

    #sp-main-body .sp-column .category-view > .row .category {
        flex: 100%;
        margin-bottom: 10px;
    }

    #sp-logo {
        padding-bottom: 5px;
    }

    h1.app-header {
        font-size: 30px;
    }

    .app-bar {
        height: 200px;
    }

    #formulario table, #formulario table tr, #formulario table td {
        display: inline-block;
        width: 100%;
        padding: 2px 5px;
    }

    #formulario table tr {
        margin-bottom: 3px;
    }

    #formulario table td input {
        max-width: 325px;
    }

    #formulario button.buttonprim {
        width: 300px;
        font-size: 15px;
    }

    #formulario button i {
        top: 2px;
        font-size: 15px;
    }

    #formulario table td input[name="f_localidad"] {
        width: 200px;
    }

    .sp-contact-info li {
        font-size: 10px;
        letter-spacing: 0;
    }

    #sp-top-wrapper #sp-top3 {
        width: 45%;
    }

    #sp-top-wrapper #sp-top3 .mod_menu.menu .separator  {
        letter-spacing: 0;
    }
} /* 480px */
