/*GENERALES*/

/*big screen*/


/*MINS*/

@media screen and (min-width: 1600px) {
    .header-suscription .col-md-7 .container.xs-no-padding {
        margin-left: -320px
    }

    .item-purchase .item-amount-purchase {
        margin-left: 120px;
    }
}

@media screen and (min-width: 1900px) {}

@media screen and (min-width: 1400px) {}


@media (max-width: 1339px) {}

@media (max-width: 1280px) {

    .navbar-theme .navbar-nav li a {
        padding: 0 15px;
    }

    .navbar-theme {
        padding: 0 30px;
    }

    .navbar-theme .container-fluid {
        padding: 0;
    }

    .slide-item .auto-container {
        padding: 0px 60px;
    }


}

@media (max-width: 1127px) {


    .img-youtube-link {
        display: none;
    }

    .input-nav-search input {
        width: 100%;
    }


    .img-suscription-header {
        width: 300px;
    }

}

@media (max-width: 1025px) {

    .sm-mar-bottom-40 {
        margin-bottom: 40px;
    }

    .bar-action-purchase a img {
        width: 25px;
    }

    .navbar-theme .navbar-nav li {
        padding: 10px 15px;
    }

    .content-shipping-detail {
        width: 100%;
    }
    .content-shipping-habitually {
        width: 100%;
    }

    .item-purchase .item-detail-purchase .content-option-purchase {
        width: 280px;
    }

    .item-blog {
        width: 50%;
        padding: 5px;
    }

    .item-blog:nth-child(3n) {
        padding-left: 0;
    }

    .footer-copyright {
        justify-content: center !important;
    }
}

@media (max-width: 992px) {

    .item-purchase .item-detail-purchase {
        align-items: center;
    }

    .item-purchase .item-detail-purchase .content-option-purchase {
        width: 320px;
        margin-bottom: 20px;
    }

    .hidden-navbar-theme {
        display: none;
    }

    .content-top-right {
        display: none;
    }

    .navbar-theme {
        background: none;
        background-color: #007cba;
    }


    .top-navbar {
        height: auto;
    }

    .content-mobile-option {
        display: flex;
    }

    .content-top-navbar {
        padding: 0 20px;
        justify-content: space-between;
    }

    .slide-item .auto-container {
        padding: 0px 20px;
    }

    .content-steps .item-steps:not(:last-child) .img-steps:before {
        display: none;
    }

    .item-purchase .content-space-purchase .item-amount-purchase {
        text-align: center;
    }
}

@media (max-width: 767px) {


    .content-item-habitually .item-aspel-2 {
        width: 100%;
    }

    .footer .item-footer-menu {
        width: 50%;
        margin-bottom: 15px 0;
    }

    .footer .pull-right {
        float: left !important;
    }

    .sm-d-flex {
        display: flex;
    }

    .sm-align-item-center {
        align-items: center;
    }

    .item-purchase .item-detail-purchase {
        align-items: center;
    }

    .item-purchase .item-detail-purchase .content-option-purchase {
        justify-content: center;
    }

    .item-purchase .content-space-purchase {
        justify-content: flex-end;
        padding: 0 20px;
    }

    .item-purchase .content-space-purchase .item-amount-purchase {
        text-align: right;
    }

}

@media (max-width: 625px) {


    .text-menu {
        display: none;
    }

    #menu-responsive-btn {
        display: flex;
    }

    .content-shipping-detail {
        padding: 50px 20px;
    }
    /*.content-top-responsive {
        position: absolute;
        display: none;
        flex-direction: column;
        z-index: 99;
        background-color: #f9f9f9;
        top: 90px;
        left: -100vw;
        height: auto;
        padding: 30px;
        z-index: 2;
        display: inline-flex;

        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

    .content-top-responsive.active {
        left: 0;
    }*/


    .content-top-navbar {
        height: 100px;
    }

    .content-top-navbar ul {
        flex-direction: column;
    }

    .content-top-navbar ul li:not(:first-child)::after {
        display: none;
    }

    .content-top-navbar ul li {
        padding: 10px 20px;
        text-align: center;
    }

    .btn-login {
        margin-top: 10px;
    }

    .content-top-left {
        display: flex;
        flex-direction: column;
    }

    .content-top-right {
        display: flex;
        flex-direction: column;
        margin: 20px 0;
    }

    .item-form-shopping {
        width: 100%;
        margin: 0;
    }

    .content-top-menu-1 {
        margin: 0;
    }

    .content-top-menu-2 {
        margin-top: 30px;
    }

    .top-menu-group {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .top-menu-group ul li::after {
        display: none;
    }

    .product-nav a {
        justify-content: center;
    }

    .content-purchase .title-subtotal {
        margin-top: 30px;
    }

    .title-related {
        text-align: center;
    }

    .xs-center {
        display: flex;
        justify-content: center;
    }

    .xs-show-owl-nav .owl-nav {
        display: block !important;
    }

    .xs-show-owl-nav .owl-nav div.owl-prev,
    .xs-show-owl-nav .owl-nav div.owl-next {
        color: #fff;
        font-size: 18px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        text-align: center;
        line-height: 39px;
        opacity: 0;
        /*border: 1px solid #fff;
    width: 40px;
    height: 40px;*/
    }

    .xs-show-owl-nav .owl-nav div.owl-prev img,
    .xs-show-owl-nav .owl-nav div.owl-next img {
        opacity: 0.8;
        transition: 0.5s;
        width: 20px;
    }

    .xs-show-owl-nav .owl-nav div.owl-prev:hover img,
    .xs-show-owl-nav .owl-nav div.owl-next:hover img {
        opacity: 1;
        transition: 0.5s;
    }

    .xs-show-owl-nav .owl-nav div.owl-prev {
        left: 10%;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
    }

    .xs-show-owl-nav .owl-nav div.owl-next {
        right: 10%;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
    }

    .xs-show-owl-nav .owl-nav div.owl-next {
        right: -4%;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        opacity: 1;
    }

    .xs-show-owl-nav .owl-nav div.owl-prev {
        left: -3%;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        opacity: 1;
    }

    .item-purchase .content-space-purchase {
        justify-content: flex-end;
    }

}

@media (max-width: 481px) {

    .xs-no-padding {
        padding: 0 !important;
    }

    .xs-w100 {
        width: 100% !important;
    }

    .slide-item .auto-container {
        padding: 0px 20px;
    }

    .banner-section .banner-carousel .owl-stage-outer {
        position: relative;
    }

    .banner-section .banner-carousel {
        height: auto;
    }

    .navbar-brand-content {
        padding: 0;
    }

    .navbar-brand-content img {
        width: 120px;
    }

    .bg-header {
        opacity: 0.3;
    }

    .content-video-global {
        height: 250px;
    }

    .content-video .play-video a img {
        width: 60px;
    }

    .content-video .text-video {
        left: 20px;
        bottom: 20px;
        font-size: 16px;
    }

    .header-section {
        display: flex;
        align-items: center;
    }

    .navbar-theme .navbar-nav .dropdown {
        overflow: hidden;
    }

    .navbar-theme .navbar-nav .dropdown span {
        display: block;
    }

    .content-subscription {
        flex-direction: column-reverse;
        padding: 0;
    }

    .block-promotion {
        margin: 0;
    }

    .item-block {
        padding: 0;
        margin-bottom: 15px;
    }

    .item-block:last-child {
        padding: 0;
        margin: 0;
    }

    .container-section {
        padding-right: 10px;
        padding-left: 10px;
        position: relative;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .banner-section .slide-item .content-box {
        height: 250px !important;
    }

    .banner-section .slide-item .btn-box {}


    .btn-slider {
        min-width: 130px;
        padding: 5px 10px;
    }

    .btn-slider-2 {
        min-width: 130px;
        padding: 5px 10px;
        margin: 0;
    }

    .btn-slider .btn-title,
    .btn-slider-2 .btn-title {
        font-size: 11px;
    }

    .btn-slider .btn-title span {
        font-size: 13px;
        margin-left: 10px;
    }

    .btn-slider-2 .btn-title span {
        font-size: 13px;
        margin-left: 10px;
    }

    .banner-section .slide-item .content {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        z-index: 9;
        padding-bottom: 0;
    }

    .banner-section .slide-item h2 {
        font-size: 21px;
    }

    .banner-section .slide-item .text {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .banner-section .owl-dots {
        position: absolute;
        right: 50%;
        bottom: 15px;
        transform: translate(50%, -50%);
        width: 100%;
    }

    .banner-section .owl-dot {
        width: 30px;
        margin: 0 5px;
    }

    .header-section {
        height: 350px;
        padding: 15px 0;
    }

    .item-blog {
        width: 100%;
        padding: 5px;
    }

    .featured-carousel .owl-item {
        margin: 0;
    }

    .content-steps {
        margin-top: 0;
        position: relative;
    }

    .content-steps .item-steps {
        position: relative;
        width: 33.33%;
        display: flex;
        justify-content: center;
    }

    .content-steps .item-steps:not(:last-child) .text-steps:after {
        background-color: #435363;
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        content: "";
        top: 0;
    }

    .content-steps .item-steps .img-steps svg {
        width: 40px;
        height: 40px;
        display: none;
    }

    .content-steps .item-steps .text-steps {
        width: auto;
        margin: 0;
        padding: 0 10px;
        max-width: 150px;
    }

    .content-steps .item-steps .content-point-steps {
        padding: 50px 0;
        position: absolute;
        right: 20%;
    }

    .content-steps .item-steps:not(:last-child) .content-point-steps::before {
        background-color: #435363;
        height: 150px;
        width: 5px;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, 0);
    }

    .content-tab-purchase {
        display: none;
    }

    .detail-text-purchase {
        justify-content: flex-end;
        float: none;
    }

    /*.item-purchase {
        flex-direction: column;
    }*/

    .detail-text-purchase .detail-purchase:last-child { 
    width: auto; 
}
    
    .item-purchase .item-amount-purchase {
        text-align: center;
        margin-left: 15px;
    }

    .item-purchase .item-option-purchase {
        margin: 10px 0;
    }

    .item-purchase .item-detail-purchase {
        align-items: flex-start;
    }

    .item-purchase .item-detail-purchase .text-option-purchase {
        text-align: center;
        margin-top: 5px;
    }

    .item-purchase .item-detail-purchase .content-option-purchase {
        margin: 20px 0;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .content-purchase .item-purchase.col-md-12 {
        margin-left: -30px
    }

    .title-purchase.fix-mobile {
        margin-left:-17px
    }
   

    .purchase-btn {
        justify-content: center;
    }

    .content-purchase .title-subtotal {
        margin-top: 0;
    }

    .content-purchase .content-subtotal {
        height: auto;
        padding: 20px;
        text-align: center;
    }

    .content-purchase .content-subtotal .content-action {
        justify-content: center;
    }

    .content-related .item-related .title-detail {
        text-align: center;
    }

    .content-related .item-related .amount-detail {
        text-align: center;
    }

    .content-related .item-related .detail-related-btn {
        text-align: center;
    }

    .content-related .item-related .item-aspel-2 img {
        max-width: 200px;
    } 

    .panel-sesion {
        width: 90%;
        padding: 70px 20px;
    }

    .footer .footer-copyright ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer .footer-copyright ul li {
        padding: 10px 10px;
    }

    .footer .item-footer-menu {
        width: 100%;
        padding: 15px 0 15px 15px;
    }

    .footer .footer-copyright .copy-right {
        width: 100%;
    }

    .footer .footer-copyright .footer-social {
        margin-bottom: 0;
        display: flex;
        justify-content: center;
    }

    .footer .footer-copyright .copy-right {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
    }

    .footer .footer-copyright .copy-right span {
        margin-top: 15px;
    }

    .product-carousel .owl-next {
        right: -20px !important;
    }

    .product-carousel .owl-prev {
        left: -20px !important;
    }

    .product-carousel .owl-next span img,
    .product-carousel .owl-prev span img {
        width: 15px !important;
    }

}


/*ESPECIFICOS*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1281px) and (max-width: 1366px) {
    .header-suscription .col-md-7 .container.xs-no-padding {
        margin-left: -80px
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .header-suscription .col-md-7 .container.xs-no-padding {
        margin-left: -40px
    }

    .item-purchase .item-amount-purchase {
        margin-left: 60px;
    }
}


@media (min-width: 1025px) and (max-width: 1199px) {


    .content-steps .item-steps:not(:last-child) .img-steps::before {
        width: 210px;
    }
}

@media (min-width: 1025px) and (max-width: 1127px) {}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 992px) and (max-width: 1024px) {

    .box-carousel {
        width: 100%;
    }

    .box-carousel .box-carousel-btn a {
        padding: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        display: inline-block;
    }


    .content-steps .item-steps:not(:last-child) .img-steps::before {
        width: 200px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .box-carousel {
        width: 100%;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 300px) and (max-width: 767px) {

    .banner-section {
        position: relative;
        height: auto;
    }

    .box-carousel {
        width: 100%;
    }

    .footer-menu-mobile {
        display: block;
        width: 100%
    }

    #panels .panel {
        border-width: 0px;
        background-color: #F2F2F2;
    }

    .footer .item-footer-menu {
        width: 100%;
        padding: 15px 0;
        border-bottom-style: solid;
        border-bottom-color: #fff;
        border-bottom-width: 1px;
    }

}

/*prueba mediaquery borrar youtube*/
@media (min-width: 1127px) and (max-width: 1280px) {


    .img-youtube-link-m {
        display: none;
    }
}