/* CSS Document */

@media (max-width: 1199.98px) {
    
    #main-slider .item {
        height: 470px;
        background-size: cover;
    }

}

@media (max-width: 991.98px) {
    
    h5 {
        font-size: 16px;
    }
    
    #header .logo img {
        max-height: 56px;
    }
    
    #header .form {
        height: auto;
        max-width: 368px;
    }
    
    #header .form input,
    #header .form button {
        height: 40px;
        line-height: 40px;
    }
    
    #header .form button {
        padding: 0;
    }
    
    #primary-menu.mr-auto {
        margin-right: 0 !important;
        justify-content: center;
        width: 100%;
    }
    
    #header .bottom .navbar .navbar-collapse > ul > li > a {
        margin: 0 12px;
        font-size: 15px;
    }
    
    #main-slider .item {
        height: 243px;
    }

    #main-slider .box h2 {
        font-size: 34px;
    }
    
    #main-slider .box a.btn {
        font-size: 15px;
        padding: 4px 19px;
    }

    .section h2 {
        font-size: 21px;
    }
    
    .single-product .hover .btn {
        font-size: 14px;
    }
    
    .testimonials .box {
        padding: 20px;
    }
    
    section.news article {
        margin-bottom: 30px;
    }
    
    #footer .footer-top .box-1 {
        padding-bottom: 30px;
    }
    
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100%;
        float: none;
        margin: 0 0 2.992em;
    }
    
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 40%;
        float: left;
    }
    
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 57%;
        float: left;
        padding: 0 0 0 30px;
    }
    
    .woocommerce .woocommerce-variation-add-to-cart .single_add_to_cart_button, .woocommerce form.cart .single_add_to_cart_button {
        padding: 16px 17px 16px 64px !important;
        margin-top: -8px;
        font-size: 14px;
    }
    
    .summary.entry-summary .product_meta {
        float: none;
        width: 100%;
        padding: 0 0 20px;
    }
    
    .summary.entry-summary .box-social-like {
        float: none;
        width: 100%;
    }
    
    .summary.entry-summary .box-social-like .float-right {
        float: left !important;
    }
    
    .woocommerce .coupon {
        float: left !important;
    }
    
    .woocommerce .actions button.button {
        float: left !important;
        padding: 18px;
        width: auto !important;
    }
    
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }
    
    .woocommerce .cart_totals .wc-proceed-to-checkout {
        border-top: none;
    }
    
    
}

@media (max-width: 767.98px) {
    
    h2,
    h4 {
        font-size: 20px !important;
    }
    
    section.news .text h4 {
        font-size: 17px !important;
    }
    
    #mega-menu-menu-principal {
        max-height: 100vh !important;
        overflow: auto !important;
    }
    
    #mega-menu-menu-principal img {
        display: none;
    }
    
    .contact label {
        font-size: 13px;
    }
    
    p,
    ul.points li {
        font-size: 14px;
    }
    
    #header .top p {
        font-size: 12px;
    }
    
    #header .middle {
        padding: 13px 0;
    }
    
    #header .logo img {
        max-height: 45px;
    }
    
    #header.active .logo img {
        max-height: 35px;
    }
    
    #header.active .middle .icons > a img {
        margin-right: 19px;
        max-height: 19px;
        width: auto;
    }

    #header .middle .inner {
        display: block !important;
        text-align: center;
    }
    
    #header a.logo img {
        margin-bottom: 15px;
    }
    
    #header .bottom {
        border: none;
    }
    
    #header.active .bottom .navbar {
        margin-top: 16px;
    }
    
    #header .cart {
        display: flex;
        width: 122px;
    }
    
    #header .cart-box {
        right: auto;
        left: 0;
        width: 290px;
    }
    
    #header .cart-product p {
        font-size: 14px;
    }
    
    #header .cart-btn .btn-primary {
        font-size: 13px;
        padding: 7px 10px;
    }
    
    #header .cart .amount span {
        font-size: 16px;
    }
    
    #header .wmc-count {
        top: -1px;
        width: 18px;
        height: 18px;
        right: 7px;
    }
    
    #header .top-cart .icon img {
        width: 25px;
    }
    
    #header .form {
        position: absolute;
        left: 15px;
        right: 15px;
        width: auto;
        bottom: -55px;
        z-index: 9;
        background: #FFF;
        display: none;
    }

    .single-product .hover {
        display: none !important;
    }

    #mega-menu-wrap-menu-principal .mega-menu-toggle {
        height: auto;
        min-height: auto;
    }
    
    #mega-menu-wrap-menu-principal .mega-menu-toggle.mega-menu-open + #mega-menu-menu-principal {
        border-top: 1px solid #f7acb7;
    }
    
    .cart-icon {
        margin-top: -23px;
    }

    #main-slider .box {
        width: auto;
    }
    
    #main-slider .item {
        background-position: center !important;
    }
    
    #header .middle {
        padding-bottom: 20px;
    }
    
    #header .bottom .navbar .navbar-collapse {
        background: #363f4d;
    }
    
    #header .bottom .navbar .navbar-collapse > ul > li > a {
        color: #FFF;
        margin: 0;
        padding: 9px 15px;
    }
    
    #header .bottom .navbar .navbar-collapse > ul > li > a:hover,
    #header .bottom .navbar .navbar-collapse > ul > li.active > a {
        color: #FFF;
        background: #fcc5cf;
    }
    
    #header .bottom .container {
        padding: 0;
    }
    
    #header .search-deploy {
        display: block;
    }
    
    #header .form {
        position: absolute;
        left: 50%;
        right: auto;
        bottom: -62px;
        width: 290px;
        margin-left: -145px;
    }
    
    #header .form input,
    #header .form button {
        font-size: 14px;
    }
    
    #header .cart-box {
        max-width: 290px;
    }
    
    #header .middle .icons img {
        margin-right: 18px;
    }
    
    #header .middle .icons img {
        width: 23px;
    }
    
    .wmc-cart .wmc-subtotal {
        min-width: 0;
    }
    
    .wmc-cart-wrapper {
        text-align: left;
        margin-bottom: -7px;
        width: 78%;
    }
    
    .wmc-cart .wmc-subtotal span {
        font-size: 16px;
    }
    
    .wmc-content {
        width: 290px;
        left: -54px;
        right: auto;
        padding: 10px;
        max-height: 380px;
        overflow: auto;
    }
    
    .wmc-cart-wrapper:hover .wmc-content {
        display: none;
    }
    
    .wmc-details h4 {
        font-size: 14px !important;
    }
    
    section.header {
        height: 140px;
    }
    
    #main-slider .box {
        width: 100%;
    }
    
    section.header h1 {
        font-size: 28px;
    }
    
    section.header .breadcrumb li {
        font-size: 14px;
    }
    
    section.banners img {
        margin-bottom: 20px;
    }
    
    section.banner .d-flex {
        display: block !important;
    }
    
    section.banner .d-flex img {
        margin-bottom: 15px;
    }
    
    .testimonials .image {
        float: none;
        max-width: none;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    
    .testimonials .image img {
        display: inline-block;
    }
    
    .product-carousel .owl-nav {
        right: 0;
        left: 0;
        top: 35%;
    }
    
    .product-carousel .owl-carousel button.owl-next,
    .product-carousel .owl-carousel button.owl-prev {
        position: absolute;
        top: 0;
        margin: 0;
    }

    .product-carousel .owl-carousel button.owl-next {
        right: 0;
    }
    
    .product-carousel .owl-carousel button.owl-prev {
        left: 0;
    }
    
    section.newsletter {
        margin-bottom: 0;
    }
    
    section.newsletter input {
        display: block;
        margin: 0 auto 20px; 
    }
    
    .facility .facility-inner {
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
        border-bottom: 1px solid #CCC;
    }
    
    ul.points li span {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 18px;
    }
    
    .counter-inner .counter {
        font-size: 41px;
    }
    
    .counter-inner p {
        font-size: 18px;
    }
    
    .counter-inner {
        padding-bottom: 25px;
    }
    
    .counter-inner:last-child {
        padding-bottom: 0;
    }
    
    .event-box {
        padding-bottom: 30px;
    }
    
    .contact-details {
        padding-top: 30px;
    }

    .single-product h3 {
        font-size: 14px;
    }
    
    #footer .footer-top {
        margin-top: 0;
    }
    
    #footer .footer-box {
        padding-bottom: 30px;
    }
    
    #footer .footer-btm {
        text-align: center;
    }
    
    #footer .copyright {
        padding-bottom: 10px;
    }
    
    .woocommerce .woocommerce-ordering,
    .woocommerce .woocommerce-ordering select {
        max-width: 194px;
    }
    
    .shop-inner-section .list .common-cart-box .common-cart-info {
        padding-left: 0;
        clear: both;
    }
    
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 100%;
        float: none;
    }
    
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 100%;
        float: none;
        padding: 0;
    }
    
    .woocommerce div.product .product_title {
        font-size: 23px;
    }
    
    .woocommerce-review-link {
        font-size: 14px;
    }
    
    .woocommerce div.product .woocommerce-product-rating {
        margin-bottom: 0;
    }
    
    .woocommerce div.product form.cart .button {
        float: left !important;
        margin: 20px 0 0 0;
        clear: both;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 14px;
    }
    
    .woocommerce div.product .woocommerce-tabs .panel {
        padding: 25px 15px 30px;
    }
    
    .woocommerce div.product .woocommerce-tabs .panel p {
        font-size: 15px;
        line-height: 20px;
    }
    
    .actions #coupon_code {
        width: 100% !important;
        margin-bottom: 15px;
    }
    
    .woocommerce .actions button.button {
        float: none !important;
        padding: 14px 25px;
        width: auto !important;
        margin: 20px auto 0;
    }
    
    .woocommerce .continue-button {
        float: none !important;
        padding: 12px 25px;
        width: 227px !important;
        margin: 20px auto 0;
        display: flex;
    }
    
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        margin-bottom: 0;
    }
    
    section.related.products > h2,
    .woocommerce-billing-fields h3,
    .woocommerce-additional-fields h3, #order_review_heading,
    h2.woocommerce-order-details__title,
    h2.woocommerce-column__title,
    .woocommerce-account .addresses .title h3,
    #customer_login h2 {
        font-size: 19px;
    }
    
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
        overflow: visible;
        float: none;
    }
    
    .woocommerce ul.order_details li {
        float: none;
        border: none;
    }
    
    .facility-inner {
        width: 90%;
    }
    
    .facility-box::before {
        display: none;
    }
    
    .fb-icon {
        padding-right: 4px;
    }
    
    .about p {
        font-size: 17px;
    }
    
    section.banners h4,
    section.banner h4 {
        bottom: 40px;
    }
    
    .single-product .hover {
        display: none !important;
    }
    
    .woocommerce form.login.single {
        width: 100%;
        margin-bottom: 50px;
    }
    
    #promo-banner {
        padding: 30px 0;
    }
    
    #promo-banner p {
        font-size: 28px;
    }

.list_grid_container.list .common-cart-img {
    max-width: none;
}
    
    #order_sucursal_mainca h3 {
        text-align: left !important;
        padding: 48px 0 5px 0 !important;
        font-size: 20px !important;
    }
    
    #ship-to-different-address {
        font-size: 15px;
    }
    
    #pv_centro_ca_estandar {
        width: 100%;
    }


}

@media (min-width: 768px) {
    
   /* #header .form {
        display: block !important;
    }*/
    
}