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

@media (min-width: 415px) and (max-width: 768px) {
    body {
        width:100%;
        height:100%;
    }

    .ENTREPANES.tablet{
        max-width: 1023px;
        margin-left: auto; 
        margin-right: auto;
    }

    .ENTREPANES.tablet .container{
        display:block;
        width: 100%;
        max-width: 1023px;
        min-width: 480px;
        z-index: 10;
        position: relative;
        padding: 0;
        margin-right:auto;
        margin-left:auto;
    }


    /* SECTION */
    .ENTREPANES.tablet .container .section .inner {
        width: 100%;
        padding: 30px 15px;
    }
    /* ## SECTION -- */

    .ENTREPANES.tablet .container header .inner .inf-title h1 {
        font-size: 40px;
    }

    .ENTREPANES.tablet .container header .inner .inf-title h2 {
        font-size: 15px;
    }

    .ENTREPANES.tablet .container header .menubar .menubar-center .navbar-collapse.collapse {
        display: none !important;
    }

    .ENTREPANES.tablet .container header .menubar .menubar-center{
        width: 100%;
        height: 200px;
    }

    .ENTREPANES.tablet .container header .menubar .menubar-center .nav-group-cart{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        float: right !important;
    }

    /* MENUBAR */

    .ENTREPANES.tablet .container header .menubar .menubar-center .navbar-header{
        display: block;
        float: left !important;
    }

    .ENTREPANES.tablet .container header .menubar .menubar-center .navbar-header .navbar-toggle {
        display: block;
    }

    .ENTREPANES.tablet .container header .menubar .menubar-center .nav-group-list .nav-group-item {
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
        background-color: #000000e7;
        float: none !important;
        
    }

    .ENTREPANES.tablet .container header .menubar .menubar-center .nav-group-list .nav-group-item .nav-item {
        display: block;
        float: none;
        width: 100%;
        color: #fff;
        text-align: left;
        border-bottom: 1px solid #383838;
    }

    .ENTREPANES.tablet .container header .menubar .menubar-center .nav-group-list .nav-group-item .nav-item::after {
        clear: both;
    }

    .ENTREPANES.tablet .container header .menubar .menubar-center .nav-group-list .nav-group-item .nav-item.pad{
        padding: 15px 0 15px 25px;
    }

    .ENTREPANES.tablet .container .section-r .inner h3 {
        font-size: 25px;
    }

    .ENTREPANES.tablet .container .section-r .inner{
        width: 100%;
        padding:30px 20px;
    }

    .ENTREPANES.tablet .container .section-r .inner .t-aler li p{
        font-size: 14px;
    }

    .ENTREPANES.phone .container header .inner .inf-sub {
        visibility: visible;
    }

    .ENTREPANES.tablet .container header .inner .inf-sub h2 {
        font-size: 13px;
    }

    /* ======================  INDEX  ======================== */

    .ENTREPANES.tablet .section.s1 .new-products-container{
        max-height: none !important;
    }
    
    .ENTREPANES.tablet .section.s1 .new-products-container:before{
        padding-top: 0;
    }
    
    .ENTREPANES.tablet .section.s1 .new-products-container .col-new-products--left,
    .ENTREPANES.tablet .section.s1 .new-products-container .col-new-products--right{
        display: block;
        position: relative;
        width: 100%;
        height: 100vw;
        left:0;
    }
    
    .ENTREPANES.tablet .section.s1 .new-products-container .col-new-products--right{
        margin-top: 5px;
    }

    /* ====================== ## INDEX  ======================== */
    /*.ENTREPANES.tablet .container .logo__entrepanes{
        width:300px;
    }*/

    .ENTREPANES.tablet .container header .inner .inf-title-index h1 {
        font-size: 35px;
    }

    .ENTREPANES.tablet .container header .inner .inf-title-index h1.fancy span:before,
    .ENTREPANES.tablet .container header .inner .inf-title-index h1.fancy span:after {
        top: 15px;
    }

    .ENTREPANES.tablet .container .s2 .inner .s2-content .page-desc {
        font-size: 16px;
    }

    .ENTREPANES.tablet .container .section .letter .lettertitle h6 {
        font-size: 26px;
    }

    .ENTREPANES.tablet .container .section .letter .lettertitle p {
        font-size: 20px; 
    }

    .ENTREPANES.tablet .section.s1 .new-products-container .col-new-products--right .start-page-grid__title_1 p{
        margin-top: 15%;
    }

    /* =========================== cesta =================================== */
    .ENTREPANES.tablet .cd-cart-container .cd-cart .body-cart .CartPromoCodeWrap .promoCode {
        width: 60%;
    }

    /* =========================== Novedad =================================== */
    .ENTREPANES.tablet .container .section-nv .inner{
        width: 100%;
        padding:30px 20px;
    }

    /* ============================ Lista de Productos ============================== */
    /*.ENTREPANES.tablet .container .section .ms-grid{
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        max-width:100%;
        width: 100%;
        height: 100%;
    }*/

    .ENTREPANES.phone .container .section .ms-grid{
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .ENTREPANES.tablet .container .section .ms-grid .ms-grid-item{
        width: 250px;
    }

    .ENTREPANES.tablet .container .section .ms-grid .ms-grid-item .img-hover-zoom{
        height: 250px;
        width: 250px;
    }

    .ENTREPANES.tablet .container .section .ms-grid .ms-grid-item .img-hover-zoom .galleries-products{
        height: 250px;
        width: 250px;
    }

    .ENTREPANES.tablet .container .s2 .inner .s2-content h5.fancy span {
        font-size: 30px;
        line-height: 1.2;
    }

    .ENTREPANES.tablet .container .section .letter .letterColumn .price_product .cd-add-to-cart .pedir {
        font-size: 17px;
        line-height:2 ;
    }

    .ENTREPANES.tablet .container .section .ms-grid .ms-grid-item .letterColumn span.sellout{
     font-size: 17px;
     line-height: 2.3;
     height: 38;
    }
    
    /* ============================ ## Lista de Productos ============================== */

    .ENTREPANES.tablet .container .section .ms-grid-cart{
        grid-template-columns: 1fr;
        -ms-grid-columns:1fr;
    }

    .ENTREPANES.tablet .container .section .ms-grid-cart .ms-grid-item-cart{
        width: 100%;
    }

    .ENTREPANES.tablet .container header .inner .inf-title-index .btn{
        margin: 50px auto; 
    }
}