@media (min-width : 768px) {

    /*HEADER*/

    .xnavbar-fixed {
        position: absolute;
        z-index: 1000;
        width: 100%;
        background:rgba(255, 255, 255, 0.84);
    }



    .xnavbar {
        margin-bottom : 0px;
        min-height         : inherit;
    }

    .xnavbar .navbar-header .navbar-brand .xnavbar-logo-brand {
        max-width: 180px;
    }

    .xnavbar .navbar-body .xnavbar-top {
        max-height: 49px;
        border-radius: 0;
        margin-bottom: 0;     
    }

    .xnavbar .navbar-body .xnavbar-top .buttons-top {
        float: right ;
        border-bottom: 1px solid #e1e1e1;
    }

    .xnavbar .navbar-body .xnavbar-top .buttons-top li a {
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }

    .xnavbar .navbar-body .xnavbar-top .config-phone-site {
        font-size: 1.4rem;
        padding-top: 12px;
        padding-bottom: 12px;
        /*background: red;*/
        text-align: right !important;
        margin-right: 10px;
        min-width: 250px;
    }


    .xnavbar .navbar-body .xnavbar-top .navbar-main {
        float: right;
        margin-top: 0;
    }

    .xnavbar .navbar-body .xnavbar-top .navbar-main li a {
        font-size: 1.45rem;
    }
    

    .xnavbar .navbar-body .xnavbar-top .navbar-main li a:hover,
    .xnavbar .navbar-body .xnavbar-top .navbar-main li a:focus {
        color:#1d85ed
    }

    .xnavbar .navbar-body .xnavbar-top .navbar-main li a:hover::after,
    .xnavbar .navbar-body .xnavbar-top .navbar-main li a:focus::after {
        content: '';
        position: relative;
        display: block;
        width: 98%;
        padding: 24px 0 0 0; 
        border-bottom: 5px solid #1d85ed;
    }

    .xnavbar .navbar-body .xnavbar-top .navbar-main li .nav-main-item-carrito:hover::after,
    .xnavbar .navbar-body .xnavbar-top .navbar-main li .nav-main-item-carrito:focus::after {
        display: none;
        border-bottom-width: 0;
        border-bottom-color: transparent; 
    }
    

    /***************************************************************************************************/
    /***************************************************************************************************/
    /*************************************  FOOTER      ******************************************/
    /***************************************************************************************************/

    footer {
        padding-top: 43px;
    }

    footer h4   {
        text-align: left;
    }

    footer .container {
        margin: 16px auto 43px;
    }


    footer .logo-footer img {
        padding: 20px 0;
        max-width: 230px;
        margin:0;
    }

    footer .nav-footer {
        text-align : left;
        /*margin     : 0 0 30px*/
    }

    footer .nav-footer > li > a {
        /*color       : #fff;
        font-weight : 400;
        font-size   : 1.6rem;*/
        padding : 3px 15px 3px 0;
    }

    footer .info_contacto {
        text-align: left;
    }

    .footer-last .footer-redes-sociales {
        margin: 0 auto;
    }

    .footer-last .byto a img {
        float: right;

    }

    .footer-last .copyright {
        text-align : left !important;
        font-size  : 1.6rem;
        line-height: 80px;
        margin-top: 0;
        height: 80px;
        /*color      : #fff;*/
    }

    .grilla-header .breadcrumb li a,
    .grilla-header .breadcrumb li a:hover,
    .grilla-header .breadcrumb li a:focus {
        font-size : 1.4rem;
    }

    .grilla-header .breadcrumb li.active {

        font-size : 1.4rem;
    }

    /*Productos*/
    .section-productos-destacados .title {
        font-size : 2.8rem;

    }

    .producto-body {
        margin:0 0 15px;
    }



    .producto-img-thumb img{

        padding: 0 0 26%;
    }

    .footer-last .byto {
        text-align : right;
    }


    /*************************************************************************************/
    /********************     Catalogo                  **********************************/
    /*************************************************************************************/
    .content-breadcrum {
        margin-top : 130px;
    }


    .content-header {
        height          : auto;
        background      : url('../../public/breadcrumb/breackcrumbs.jpg');
        margin-bottom   : 30px;
        background-size : cover;
    }

    .cont-head-title {
        font-weight    : 600;
        font-size      : 2.0rem;
        line-height    : 80px;
        color          : #FFF;
        float          : left;
        text-transform : uppercase;

    }

    .content-header .breadcrumb {
        line-height : normal;
        margin      : 0;
        padding     : 33px 0 10px;
    }

    .content-header .breadcrumb li a,
    .content-header .breadcrumb li a:hover,
    .content-header .breadcrumb li a:focus {
        color          : #1d85ed;
        font-size      : 1.4rem;
        text-transform : uppercase;
        font-style     : italic;
        font-weight    : 400;
    }

    .content-header .breadcrumb li.active {
        color          : #FFFFFF;
        font-size      : 1.4rem;
        text-transform : uppercase;
        font-style     : italic;
        font-weight    : 400;
    }


}
