/* Again, you’re free to use and define the classes: */
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }
.size-1of4 { width: 25%; }


/* ========= MOVILES ========= */

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
    .description-grid-view {
        width: 150px;
    }
}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- Desconocidos ----------- */

/* Portrait */
@media screen
and (device-width: 640px){
    .banner_cestas_navidad,.banner_15_descuento, .banner_uep, .banner_ventajon_cash {
        min-height: 425px!important;
    }

    .header-ventajon-cash {
        background: url(../images/landings/cab-ventajoncash-landing-tablet.jpg) no-repeat!important;
    }
    
    .header-ventajon-cash {
        background: url(../images/landings/cab-ventajoncash-landing-tablet.jpg) no-repeat;
        background-size: 100%;
        min-height: 295px!important;
    }
}

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 480px){
    #searchform input {
        width: 67%!important;
    }
    
    #searchtoggl {
        margin: 5px 0 0 5px!important;
    }
}


/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
    .description-grid-view {
        width: 170px !important;
    }

    .sales h1 {
        font-size: 28px !important;
    }
}

/* Landscape */
@media screen
and (device-width: 640px)
and (device-height: 360px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {
    #Stage_jbeeb_3 {
        width: 440px !important;
    }

    .description-grid-view {
        width: 400px !important;
    }

    .promotional-banner-title {
        margin-top: 15% !important;
    }

    .register_text1 {
        font-size: 37px;
        line-height: 35px;
    }

    .register_text2 {
        font-size: 84px;
        line-height: 72px;
    }

    .register_text2 span {
        font-size: 50px;
        line-height: 47px;
        vertical-align: top;
    }

    .register_text3 {
        float: right !important;
        font-size: 56px;
        line-height: 25px;
        margin-top: 18px;
    }

    .register_text3 span {
        font-size: 25px;
    }

    .register_text4 {
        line-height: 24px;
        font-size: 21px;
    }

    .register_text5 {
        font-size: 26px;
        line-height: 28px;
    }

    .sales h1 {
        font-size: 27px !important;
    }
    
    #clockdiv {
        margin: 10px 0 10px 45%!important;
    }

}

/* ----------- Galaxy S8 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 740px)
and (-webkit-device-pixel-ratio: 4) {

}

/* Portrait */
@media screen
and (device-width: 260px)
and (device-height: 740px)
and (-webkit-device-pixel-ratio: 4)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 740px)
and (device-height: 360px)
and (-webkit-device-pixel-ratio: 4)
and (orientation: landscape) {
    .banner_15_descuento,.banner_uep, .banner_ventajon_cash {
        min-height: 650px!important;
        height: auto;
    }
}

/* ----------- Nexus 5 ----------- */

/* Landscape */
@media screen
and (device-width: 640px)
and (device-height: 360px)
and (orientation: landscape) {
    .img-circle {
        width: 100%!important;
        max-width: 230px!important;
        margin: 0 auto!important;
        display: block!important;
    }
}

/* ----------- Nexus 5X ----------- */

/* Landscape */
@media screen
and (device-width: 732px)
and (device-height: 412px)
and (orientation: landscape) {
    #Stage_jbeeb_3 {
        width: 460px !important;
    }

    .description-grid-view {
        width: 400px !important;
    }

    .promotional-banner-title {
        margin-top: 14% !important;
    }

    .sales {
        min-height: 60px !important;
    }

    .sales h1 {
        font-size: 42px !important;
        top: -12px !important;
    }

    .sales p {
        font-size: 11px !important;
        width: 72% !important;
        top: 23px !important;
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (device-width: 320px)
and (device-height: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen
and (device-width: 320px)
and (device-height: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #Stage_jbeeb_3 {
        width: 285px !important;
    }

    .description-grid-view {
        width: 150px !important;
    }

    .register_text1 {
        font-size: 16px;
        line-height: 19px;
    }

    .register_text2 {
        font-size: 38px;
        line-height: 36px;
    }

    .register_text2 span {
        font-size: 35px;
        line-height: 25px;
    }

    .register_text3 {
        font-size: 22px;
        line-height: 11px;
        float: right;
        margin-top: 8px;
    }

    .register_text3 span {
        font-size: 10px;
    }

    .register_text4 {
        font-size: 15px;
    }

    .register_text5 {
        font-size: 13px;
        line-height: 16px;
    }

    .sales h1 {
        font-size: 25px !important;
        margin: 20px 0 0 0;
    }
    #searchform input{
        width: 67%!important;
    }
    
    #grid[data-columns]::before {
            content: '1 .column.size-1of1';
    }
    .support span {
        font-size: 13px;
    }
}

/* Landscape */
@media only screen
and (device-width: 568px)
and (device-height: 320px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #Stage_jbeeb_3 {
        width: 403px !important;
    }

    .description-grid-view {
        width: 335px !important;
    }

    .promotional-banner-title {
        margin-top: 18% !important;
    }

    .register_text1 {
        font-size: 33px;
        line-height: 36px;
    }

    .register_text2 {
        font-size: 84px;
        line-height: 72px;
    }

    .register_text2 span {
        font-size: 50px;
        line-height: 47px;
        vertical-align: top;
    }

    .register_text3 {
        float: right !important;
        font-size: 45px;
        line-height: 25px;
        margin-top: 18px;
    }

    .register_text3 span {
        font-size: 20px;
    }

    .register_text4 {
        color: #113f92;
        font-size: 20px;
    }

    .register_text5 {
        font-size: 23px;
        line-height: 23px;
    }

    .sales {
        min-height: 60px !important;
    }

    .sales h1 {
        font-size: 27px !important;
        top: -12px !important;
    }
    
    #clockdiv {
        margin: 10px 0 10px 45%!important;
    }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (device-width: 375px)
and (device-height: 667px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (device-width: 375px)
and (device-height: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #Stage_jbeeb_3 {
        width: 310px !important;
    }

    .description-grid-view {
        width: 190px !important;
    }

    .sales h1 {
        font-size: 30px !important;
        text-align: center;
    }
}

/* Landscape */
@media only screen
and (device-width: 667px)
and (device-height: 375px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #Stage_jbeeb_3 {
        width: 455px !important;
    }

    .description-grid-view {
        width: 420px !important;
    }

    .promotional-banner-title {
        margin-top: 14% !important;
    }

    .register_text1 {
        font-size: 39px;
    }

    .register_text2 {
        font-size: 84px;
        line-height: 72px;
    }

    .register_text2 span {
        font-size: 50px;
        line-height: 47px;
        vertical-align: top;
    }

    .register_text3 {
        float: right !important;
        font-size: 60px;
        line-height: 25px;
        margin-top: 18px;
    }

    .register_text3 span {
        font-size: 28px;
    }

    .register_text4 {
        color: #113f92;
        font-size: 20px;
    }

    .register_text5 {
        font-size: 30px;
        line-height: 28px;
    }

    .sales h1 {
        font-size: 41px !important;
    }
    
    #clockdiv {
        margin: 10px 0 10px 46%!important;
    }
}

/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
    .sales h1 {
        font-size: 30px !important;;
    } 
}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
    #Stage_jbeeb_3 {
        width: 492px !important;
    }

    .description-grid-view {
        width: 485px !important;
    }

    .promotional-banner-title {
        margin-top: 12% !important;
    }

    .sales h1 {
        font-size: 45px !important;;
    }
}

/* ========= TABLETS ========= */
/* ----------- General ----------- */
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    .store-image {
        min-width: 50px !important;
    }

    .description-grid-view {
        width: 200px !important;
    }

    .product-card {
        min-width: 160px !important;
    }
    
    .product-card-discount-ventajon3 {
        margin-left: 12%!important;
    }
}

/* ----------- Asus Nexus 7 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: landscape) {

}

/* ----------- Galaxy Tab 10.1 ----------- */
/* Portrait and Landscape */

@media (min-device-width: 320px)
and (orientation: portrait) {

}

@media (min-device-width: 360px)
and (orientation: portrait) {

}

@media (min-device-width: 640px)
and (orientation: portrait) {

}

@media (min-device-width: 768px)
and (orientation: portrait) {

}


/* Portrait */
@media (min-device-width: 800px)
and (orientation: portrait) {

}

/* Portrait */
@media (min-device-width: 980px)
and (orientation: portrait) {

}

/* Landscape */
@media (max-device-width: 1024px)
and (orientation: landscape) {

}

/* Landscape */
@media (min-device-width: 1024px)
and (orientation: landscape) {
  
}

/* Landscape */
@media (max-device-width: 1280px)
and (orientation: landscape) {
  
}

/* Landscape */
@media (min-device-width: 1280px)
and (orientation: landscape) {

}

/* Landscape */
@media (max-device-width: 1301px)
and (orientation: landscape) {

}

/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .description-grid-view {
        width: 220px !important;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .store-image {
        min-width: 50px !important;
    }

    .description-grid-view {
        width: 200px !important;
    }

    .product-card {
        min-width: 160px !important;
    }

}

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .content-prices-mosaic {
        margin-top: 0px !important;
    }
    
    #clockdiv {
        margin-left: 10px;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .store-image {
        min-width: 50px !important;
    }

    .description-grid-view {
        width: 200px !important;
    }

    .product-card {
        min-width: 160px !important;
    }

    .sales-claim {
        width: 85% !important;
    }
    
    #clockdiv {
        margin-left: 0px!important;
    }
    
    .landing_template {
        background-position: 100% 36%;
    }
    
    .mega-dropdown a {
        border-bottom: 0!important;
        padding: 9px!important;
    }
    
    .store-showcase-grid-view a{
        padding: 0!important;
    }
    
    .submenu_categories {
        border-top: 0!important;
    }
    
    .search-bar {
        margin-top: 0px!important;
    }
    
    .grid-item {
        width: 170px!important;
    }     
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .center-xs {
        text-align: center;
    }

    .center-xs .btn {
        float: none;
    }

    .sales {
        min-height: 80px !important;
    }

    .sales h1 {
        font-size: 43px !important;
        top: -9px !important;
    }

    .sales p {
        font-size: 12px !important;
        top: 34px !important;
        width: 70% !important;
    }
    
    #clockdiv {
        margin-left: 10px!important;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .store-image {
        min-width: 50px!important;
    }
    
    .titulo-filters {
        font-size: 13px!important;
    }
    
    .store-showcase-grid-view-new {
        min-height: 132px!important;
    }
    
    .store-showcase-grid-view {
        min-height: 132px!important;
    }

    .description-grid-view {
        overflow : hidden!important;
        text-overflow: ellipsis!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 2!important;
        -webkit-box-orient: vertical!important;
        white-space: normal!important;
        width: 158px !important;
        font-size: 14px!important;
    }
    
    .h2-store-grid-view {
        font-size: 18px!important;
        overflow : hidden!important;
        text-overflow: ellipsis!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 2!important;
        -webkit-box-orient: vertical!important;
        white-space: normal!important;
        width: 135px!important
    }
    
    .ribbon-wrapper-new {
        top: 46px!important;
    }
    
    .ribbon-wrapper-featured {
        top: 47px!important;
    }
    
    .showcase-distance {
        font-size: 12px;
        width: 150px;
    }

    .product-card {
        min-width: 160px!important;
    }

    .promotional-banner-title h2 {
        font-size: 23px!important;
    }

    .promotional-banner-title .discover-more {
        font-size: 13px!important;
    }

    .sales {
        min-height: 85px!important;
    }

    .sales h1 {
        font-size: 75px!important;
        top: 6px;
    }

    .sales p {
        top: 61px!important;
        font-size: 15px!important;
    }
    
    .product-card-discount-ventajon3 {
        margin-right: 10px!important;
    }
    
    .days_countdown {
        float: left!important;
        margin-left: 19px;
    }
    
    .banner_deco_ikea {
        background-position: 100% 60%!important;
    }
    
    #clockdiv {
        margin-left: 0px!important;
    }
    
    .special-slick-image {
        max-height: 190px!important;
    }  
    
    .search-bar {
        margin-top: -2px;
        padding-right: 0;
    }
    
    .grid-item {
        max-width: 170px!important;
    }
    
    .p-r-sm-15 {
        padding-right: 15px!important;
    }
    
    .final-device {
        padding: 10px!important;
    }
    
    #voucher_button {
        padding: 4px 16px!important;
    }
    
    .text-sm-right {
        text-align: right!important;
    }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .content-filters {
        display: none;
    }

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro ----------- */
/* Portrait */
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2){
    .sales-claim {
        width: 58% !important;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .sales-claim {
        width: 58%;
    }
    
    .product-card-discount-ventajon3 {
        margin-left: 19%!important;
    }
}