@media only screen and (max-width: 767px) {
    .fixed {
        position: relative !important;
        top: 0px;
        width: 100%;
        transition: 0.5s;
    }
    .navbar-nav {
        margin: 0;
        margin-top: 0px;
        margin-top: 10px;
        display: block !important;
        flex-direction: none !important;
        border-bottom: solid 1px #cdcdcd;
        padding: 30px !important;
        text-align: center;
    }
    .region-navigation-collapsible {
        display: inline !important;
        align-items: stretch;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-right: 35px;
        margin-top: 20px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 4px;
    }
    .navbar .logo {
        padding-left: 30px !important;
    }
    #block-social ul {
        padding: 0;
        margin: 0;
        line-height: 40px;
        border-left: none;
        border-right: none;
        width: 100px;
        text-align: center;
    }
    #block-social {
        display: inline flow-root list-item;
        width: 50%;
        padding-bottom: 8px;
    }
    #block-login {
        display: inline-block;
        line-height: 44px;
        text-align: right;
        width: 45%;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background-color: #e7e7e7;
    }
    .view-especialidades .views-col {
        width: 100% !important;
    }
    .child {
        display: table-cell;
        vertical-align: middle;
        padding: 2rem;
    }
    .paragraph--type--texto-izquierdo-imagen-derecha .col-sm-6,
    .paragraph--type--imagen-izquierda-texto-derecho .col-sm-6,
    .paragraph--type--imagen-full-con-texto .col-sm-4,
    .paragraph--type--imagen-full-con-texto .col-sm-8,
    .paragraph--type--preguntas .col-sm-6 {
        height: auto !important;
        padding: 0px;
    }
    .view-galeria h2 {
        font-weight: 100;
        font-size: 24px;
        line-height: 30px;
        margin-top: 0px;
        padding-top: 0px;
        color: #b29c74;
    }
    .g-relativo {
        position: relative;
        height: auto !important;
    }
    .g-absolute {
        position: absolute;
        top: 0%;
        width: 100%;
        color: #fff;
        z-index: 2;
    }
    #block-mainnavigation ul {
        margin: 0px;
        padding: 0px;
        display: block !important;
        border: none !important;
        text-align: left !important;
        padding: 20px 0px !important;
    }
    #block-logofooter {
        text-align: center;
    }
    ul.lista-oficinas li {
        list-style-type: none;
        display: inline-block;
        width: 100%;
    }
    ul.lista-especialidades li {
        display: inline-block;
        width: 100%;
        margin: 20px 0px;
    }
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0px !important;
        margin-left: -15px !important;
    }
    .path-webform .page-contacto-abogados .container {
        width: 100% !important;
    }
    .view-socios .views-col {
        width: 45% !important;
    }
    .paragraph--type--preguntas .parent2 {
        padding: 3rem !important;
    }
    .paragraph--type--preguntas {
        padding: 0rem 0px;
    }
    .slick-prev {
        left: 10px;
    }
    .slick-next {
        right: 10px;
        content: '\f104';
    }
    .galeria-portada {
        background: linear-gradient(180deg, #3f5355 0, #374140);
        opacity: .9;
        padding: 2rem 6rem;
        margin: 2rem;
    }
    #block-views-block-categorias-block-1 {
        margin-bottom: 30px;
    }
    .galeria-portada {
        background: transparent;
        padding: 2rem 6rem;
        margin: 2rem;
    }
    .galeria-portada {
        padding: 30px;
        color: #fff;
        top: 20px;
        text-align: center;
    }
    .view-galeria h2 {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        margin-top: 0px;
        padding-top: 0px;
        color: #fff;
    }
    .paragraph-id--39 .col-sm-3 {
        padding: 30px 0px;
    }
    #block-telefono ul li a {
        color: #333;
        font-weight: 700;
        font-size: 12px;
        padding: 10px 6px;
    }
    .button-menu-top {
        float: right;
        margin-top: 18px;
        height: 35px;
        width: 35px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        display: flex;
        margin-right: 15px;
    }
    .navigation-close {
        font-size: 0;
        float: right;
        margin-top: 20px;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
        margin-right: 0px;
    }
    ul.galeria li .galeria-back {
        width: 100%;
        height: 260px;
        position: relative;
        overflow: hidden;
    }
    .fixed {
        position: relative !important;
        top: 0px;
        width: 100%;
        transition: 0.5s;
    }
    .region-navigation-collapsible {
        display: inline !important;
        align-items: stretch;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-right: 35px;
        margin-top: 20px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 4px;
    }
    .navbar .logo {
        padding-left: 30px !important;
    }
    #block-social ul {
        padding: 0;
        margin: 0;
        line-height: 40px;
        border-left: none;
        border-right: none;
        width: 100px;
        text-align: center;
    }
    #block-social {
        display: inline flow-root list-item;
        padding-bottom: 8px;
    }
    #block-login {
        display: inline-block;
        line-height: 44px;
        text-align: right;
        width: 45%;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background-color: #e7e7e7;
    }
    .view-especialidades .views-col {
        width: 100% !important;
    }
    .child {
        display: table-cell;
        vertical-align: middle;
        padding: 2rem;
    }
    .paragraph--type--texto-izquierdo-imagen-derecha .col-sm-6,
    .paragraph--type--imagen-izquierda-texto-derecho .col-sm-6,
    .paragraph--type--imagen-full-con-texto .col-sm-4,
    .paragraph--type--imagen-full-con-texto .col-sm-8,
    .paragraph--type--preguntas .col-sm-6 {
        height: auto !important;
        padding: 0px;
    }
    .view-galeria h2 {
        font-weight: 100;
        font-size: 24px;
        line-height: 30px;
        margin-top: 0px;
        padding-top: 0px;
        color: #b29c74;
    }
    .g-relativo {
        position: relative;
        height: auto !important;
    }
    .g-absolute {
        position: absolute;
        top: 0%;
        width: 100%;
        color: #fff;
        z-index: 2;
    }
    #block-mainnavigation ul {
        margin: 0px;
        padding: 0px;
        display: block !important;
        border: none !important;
        text-align: left !important;
        padding: 20px 0px !important;
    }
    #block-logofooter {
        text-align: center;
    }
    ul.lista-oficinas li {
        list-style-type: none;
        display: inline-block;
        width: 100%;
    }
    ul.lista-especialidades li {
        display: inline-block;
        width: 100%;
        margin: 20px 0px;
    }
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0px !important;
        margin-left: -15px !important;
    }
    .path-webform .page-contacto-abogados .container {
        width: 100% !important;
    }
    .view-socios .views-col {
        width: 45% !important;
    }
    .paragraph--type--preguntas .parent2 {
        padding: 3rem !important;
    }
    .paragraph--type--preguntas {
        padding: 0rem 0px;
    }
    .slick-prev {
        left: 10px;
    }
    .slick-next {
        right: 10px;
        content: '\f104';
    }
    .galeria-portada {
        background: linear-gradient(180deg, #3f5355 0, #374140);
        opacity: .9;
        padding: 2rem 6rem;
        margin: 2rem;
    }
    #block-views-block-categorias-block-1 {
        margin-bottom: 30px;
    }
    .galeria-portada {
        background: transparent;
        padding: 2rem 6rem;
        margin: 2rem;
    }
    .galeria-portada {
        padding: 30px;
        color: #fff;
        top: 20px;
        text-align: center;
    }
    .view-galeria h2 {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        margin-top: 0px;
        padding-top: 0px;
        color: #fff;
    }
    .paragraph-id--39 .col-sm-3 {
        padding: 30px 0px;
    }
    .nav-menu {
        background-color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10002;
        width: 0;
        height: 100%;
        overflow: hidden;
        overflow-y: hidden;
        overflow-y: visible !important;
        opacity: 0;
        transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition-delay: 0s;
        transform: scaleY(1);
        transform-origin: 50% 0%;
        pointer-events: all;
        visibility: visible;
    }
    #block-aeioros-main-menu ul li a,
    #block-menuhacemos ul li a {
        font-size: 18px !important;
        color: #333;
        padding: 10px 0px !important;
        line-height: 40px;
    }
    #block-aeioros-main-menu ul li,
    #block-menuhacemos ul li {
        margin: 0px 0px !important;
    }
    #block-aeioros-main-menu ul li a,
    #block-menuhacemos ul li a {
        font-size: 34px;
        color: #333;
        padding: 0px 0px !important;
        line-height: 40px;
    }
    .navbar-nav {
        margin: 0;
        margin-top: 0px;
        margin-top: 10px;
        display: block !important;
        flex-direction: none !important;
        padding: 0px !important;
        text-align: left !important;
        border-bottom: none !important;
    }
    .separador {
        padding: 0px 14px;
    }
    .separador h3 {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 20px;
        font-size: 22px;
    }
    a.logo img {
        width: 100px;
        margin-left: 20px;
        margin-top: 10px;
    }
    ul.lista-proyectos li a h3 {
        color: #fff;
        font-size: 18px;
    }
    .absolute-center {
        padding: 30px 20px;
    }
    ul.tabs-aeioros li a {
        font-size: 23.63px;
        font-weight: 700;
        padding: 10px 20px;
    }
    ul.lista-productos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: inherit;
        -moz-box-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 0px;
    }
    ul.lista-blog {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: inherit;
        -moz-box-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 0px;
    }
    ul.lista-hacemos {
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: inherit;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    ul.lista-proyectos {
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: inherit;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .block-views-blockclientes-block-2 .view-display-id-block_2 .view-content {
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: inherit;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .paragraph-id--43 .container {
        margin-top: 0px;
    }
    .paragraph--type--texto-izquierdo-imagen-derecha .col-sm-6 img,
    .paragraph--type--imagen-izquierda-texto-derecho .col-sm-6 img,
    .paragraph--type--imagen-full-con-texto .col-sm-8 img,
    .paragraph--type--_x4 .col-sm-7 img {
        display: block;
        height: 240px;
        max-height: 100%;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 100%;
    }
    .paragraph--type--texto-izquierdo-imagen-derecha .col-sm-6,
    .paragraph--type--imagen-izquierda-texto-derecho .col-sm-6,
    .paragraph--type--imagen-full-con-texto .col-sm-4,
    .paragraph--type--imagen-full-con-texto .col-sm-8,
    .paragraph--type--preguntas .col-sm-6,
    .paragraph--type--_x4 .col-sm-7,
    .paragraph--type--_x4 .col-sm-5 {
        height: 240px;
        padding: 0px;
    }
    #lista-iso {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: inherit;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }
    #lista-iso li {
        list-style-type: none;
        display: flex;
        padding: 10px 4px;
    }
    .paragraph-id--47 .col-sm-3 {
        padding: 30px 0px;
    }
    .paragraph-id--44 .child {
        display: table-cell;
        vertical-align: middle;
        padding: 2rem;
    }
    #block-logofooter-2 ul li {
        display: block;
        margin-right: 30px;
        text-align: center;
        margin: 10px;
    }
    .page-node-type-especialidades .titulo {
        padding: 10rem 0px;
        color: #fff;
    }
    .path-blog .titulo h1,
    .path-proyectos .titulo h1,
    .page-node-type-proyectos .titulo h1,
    .path-cart .titulo h1,
    .path-node .titulo h1,
    .path-webform .titulo h1,
    .path-tienda .titulo h1,
    .path-checkout .titulo h1 {
        color: #182B42;
        text-align: center;
        font-size: 40px;
    }
    ul.social-aeioros {
        margin-top: 20px;
    }
    #block-copyright {
        float: none !important;
    }
    #block-datosaeioros {
        text-align: center;
    }
    #user-login-form {
        width: 100%;
        margin: 0 auto;
    }
    ul.menu--telefono {
        display: none;
    }
    .nav-menu.open {
        padding-bottom: 30px;
    }
    ul.aeioros-flex {
        display: block;
        justify-content: space-around;
        align-items: center;
        list-style-type: none;
        flex: 0 0 1;
        flex-direction: row;
        margin: 0;
        padding: 0;
    }
    ul.aeioros-flex li {
        background-color: #31DDE1;
        padding: 30px;
        width: 100% !important;
        min-height: 450px;
        border-radius: 30px;
    }
    ul.aeioros-flex li:nth-child(2) {
        margin: 10px 0px;
        background-color: #ADF1F3;
    }
    .image-absolute img {
        width: 40px !important;
        margin-right: 14px !important;
        display: block;
    }
    .image-absolute ul {
        display: flex;
        align-items: center;
    }
    .image-absolute ul li {
        list-style-type: none;
    }
    .image-absolute ul p {
        font-size: 13px !important;
        color: #fff !important;
        line-height: 13px !important;
    }
    .image-absolute ul h4 {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #fff !important;
        margin-bottom: 0px !important;
    }
    .image-absolute {
        position: absolute;
        bottom: 4px;
        left: 20px;
    }
    .view-articulos ul,
    .view-taxonomy-term ul {
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr) !important;
        column-gap: inherit;
        -moz-box-pack: justify;
        justify-content: space-between;
        grid-gap: 20px;
    }
    #block-aeioros-main-menu ul {
        display: none !important;
    }
    .formacion-fixed {
        position: relative;
        top: inherit !important;
    }
    .formacion-container {
        padding-top: 8rem;
        padding-bottom: 6rem;
    }
    .autor .views-complex-grouping-level {
        display: block;
        justify-content: space-between;
        padding: 3rem 0px;
        border-bottom: solid 1px #dcdcdc;
        grid-gap: 40px;
    }
    .autor .views-complex-grouping-extra-fields {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-grow: 1;
    }
    .autor .views-complex-grouping-content {
        width: 100%;
    }
    #block-views-block-home-block-1-2 ul li a {
        font-size: 20px;
        color: #fff;
    }
    .region-portada-home {
        width: 100%;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #block-views-block-home-block-1-2 .view-header {
        text-align: center;
        font-size: 14px;
        color: #fff;
    }
    .page-header {
        padding: 0;
        margin: 0;
        margin-bottom: 0px;
        margin-bottom: 3rem;
        font-size: 34px;
        font-weight: 700;
    }
    .page-node-type-article h1 {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
        font-weight: 700;
    }
    .path-tutoriales .page-header,
    .page-node-type-tutoriales .page-header {
        text-align: center;
    }
    .bia .field--name-body {
        width: 100%;
    }
    .bia h1 {
        font-size: 38px;
        font-weight: 700;
    }
    #block-views-block-servicios-block-1 .view-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: inherit;
        -moz-box-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        text-align: left;
        grid-gap: 20px;
    }
    footer .view-id-servicios .view-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 0px;
    }
    #block-bloquedatostop {
        display: none;
    }
    a.logo img {
        width: 100px !important;
        margin-left: 20px !important;
    }
    #block-mainnavigation ul li a {
        background-color: transparent;
        padding: 10px 0px;
        color: #2D6951;
    }
    .nav-menu {
        color: #2D6951;
        pointer-events: all;
        visibility: visible;
    }
}