@media (max-width: 599px) {
    .container-btn-open-search-mobile {
        margin-left: 10px;
        margin-right: 10px;
    }
    .container-btn-open-search-mobile .home-contenedor-buscador {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .container-btn-open-search-mobile .caja_input_vuelos {
        color: #5e6e92;
        font-weight: 500;
    }

    .box-border-animation {
        background: repeating-conic-gradient(from var(--a), #1fcee5, #1fcee5, transparent, transparent, transparent);
        border-radius: 30px;
        display: inline-block;
        margin: 0 auto;
        animation: animate-border-box 4s linear infinite;
        padding: 3px;
    }

    .btn-open-search-mobile {
        box-shadow: none;
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .container-search-mobile {
        display: none;
        margin-top: 0px;
    }

    @property --a {
        syntax: '<angle>';
        inherits: false;
        initial-value: 0deg;
    }
    
    @keyframes animate-border-box {
        0% { --a: 360deg; }
        100% { --a: 0deg; }
    }
}

@media (min-width: 768px) {
    .width-responsive,
    .width-responsive-product,
    .width-responsive-no-mobile {
        width: 712px;
    }
    #nop4youSlider.swiper-container,
    #nop4youSlider.swiper-container img {
        border-radius: 0 !important;
    }
    /* Menu Superior */
    .contain-columns {
        /* width: 100%; */
        padding: 10px 0;
        
    }
    .header-logo a img {
        padding: 0px 0 0 0;
    }
    /* Menu Nav */
    .navbar-toggle {
        display: none;
    }
    .header-lower,
    .header-upper,
    .admin-header-link {
        position: relative;
        /*z-index: 1100;*/
        z-index: 1;
    }
    .content-usuario-contact {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 10px;
    }
    .nav-column {
        flex-direction: row-reverse;
    }
    .header-upper {
        /*position: initial;*/
        z-index: 1102;
    }
    .admin-header-link ul {
        margin: 0;
    }
    /* ? Ayuda - Nav */
    .btn-ayuda h3 {
        font-size: 14px;
    }
    .header-upper .container-upper {
        
    }
    .header-lower .container-nav {
        
        justify-content: space-between;
        flex-direction: row;
    }
    .header-menu {
        display: block;
    }
    .header-menu .navbar.navbar-inverse .navbar-collapse {
        position: initial;
        width: auto;
        height: auto !important;
        transform: translateX(0px);
        box-shadow: none;
        overflow: initial;
        &:before{
            display: none;
        }
    }
    .header-menu .navbar.navbar-inverse .nav.navbar-nav {
        flex-direction: row;
    }
    .header-menu .navbar.navbar-inverse .nav.navbar-nav>li>a {
        padding: 10px;
        flex-direction: column;
        align-items: center;
        border: none;
        height: 100%;
    }
    .header-menu .navbar.navbar-inverse .nav.navbar-nav>li.active>a {
        padding: 15px;
    }
    /* .head-menu,
    .navbar-header,
    .cont-btn-nav,
    .content-redes-sociales,
    .title-moneda,
    #inicio-nav,
    .dropdown a h2 .ico-flech-bajo-item {
        display: none;
    } */
    /* caja search home */
    /* caja flotante drop */
    .select2-dropdown {
        width: auto !important;
    }
    .select2-results__options-container {
        max-width: 600px;
    }
    .select2-results__options-container li {
        min-width: 50%;
    }
    .select2-results__options-container{
        li.select2-results__message{
            padding: 10px 20px;
        }
    }
    .select2-results__options--nested-column {}
    .select2-results__options--nested-column li {
        width: 100%;
    }
    .select2-results__message {
        width: fit-content !important;
    }
    /* Sub Categoria Menu */
    .cont-subcat:hover {}
    .cont-subcat {
        position: initial;
    }
    .header-menu .navbar.navbar-inverse .nav.navbar-nav>li.dropdown:hover .dropdown-menu {}
    .sub-category-topic {
        width: fit-content !important;
        position: absolute !important;
        left: 0;
        right: 0;
        top: 60px;
        margin: auto;
    }
    .cont-btn-nav a {
        
    }
    .cont-btn-nav a h2 {
        font-size: 14px;
    }
    
    .mostrar-menu {}
    /* Moneda */
    .moneda-mobile {
        width: 113px;
    }
    .currency-selector {
        /* width: fit-content;
        padding: 7px;
        background: transparent;
        gap: 5px; */
    }
    .currency-selector:hover {
        /* background: #eee;
        transition: all .3s ease; */
    }
    
    /**** SLIDER SWIPER - (NIVO) ****/
    #nop4youSlider.swiper-container .slide-caption {
        width: 800px;
    }
    #nop4youSlider.swiper-container .swiper-slide {
        height: 380px !important;
    }
    .info-slider {
        text-align: left;
    }
    .info-slider h4 {
        font-size: 26px;
    }
    .info-slider h2 {
        font-size: 40px;
    }
    .info-slider p {
        margin: 0 0 10px 0;
        font-size: 16px;
    }
    .info-slider a {
        font-size: 17px;
        padding: 10px 40px;
    }
    /* imagen rectangular */
    .slider-img {
        width: 120px;
        height: 40px;
    }
    .slider-img-2 {
        width: 100px;
        height: 100px;
    }
    
    
    /***** Respuesta NopCommerce - Paginas *****/
    .login-page,
    .registration-page,
    .registration-result-page {
        padding: 30px 0;
    }
    .sidebar-nop {
        padding-top: 10px;
    }
    .topic-html-content-body {
        width: 600px;
    }
    .form-recover-pass {
        gap: 20px;
    }
    .recuperarPassword {
        flex-direction: row;
    }
    .recuperarPassword label {
        padding-top: 7px;
        margin-bottom: 0;
    }
    .buttons-recover-pass {
        margin: 20px 0 0 188px;
    }
    /* Register - inicial Sesión - NOPCOMMERCE */
    .input-email-nop {
        width: 50%;
    }
    .page-body-register-edit {
        
    }
    .page-body-register-edit .column-img {
        
    }
    .login-page .content-login {
        position: relative;
    }
    .img-paisaje-log {
        display: flex;
        white-space: break-spaces;
        width: 330px;
        border-radius: 5px;
    }
    .address-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .address-list .address-item {
        margin: 0;
    }
    .section.address-item .edit-address-button,
    .section.address-item .delete-address-button {
        /* padding: 3px 6px; */
    }
    .edit-address-button span{}
    .delete-address-button span {
        position: absolute;
        top: -30px;
        left: 0px;
        right: 0;
        margin: auto;
        background: #d6dbe7;
        border-radius: 3px;
        padding: 5px 10px;
        transform: translateX(-30%);
        width: fit-content;
        display: none;
        transition: all .3s ease;
    }
    .edit-address-button:hover span{}
    .delete-address-button:hover span {
        display: block;
        color: #1d2846;
        transition: all .3s ease;
    }
    .form-group-profile {
        min-width: 180px;
    }
    .row-responsive {
        gap: 5px;
    }
    .check-username-availability-button {
        /* width: fit-content;
        font-size: 12px;
        padding: 6px 10px; */
    }
    .username-available-status {
        font-size: 12px;
        color: #01c2c6;
        font-weight: 500;
    }
    /********** CATEGORY PAGE NOPCOMMERCE **********/
    /**/
    .row-search-nop {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    /**/
    .side-content {
        /*width: 800px;*/
        margin: 0 auto;
    }
    .topic-page {
        width: 800px;
    }
    .keyword-categoria {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        height: fit-content;
    }
    .keyword-categoria h1 {
        position: static;
        margin: 0;
        font-size: 35px;
    }
    .keyword-categoria h4 {
        font-size: 16px;
    }
    .item-box {
        /*float: left;
        margin-bottom: 10%;
        margin-left: 2%;*/
    }
    .content-breadcrumb {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0px !important;
        padding: 0;
        text-align: center;
        position: relative;
    }
    /* .bannerCategory-nopc {
        width: 100%;
        height: 350px;
    } */
    .ruta-categoria {
        /* position: absolute;
        bottom: 72px;
        left: 11%;
        background: #fff;
        padding: 10px;
        box-shadow: 0 3px 6px #00000026;
        border-radius: 10px; */
    }
    .content-breadcrumb ul {
        font-size: 0;
        background: transparent;
        padding: 0px 30px;
    }
    .ruta-categoria ul {
        margin-bottom: 0 !important;
    }
    /********** PRODUCT NOPC PAGE **********/
    /* nav ruta */
    .nav-product-nopc {}
    /* body product */
    .row-product {
        width: 100%;
        /* background: #f1f2f6; */
    }
    .body-product {
        width: 800px;
        margin: 0px auto 0 auto;
        padding: 20px 0;
        flex-direction: row;
        gap: 20px;
    }
    /* formulario del producto */
    .row-price-button {
    }
    .section-fixed {
        position: static;
        box-shadow: none;
        border: 1px solid #e6eaf3;
    }
    .colmn-info-prod {
        width: 58%;
        margin: 0;
        position: sticky;
        height: fit-content;
        top: 10px;
    }
    .overview {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .overview .description-title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .description-title h2 {
        font-size: 20px;
        color: #44506c;
    }
    .description-title .short-description {
        padding: 0 !important;
        margin: 0 !important;
        text-align: left;
        font-size: 12px !important;
        color: #44506c;
    }
    .colmn-img-prod .short-description {}
    .colmn-img-prod .product-name,
    .colmn-img-prod .row-mobil {
        display: none;
    }
    .attributes-product {
        padding: 15px;
        gap: 20px;
    }
    .option-list-nopc .element-radio {
        margin: 0;
    }
    .option-list-nopc .element-radio,
    .option-list-nopc .element-check {
        /* min-height: 30px;
        height: fit-content; */
    }
    .option-list-nopc {
        /* display: flex;
        gap: 5px; */
    }
    .list-nopc-check {}
    .prices-product-nopc .product-price {
        text-align: left;
    }
    .btn-product-cont {
        gap: 10px;
        padding: 10px;
    }
    .btn-cotizar-prod {
        width: fit-content;
    }
    .btn-cotizar-prod a {
        padding: 10px 30px;
    }
    /* boton comprar producto */
    .add-to-cart-product {
        /* justify-content: flex-end; */
        margin-top: 20px;
    }
    .row-price-button .add-to-cart {
        margin: 0;
        padding: 0;
    }
    .product-details-page .add-to-cart .product-add-button .add-to-cart-button {
        width: fit-content;
    }
    .section-fixed .product-price p {
        font-size: 11px;
    }
    .section-fixed .product-price h4 {
        font-size: 18px;
    }
    .section-fixed .product-price h5 {
        font-size: 14px;
    }
    .section-fixed .imgLogo-detail {
        display: block;
    }
    .atributos-especificacion {
        padding: 10px 15px 0px 10px;
    }
    /* imagen product*/
    .colmn-img-prod {
        width: 39%;
        margin: 0;
        overflow: initial;
        position: sticky;
        top: 10px;
        background: transparent;
    }
    .product-details-page .gallery .picture-thumbs {
        position: initial;
        margin-top: 10px;
    }
    .product-details-page .gallery .picture img {
        border-radius: 10px;
    }
    /********** FIN - PRODUCT NOPC PAGE *******/
    /*********** PRODUCT RELACIONADOS **************/
    .product-relacionados {}
    .content-product-relacionados {}
    .content-product-relacionados .related-products-grid .sub-title strong {
        font-size: 25px;
    }
    .row-product-related {
        
    }
    /*<<< Detalles Itinerario Productos - PLANTILLA >>>*/
    .plantilla-itinerario {}
    .plantilla-itinerario h3 {}
    .item-itinerario-1 {
        flex-direction: row;
        align-items: center;
        margin: 30px 0;
        justify-content: center;
    }
    .item-itinerario-2 {
        flex-direction: row-reverse;
        align-items: center;
        margin: 30px 0;
        justify-content: center;
    }
    .item-itinerario-1 img,
    .item-itinerario-2 img {
        width: 310px !important;
        margin: 0px;
    }
    .contenido-itinerario {
        width: 50%;
        margin: 0 15px;
    }
    .item-itinerario-1 .contenido-itinerario {
        margin-left: 20px;
    }
    .item-itinerario-2 .contenido-itinerario {
        margin-right: 20px;
    }
    .contenido-itinerario h2 {
        text-align: left;
    }
    .contenido-itinerario p {}
    /* filtro ordenar */
    .product-selectors {
        margin: -30px 11% 30px 0;
        justify-content: flex-end;
    }
    .product-sorting,
    .product-viewmode {
        width: 10%;
    }
    .item-grid {}
    .item-box,
    .item-box.product-grid {
        /* width: 180px; */
        /*height: 400px;*/
    }
    
    /*<<<<<<<<<  FORM SEARCH HOME  >>>>>>>>*/
    .content-search-home {}
    .home-contenedor-buscador {
        margin-top: -40px;
    }
    /* TAP */
    .home-contenedor-buscador ul {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: none;
        display: none;
    }
    .nav-pills>li>a {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 7px;
        border-radius: 5px;
        padding: 5px 15px;
    }

    /***** ORDER FINALIZADO - paquetes ******/
    .page-title-final .controls a {
        flex-direction: row;
        gap: 10px;
    }
    .content-detail-paq {
        flex-direction: row;
        justify-content: space-between;
    }
    .column-detail-paq {
        /* width: 70%; */
    }
    .column-detail-paq:last-child {
        /* width: 30%; */
    }
    .row-detail-paq {
        padding: 15px;
    }
    #detailProductEnd .row-info-end,
    #detailProductEnd .item-info-pq {
        display: flex;
        justify-content: flex-start;
        gap: 3px;
    }
    #detailProductEnd .item-info-pq h5 {
        text-align: left;
    }
    .title-d-paq {}
    .title-d-paq h3 {}
    .info-d-paq {}
    .item-info-pq {}
    .item-info-pq h5 {}
    /* FOOTER */
    .container-footer {
        padding: 0;
        margin: auto;
    }
    .row-footer {
        flex-direction: row;
        justify-content: space-between;
    }
    .contact-wrapper {
        flex-direction: row;
    }
    .img-footer {
        display: block;
    }
    .footer-middle .contact-wrapper {
        padding-top: 20px;
        border-top: 2px solid var(--c-scale-20);
    }
    .footer-content {
        flex-direction: row;
        justify-content: space-between;
    }
    .textLibro {
        font-size: 12px;
    }
    #sellflight-page .footer-redes,
    #sellflight-page .payment-method {
        width: 46%;
    }
    #sellflight-page .contentLibro {
        width: 30%;
    }
    #sellflight-page .payment-method {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
    }
    .footer-middle .title strong,
    .footer-middle .contact-wrapper div strong {
        /*width: fit-content;
        text-transform: none;*/
    }
    .footer-middle .footer-redes .title,
    .footer-middle .payment-method .title {
        
    }
    .footer-middle .title {
        display: flex;
        width: fit-content;
    }
    .footer-middle .footer-redes ul li a {
        margin-bottom: 0px;
    }
    .footer-middle .contact-wrapper .payment-method {
        
    }
    .footer-middle .contact-wrapper .contentLibro {
        order: 2;
    }
    .column.my-presentation {
    }
    .img-footer {
    }
    .newsletter-subscribe-block .newsletter-email {

    }
    .payment-method ul {
        display: flex !important;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 10px;
    }
    .footer-middle .payment-method ul li {
        margin-right: 0px;
        margin-bottom: 0px;
    }
    
}
@media (min-width:1024px) {
    .width-responsive,
    .width-responsive-product {
        width: 970px;
    }
    
    /* Menu Superior */
    /* .contain-columns {
        width: 100%;
    } */
    .mostrar-menu {
        display: flex;
        flex-direction: column;
    }
    .header-selectors-wrapper {
        /* display: flex;
        gap: 10px; */
    }
    .currency-selector {
        /* width: 55%; */
    }
    
    .navbar-toggle {
        display: block;
    }
    .header-lower .container-nav {
        flex-direction: row;
        justify-content: space-between;
    }
    /* .header-menu .navbar.navbar-inverse .navbar-collapse {
        width: 60%;
        transform: translateX(-1000px);
    } */
    /* SLIDER HOME */
    #nop4youSlider.swiper-container .slide-caption {
        width: 590px;
        margin: 0 auto;
        left: 0;
        right: 0;
        padding: 10px 0;
    }
    #nop4youSlider.swiper-container .swiper-slide {
        height: 300px !important;
    }
    #nop4youSlider.swiper-container .slide-caption {
        flex-direction: column;
        align-items: flex-start;
        top: calc(10% - 10px);
    }
    /* Banner Static */
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-right: -40px;
    }

    /******
    Modal CT
    ******/
    .ct-content-modal{
        box-shadow: var(--box-sh);
        border-radius: 10px;
    }
    
    /* Contenedor Form Busqueda HOME*/
    .home-contenedor-buscador {
        
    }
    .radios_newSearch_vuelos {
        justify-content: flex-start !important;
    }
    .select2-dropdown {
        border-radius: 5px !important;
        box-shadow: 0px 3px 10px #0000004a !important;
    }
    #searchflight-page .select2-dropdown,
    #searchflight-page .daterangepicker {
        z-index: 12000;
    }
    .title-destination-popup-hotel,
    .cancel-button-popup-hotel {
        display: none !important;
    }
    /* Popup opciones de busqueda */
    .popup-inferior,
    .contentHabHotel,
    .panelesFiltro-SV {
        /*align-items: center !important;
        justify-content: center !important;*/
    }
    .bg-filter {
        max-width: 400px !important;
    }
    .divSummary {
        border-radius: 5px !important;
        max-width: 580px;
    }
    
    /* Linea de Compra */
    .header-content-vuelos {
        width: 590px;
        padding: 10px;
        margin: auto;
        padding-top: 15px;
        z-index: 1;
    }
    /* Footer */
    .container-footer {
        padding: 0;
    }
    .footer .footer-middle ul li a {
        margin-bottom: 5px;
        font-size: 12px;
    }
    .newsletter-subscribe-block .newsletter-email {
        width: 100%;
    }
    .form-group-suscrib {
    }
    .form-group-suscrib {
    }
    #newsletter-subscribe-block #newsletter-subscribe-button {
        margin: 0;
    }
    .footer-middle .contact-wrapper p {
        
    }
    /******* PAGE CATEGORIA NOPCOMMERCE ******/
    .side-content {}
    .topic-page {
        width: 590px;
    }
    .item-grid {
        justify-content: center;
    }
    /************ Product Nopcommerce *************/
    .row-price-button .add-to-cart {
        width: fit-content;
    }
    .btn-product-cont {}
    .btn-cotizar-prod {}
    .btn-cotizar-prod a {
        padding: 5px 30px;
    }
    .section-fixed .btn-cotizar-prod a span {
        display: block;
    }
    /****** Topic - Landing template *******/
    .contenedor-colm-topic {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px 20px;
    }
    /********** CHECK OUT - Puntos *************/
    .imgLogo-checkOut {
        position: initial;
        background-color: transparent;
        width: 150px;
    }
    .imgLogo {
        width: 60px;
        height: 17px;
        background-size: 170px;
        background-position: center left;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    /* Usuario */
    .login-page,
    .registration-result-page {
    }
    .content-login {
        padding: 25px;
    }

    .container-btn-open-search-mobile {
        display: none !important;
    }
}
@media (min-width: 1400px) {
    .width-responsive,
    .width-responsive-desktop,
    .width-responsive-no-mobile {
        width: 1300px;
        margin: auto;
    }
    .width-responsive-product{
        width: 1100px;
    }
    /* Menu Superior */
    .header-logo a img {
        max-width: 160px;
    }
    /* Menu Nav */
    .header-upper .container-upper {}
    .header-lower .container-nav {
        
    }
    .container-nav {
        gap: 50px;
    }
    /* footer */
    .container-footer {}
    .img-footer {
        display: block;
    }
    /**** SLIDER SWIPER - (NIVO) ****/
    .slide-caption {
        width: 1100px !important;
    }
    #nop4youSlider.swiper-container .swiper-slide {
        height: 400px !important;
    }
    
    /*<<<<<<<<<  FORM SEARCH HOME  >>>>>>>>*/

    
    /********** PRODUCT NOPC PAGE **********/
    /* body product */
    .row-product {}
    .body-product {
        width: 1100px;
    }
    .option-list-nopc .element-check {
        width: 100%;
    }
    /********** FIN - PRODUCT NOPC PAGE *******/
    /********** CATEGORIA NOPCOMMERCE ********/
    .item-grid {
        gap: 40px 35px;
    }
    /***** Respuesta NopCommerce - Paginas *****/
    .side-content {}
    .login-page,
    .password-recovery-page {}
    .topic-page {
        width: 1100px;
    }
    .topic-html-content-body {}
    /***** ORDER FINALIZADO - paquetes ******/
    .content-detail-paq {}
    .row-detail-paq {
        padding: 20px;
    }
    .page-title-final .controls a span {
        display: block;
    }
    .item-info-pq h3 {
        font-size: 17px;
    }
    /* USER - REGISTER */
    .form-group-profile {
        min-width: 210px;
    }
}

@media (min-width: 1600px) {
    /**** SLIDER SWIPER - (NIVO) ****/
    #nop4youSlider.swiper-container .swiper-slide {
        height: 450px !important;
    }
}