/* 
  ##Device = Desktops
  ##Screen = 1024px to higher resolution desktops
  ##Screen = 1281px to higher resolution desktops
*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

/*@media (min-width: 1024px) and (max-width: 2048px) {*/
@media (min-device-width: 769px) {
    body {
        width:100%;
        height:100%;
    }

    .ENTREPANES.desktop{
        max-width: 1920px;
        margin-left: auto; 
        margin-right: auto;
    }

    .ENTREPANES.desktop .container{
        width: 100%;
        max-width: 2000px;
        min-width: 960px;
        z-index: 10;
        position: relative;
        padding: 0;
        margin-right:auto;
        margin-left:auto;
    }

     /* Navigation Menu */

     
    
    /* ## Navigation Menu -- */


    /* SECTION */
    .ENTREPANES.desktop .container .section .inner {
        width: 960px;
        padding:30px 15px;
    }
    /* ## SECTION -- */



    /* WIDGET AREA BRANDS*/

    .ENTREPANES.desktop .brands .widget-area {
        display:block;
    }

    .ENTREPANES.desktop .brands .widget-area::after {
        content: "";
        clear: both;
    }

    .ENTREPANES.desktop .brands .widget-area .widget {
        display: inline-block;
        margin-bottom: 38px;
        width: 100%;
        text-align: left;
    }

    .ENTREPANES.desktop .brands .widget-area .widget.widget-brands {
        margin-bottom: 15px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands ul, 
    .ENTREPANES.desktop .brands .widget-area .widget-folders ul{
        padding-left: 0;
        margin-bottom: 15px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands ul, 
    .ENTREPANES.desktop .brands .widget-area .widget-folders ul{
        display:block;
        list-style: none;
        width: 100%;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands ul li, 
    .ENTREPANES.desktop .brands .widget-area .widget-folders ul li {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        letter-spacing: 0.77px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands ul li a,
    .ENTREPANES.desktop .brands .widget-area .widget-folders ul li a{
        position: relative;
        font-size: 12px;
        color: #555;
        font-family: 'Arimo';
        font-weight: 600;
        letter-spacing: 1.2px;
        text-decoration: none;
        padding-left: 10px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands li a::before {
        content: "\f0da";
        font-family: 'FontAwesome';
        left: 0;
        position: absolute;
        top: 0;
        line-height: 1.3em;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands li span, 
    .ENTREPANES.desktop .brands .widget-area .widget-folders li span {
        width: 30px;
        height: 30px;
        line-height: 32px;
        background-color: #ececec;
        font-size: 11px;
        font-family: 'Roboto Condensed', serif;
        text-align: center;
        border-radius: 100%;
        color: #555;
        font-weight: 600;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands li a:hover, 
    .ENTREPANES.desktop .brands .widget-area .widget-folders li a:hover {
        color: #7da602;
        padding-left: 25px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands li .act{
        color: #7da602;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-brands li a:hover span, 
    .ENTREPANES.desktop .brands .widget-area .widget-folders li a:hover span {
        background-color: #7da602;
        color: #fff;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-folders{
        margin-bottom: 15px;
    }
        
    .ENTREPANES.desktop .brands .widget-area .widget-folders li a::before {
        content: "";
    }

    .ENTREPANES.desktop .brands .widget-area .widget-folders ul li a {
        padding-left: 20px;
        line-height: 30px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews{
        display: block;
        width: 100%;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news {
        display: block;
        border-bottom: 1px solid #e1e1e1;
        position: relative;
        width: 100%;
        margin-bottom: 25px;
        padding: 0 0 30px 0;
        min-height: 70px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news:last-of-type {
        margin-bottom: 0;
        border-bottom: none;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news img{
        float: left;
        width: 70px;
        height: 70px;
        border: 1px solid #ececec;
        margin-right: 10px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news img::after{
        content: "";
        clear: both;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news img:hover {
        opacity: 0.5;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news h3 {
        display: inline-block;
        position: relative;
        margin: 0;
        font-family: 'Lora', serif;
        font-size: 13px;
        letter-spacing: 0.52px;
        width: 68%;
        text-align: left;
        color: #333;
        line-height: 1.4em;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news h3 a {
        color: #333;
        text-decoration: none;
        line-height: 20px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news h3 a:hover {
        color: #7da602;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-latestnews .latest-news p {
        display: inline-block;
        position: relative;
        font-size: 11px;
        color: #777;
        line-height: 20px;
        font-family: 'Lora', serif;
        letter-spacing: 0.77px;
    }

    .ENTREPANES.desktop .brands .widget-area .widget-title {
        color: #333;
        font-family: 'montserratsemi_bold';
        font-size: 18px;
        letter-spacing: 1.30px;
        line-height: 19.98px;
        margin-bottom: 30px;
        margin-top: 0;
        /*text-transform: uppercase;*/
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 22px;
    }

    .ENTREPANES.desktop .brands .widget-area .pull-left{
        float: left !important;
        padding-left: 1px;
    }

    /* ## WIDGET AREA BRANDS*/


    /* brands */
    .ENTREPANES.desktop .brands .information-area{
        width: 70%;
        padding: 0;
    }

    .ENTREPANES.desktop .brands .information-area .information .post-content h1 {
        font-size: 45px;
    }

    .ENTREPANES.desktop .brands .information .post-content .entry-meta ul li {
        display: inline-block;
        text-align: center;
        margin-bottom: 0;
    }

    .ENTREPANES.desktop .brands .information .post-content .entry-meta ul li a {
        margin-right: 40px;
    }

    .ENTREPANES.desktop .brands .information .post-content .entry-meta li .fa-info::before{
        margin-right: -0.20em;
    }

    .ENTREPANES.desktop .brands .information .post-content .entry-meta li .fa-video::before{
        margin-right: -0.08em;
    }

    .ENTREPANES.desktop .brands .information .post-content .entry-meta li .fa-mail::before{
        margin-right: -0.15em;
    }


    /* ## brands */



    /* ## Footer - Footer Main --*/

    .ENTREPANES.desktop .footer-main .footer-content h3{
        font-size: 40px;
        margin-bottom: 30px;
    }

    .ENTREPANES.desktop .footer-main .footer-content h4{
        font-size: 22px;
    }

    .ENTREPANES.desktop .footer-main .footer-content p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .ENTREPANES.desktop .footer-main .footer-social li {
        display: inline-block;
        margin-right: 20px;
    }

    .ENTREPANES.desktop .footer-main .footer-social li {
        margin-right: 20px;
    }

    .ENTREPANES.desktop .footer-main .mail-news .c-mail{
        width: 350px;
    }

    /* ## Footer - Footer Main --*/


    /* ARROW WRAP */
    .ENTREPANES.desktop .arrow-wrap {
        display: block;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: -7em;
        margin-left: -5em;
        background: #111;
        width:12em;
        height:12em;
        padding:2em;
        border-radius: 50%;
        font-size: 0.5em;
        box-shadow: 0px 0px 5px 0px #333;
        cursor: pointer;
    }
    
    .ENTREPANES.desktop .arrow {
        position:relative;
        float:left;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 3em 3em 0 3em;
        border-color: #999999 transparent transparent transparent;
        /*-webkit-transform: rotate(360deg)*/
        top: 3em;
        left: 1em;
    }

    .ENTREPANES.desktop .arrow:after {
        content:'';
        position:absolute;
        top:-4em;
        left:-3em;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 3em 3em 0 3em;
        border-color: #111 transparent transparent transparent;
        /*-webkit-transform:rotate(360deg)*/
    }

    @keyframes arrows {
        0% {top: 40%;}
        10% {top: 50%;}
        20% {top: 42%;}
        30% {top: 50%;}
        40% {top: 35%;}
        50% {top: 50%;}
        60% {top: 40%;}
        70% {top: 50%;}
        80% {top: 30%;}
        90% {top: 43%;}
        100% {top: 35%;}
    }
    
    .ENTREPANES.desktop .arrow-wrap .arrow {
        -webkit-animation-delay: 3s; /* Safari & Chrome */
        -moz-animation-delay: 3s; /* Firefox */
        -ms-animation-delay: 3s; /* Internet Explorer */
        -o-animation-delay: 3s; /* Opera */
        animation-delay: 3s; /* W3C */

        -webkit-animation: arrows 2.8s 0.4s; /* Safari & Chrome */
        -moz-animation: arrows 2.8s 0.4s; /* Firefox */
        -ms-animation: arrows 2.8s 0.4s; /* Internet Explorer */
        -o-animation: arrows 2.8s 0.4s; /* Opera */
        animation: arrows 2.8s 0.4s; /* W3C */
    }

    /* ## ARROW WRAP */

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

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

    /* MENUBAR */
    .ENTREPANES.desktop .container header .menubar .menubar-center{
        width: 960px;
        margin: 0 auto;
    }

    .ENTREPANES.desktop .container header .menubar .menubar-center .nav-group-cart{
        display: block;
        position: relative;
        float: right !important;
    }

    .ENTREPANES.desktop .container header .menubar .menubar-center .nav-group-list .nav-group-item .nav-item {
        text-align: center;
    }

    .ENTREPANES.desktop .container header .menubar .menubar-center .nav-group-list .nav-group-item .nav-item.pad{
        padding: 15px 1%;
    }

    .ENTREPANES.desktop .container header .menubar .menubar-center .navbar-header{
        display: none;
        float: left !important;
        padding: 0;
        padding-left: 15px;
    }
    
    .ENTREPANES.desktop .container header .menubar .menubar-center .navbar-header::after{
        clear: both;
    }

    .ENTREPANES.desktop .container .section-r .inner h3 {
        font-size: 40px;
    }

    .ENTREPANES.desktop .container .section-r .inner{
        width: 960px;
        padding:30px 0;
    }

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

    /* ## MENUBAR */


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


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

    .ENTREPANES.desktop .section.s1 .new-products-container{
        max-height: 600px;
    }


    /* ================= ## INDEX ============== */
    /*.ENTREPANES.desktop .container .logo__entrepanes{
        width:350px;
        height:296px;
    }*/

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

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

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

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

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

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

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

    .ENTREPANES.desktop .container .section .ms-grid-cart .ms-grid-item-cart{
        width: 455px;
    }

    .ENTREPANES.desktop .container header .inner .inf-title-index .btn{
        margin: 60px auto 0 auto; 
    }

    /* ============================ Lista de productos ====================== */
    .ENTREPANES.desktop .container .section .ms-grid{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    .ENTREPANES.desktop .container .section .ms-grid .ms-grid-item{
        width: 300px;
    }

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

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

    .ENTREPANES.desktop .container .s2 .inner .s2-content h5.fancy span {
        font-size: 35px;
        line-height: 1.3;
    }

    .ENTREPANES.desktop .container .s2 .inner .s2-content .fancy span:before,
    .ENTREPANES.desktop .container .s2 .inner .s2-content .fancy span:after {
        top: 20px;
    }

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

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

    .ENTREPANES.desktop .container .section .ms-grid .ms-grid-item .letterColumn span.sellout{
        font-size: 17px;
    }

    /* ============================ ## Lista de productos =================== */
}