@import url("../fonts/flama-family/fonts.min.css");@media(min-width: 1200px) {
}

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

@media(min-width: 769px) {
    .top-menu a,.top-menu a:hover,.top-menu a:visited,.top-menu a:active {
        font-size:22px !important
    }

    .boxes .seguro-provisto p {
        line-height: 45px !important
    }
}

@media(max-width: 768px) {
    .titulo {
        font-size:18px
    }

    .titulo em {
        font-size: 20px
    }

    .top-menu a,.top-menu a:hover,.top-menu a:visited,.top-menu a:active {
        font-size: 18px
    }

    .top-menu div.icono a {
        display: block;
        text-align: center
    }

    .top-menu div.icono a img {
        max-width: 95%
    }

    .top-menu div.icono:nth-of-type(1) {
        width: 15% !important
    }

    .top-menu div.icono:nth-of-type(1) a {
        line-height: 25px;
        text-align: left
    }

    .top-menu div.icono:nth-of-type(2) {
        width: 15% !important
    }

    .top-menu div.icono:nth-of-type(3) {
        width: 22% !important
    }

    .top-menu div.icono:nth-of-type(4) {
        width: 22% !important
    }

    .top-menu div.icono:nth-of-type(5) {
        width: 25% !important
    }

    .formulario h2 {
        font-size: 22px
    }

    .formulario .form-control {
        font-size: 17px
    }

    .formulario .form-control::-webkit-input-placeholder {
        font-size: 17px !important
    }

    .formulario .form-control::-moz-placeholder {
        font-size: 17px !important
    }

    .formulario .form-control::-moz-placeholder {
        font-size: 17px !important
    }

    .formulario .form-control::-ms-input-placeholder {
        font-size: 17px !important
    }

    .formulario small {
        font-size: 13px
    }

    .formulario .btn-primary {
        font-size: 20px;
        padding: 10px 40px
    }

    .boxes p {
        font-size: 15px;
        padding-left: 40px
    }

    .boxes .seguro-provisto p {
        line-height: 23px
    }

    .sucursales h3 {
        font-size: 20px
    }

    .sucursales .proximas {
        font-size: 22px
    }

    .sucursales .proximas em {
        font-family: Flama-LightItalic;
        font-size: 16px;
        letter-spacing: 0
    }

    footer p {
        font-size: 18px
    }
}

@media screen and (max-width: 767px) {
}

@media(max-width: 640px) {
    .header {
        background-size:100%
    }

    .formulario .formulario-eventos {
        text-align: center
    }
}

@media(max-width: 480px) {
    .header .logo {
        padding:15px
    }

    .logo a img {
        max-width: 220px
    }

    .titulo {
        font-size: 15px;
        font-family: Flama-Book
    }

    .titulo span {
        font-size: 12px
    }

    .titulo em {
        font-size: 14px;
        font-family: flamamedium_italic
    }

    .formulario {
        padding: 220px 0 15px;
    }
    #head{
        background-size: auto 100% !important;
        background-position: -30px -195px !important;
    }

    .formulario h2 {
        font-size: 22px;
        margin-top: 0
    }

    .formulario .form-control {
        font-size: 17px
    }

    .formulario .form-control::-webkit-input-placeholder {
        font-size: 17px !important
    }

    .formulario .form-control::-moz-placeholder {
        font-size: 17px !important
    }

    .formulario .form-control::-moz-placeholder {
        font-size: 17px !important
    }

    .formulario .form-control::-ms-input-placeholder {
        font-size: 17px !important
    }

    .formulario small {
        font-size: 13px
    }

    .formulario .btn-primary {
        font-size: 20px;
        padding: 10px 40px
    }

    footer p {
        font-size: 16px;
        margin-top: 30px
    }

    .sucursales h2,.sucursales h3 {
        font-size: 18px;
        display: inline
    }

    .sucursales .icono {
        padding: 0
    }

    .sprite-nueva {
        left: -10px
    }

    .sucursales {
        height: 180px
    }

    .sucursales .proximas {
        font-family: Flama-Medium;
        font-size: 20px
    }

    .sucursales .proximas em {
        letter-spacing: 0;
        font-size: 20px
    }

    .boxes p {
        font-size: 14px
    }

    .boxes .seguro-provisto p {
        line-height: 22px
    }

    .boxes .contenido-box {
        font-size: 18px
    }
}

@media(max-width: 360px) {
    .formulario h2 {
        font-size:17px;
        letter-spacing: -1px
    }

    .formulario .form-control {
        font-size: 15px
    }

    .formulario .form-control::-webkit-input-placeholder {
        font-size: 15px !important
    }

    .formulario .form-control::-moz-placeholder {
        font-size: 15px !important
    }

    .formulario .form-control::-moz-placeholder {
        font-size: 15px !important
    }

    .formulario .form-control::-ms-input-placeholder {
        font-size: 15px !important
    }

    .formulario small {
        font-size: 14px;
        font-family: Flama-Medium
    }

    .formulario .btn-primary {
        font-size: 20px;
        padding: 10px 40px;
        margin: auto
    }

    .sucursales {
        height: 200px
    }

    .sucursales .proximas {
        font-family: Flama-Medium;
        font-size: 20px
    }

    .sucursales .proximas em {
        letter-spacing: 0;
        font-size: 17px
    }

    footer p {
        font-size: 14px;
        margin-top: 30px
    }

    .boxes .contenido-box {
        font-size: 16px
    }
}

@media(max-width: 320px) {
    .logo a img {
        max-width:171px
    }

    footer p {
        margin-top: 20px
    }
}