@charset “utf-8”;

/* CSS Document */

body {
    background-image: url(../img/bg.png);
    font-family: 'Oswald', sans-serif !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 400px) {
    img.phone-banner {
        width: 100%;
    }
    a.btn.btn-menu>span {
        font-size: 50px;
    }
    .list-menu {
        margin: 0 0px 0 30px;
    }
    #text-contact {
        font-size: 200%;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 170px !important;
        font-size: 30px;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
        font-size: 200%;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin-top: 20px;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    /**/
    .pull-right {
        float: right !important;
        font-size: 200%;
        padding: 20px 0px 0 120px;
    }
    .title-mod {
        font-size: 50px !important;
    }
    .title-mod-vertical {
        font-size: 50px !important;
    }
    .icon-mod {
        display: inline-block !important;
    }
    a>span {
        font-size: 200%;
    }
    .content-mod {
        height: auto !important;
    }
    .big-text {
        font-size: 30px;
    }
    .content-contact {
        padding: 20px;
    }
    .img-header {
        display: none;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn {
        /*font-size: 19px;*/
    }
    .img-header-mobile {
        width: 80%;
    }
    .list-menu {
        width: 10%;
    }
    /*.col-xs-12{
		background: #0c0c0d;
	}*/
    a.btn-menu {
        display: table-row !important;
        background: #333333;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        /*font-size: 20px;*/
        line-height: 40px;
    }
    .slider-mobile {
        display: none;
    }
    .col-xs-4 {
        width: 100% !important;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .title-mod,
    .title-mod-vertical {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 40px;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
        font-size: 16px;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .col-xs-8 {
        width: 100% !important;
    }
    .content-about {
        display: none;
    }
    #historia {
        display: none;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        /*position: absolute;*/
        text-align: center;
        /*width: 96%;*/
    }
    .yellow {
        color: #ebd32c;
        font-size: 28px;
        padding: 20px;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 30px;
        line-height: 40px;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 1px 47px;
        height: 100px;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #footer>.row {
        width: 100%;
        margin: 0 auto;
    }
    .footer-banner {
        color: white;
        font-size: 22px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .col-xs-4.footer-banner {
        text-align: center;
        background: black;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .content-mod-vertical>p {
        text-align: justify;
        padding: 10px;
    }
    .producto>img,
    .image-product>img {
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .products>div:nth-child(2n+1) .image-product {
        opacity: 0.8;
    }
    .image-product:before {
        background-color: black;
        border: 4px solid white;
        border-radius: 50%;
        color: white;
        content: "+";
        display: none;
        font-family: 'Oxygen', sans-serif;
        font-size: 80px;
        height: 60px;
        line-height: 40px;
        left: 50%;
        margin: -30px 0 0 -30px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 60px;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 60px;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 60px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img,
    .flyer-offer img {
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .content-contact p {
        text-align: center;
        padding: 20px 20px 0 20px;
    }
    .radio div {
        width: 100%;
    }
    /*.radio .col-xs-offset-3{
		margin: 0 0 0 0 !important;
	}*/
    input[type=radio] {
        top: 0;
    }
    .comentario {
        width: 40% !important;
    }
}

@media only screen and (min-device-width:401px) and (max-device-width:599px) {
    img.phone-banner {
        width: 100%;
    }
    a.btn.btn-menu>span {
        font-size: 50px;
    }
    .list-menu {
        margin: 0 0px 0 30px;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 70px;
        font-size: 30px;
    }
    .big-text {
        font-size: 50px !important;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
        font-size: 200%;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin-top: 20px;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    /**/
    .pull-right {
        float: right !important;
        font-size: 200%;
        padding: 20px 0px 0 120px;
    }
    .title-mod {
        font-size: 50px !important;
    }
    .title-mod-vertical {
        font-size: 50px !important;
    }
    .icon-mod {
        display: inline-block !important;
    }
    a>span {
        font-size: 200%;
    }
    .content-mod {
        height: auto !important;
    }
    .img-header {
        display: none;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn {
        font-size: 19px !important;
    }
    .img-header-mobile {
        width: 80%;
        height: 107px;
    }
    .list-menu {
        width: 10%;
    }
    /*.col-xs-12{
		background: #0c0c0d;
	}*/
    a.btn-menu {
        display: table-row !important;
        background: #333333;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 20px;
        line-height: 40px;
    }
    .slider-mobile {
        display: none;
    }
    .col-xs-4 {
        width: 100% !important;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .title-mod,
    .title-mod-vertical {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 200%;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
        font-size: 16px !important;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .col-xs-8 {
        width: 100% !important;
    }
    .content-about {
        display: none;
    }
    #historia {
        display: none;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        text-align: center;
    }
    .yellow {
        color: #ebd32c;
        font-size: 38px;
    }
    .big {
        font-size: 40px;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 30px;
        line-height: 40px;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 16px;
        height: 52px;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #footer>.row {
        width: 100%;
        margin: 0 auto;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .col-xs-4.footer-banner {
        text-align: center;
        background: black;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .content-mod-vertical>p {
        text-align: justify;
        padding: 10px;
    }
    .producto>img,
    .image-product>img {
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 200% !important;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img,
    .flyer-offer img {
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .content-contact p {
        text-align: center;
        padding: 20px 20px 0 20px;
    }
    .comentario {
        width: 100%;
    }
    .row.coment {
        margin-top: 30px;
    }
}

@media only screen and (min-device-width:600px) and (max-device-width:767px) {
    img.phone-banner {
        width: 100%;
    }
    a.btn.btn-menu>span {
        font-size: 50px;
    }
    .list-menu {
        margin: 0 0px 0 30px;
    }
    .big-text {
        font-size: 40px !important;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 10px;
        font-size: 30px;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
        font-size: 200%;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin: 20px 0 20px 0;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    /**/
    .pull-right {
        float: left !important;
        font-size: 200%;
        padding: 20px 0 0 60px;
    }
    .title-mod {
        font-size: 50px !important;
    }
    .title-mod-vertical {
        font-size: 50px !important;
    }
    .icon-mod {
        display: inline-block !important;
    }
    .img-header {
        display: none;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn {
        font-size: 23px !important;
    }
    .img-header-mobile {
        width: 80%;
    }
    .list-menu {
        width: 10%;
    }
    /*.col-xs-12{
		background: #0c0c0d;
	}*/
    a.btn-menu {
        display: table-row !important;
        background: #333333;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 20px;
        line-height: 40px;
    }
    .slider-mobile {
        display: none;
    }
    .col-xs-4 {
        width: 100% !important;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .title-mod,
    .title-mod-vertical {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 200%;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
        font-size: 16px;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .col-xs-8 {
        width: 100% !important;
    }
    .content-about {
        display: none;
    }
    #historia {
        display: none;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        text-align: center;
    }
    .yellow {
        color: #ebd32c;
        font-size: 58px;
    }
    .big {
        font-size: 70px;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 30px;
        line-height: 40px;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 10px;
    }
    .footer-banner {
        color: white;
        font-size: 48px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #footer>.row {
        width: 100%;
        margin: 0 auto;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .col-xs-4.footer-banner {
        text-align: center;
        background: black;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .content-mod-vertical>p {
        text-align: justify;
        padding: 10px;
    }
    .producto>img,
    .image-product>img {
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 30px;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img,
    .flyer-offer img {
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .content-contact p {
        text-align: center;
        padding: 20px 20px 0 20px;
    }
    .comentario {
        width: 100% !important;
    }
    .row.coment {
        margin-top: 30px;
    }
    .address span {
        display: block;
    }
    .comentario>label {
        padding-right: 480px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1050px) {
    img.phone-banner {
        width: 100%;
    }
    a.btn.btn-menu>span {
        font-size: 30px;
    }
    .list-menu {
        margin: 0 0px 0 30px;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 10px;
        font-size: 16px;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
        font-size: 200%;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin-top: 20px;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    a>span {
        font-size: 200%;
    }
    .content-mod {
        height: auto !important;
    }
    .img-header {
        display: none;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn {
        font-size: 23px !important;
    }
    .img-header-mobile {
        width: 80%;
    }
    .list-menu {
        width: 10%;
    }
    /*.col-xs-12{
		background: #0c0c0d;
	}*/
    a.btn-menu {
        display: table-row !important;
        background: #333333;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 20px;
        line-height: 40px;
    }
    .slider-mobile {
        display: none;
    }
    .col-xs-4 {
        width: 100% !important;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .title-mod,
    .title-mod-vertical {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 200%;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
        font-size: 16px;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .col-xs-8 {
        width: 100% !important;
    }
    .content-about {
        display: none;
    }
    #historia {
        display: none;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        text-align: center;
    }
    .yellow {
        color: #ebd32c;
        font-size: 58px;
    }
    .big {
        font-size: 70px;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 30px;
        line-height: 40px;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 10px;
    }
    .footer-banner {
        color: white;
        font-size: 48px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #footer>.row {
        width: 100%;
        margin: 0 auto;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .col-xs-4.footer-banner {
        text-align: center;
        background: black;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .content-mod-vertical>p {
        text-align: justify;
        padding: 10px;
    }
    .producto>img,
    .image-product>img {
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 30px;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img,
    .flyer-offer img {
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .content-contact p {
        text-align: center;
        padding: 20px 20px 0 20px;
    }
    .comentario {
        width: 30%;
    }
    .row.coment {
        margin-top: 30px;
    }
    .address span {
        display: block;
    }
}

@media only screen and (min-width: 320px) and (max-width: 400px) {
    img.phone-banner {
        width: 100%;
    }
    .list-menu {
        margin: 0 0px 0 30px;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 70px;
        font-size: 30px;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin-top: 20px;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    .pull-right {
        float: right !important;
        font-size: 200%;
        padding: 20px 0px 0 120px;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 70px;
        font-size: 30px;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
        font-size: 200%;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin-top: 20px;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    /**/
    .pull-right {
        float: right !important;
        font-size: 200%;
        padding: 20px 0px 0 120px;
    }
    .title-mod {
        font-size: 50px !important;
    }
    .title-mod-vertical {
        font-size: 50px !important;
    }
    .icon-mod {
        display: inline-block !important;
    }
    /**/
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .big-text {
        font-size: 30px;
    }
    .content-contact {
        padding: 20px;
    }
    .img-header {
        display: none;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn {
        /*font-size: 19px;*/
    }
    .img-header-mobile {
        width: 80%;
    }
    .list-menu {
        width: 10%;
    }
    /*.col-xs-12{
		background: #0c0c0d;
	}*/
    a.btn-menu {
        display: table-row !important;
        background: #333333;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        /*font-size: 20px;*/
        line-height: 40px;
    }
    .slider-mobile {
        display: none;
    }
    .col-xs-4 {
        width: 100% !important;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .title-mod,
    .title-mod-vertical {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 20px;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
        font-size: 16px;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .col-xs-8 {
        width: 100% !important;
    }
    .content-about {
        display: none;
    }
    #historia {
        display: none;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        /*position: absolute;*/
        text-align: center;
        /*width: 96%;*/
    }
    .yellow {
        color: #ebd32c;
        font-size: 28px;
        padding: 20px;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 30px;
        line-height: 40px;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 1px 47px;
        height: 100px;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #footer>.row {
        width: 100%;
        margin: 0 auto;
    }
    .footer-banner {
        color: white;
        font-size: 22px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .col-xs-4.footer-banner {
        text-align: center;
        background: black;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .content-mod-vertical>p {
        text-align: justify;
        padding: 10px;
    }
    .producto>img,
    .image-product>img {
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .products>div:nth-child(2n+1) .image-product {
        opacity: 0.8;
    }
    .image-product:before {
        background-color: black;
        border: 4px solid white;
        border-radius: 50%;
        color: white;
        content: "+";
        display: none;
        font-family: 'Oxygen', sans-serif;
        font-size: 80px;
        height: 60px;
        line-height: 40px;
        left: 50%;
        margin: -30px 0 0 -30px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 60px;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 30px;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img,
    .flyer-offer img {
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .content-contact p {
        text-align: center;
        padding: 20px 20px 0 20px;
    }
    .radio div {
        width: 100%;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 0 !important;
    }
    input[type=radio] {
        top: 0;
    }
    .comentario {
        width: 40% !important;
    }
}

@media only screen and (min-width:401px) and (max-width:599px) {
    img.phone-banner {
        width: 100%;
    }
    .list-menu {
        margin: 0 0px 0 30px;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 70px;
        font-size: 30px;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
        font-size: 200%;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin-top: 20px;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    /**/
    .pull-right {
        float: right !important;
        font-size: 200%;
        padding: 20px 0px 0 120px;
    }
    .title-mod {
        font-size: 50px !important;
    }
    .title-mod-vertical {
        font-size: 50px !important;
    }
    .icon-mod {
        display: inline-block !important;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .img-header {
        display: none;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn {
        font-size: 19px !important;
    }
    .img-header-mobile {
        width: 80%;
        height: 107px;
    }
    .list-menu {
        width: 10%;
    }
    /*.col-xs-12{
		background: #0c0c0d;
	}*/
    a.btn-menu {
        display: table-row !important;
        background: #333333;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 20px;
        line-height: 40px;
    }
    .slider-mobile {
        display: none;
    }
    .col-xs-4 {
        width: 100% !important;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .title-mod,
    .title-mod-vertical {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 200%;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
        font-size: 16px !important;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .col-xs-8 {
        width: 100% !important;
    }
    .content-about {
        display: none;
    }
    #historia {
        display: none;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        text-align: center;
    }
    .yellow {
        color: #ebd32c;
        font-size: 38px;
    }
    .big {
        font-size: 40px;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 30px;
        line-height: 40px;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 16px;
        height: 52px;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #footer>.row {
        width: 100%;
        margin: 0 auto;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .col-xs-4.footer-banner {
        text-align: center;
        background: black;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .content-mod-vertical>p {
        text-align: justify;
        padding: 10px;
    }
    .producto>img,
    .image-product>img {
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 30px;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img,
    .flyer-offer img {
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .content-contact p {
        text-align: center;
        padding: 20px 20px 0 20px;
    }
    .comentario {
        width: 30%;
    }
    .row.coment {
        margin-top: 30px;
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    img.phone-banner {
        width: 100%;
    }
    .list-menu {
        margin: 0 0px 0 30px;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 10px;
        font-size: 30px;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
        font-size: 200%;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin: 20px 0 20px 0;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    /**/
    .pull-right {
        float: left !important;
        font-size: 200%;
        padding: 20px 0 0 60px;
    }
    .title-mod {
        font-size: 50px !important;
    }
    .title-mod-vertical {
        font-size: 50px !important;
    }
    .icon-mod {
        display: inline-block !important;
    }
    .img-header {
        display: none;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn {
        font-size: 23px !important;
    }
    .img-header-mobile {
        width: 80%;
    }
    .list-menu {
        width: 10%;
    }
    /*.col-xs-12{
		background: #0c0c0d;
	}*/
    a.btn-menu {
        display: table-row !important;
        background: #333333;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 20px;
        line-height: 40px;
    }
    .slider-mobile {
        display: none;
    }
    .col-xs-4 {
        width: 100% !important;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .title-mod,
    .title-mod-vertical {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 200%;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
        font-size: 16px;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .col-xs-8 {
        width: 100% !important;
    }
    .content-about {
        display: none;
    }
    #historia {
        display: none;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        text-align: center;
    }
    .yellow {
        color: #ebd32c;
        font-size: 58px;
    }
    .big {
        font-size: 70px;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 30px;
        line-height: 40px;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 10px;
    }
    .footer-banner {
        color: white;
        font-size: 48px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #footer>.row {
        width: 100%;
        margin: 0 auto;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .col-xs-4.footer-banner {
        text-align: center;
        background: black;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .content-mod-vertical>p {
        text-align: justify;
        padding: 10px;
    }
    .producto>img,
    .image-product>img {
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 30px;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img,
    .flyer-offer img {
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .content-contact p {
        text-align: center;
        padding: 20px 20px 0 20px;
    }
    .comentario {
        width: 100% !important;
    }
    .row.coment {
        margin-top: 30px;
    }
    .address span {
        display: block;
    }
    .comentario>label {
        padding-right: 480px;
    }
}

@media only screen and (min-width:768px) and (max-width:1050px) {
    img.phone-banner {
        width: 100%;
    }
    .list-menu {
        margin: 0 0px 0 30px;
    }
    .radio-list>label>p {
        padding: 0px 0px 0 10px;
        font-size: 30px;
    }
    .radio .col-xs-offset-3 {
        margin: 0 0 0 30px !important;
    }
    button.pull-right.btn-submit {
        padding: 0;
        font-size: 100% !important;
    }
    textarea.form-control {
        width: 80%;
        margin: 0 auto;
        font-size: 200%;
    }
    .radio-list {
        width: 80%;
        height: 90px;
        margin-left: 30px;
    }
    input[type="radio"] {
        width: 90px;
        height: 50px;
    }
    button.pull-right.btn-submit {
        height: 80px;
        margin: 20px 0 20px 0;
        font-size: 200% !important;
        width: 180px;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .col-xs-4>input[type="text"],
    .col-xs-4>input[type="email"] {
        width: 67%;
        margin: 0 auto;
        height: 80px;
        font-size: 200%;
    }
    /**/
    .pull-right {
        float: left !important;
        font-size: 200%;
        padding: 20px 0 0 60px;
    }
    .title-mod {
        font-size: 50px !important;
    }
    .title-mod-vertical {
        font-size: 50px !important;
    }
    .icon-mod {
        display: inline-block !important;
    }
    .img-header {
        display: none;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn {
        font-size: 23px !important;
    }
    .img-header-mobile {
        width: 80%;
    }
    .list-menu {
        width: 10%;
    }
    /*.col-xs-12{
		background: #0c0c0d;
	}*/
    a.btn-menu {
        display: table-row !important;
        background: #333333;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 20px;
        line-height: 40px;
    }
    .slider-mobile {
        display: none;
    }
    .col-xs-4 {
        width: 100% !important;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .title-mod,
    .title-mod-vertical {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 200%;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
        font-size: 16px;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .col-xs-8 {
        width: 100% !important;
    }
    .content-about {
        display: none;
    }
    #historia {
        display: none;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        text-align: center;
    }
    .yellow {
        color: #ebd32c;
        font-size: 58px;
    }
    .big {
        font-size: 70px;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 30px;
        line-height: 40px;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 10px;
    }
    .footer-banner {
        color: white;
        font-size: 48px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    #footer>.row {
        width: 100%;
        margin: 0 auto;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .col-xs-4.footer-banner {
        text-align: center;
        background: black;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .content-mod-vertical>p {
        text-align: justify;
        padding: 10px;
    }
    .producto>img,
    .image-product>img {
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 30px;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img,
    .flyer-offer img {
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .content-contact p {
        text-align: center;
        padding: 20px 20px 0 20px;
    }
    .comentario {
        width: 100% !important;
    }
    .row.coment {
        margin-top: 30px;
    }
    .address span {
        display: block;
    }
    .comentario>label {
        padding-right: 480px;
    }
}

@media (min-width:1051px) {
    img.phone-banner {
        display: none;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .btn-group-justified {
        height: 96px;
        background: #333;
    }
    .label-block.services:before {
        background-position: -100px -300px;
    }
    .btn-menu.active:after {
        border-left: 16px solid transparent;
        border-top: 16px solid white;
        border-right: 16px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -16px;
        position: absolute;
        top: 100%;
    }
    .collapse {
        display: block !important;
    }
    .img-header-mobile {
        display: none;
    }
    .container {
        width: 1010px !important;
    }
    .page {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }
    .img-header {
        width: 100%;
    }
    .list-menu {
        display: none;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu.active,
    .btn-menu:hover {
        background-color: white;
        color: black;
    }
    .btn-menu {
        border-radius: 0;
        color: white;
        font-size: 20px;
        line-height: 40px;
    }
    .icon-menu {
        background-image: url(../img/sprite-menu.png);
        background-repeat: no-repeat;
        display: block;
        height: 44px;
        margin: 0 auto;
        width: 44px;
    }
    .icon-menu {
        background-image: url(../img/sprite-menu.png);
        background-repeat: no-repeat;
        display: block;
        height: 44px;
        margin: 0 auto;
        width: 44px;
    }
    .icon-home {
        background-position: 0 -44px;
    }
    .btn-menu.active .icon-home,
    .btn-menu:hover .icon-home {
        background-position: 0 0;
    }
    .icon-services {
        background-position: -44px -44px;
    }
    .btn-menu.active .icon-services,
    .btn-menu:hover .icon-services {
        background-position: -44px 0;
    }
    .icon-products {
        background-position: -88px -44px;
    }
    .btn-menu.active .icon-products,
    .btn-menu:hover .icon-products {
        background-position: -88px 0;
    }
    .icon-offers {
        background-position: -132px -44px;
    }
    .btn-menu.active .icon-offers,
    .btn-menu:hover .icon-offers {
        background-position: -132px 0;
    }
    .icon-contact {
        background-position: -176px -44px;
    }
    .btn-menu.active .icon-contact,
    .btn-menu:hover .icon-contact {
        background-position: -176px 0;
    }
    .banner-right img {
        background-color: #fdee21;
        height: 370px;
        width: 100%;
    }
    .slide-viewport {
        background-color: white;
        list-style: none;
        height: 290px;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }
    .slide-item-content {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 290px;
        width: 100%;
    }
    .slide-item-captions {
        background-color: black;
        overflow: hidden;
    }
    .slide-item-caption {
        color: white;
        font-size: 20px;
        line-height: 80px;
        height: 80px;
        padding: 0 20px;
        width: 100%;
    }
    .slide-btn {
        background-color: #333;
        border: none;
        display: block;
        height: 40px;
        margin: 0;
        outline: none;
        padding: 0;
        position: relative;
        width: 100%;
    }
    .slide-btn:hover {
        background-color: #3f3f3f;
    }
    .slide-btn:before {
        background-image: url(../img/arrow.png);
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .slide-btn:last-child {
        border-top: 1px solid black;
    }
    .slide-btn:last-child:before {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .slide-item,
    .slide-item-caption {
        display: none;
    }
    .slide-item.active,
    .slide-item-caption.active {
        display: block;
    }
    .title-mod {
        background: #fbd12d;
        background: -moz-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(top, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to bottom, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=0);
        color: black;
        height: 130px;
        font-size: 24px;
        padding: 30px 0 0;
        position: relative;
        text-align: center;
    }
    .title-mod.border-left {
        border-left: 1px solid black;
    }
    .title-mod.border-right {
        border-right: 1px solid black;
    }
    .title-mod:after {
        border-left: 36px solid transparent;
        border-top: 36px solid #fdee21;
        border-right: 36px solid transparent;
        content: "";
        display: block;
        left: 50%;
        margin-left: -36px;
        position: absolute;
        top: 100%;
    }
    .icon-mod {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        margin: 0 auto;
        width: 100px;
    }
    .icon-mod.opening {
        background-position: -100px -100px;
        height: 44px;
        width: 32px;
    }
    .icon-mod.change {
        background-position: 0 -150px;
        height: 36px;
        margin-top: 4px;
        width: 54px;
    }
    .icon-mod.key {
        background-position: -100px -150px;
        height: 30px;
        margin-top: 7px;
        width: 64px;
    }
    .content-mod {
        background-color: white;
        font-weight: 300;
        padding: 60px 40px 40px;
        text-align: justify;
    }
    .content-mod.border-right {
        border-right: 1px solid #ccc;
    }
    .content-about {
        padding: 40px;
        text-align: justify;
        height: 500px;
    }
    .map-group {
        overflow: hidden;
        position: relative;
    }
    .map-group.small {
        height: 371px;
    }
    #map {
        height: 500px;
        width: 100%;
    }
    .address {
        background-color: black;
        border-bottom: 1px solid #222;
        bottom: 0;
        color: white;
        font-size: 30px;
        padding: 10px;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    .big {
        font-size: 38px;
    }
    .content-services {
        padding: 20px 80px;
    }
    .content-services>.row {
        border-bottom: 1px solid #e6e6e6;
        padding: 40px 0;
    }
    .content-services>.row:last-child {
        border-bottom: none;
    }
    .title-mod-vertical {
        color: black;
        font-size: 30px;
        text-align: center;
        padding: 20px 0;
    }
    .content-mod-vertical {
        font-weight: 300;
    }
    .products>div:nth-child(2n+1) .image-product {
        opacity: 0.8;
    }
    .product {
        background-color: #ccc;
        border-right: 1px solid white;
    }
    .products>div:last-child .product {
        border-right: none;
    }
    .products:last-child .product {
        border-bottom: 1px solid white;
    }
    .image-product {
        cursor: pointer;
        height: 300px;
        overflow: hidden;
        position: relative;
    }
    .image-product img {
        height: 100%;
        width: 100%;
    }
    .title-product {
        background-color: black;
        color: white;
        height: 70px;
        font-size: 18px;
        padding: 15px 15px 0;
        text-align: center;
    }
    .image-product:before {
        background-color: black;
        border: 4px solid white;
        border-radius: 50%;
        color: white;
        content: "+";
        display: none;
        font-family: 'Oxygen', sans-serif;
        font-size: 80px;
        height: 60px;
        line-height: 40px;
        left: 50%;
        margin: -30px 0 0 -30px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 60px;
    }
    .image-product:hover:before {
        display: block;
    }
    .lightbox-wrap {
        background-color: rgba(0, 0, 0, 0.85);
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    #lb-container {
        bottom: 0;
        left: 0;
        height: 70%;
        margin: auto;
        max-width: 700px;
        position: absolute;
        right: 0;
        top: 0;
        width: 70%;
    }
    #lb-img {
        background-color: white;
        text-align: center;
    }
    #lb-img img {
        max-width: 700px;
    }
    .lb-controls {
        background-color: #f1f2f3;
        border-top: 1px solid #ddd;
        padding: 20px 101px 20px 20px;
        position: relative;
    }
    #lb-caption {}
    .lb-btn {
        background-color: #ccc;
        position: absolute;
        height: 100%;
        width: 50px;
        top: 0;
    }
    .lb-btn:hover {
        background-color: #c1c2c3;
    }
    .lb-btn:after {
        background-image: url(../img/arrow.png);
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
    }
    #lb-next {
        right: 0;
    }
    #lb-next:after {
        transform: rotate(90deg);
    }
    #lb-prev {
        right: 51px;
    }
    #lb-prev:after {
        transform: rotate(-90deg);
    }
    #lb-close {
        background-color: #ccc;
        color: white;
        cursor: pointer;
        font-size: 30px;
        height: 30px;
        line-height: 20px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 30px;
    }
    #lb-close:hover {
        background-color: #c1c2c3;
    }
    .flyer-offer {
        padding: 40px;
    }
    .flyer-offer img {
        height: auto;
        width: 100%;
    }
    .content-contact {
        padding: 40px 140px;
        text-align: center;
    }
    .content-contact>.row {
        margin-bottom: 20px;
    }
    .form-control {
        border-radius: 0;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .btn-submit {
        background-color: black;
        border: none;
        color: white;
        padding: 10px 20px;
    }
    .btn-submit:hover {
        background-color: #333;
    }
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
    @-webkit-keyframes bounceInLeft {
        0%,
        60%,
        75%,
        90%,
        100% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }
        100% {
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes bounceInLeft {
        0%,
        60%,
        75%,
        90%,
        100% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }
        100% {
            -webkit-transform: none;
            transform: none;
        }
    }
    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }
    .no-pad-right {
        padding: 0 0 0 15px !important;
    }
    .slide-item-captions {
        background-color: black;
        overflow: hidden;
    }
    .no-pad-left {
        padding: 0 15px 0 0 !important;
    }
    .no-pad {
        padding: 0 !important;
    }
    .copy {
        background: #fbd12d;
        background: -moz-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fbd12d), color-stop(100%, #fdee21));
        background: -webkit-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -o-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: -ms-linear-gradient(left, #fbd12d 0%, #fdee21 100%);
        background: linear-gradient(to right, #fbd12d 0%, #fdee21 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbd12d', endColorstr='#fdee21', GradientType=1);
        color: black;
        font-family: 'Oxygen', sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 10px 20px;
    }
    .footer-banner.homes {
        padding: 20px 20px 20px 150px;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    .yellow {
        color: #fdee21;
        display: block;
        font-weight: 300;
    }
    .footer-banner.homes:before {
        background-position: 0 0;
        left: 35px;
    }
    .footer-banner:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 100px;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 10px;
        width: 100px;
    }
    .footer-banner.light {
        background-color: #333;
        padding: 20px 20px 20px 120px;
    }
    .footer-banner.contact {
        padding: 35px 20px 20px 120px;
    }
    .footer-banner a {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .footer-banner.promotion:before {
        background-position: -100px 0;
        left: 20px;
    }
    .footer-banner.contact:before {
        background-position: 0 -100px;
        left: 30px;
        height: 50px;
        top: 30px;
    }
    .footer-banner {
        color: white;
        font-size: 30px;
        line-height: 34px;
        padding: 20px 20px 20px 120px;
        position: relative;
    }
    body {
        background-image: url(../img/bg.png);
        font-family: 'Oswald', sans-serif;
    }
    .label-block {
        background-color: black;
        color: white;
        font-size: 30px;
        line-height: 135px;
        padding: 0 0 0 100px;
        position: relative;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .label-block.location:before {
        background-position: 0 -200px;
    }
    .label-block.offer:before {
        background-position: 0 -300px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    .banner img {
        height: auto;
        width: 100%;
    }
    .label-block.contact:before {
        background-position: -100px -200px;
        height: 64px;
        width: 64px;
    }
    .label-block:before {
        background-image: url(../img/sprite-icon.png);
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 62px;
        left: 30px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        width: 62px;
    }
    [class*="content-"],
    .flyer-offer {
        background-color: white;
    }
    .content-contact {
        padding: 40px 140px;
        text-align: center;
    }
    .radio {
        margin: 10px 10px 40px 0 !important;
    }
}