*{margin: 0; padding: 0; outline: 0; }
body, html{height: 100%; }

.fl>img,
.pg-loading-logo {
    width: 320px;
}
#divContMenuPrincipal {
    display: block;
}
#navbar {
    position: relative;
    height: 100px !important;
    top: 0px;
    list-style: none;
}
.navbar-nav li {
    position: relative;
    top: 20px;
    height: auto;
}
.navbar-nav li a {
    position: relative;
    height: auto;
    top: 0px;
    color: #333333;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font: 24px 'RobotoRegular';
    text-decoration: none;
}
.navbar-nav li a div{
    text-align: center;
    font: 20px 'RobotoRegular';
    line-height: 20px;
    text-transform: uppercase;
}
.navbar-nav li:hover {
    top: 20px;
    color: #f7ab2b;
}
.clsAMenuPrincipalActive {
    top: 15px !important;
    color: #555555;
}
.clsAMenuPrincipal {
    color: #555555;
}
.clsAMenuPrincipalDivision{
    width: 1px;
    height: 35px !important;
    background-color: #000;
}
.navbar-default .navbar-nav>li>a {
    color: #FFFFFF;
}
.navbar-toggle {
    background-color: transparent !important;
}
/*.navbar-toggle > span{background-color: #005da8 !important;}*/

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-header {
    width: 100%;
    height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.affix-top {
    top: 0px;
    -webkit-transition: top 0.5s linear;
    -moz-transition: top 0.5s linear;
    -o-transition: top 0.5s linear;
    transition: top 0.5s linear;

    background-color: #EEEEEE !important;
    background-image: url('../images/back-footer.png');
}
.affix {
    top: 0px !important;
    -webkit-transition: top 0.5s linear;
    -moz-transition: top 0.5s linear;
    -o-transition: top 0.5s linear;
    transition: top 0.5s linear;
    background-color: #FFFFFF !important;
    height: 57px !important;
    color: #000000;
}
.affix .navbar,
.affix #divMenuPrincipal {
    height: 57px !important;
    min-height: 57px !important;
}
.affix #imgLogo {
    width: 45px;
    height: 45px;
}

.affix #divRedes {
    top: 3px;
}

.affix .navbar-nav li a {
    color: #333333;
}
.affix #logo,
.affix #aBrand,
.affix #imgLogo {
    width: 45px;
    height: 45px;
}
.affix .navbar-nav li {
    position: relative;
    top: -5px;
    height: 30px;
    color: #333333;
    padding-top: 5px;
    margin-left: 10px;
}
.affix .navbar-nav li a {
    position: relative;
    height: 20px;
    color: #333333;
    font: 17px 'RFRufoBold';
}
.affix .navbar-nav li:hover {
    color: #ffffff !important;
    background-color: #1F223D;
}
.affix .clsAMenuPrincipalActive {
    top: -5px !important;
    color: #FFFFFF !important;
    background-color: #1F223D;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #f7ab2b !important;
}
.clsAMenuPrincipalActive>a {
    color: #f7ab2b !important;
}
#divContMenuPrincipal {
    position: fixed;
    width: 100%;
    height: 100px;
    top: 0px;
    background-color: transparent;
    z-index: 901;
}
#divMenuPrincipal {
    position: relative;
    height: 100%;
    top: 0px;
    background-color: transparent;
}
#ulNavBar {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#divContButtonMenu {
    position: fixed;
    top: 0;
    right: 0;
    background-color: transparent;
    width: 30px;
    height: 25px;
    display: none;
}
.clsIcoMenuTop {
    top: 15px !important;
}
#logo {
    position: relative;
    width: 288px;
    height: 150px;
    font-size: 0;
    line-height: 0;
    z-index: 999;
}
#logo a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -4000px;
    padding: 0 !important;
}
#imgLogo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
.clsLogoIco {
    top: -15px !important;
}
.clsLogoNormal {
    width: 150px;
    height: 43.5px;
}
.clsLogoResp {
    width: 35px !important;
    height: 61px;
    top: 5px !important;
}
.clsImgLogoNormal {
    width: 100% !important;
    height: 100%;
}
.clsABrandNormal {
    width: 100% !important;
    height: 100%;
}
.clsImgLogoResp {
    width: 45px !important;
    height: 45px !important;
    top: 5px !important;
}
.clsABrandResp {
    position: relative;
    width: 35px !important;
    top: 0px;
}
.clsSpaceLogo {
    width: 110px;
}
.clsFLX{
    display: flex;
    align-items: center;
    justify-content: center;
}
.no-overflow{overflow: hidden;}
.clsHide,
.clsDisplayNone {
    display: none;
}
.clsShow{
    display: block;
}
.clsLeft {
    float: left;
}
.clsRight {
    float: right;
}
.clsNoMargin {
    margin: 0px !important;
}
.clsNoPadding {
    padding: 0px !important;
}
.clsNoPaddingLeft {
    padding-left: 0px !important;
}
.clsNoPaddingRight {
    padding-right: 0px !important;
}
.clsMarginBottom20 {
    margin-bottom: 20px !important;
}
.clsMarginBottom30 {
    margin-bottom: 30px !important;
}
.clsMarginBottom60 {
    margin-bottom: 60px;
}
.clsMarginBottom100 {
    margin-bottom: 100px;
}
.clsMarginRight10 {
    margin-right: 10px;
}
.clsMarginRight5 {
    margin-right: 5px;
}
.clsMarginRight3 {
    margin-right: 3px;
}
.clsHeight1 {
    height: 1px;
}
.clsHeight20P {
    height: 20%;
}
.clsHeight30 {
    height: 30px;
}
.clsHeight50 {
    height: 50px;
}
.clsHeight100 {
    height: 100%;
}
.gris {
    background-color: #999;
    height: 220px;
}
.clsNoDisplay {
    display: none;
}
.clsZIndex10 {
    z-index: 10;
}
.clsWidth100 {
    width: 100%;
}
.polyfill-cover {
    object-fit: cover;
    overflow: hidden;
}
.texto-negritas{
    font-family: 'CatamaranBold';
}



/*FontAwasome Brand*/
.fab{
    margin: 0 10px;
    color: #f7ab2b;
    font-size: 24px;
    cursor: pointer;
}
.fab:hover{
    color: #FFFFFF;
}
.fas{
    margin: 0 20px;
    color: #dc2324;
    font-size: 24px;
    cursor: pointer;
}
.fas:hover{
    color: #FFFFFF;
}
.fa-bars{
    width: 24px;
    height: 24px;
}
#divImgBackHome,
#divImgBackInicioMod {
    position: relative;
    width: 100%;
    /*height: auto;*/
    height: 100px;
    z-index: 100;

    object-fit: cover;
    overflow: hidden;
}
.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.my-flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.container {
    z-index: 100;
}
.clsModulo {
    width: 100%;
    height: 100%;
    color: #706F6F;
    position: relative;
    top: -17px;
}
footer {
    width: 100%;
    height: 320px;
    font: 12px 'RobotoRegular';
    color: #FFFFFF;
    background: url('../images/back-footer.jpg');
}
#ulNavBarFooter {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#navbar-footer {
    position: relative;
    height: 100px !important;
    top: 0px;
    list-style: none;
}
#navbar-footer .navbar-nav li {
    position: relative;
    top: 20px;
    height: auto;
}
#navbar-footer .navbar-nav li a {
    position: relative;
    height: auto;
    top: 0px;
    color: #FFFFFF;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font: 16px 'RobotoRegular';
    text-decoration: none;
}
#navbar-footer .navbar-nav li div span a {
    position: relative;
    height: auto;
    top: 0px;
    color: #FFFFFF;
    padding: 0px !important;
    font: 12px 'RobotoLight';
    text-decoration: none;
}
#navbar-footer .navbar-nav li a div{
    text-align: center;
    font: 16px 'RobotoRegular';
    line-height: 20px;
    text-transform: uppercase;
}

#navbar-footer .navbar-nav li a:hover {
    color: #f7ab2b;
}
.separador-footer{
    font: 20px 'RobotoLight';
    color: #FFFFFF;
}
.cls-texto-footer-terminos{
    font: 15px 'RobotoLight';
    color: #FFFFFF;
}
.cls-texto-footer-terminos a{
    font: 15px 'RobotoLight';
    color: #FFFFFF;
}
.cls-texto-footer-terminos a:hover{
    top: 0px !important;
    font: 15px 'RobotoLight';
    color: #f7ab2b;
}
.cls-texto-footer-dasdifel{
    font: 15px 'RobotoLight';
    color: #D54849;
}
.footer-nav {
    position: relative;
    top: 10px;
    text-align: center;
    color: #42CEE5;
    margin-bottom: 5px;
}
#divWhatsApp{
    position:fixed;
    width: 52px;
    height: 52px;
    top:auto;
    bottom: 0px;
    right: 150px;
    background-color: white;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#divWhatsApp a{
    width: 100%;
    height: 100%;
    display: block;
}
#divWhatsApp i{
    width: 100%;
    height: 100%;
    margin: -3px 0 0 0;
    font-size: 60px;
    color: #00b79b;
}
#divContainerDetFooter {
    position: relative;
    top: 200px;
}
#divTextCIA {
    position: relative;
    font: 12px 'RFRufoBold';
    color: #42CEE5;
}
.clsTextLightBox {
    position: relative;
    font: 12px 'RFRufoBold';
    color: #42CEE5;
    text-align: center;
}
#divTextDev {
    position: relative;
    font: 12px 'RFRufoBold';
    color: #42CEE5;
    float: right;
}
#imgLogoDev {
    position: relative;
    width: 80px;
    top: 0px;
    float: right;
    margin-left: 10px;
}
#divContButtonMenu {
    position: fixed;
    top: 25px;
    left: 90px;
    z-index: 2000
}
#showLeft,
#showRight {
    width: 22px;
    height: 22px;
    background: none;
    border: none;
    position: relative;
}
#showLeft {
    /*background-image: url("../images/ico-menu.svg");
    background-repeat: no-repeat;*/
    float: left;
}
.clsBtnX {
    width: 100%;
    height: 40px;
}
#imgCloseMenu {
    position: relative;
    width: 30px;
    height: 20px;
    left: 0px;
}
.clsAMenu {
    position: relative;
    /*width: 200px;*/
}
.clsOpacity1 {
    opacity: 1 !important;
}
.clsOpacity0 {
    opacity: 0 !important;
}
.clsTexto {
    font: 18px 'MontserratRegular';
    color: #333333;
    margin-bottom: 30px;
}
.clsBlack {
    font-family: 'CatamaranBlack';
}
.clsObjInCenter {
    width: 70%;
    margin: 0 auto;
    font: 18px 'MontserratRegular';
}
.clsShowMovil{
    display: none;
}

/*Facebook*/
#facebook{
    display: none;
}
/*Fin Facebook*/





/*Inicio*/
#inicio {
    position: relative;
    height: auto !important;
    background-color: #747679;
    z-index: 10;
}
#divImgBackHome {
    position: relative;
    height: auto !important;
}
/*Fin Inicio*/


/*Productos*/
#productos{
    position: relative;
    width: 100%;
    height: 200px;
    background: url('../images/back-productos.png');
    background-repeat: no-repeat;
    background-size: 100%;
    object-fit: cover;
    /*overflow: hidden;*/
}
.clsTituloProductos{
    font: 24px 'KaushanScriptRegular';
    color: #DC2324;
    text-align: center;
}
.clsTituloProductosDesc{
    font: 24px 'RobotoMedium';
    color: #333333;
    text-align: center;
}
.cont-productos{
    position: relative;
    width: 100%;
    height: 400px;
    top: 50px;
    background-color: #EEEEEE;
    z-index: 9;
}
#ul-menu-productos{
    position: relative;
    top: 30px;
    left: 30px;
    display: table;
    vertical-align: middle;
    list-style: none;
}
#ul-menu-productos li{
    height: 10px;
    margin-bottom: 10px;
    color: #333333;
    font: 18px 'RobotoLight';
    cursor: pointer;
}
#ul-menu-productos li:hover,
.cls-item-menu-active{
    font: 18px 'RobotoMedium' !important;
    color: #dc2324 !important;
}
#ul-menu-productos li:hover .cont-bullet,
.cls-item-menu-bullet-active{
    width: 48px;
    height: 19px;
    background-image: url('../images/bullet.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.cont-bullet{
    width: 48px;
    height: 19px;
    margin-right: 10px;
}
.cont-bullet,
.cont-item-menu-nombre{
    position: relative;
    float: left;
}
.clsIniSlideProductos{
    display: none !important;
}
.clsLineaMenuProductos{
    position: relative;
    width: 20px;
    height: 1px;
    left: 60px;
    margin-top: 25px;
    margin-bottom: 5px;
    background-color: #B9B9B9;
}
.slide-productos{
    width: 100%;
    height: 100%;
}
#slide-botaneras{
    display: block;
}
.cls-cont-producto-det-prin{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cls-producto-nombre{
    margin-bottom: 10px;
    font: 28px 'KaushanScriptRegular';
    color: #dc2324;
    text-align: right;
}
.cls-producto-peso{
    margin-bottom: 30px;
    font: 14px 'RobotoMedium';
    color: #000000;
    text-align: right;
}
.cls-producto-desc{
    font: 18px 'RobotoLight';
    color: #000000;
    text-align: right;
}
.cls-cont-img-producto{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sp-horizontal .sp-arrows {
    top: 90% !important;
}
/*Fin Productos*/





/*Nosotros*/
#nosotros{
    position: relative;
    width: 100%;
    height: auto;
    background: url('../images/back-nosotros.jpg');
    background-repeat: repeat;
    background-size: 100%;
    object-fit: cover;
    overflow: hidden;
}
#nosotros > .container{
    /*margin-top: 300px;*/
}
.clsTituloNosotros{
    font: 24px 'KaushanScriptRegular';
    color: #E7B340;
    text-align: center;
}
.clsTituloNosotrosDesc{
    font: 20px 'RobotoLight';
    color: #FFFFFF;
    text-align: center;
}
.cont-dasdifel{
    position: relative;
    width: 250px;
    height: auto;
    margin: 50px auto;
}
.nombre-dasdifel{
    font: 34px 'RobotoLight';
    color: #FFFFFF;
    letter-spacing: 2px;
    text-align: center;
}
.nombre-dasdifel > span.rojo{
    font: 34px 'RobotoBold' !important;
    color: #DC2324 !important;
}
.linea-dasdifel{
    position: relative;
    width: 100%;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
}
.inteligencia-dasdifel{
    font: 20px 'RobotoLight';
    color: #FFFFFF;
    text-align: center;
}
.cont-vision{
    position: relative;
}
.titulo-vision{
    margin-bottom: 10px;
    font: 25px 'RobotoBold';
    color: #E7B340;
    text-align: center;
}
.texto-vision{
    font: 20px 'RobotoLight';
    color: #FFFFFF;
    text-align: center;
}
.cont-hoja,
.cont-ajos{
    width: 100%;
    height: 100%;
}
.cont-hoja > img{
    width: 90%;
}
.row-cont-vision{
    margin-bottom: 50px;
}
.row-cont-mision{
    margin-bottom: 50px;
}
/*Fin Nosotros*/



/*Productos isn gluten*/
#prod-sin-gluten{
    position: relative;
    width: 100%;
    height: auto;
    background: url('../images/back-productos-sin-gluten.png');
    background-repeat: no-repeat;
    background-size: 100%;
    object-fit: cover;
    overflow: hidden;
}
.clsTituloSinGluten{
    position: relative;
    font: 80px 'KaushanScriptRegular';
    color: #83B863;
    text-align: center;
}
.clsTituloSinGlutenDesc{
    font: 32px 'RobotoLight';
    color: #333333;
    text-align: center;
}
/*Fin Productos isn gluten*/


/*Contacto*/
#contacto{
    position: relative;
    width: 100%;
    height: auto;
    background: url('../images/back-contacto_b.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    object-fit: cover;
    overflow: hidden;
}
.clsTituloContacto{
    position: relative;
    font: 80px 'KaushanScriptRegular';
    color: #DC2324;
    text-align: center;
}
.clsContFormContacto{
    position: relative;
    height: 100%;
    width: 80%;
    margin: 0 auto;
}
.frm-fields{
    font: 14px 'RobotoLight';
    color: #FFF;
    line-height: 16px;
}
.cont-text-campos{
    font: 14px 'RobotoLight';
    color: #cfb355;
}
#frmContacto input,
#frmContacto textarea{
    width: 100%;
    height: 26px;
    margin-bottom: 8px;
    padding: 5px;
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed #FFF;
    font: 20px 'RobotoLight';
    color: #FFF;
}
.btn-enviar{
    position: relative;
    width: 150px;
    height: 112px;
    background: url('../images/btn_enviar.png');
    background-repeat: no-repeat;
    background-size: 100%;
    object-fit: cover;
    overflow: hidden;
    outline : none;
    border: 0;
    cursor: pointer;
}
.btn-enviar:hover{
    width: 150px;
    height: 112px;
    background: url('../images/btn_enviar_activo.png');
    background-repeat: no-repeat;
    background-size: 100%;
    object-fit: cover;
    overflow: hidden;
    outline : none;
    border: 0;
}
/*Fin Contacto*/



/*Contacto-2*/
#contacto-2{
    position: relative;
    width: 100%;
    height: auto;
    background: url('../images/back-contacto_2.png');
    background-repeat: no-repeat;
    background-size: 100%;
    object-fit: cover;
    /*overflow: hidden;*/
}
.cont-contacto-2{
    position: relative;
    width: 100%;
    height: 400px;
    top: 50px;
    padding-top: 100px;
    background-color: #E7B340;
    z-index: 9;
}
.cont-texto-footer{
    width: 100%;
}
.cls-texto-footer{
    font: 18px 'RobotoLight';
    color: #000000;
}
.cls-texto-footer > span{
    font: 18px 'RobotoMedium';
    color: #DC2324;
}
.cls-texto-footer > b{
    font: 18px 'RobotoMedium';
    color: #000000;
}
#divUp{
    position: relative;
    padding-top: 50px;
}
/*Fin Contacto-2*/



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

@media(min-width:300px) {
    /*Contacto*/
    #divFacebookContacto {
        margin-left: 20%;
    }
    .clsRedesContacto {
        margin-right: 15px;
    }
    /*Fin Contacto*/
}

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

}

@media (min-width: 768px) and (max-width: 991px) {

}

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

}

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

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

@media(min-width:300px) and (max-width:767px) {
    .clsHiddenMovil {
        display: none !important;
    }
    .clsShowMovil {
        display: block !important;
    }
    .clsPaddingMovil{
        padding: 15px !important;
    }


    #divContMenuPrincipal{
      height: 80px;
    }
    #divMenuPrincipal{
        display: block !important;
    }
    #divContButtonMenu {
        display: block !important;
    }
    .navbar-header {
        height: 90px;
    }
    #navbar{
        display: none !important;
    }
    .navbar-nav li a div{
        font: 10px 'RobotoMedium';
        line-height: 10px;
    }
    #ulNavBar{
        margin-top: -60px;
    }
    #logo {
        width: 120px;
        height: 57px;
        margin-top: -30px !important;
    }

    /*Productos*/
    #productos{
        height: 400px;
    }
    .clsTituloProductos {
        margin-top: 30px;
        font: 40px 'KaushanScriptRegular';
    }
    .cont-productos{
        height: 530px;
    }
    #ul-menu-productos{
        left: 5px;
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #ul-menu-productos li {
        margin-right: 10px;
        margin-bottom: 20px;
        font: 18px 'RobotoLight' !important;
    }
    #ul-menu-productos li:hover .cont-bullet,
    .cls-item-menu-bullet-active{
        width: 34px;
    }
    #ul-menu-productos li:hover, .cls-item-menu-active {
        font: 18px 'RobotoMedium' !important;
        color: #dc2324 !important;
    }
    #ul-menu-productos li:hover .cont-bullet, .cls-item-menu-bullet-active {
        width: 20px;
        top: 5px;
    }
    .cont-bullet {
        width: 20px;
        display: none;
    }
    .clsLineaMenuProductos{
        left: 30px;
        display: none;
    }
    .sp-slides-container{
        height: 400px;
    }
    .slide-producto{
        padding-left: 15px;
    }
    .cls-cont-producto-det-prin{
        padding-right: 0px;
    }
    .cls-producto-nombre{
        font: 26px 'KaushanScriptRegular';
        line-height: 25px;
    }
    .cls-producto-desc {
        font: 17px 'RobotoLight';
    }
    .cls-img-producto {
        width: 100%;
        height: auto;
    }
    /*Fin Productos*/

    /*Nosotros*/
    #nosotros{
        padding-top: 370px;
    }
    .clsTituloNosotros {
        font: 40px 'KaushanScriptRegular';
    }
    /*Fin Nosotros*/

    /*Productos sin gluten*/
    #prod-sin-gluten{
        height: 250px;
    }
    .clsTituloSinGluten {
        margin-top: 100px;
        font: 40px 'KaushanScriptRegular';
    }
    .clsTituloSinGlutenDesc {
        font: 24px 'RobotoLight';
    }
    /*Fin Productos sin gluten*/

    /*Contacto*/
    #contacto{
        background: url(../images/back-contacto_m.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .clsTituloContacto {
        font: 40px 'KaushanScriptRegular';
    }
    #frmContacto{
        padding-top: 30px;
    }
    #frmContacto input, #frmContacto textarea{
        height: 18px;
        font: 12px 'RobotoLight';
    }
    .btn-enviar{
        width: 100px;
        height: 70px;
    }
    /*Fin Contacto*/

    /*Contacto 2*/
    #contacto-2{

    }
    .cont-contacto-2{
        height: 350px;
        top: 120px;
        padding-top: 30px;
    }
    .img-logo-footer{
        width: 35%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #divUp {
        padding-top: 30px;
    }
    .cls-texto-footer{
        width: 90%;
        margin: 0 auto;
        font: 14px 'RobotoLight';
        text-align: center;
    }
    .cls-texto-footer > span,
    .cls-texto-footer > b {
        font: 14px 'RobotoMedium';
    }
    /*Fin Contacto 2*/

    /*Footer*/
    footer{
        height: 250px;
    }
    #divContainerDetFooter{
        top: 120px;
    }
    #navbar-footer .navbar-nav li a div {
        font: 12px 'RobotoRegular';
    }
    .cls-texto-footer-dasdifel {
        font: 13px 'RobotoLight';
    }
    /*Fin Footer*/



}
@media(min-width:300px) and (max-width:991px) {
    .clsHiddenTablet {
        display: none !important;
    }
    .clsShowTablet {
        display: block !important;
    }
}
@media(max-width:991px) {
    #divContButtonMenu {
        top: 0px;
        left: 15px;
    }
}
@media(min-width:320px) and (max-width:539px) {
    .clsObjInCenter {
        width: 100%;
        font-size: 16px;
    }

    #divTextCIA {
        font: 10px 'RFRufoBold';
    }
    #divTextDev {
        display: none;
    }
}

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

}

/*@media(min-width:768px) and (max-width:991px) {*/
@media(min-width:768px) and (max-width:1023px) {
    #divContMenuPrincipal{
        top: -35px;
    }
    #navbar {
        top: -110px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-header {
        height: 140px;
    }
    .navbar-nav li a div{
        font: 10px 'RobotoMedium';
        line-height: 10px;
    }
    #ulNavBar{
        width: 90%;
        margin-top: -80px;
    }
    #logo {
        width: 150px;
        height: 71px;
        margin-top: 0 !important;
    }

    /*Productos*/
    #productos{
        height: 400px;
    }
    .clsTituloProductos {
        margin-top: 30px;
        font: 40px 'KaushanScriptRegular';
    }
    #ul-menu-productos{
        left: 5px;
    }
    #ul-menu-productos li {
        font: 14px 'RobotoLight';
    }
    #ul-menu-productos li:hover .cont-bullet,
    .cls-item-menu-bullet-active{
        width: 34px;
    }
    #ul-menu-productos li:hover, .cls-item-menu-active {
        font: 14px 'RobotoMedium' !important;
        color: #dc2324 !important;
    }
    .cont-bullet{
        width: 34px;
    }
    .clsLineaMenuProductos{
        left: 45px;
    }
    .sp-slides-container{
        height: 400px;
    }
    .cls-producto-nombre{
        line-height: 34px;
    }
    .cls-img-producto {
        width: 100%;
        height: auto;
    }
    /*Fin Productos*/

    /*Productos sin gluten*/
    #prod-sin-gluten{
        height: 250px;
    }
    .clsTituloSinGluten {
        margin-top: 100px;
        font: 40px 'KaushanScriptRegular';
    }
    .clsTituloSinGlutenDesc {
        font: 24px 'RobotoLight';
    }
    /*Fin Productos sin gluten*/

    /*Contacto*/
    #contacto{
        padding-bottom: 50px;
    }
    .clsTituloContacto {
        font: 40px 'KaushanScriptRegular';
    }
    #frmContacto{
        padding-top: 30px;
    }
    #frmContacto input, #frmContacto textarea{
        height: 18px;
        font: 12px 'RobotoLight';
    }
    /*Fin Contacto*/

    /*Contacto 2*/
    #contacto-2{

    }
    .cont-contacto-2{
        height: 300px;
        top: 120px;
    }
    .img-logo-footer{
        width: 100%;
    }
    .cls-texto-footer{
        font: 14px 'RobotoLight';
    }
    .cls-texto-footer > span,
    .cls-texto-footer > b {
        font: 14px 'RobotoMedium';
    }
    /*Fin Contacto 2*/

    /*Footer*/
    footer{
        height: 220px;
    }
    #divContainerDetFooter{
        top: 120px;
    }
    #navbar-footer .navbar-nav li a div {
        font: 12px 'RobotoRegular';
    }
    .cls-texto-footer-dasdifel {
        font: 13px 'RobotoLight';
    }
    /*Fin Footer*/
}
/*
@media(min-width:992px) and (max-width:1023px) {
    .navbar-nav li a {
        padding-left: 8px;
        padding-right: 8px;
        font: 14px 'RFRufoBold' !important;
    }
    .clsTituloSeccion {
        font-size: 23px;
    }
    #divTextoHeader {
        width: 390px;
        top: -650px;
        left: 30px;
        font-size: 28px;
    }
}
*/
@media(min-width:1024px) and (max-width:1199px) {
    #navbar {
        top: -60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-header {
        height: 0px;
    }
    .navbar-nav li a div {
        font: 10px 'RobotoMedium';
        line-height: 10px;
    }
    #ulNavBar {
        width: 90%;
        margin-top: -30px;
    }
    #logo {
        width: 200px;
        height: 95px;
    }

}
@media(min-width:1200px) and (max-width:1399px) {
    #navbar {
        top: -20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-header {
        height: 0px;
    }
    .navbar-nav li a div{
        font: 12px 'RobotoMedium';
        line-height: 12px;
        text-transform: uppercase;
    }
    #ulNavBar {
        width: 90%;
        margin-top: -20px;
    }
    #logo {
        width: 100px;
        height: 100px;
        top: 60px;
    }

}

@media(min-width:1400px) and (max-width:1599px) {
    #navbar {
        top: -50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-header {
        height: 0px;
    }
    .navbar-nav li a div{
        font: 14px 'RobotoMedium';
        line-height: 14px;
        text-transform: uppercase;
    }
    #ulNavBar {
        width: 90%;
        margin-top: -20px;
    }
    #logo {
        width: 240px;
        height: 114px;
    }

}

@media(min-width:1600px) and (max-width:1999px) {
    #navbar {
        top: -50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-nav li a div{
        font: 16px 'RobotoRegular';
        line-height: 16px;
        text-transform: uppercase;
    }
    #ulNavBar {
        width: 90%;
        margin-top: -20px;
    }
    #logo {
        width: 285px;
        height: 135px;
    }

}


@media (min-width: 300px){

    .clsSliderTitulo{
        font: 14px 'CatamaranLight';
        text-transform: none;
    }
    .sp-padding {
        padding: 0px 10px !important;
    }

    .cls-titulo-1{font-size: 28px;}
    .cls-titulo-2, .cls-titulo-e-2{font-size: 40px; margin-top: -35px;}

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

}
@media (min-width: 576px){

}
@media (min-width: 768px){


}
@media (min-width: 992px){

    /*Productos*/
    #productos{
        width: 100%;
        height: 500px;
    }
    .clsTituloProductos{
        margin-top: 50px;
        font: 48px 'KaushanScriptRegular';
    }
    .clsTituloProductosDesc{
        font: 24px 'RobotoMedium';
    }
    .cont-productos{
        height: 500px;
        top: 50px;
    }
    #ul-menu-productos{
        top: 70px;
        left: 50px;
    }

    .cls-producto-nombre{
        font: 28px 'KaushanScriptRegular';
    }
    .cls-producto-peso{
        font: 14px 'RobotoMedium';
    }
    .cls-producto-desc{
        font: 18px 'RobotoLight';
        color: #000000;
        text-align: right;
    }
    .cls-img-producto {
        width: auto;
        height: 500px;
    }
    /*Fin Productos*/

    /*Nosotros*/
    #nosotros > .container{
        width: 65%;
        margin-top: 250px;
    }
    .clsTituloNosotros{
        font: 48px 'KaushanScriptRegular';
    }
    .clsTituloNosotrosDesc{
        font: 20px 'RobotoLight';
    }
    /*Fin Nosotros*/

    /*Productos sin gluten*/
    .clsTituloSinGluten{
        margin-top: 170px;
        font: 80px 'KaushanScriptRegular';
    }
    .clsTituloSinGlutenDesc{
        margin-bottom: 100px;
        font: 32px 'RobotoLight';
    }
    /*Fin Productos sin gluten*/




    /*contacto*/
    #contacto{
        height: 500px;
        min-height: 500px;
    }
    .clsTituloContacto{
        margin-top: 10px;
        font: 60px 'KaushanScriptRegular';
    }
    #frm-contacto {
        position: relative;
        width: 70%;
        min-height: 400px;
        height: auto;
        left: 25%;
    }
    /*contacto*/

    /*Contacto 2*/
    .cont-contacto-2{
        top: 170px;
        padding-top: 100px;
    }
    #divUp{
        position: relative;
        padding-top: 40px;
    }
    /*Fin Contacto 2*/

}
@media (min-width: 1200px){

    #divImgBackInicioMod{height: 300px !important;}

    #navbar {
        top: -20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*Productos sin gluten*/
    .clsTituloSinGluten{
        margin-top: 200px;
        font: 80px 'KaushanScriptRegular';
    }
    .clsTituloSinGlutenDesc{
        margin-bottom: 100px;
        font: 32px 'RobotoLight';
    }
    /*Fin Productos sin gluten*/

    /*Contacto*/
    .clsTituloContacto{
        margin-top: 10px;
        font: 80px 'KaushanScriptRegular';
    }
    /*Fin Contacto*/



}






.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: ($grid-gutter-width / 2);
    padding-left: ($grid-gutter-width / 2);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-sm,
    .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px;
    }
}