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

    .slider-a h2 {
       
        font-size: 20px;
       
    }
    .view-servicios ul li{
        display: block;
    }
    ul.hacemos {
        display: block;
        margin:0;
        padding: 0;
    }
    .overlay {
        cursor: pointer;
        position: fixed;
        left: 0;
        top: 0;
        z-index:inherit !important;
        background-color: rgba(0,0,0,0.2);
        width: 100%;
        height: 100%;
    }
    .servicios .field--name-body{
        padding: 20px;
    }
    ul.repatriaciones {
        margin: 30px 0px;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: inherit;
        -moz-box-pack: justify;
        justify-content: space-between;
        grid-gap: 2rem;
        text-align: center;
    }
    .page-node-type-page article{
        padding: 20px;
    }
    ul.precios {
        display: block;
        flex-direction: row;
        grid-gap: 10px;
        margin:0;
        padding: 0;
    }
    header a.site-logo img {
        width: 200px;
        
    }
    .home-header-absolute {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;   
    }
    .home-header-absolute p{
        width: 100%;
    }
    #block-infoheader {
        position: absolute;
        left: 13px;
        display: block;        
        top: 10px;
    }
    header {
        position: relative;
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
        padding-top: 8.5vw;
        padding-bottom: 4.5vw;
        padding-left: 3vw;
        padding-right: 3vw;
        pointer-events: auto;
    }
    .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .region-footer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: inherit;
        -moz-box-pack: justify;
        justify-content: space-between;
        grid-gap: 2rem;
    }
    .node__content{
        padding: 30px;
    }
    .node-16 .node__content {
        display: block;
        
    }
    .page-node-type-page #block-custom-content {
        padding: 2rem 0px;
    }
    .node__content {
        padding:20px;
    }
    .page-node-type-nuevos-servicios #block-custom-content, .page-node-type-servicios #block-custom-content {
        padding: 3rem 0px;
    }
    .bloque-a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        width: 100%;
        text-align: center;
        padding: 20px;
    }

    .home-header {
        position: relative;
        
        overflow: hidden;
    }
    .home-header-absolute h1 {
        text-align: left;
        background-color: transparent;   
        color: #fff;
        padding: 6px 20px;
        display: inline-block;
    }
    .webform-multiple-table table {
        margin-bottom: 2px;
        width: 100%;
    } 
    .webform-multiple-table-responsive td {
        display: block;
        width: inherit;
        padding:0px; 
        text-align: inherit;
        border: 0;
        background: transparent;
    }
    #edit-edad > label{
        display: none;  
    }
    .home-header-absolute h1{
        text-align: left;
      color: #fff;
     
      display: inline-block;
      width: 100%; 
      }
      .info-coche-inferior ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: inherit;
        -moz-box-pack: justify;
        justify-content: space-between; 
        grid-gap: 10px;
        margin: 0;
        padding: 0;
    }
    #ajax-submit-coche #home-form {
        width: 100%;
        box-sizing: border-box;
        justify-content: right;
        background: #f6f6f4;
            background-color: rgb(246, 246, 244);
        box-sizing: border-box;
        padding-top: 4.5vw;
        padding-bottom: 4.5vw;
        padding-left: 0vw;
        padding-right: 3vw;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
        padding: 20px 30px;
        background-color: #e7e7e7;
        margin-top: -100px;
        z-index: 1001;
        border-radius: 10px;
        position: sticky;
        top: 16px;
    }
    #edit-segmento--wrapper {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 1;
    }
    #edit-customertype--wrapper {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
    }
    #edit-segmento--wrapper #edit-segmento {
        display: block !important;
        grid-gap: 20px;
    }
    #edit-customertype {
        display: block !important; 
        grid-gap: 20px;
    }
    #ajax-submit-coche #home-form {
        width: 100%;
        box-sizing: border-box;
        justify-content: right;
        background: #f6f6f4;
            background-color: rgb(246, 246, 244);
        background-color: rgb(246, 246, 244);
        box-sizing: border-box;
        padding-top: 4.5vw;
        padding-bottom: 4.5vw;
        padding-left: 0vw;
        padding-right: 3vw;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
        padding: 20px 30px;
        background-color: #e7e7e7;
        margin-top: -100px;
        z-index: 1001;
        border-radius: 10px;
        position: relative; 
        
    }
    header {
        position: relative;
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
        padding-top: 1.5vw;
        padding-bottom: 1.5vw;  
        padding-left: 3vw;
        padding-right: 3vw;
        pointer-events: auto;
    }
    ul.hacemos li {
        list-style-type: none;
        margin:4px 0px; 
    }
    .servicios div.servicios-columnas:last-child {
        width: 100%;
        flex: 0 0 100%;
    } 
    .mes-km {
        display: flex;
        font-size: 14px; 
      } 
}