@media screen and (max-width: 1820px) {
  #about_us .bg .left {
    flex: 0 0 53%;
  }
  #about_us .bg .right {
    flex: 0 0 47%;
  }
  #about_us .content .left {
    flex: 0 0 53%;
  }
}



@media screen and (max-width: 1750px) {
  #about_us .bg .left {
    flex: 0 0 56%;
  }
  #about_us .bg .right {
    flex: 0 0 44%;
  }
  #about_us .content .left {
    flex: 0 0 56%;
  }
}


@media screen and (max-width: 1650px) {
  /* ABOUT US SECTION  */
  #about_us .bg .left {
    flex: 0 0 62%;
  }
  #about_us .bg .right {
    flex: 0 0 38%;
  }
  #about_us .content .left {
    flex: 0 0 62%;
  }
  #about_us .headlines h2 {
    font-size: 50px;
    line-height: 70px;
    padding-right: 45px;
    margin-bottom: 46px;
    text-align: right !important;
    top: -8px;
  }
  #about_us .text p {
    font-size: 24px;
    line-height: 38px;
  }
  #about_us .content {
    padding-top: 155px;
    padding-bottom: 145px;
  }

  /* SERVICES SECTION  */
  #services .services .service {
    max-width: 310px;
  }
}


@media screen and (max-width: 1500px) {
  
  #about_us .bg .left {
    flex: 0 0 65%;
  }
  #about_us .bg .right {
    flex: 0 0 35%;
  }
  #about_us .content .left {
    flex: 0 0 65%;
  }
}

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

  /* DETAILS SECTION  */
  .details{
    margin-left: -20px;
    margin-right: -20px;
  }
  .about_details .details {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 1440px) {
  /* ABOUT US SECTION  */
  #about_us .bg .left {
    flex: 0 0 68%;
  }
  #about_us .bg .right {
    flex: 0 0 32%;
  }
  #about_us .content .left {
    flex: 0 0 68%;
  }
  #about_us .headlines h2 {
    min-width: 240px;
  }
  #about_us .content {
    padding-top: 125px;
    padding-bottom: 115px;
  }


  /* SERVICES SECTION  */
  #services .separator_h{
    display: block;
    height: 1px;
    width: 100%;
    margin: 0px auto 50px auto;
    background-color: var(--color-orange);
  }
  #services #separator_h_2 {
    display: none;
  }
  #services #specSep3 {
    margin-top: 80px;
  }
  #services .services {
    flex-wrap: wrap;
  }
  #services .services .service {
    max-width: 45%;
  }
  #services .services .service:nth-child(5),
  #services .services .service:nth-child(7) {
    margin-top: 50px;
  }
  
  #services .services .separator:nth-child(4) {
    display: none;
  }
  #services .services .head {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1300px) {
  .main-nav {
    width: 50vw;
  }
  .menuitem {
    right: 80px;
  }
  .main-nav-contact {
    right: 80px;
  }


  #adblockermodal .centered .content{
    padding: 9% 10%;
  }

  /* HOME SECTION  */
  #home .logo_landing{
    margin-top: auto;
    max-width: 500px;
  }
  #home .logo_landing img{
    max-width: 100%;
  }
  #home .text_landing{
    max-width: 60vw;
    font-size: 25px;
    line-height: 35px;
  }


  /* DETAILS SECTION  */
  .details .detail .head .icon {
    margin-right: 12px;
    height: 36px;
  }
  .details .detail .head .title {
    font-size: 22.4px;
    line-height: 25.6px;
  }
  .details .detail .body {
    font-size: 19.58px;
    line-height: 25.6px;
  }



  /* ABOUT US SECTION  */
  #about_us .bg .left {
    flex: 0 0 78%;
  }
  #about_us .bg .right {
    flex: 0 0 22%;
  }
  #about_us .content .left {
    flex: 0 0 100%;
  }
  #about_us .content {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #about_us .headlines h2 {
    font-size: 60px;
    line-height: 56px;
  }
  #about_us .text p {
    font-size: 19.2px;
    line-height: 30.4px;
  }



  /* SERVICES SECTION  */
  #services .headline h2 {
    font-size: 44.8px;
  }
  #services .services .service {
    overflow: visible !important;
  }
  #services .services .head,
  #services .services .head a,
  #services .services .head a div {
    font-size: 25.6px;
    height: 44.8px;
  }
  #services .services .head img {
    margin-right: 16px;
    max-width: 100%;
    max-height: 100%;
  }
  #services .services .body {
    font-size: 17.6px;
    line-height: 25.6px;
    text-align: left;
  } 
  #services .services .body a.button {
    font-size: 14.5px;
  }

  #contacts .contact-wrapper .contact-headline {
    font-size: 32px;
    line-height: 38.4px;
    margin-bottom: 16px;
  }
  #contacts .contact-wrapper .contact-headline span {
    font-size: 22.4px;
    line-height: 27.2px;
  }
  #contacts .contact-wrapper .contacts .contact .contact_name {
    font-size: 19.2px;
    line-height: 23.2px;
  }
  #contacts .contact-wrapper .contacts .contact .contact_details {
    font-size: 16px;
    line-height: 23.2px;
  }
  #contacts .contact-wrapper .contact-headline {
    font-size: 25.6px;
    line-height: 30.72px;
  }
  #contacts .contact-wrapper .contact_form form input, 
  #contacts .contact-wrapper .contact_form form textarea {
    font-size: 16px;
    line-height: 29.6px;
  }


  #footer .footer-menu a, #footer .footer-menu span {
    font-size: 22.4px;
  }
  #footer .about-us-footer-paragraph {
    font-size: 16px;
  }
  #footer .about-us-footer-paragraph span {
    font-size: 19.2px;
  }


  .about-a .about-headline {
    font-size: 4.8em;
  }
  .about-b .about-right-side p {
    font-size: 19.2px;
    line-height: 1.2em;
  }


  .container .main_headline h2 {
    font-size: 60px;
  }
  .container .description p {
    font-size: 17.6px;
    line-height: 28.8px;
  }

  .secondary-navigation {
    height: 80px;
  }
}

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

  /* ABOUT US SECTION  */
  #about_us .bg .left {
    flex: 0 0 82%;
  }
  #about_us .bg .right {
    flex: 0 0 18%;
  }
}

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

  /* ABOUT US SECTION  */
  #about_us .bg .left {
    flex: 0 0 88%;
  }
  #about_us .bg .right {
    flex: 0 0 12%;
  }
}

@media screen and (max-width: 990px) {
  .main-nav {
    width: 75vw;
  }
  .menuitem {
    right: 60px;
  }
  .main-nav-contact {
    right: 60px;
  }




  /* HOME SECTION  */
  #home .text_landing{
    max-width: 85vw;
  }


  /* DETAILS SECTION  */
  .details {
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 18px;
    margin-bottom: 40px;
  }
  .details .break {
    width: 100%;
    height: 0;
  }
  .details .separator:nth-child(4) {
    display: none;
  }
  .details .detail:nth-child(5) {
    margin-top: 40px;
  }



  /* ABOUT US SECTION  */
  #about_us .bg .left {
    flex: 0 0 100%;
  }
  #about_us .bg .right {
    flex: 0 0 0%;
  }
  #about_us .headlines {
  }
  #about_us .headlines h2 {
    font-size: 40px;
    line-height: 60px;
    padding-right: 35px;
    text-align: right !important;
    min-width: 190px;
  }
  #about_us .text p {
    font-size: 20px;
    line-height: 30px;
  }
  #about_us .text {
    margin-left: 35px;
  }
  #about_us .content {
    padding-top: 85px;
    padding-bottom: 85px;
  }


  /* SERVICES SECTION  */
  #services .services .body {
    font-size: 19px;
    line-height: 30px;
  }




  /* CONTACTS SECTION  */
  #contacts .contact-wrapper {
    padding: 50px;
  }
  #contacts .contacts .separator {
    margin: 0 10px;
  }

}

@media screen and (max-width: 860px) {
  .details .detail {
    max-width: 330px;
  }


  #about_us .text {
    max-width: 60%;
  }
}

@media screen and (max-width: 830px) {
  #contacts .contact-wrapper .contacts .contact .contact_name {
    font-size: 20px;
    line-height: 24px;
    letter-spacing:0px;
  }
  
  #contacts .contact-wrapper .contacts .contact .contact_details {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
  }

}

@media screen and (max-width: 780px) {
  #home .logo_landing{
    max-width: 60vw;
  }
  #home .text_landing{
    font-size: 26px;
    line-height: 37.2px;
  }



  .details {
    margin-top: 40px;
    margin-bottom: 40px;
}
  .details .detail {
    max-width: 85vw;
    margin-top: 0;
  }
  .details .separator:nth-child(2) {
    display: none;
  }
  .details .detail:nth-child(3) {
    margin-top: 40px;
  }
  .details .detail .head .icon {
    height: 40px;
    margin-right: 10px;
  }
  .details .detail .head .title{
    font-size: 25px;
    line-height: 28px;
  }
  .details .detail .body{
    font-size: 20px;
    line-height: 29px;
    margin-top: 7px;
  }
}


@media screen and (max-width: 768px) {
  #about_us .bg .left {
    flex: 0 0 100%;
  }
  #about_us .bg .right {
    flex: 0 0 0%;
  }
  #about_us .content .left {
    flex: 0 0 100%;
  }
  
  #about_us .headlines h2 {
    font-size: 30px;
    line-height: 45px;
    padding-right: 25px;
    text-align: right !important;
    min-width: 145px;
  }
  #about_us .text {
    margin-left: 25px;
    /* max-width: 440px; */
  }
  #about_us .text p {
    font-size: 18px;
    line-height: 27px;
  }
  #about_us .content {
    padding-top: 85px;
    padding-bottom: 85px;
  }


  #services #separator_h_2 {
    display: block;
  }
  #services .headline {
    width: 80%;
    height: 100px;
  }
  #services .headline h2 {
    font-size: 48px;
  }
  #services .services .service {
    max-width: 80%;
    margin: auto;
  }
  #services .services .service:nth-child(3),
  #services .services .service:nth-child(5),
  #services .services .service:nth-child(7),
  #services .services .service:nth-child(9) {
    margin-top: 30px;
  }
  
  #services .services .separator {
    display: none;
  }
  #services .services .body a.button {
    margin-top: 10px;
  }


  #contacts .contacts {
    flex-wrap: wrap;
  }
  #contacts .contacts .contact {
    flex-basis: 100%;
    text-align: center;
    margin-top: 20px;
  }
  #contacts .contact-wrapper .contacts .contact .contact_name {
    font-size: 24px;
    line-height: 29px;
    letter-spacing:0.3px;
  }
  
  #contacts .contact-wrapper .contacts .contact .contact_details {
    font-size: 20px;
    line-height: 29px;
  }
  #contacts .contacts .separator {
    display: none;
  }
  .edm_r3_right {
    min-width: 120px;
  }
}

@media screen and (max-width: 750px) {
  .main-nav {
    width: 90vw;
  }
  .menuitem {
    right: 40px;
  }
  .main-nav-contact {
    right: 40px;
  }
}

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

@media screen and (max-width: 620px) {
  .edm_r3_left {
    min-width: 380px;
  }
}

@media screen and (max-width: 600px) {
  #contacts .contact-wrapper .contact_form form .form_bottom {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #contacts .contact-wrapper .contact_form form .form_bottom .button-send {
    margin-top: 20px;
    flex-basis: 100%;
    display: flex;
    justify-content: flex-start;
  }
  .edm_r3_left {
    min-width: 350px;
  }
}

@media screen and (max-width: 520px) {
  #home{
    padding: 0 30px;
  }
  #home .text_landing{
    max-width: 90vw;
    font-size: 20px;
    line-height: 26px;
  }


  .details {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
}
  .details .detail {
    max-width: 90vw;
    padding: 0;
  }
  .about_details .details .detail {
    /* max-width: 80vw; */
  }
  .details .detail .head .icon {
    height: 30px;
  }
  .details .detail .head .title{
    font-size: 20px;
    line-height: 22px;
  }
  .details .detail .body{
    font-size: 16px;
    line-height: 22px;
    margin-top: 5px;
  }
  .details .detail:nth-child(3),
  .details .detail:nth-child(5) {
    margin-top: 20px;
  }


  #about_us .bg .left {
    flex: 0 0 100%;
  }
  #about_us .bg .right {
    flex: 0 0 0%;
  }
  #about_us .content .left {
    flex: 0 0 100%;
    flex-wrap: wrap;
  }
  #about_us .headlines {
    border: none !important;
    margin: auto auto 20px;
    text-align: center;
  }
  #about_us .headlines div {
    display: inline-block;
  }
  #about_us .headlines div.hidden_on_desktop {
    display: block;
  }
  #about_us .headlines h2 {
    font-size: 30px;
    line-height: 45px;
    padding-right: 0;
    text-align: center !important;
    min-width: 100%;
    
  }
  #about_us .headlines h2 br {
    display: none;
  }
  #about_us .text {
    max-width: 100%;
    margin: 0;
  }
  #about_us .text p {
    font-size: 18px;
    line-height: 27px;
  }
  
  #about_us .content {
    padding: 80px 30px 50px 30px;
  }


  #services {
    padding: 0 30px;
  }
  #services .headline {
    height: 90px;
  }
  #services .headline h2 {
    font-size: 40px;
  }
  #services .services {
    padding-bottom: 40px;
  }
  #services .services .service {
    max-width: 100%;
    margin: auto;
  }
  #services .services .head {
    font-size: 24px;
    margin-bottom: 10px;
    height: 40px;
  }
  #services .services .head a,
  #services .services .head a div{
    height: 40px;
  }
  #services .services .head img{
    max-width: 100%;
    max-height: 100%;
  }



  #contacts .contact-wrapper {
    padding: 30px;
  }


  .secondary-navigation,
  .subpage_nav {
    height: 60px;
    padding-left: 30px;
  }
  .secondary-navigation img,
  .subpage_nav img {
    max-height: 50px;
  }
  .hamburger {
    width: 30px;
    height: 25px;
    right: 30px;
    top: 18px;
  }
  .subpage .hamburger {
    height: 30px;
    right: 30px;
    top: 17px;
  }
  .bar1, .bar2, .bar3 {
    width: 30px;
  }
  .hamburgerClose {
    width: 36px;
    height: 31px;
    right: 27px;
    top: 15px;
  }
  .edm_r2_right {
    min-width: 30px;
  }
  .edm_r3_left {
    min-width: 350px;
  }
  .edm_r3_right {
    min-width: 50px;
    background-position-x: right;
  }
}

@media screen and (max-width: 440px) {
  #home .logo_landing{
    max-width: 50vw;
  }
  #home .text_landing{
    font-size: 18px;
    line-height: 23px;
  }
  .details .detail .head .icon {
    height: 20px;
    margin-right: 5px;
  }
  .edm_r2_left {
    min-width: 110px;
    background-image: url('../assets/images/edm_r2_left_short.png');
  }
  .edm_r3_left {
    min-width: 320px;
  }
}


@media screen and (max-width: 420px) {
  #services .headline {
    width: 90%;
    height: 80px;
  }
  #services .headline h2 {
    font-size: 36px;
  }
  .edm_r3_left {
    min-width: 300px;
  }
  .tab-bar .tab:not(:last-child) {
    margin-right: 15px;
  }
}


@media screen and (max-width: 400px) {
  .edm_frame {
    /* width: calc(100% + 25px);
    margin-left: -13px; */
  }
}
@media screen and (max-width: 340px) {
  #home .logo_landing{
    max-width: 50vw;
  }
  #home .text_landing{
    font-size: 16px;
    line-height: 21px;
  }

  .details .detail .head .icon {
    height: 20px;
    margin-right: 5px;
  }
  .details .detail .head .title{
    font-size: 15px;
    line-height: 19px;
  }
  .details .detail .body{
    font-size: 12px;
    margin-top: 0;
  }
}









@media screen and (max-height: 600px) {
  .home_wrapper {
    padding-top: 20px;
    justify-content: flex-start;
  }
}
@media screen and (max-height: 768px) {
  #home {
    margin-top: 10px;
  }
}








@media screen and (max-height: 900px) {
  @media (orientation: landscape) {
    :root {
      --sidemenuitem_start: 70px;
      --sidemenuitem_offset: 70px;
    }
    
    .main-nav .main_menu a {
      /* font-size: 60px; */
    }
  }
  @media (orientation: portrait) {
    :root {
      --sidemenuitem_start: 50px;
      --sidemenuitem_offset: 45px;
      --sidemenucontactitem_offset: 20px;
    }
    
    .main-nav .main_menu a {
      font-size: 35px;
    }
  
    .main-nav-contact {
      bottom: 0;
      font-size: 16px;
      height: 220px;
    }
    #ContactBrand {
      font-size: 18px;
      top: -2px;
    }
  
    #ContactP1 {
      top: calc(var(--sidemenucontactitem_offset) * 1 + 10px);
    }
  
    #ContactP2 {
      top: calc(var(--sidemenucontactitem_offset) * 2 + 10px);
    }
    
    #ContactP3 {
      top: calc(var(--sidemenucontactitem_offset) * 3 + 10px);
    }
    
    #ContactVat {
      top: calc(var(--sidemenucontactitem_offset) * 5 + 10px);
    }
    :root {
      
    }
    #langSwitcher, #xingLink, #linkedinLink {
      top: 160px;
    }
  }

}
@media screen and (max-height: 820px) {
  @media (orientation: landscape) {
    :root {
      --sidemenuitem_start: 60px;
      --sidemenuitem_offset: 60px;
      --sidemenucontactitem_offset: 28px;
    }
    
    .main-nav .main_menu a {
      font-size: 55px;
    }
    .main-nav-contact {
      bottom: 0;
    }

    #langSwitcher, #xingLink, #linkedinLink {
      top: 210px;
    }
  }
  
  @media (orientation: portrait) {
    :root {
      --sidemenuitem_start: 50px;
      --sidemenuitem_offset: 40px;
      --sidemenucontactitem_offset: 20px;
    }
    
    .main-nav .main_menu a {
      font-size: 33px;
    }
  
    .main-nav-contact {
      bottom: 0;
      font-size: 15px;
      height: 220px;
    }
    #ContactBrand {
      font-size: 17px;
      top: -2px;
    }
  
    #ContactP1 {
      top: calc(var(--sidemenucontactitem_offset) * 1 + 10px);
    }
  
    #ContactP2 {
      top: calc(var(--sidemenucontactitem_offset) * 2 + 10px);
    }
    
    #ContactP3 {
      top: calc(var(--sidemenucontactitem_offset) * 3 + 10px);
    }
    
    #ContactVat {
      top: calc(var(--sidemenucontactitem_offset) * 5 + 10px);
    }
    :root {
      
    }
    #langSwitcher, #xingLink, #linkedinLink {
      top: 160px;
    }
  }
}

@media screen and (max-height: 700px) {
  @media (orientation: landscape) {
    :root {
      --sidemenuitem_start: 60px;
      --sidemenuitem_offset: 52px;
    }
    
    .main-nav .main_menu a {
      font-size: 45px;
    }

    #langSwitcher, #xingLink, #linkedinLink {
      top: 190px;
    }
  }
}

@media screen and (max-height: 630px) {
  @media (orientation: landscape) {
    :root {
      --sidemenuitem_start: 60px;
      --sidemenuitem_offset: 47px;
    }
    
    .main-nav .main_menu a {
      font-size: 40px;
    }
  }
  @media (orientation: portrait) {
    :root {
      --sidemenuitem_start: 60px;
      --sidemenuitem_offset: 38px;
      --sidemenucontactitem_offset: 20px;
    }
    
    .main-nav .main_menu a {
      font-size: 32px;
    }
  
    .main-nav-contact {
      bottom: 0;
      font-size: 15px;
      height: 220px;
    }
    #ContactBrand {
      font-size: 17px;
      top: -2px;
    }
  
    #ContactP1 {
      top: calc(var(--sidemenucontactitem_offset) * 1 + 10px);
    }
  
    #ContactP2 {
      top: calc(var(--sidemenucontactitem_offset) * 2 + 10px);
    }
    
    #ContactP3 {
      top: calc(var(--sidemenucontactitem_offset) * 3 + 10px);
    }
    
    #ContactVat {
      top: calc(var(--sidemenucontactitem_offset) * 5 + 10px);
    }
    :root {
      
    }
    #langSwitcher, #xingLink, #linkedinLink {
      top: 160px;
    }
  }
}

@media screen and (max-height: 540px) {
  @media (orientation: landscape) {
    :root {
      --sidemenuitem_start: 60px;
      --sidemenuitem_offset: 35px;
    }
    
    .main-nav .main_menu a {
      font-size: 30px;
    }

    .main-nav-contact {
      bottom: 0;
      font-size: 16px;
      height: 220px;
    }
    #ContactBrand {
      font-size: 18px;
      top: -2px;
    }

    #ContactP1 {
      top: calc(var(--sidemenucontactitem_offset) * 1 + 10px);
    }

    #ContactP2 {
      top: calc(var(--sidemenucontactitem_offset) * 2 + 10px);
    }
    
    #ContactP3 {
      top: calc(var(--sidemenucontactitem_offset) * 3 + 10px);
    }
    
    #ContactVat {
      top: calc(var(--sidemenucontactitem_offset) * 5 + 10px);
    }
    :root {
      --sidemenucontactitem_offset: 20px;
    }
    #langSwitcher, #xingLink, #linkedinLink {
      top: 160px;
    }
  }
}

@media screen and (max-height: 450px) {
    @media (orientation: landscape) {
    :root {
      --sidemenuitem_start: 10px;
      --sidemenuitem_offset: 30px;
    }
    
    .main-nav .main_menu a {
      font-size: 1.8em;
    }

    .main-nav-contact {
      bottom: 10px;
      font-size: 0.9em;
      height: 160px;
    }
    :root {
      --sidemenucontactitem_offset: 18px;
    }
    #langSwitcher, #xingLink, #linkedinLink {
      top: 100px;
    }
  }
}










/******************************/
/*           FOOTER           */
/******************************/
@media screen and (max-width: 768px) {
  #go-top-button-sidepage {
    bottom: 28px;
    left: 50%;
    top: auto;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 560px) {
  #footer .footer-menu a, #footer .footer-menu span {
    font-size: 22px;
  }
  
  #footer .about-us-footer-paragraph {
    font-size: 17px;
  }
  
  #footer .about-us-footer-paragraph span {
    font-size: 21px;
  }
}
@media screen and (max-width: 440px) {
  #footer .footer-menu a, #footer .footer-menu span {
    font-size: 18px;
  }
  
  #footer .about-us-footer-paragraph {
    font-size: 14px;
  }
  
  #footer .about-us-footer-paragraph span {
    font-size: 16px;
  }
}
@media screen and (max-width: 350px) {
  #footer .footer-menu a, #footer .footer-menu span {
    font-size: 16px;
    letter-spacing: 0.5px;
  }
  
  #footer .about-us-footer-paragraph {
    font-size: 12px;
  }
  
  #footer .about-us-footer-paragraph span {
    font-size: 14px;
  }
}


/******************************/
/*        ABOUT PAGE          */
/******************************/



























































@media screen and (max-width: 1650px) {
  .service-caption {
    flex-flow: column wrap!important;
  }

  .service-caption h3 {
    margin-top: 15px;
    text-align: center;
  }

  .service {
    text-align: center;
  }

  .banners-a .main-headline h1 {
    font-size: 4.5em!important;
  }
}

@media screen and (max-width: 1500px) {
  .about-us { 
    margin-left: 8%!important;
    width: 48%!important;
  }

  .about-b {
    grid-template-columns: 1.5fr 1fr 0.5fr!important;
  }
}
@media screen and (max-width: 1380px) {
  
  .about-us { 
    margin-left: 8%!important;
    width: 62%!important;
  }
  .home-b {
    background-position: 0% 0%!important;
  }
  .logos-wrapper {
    grid-template-columns: repeat(3, auto)!important;
    grid-template-rows: repeat(3, 100px);
  }
  .logo7 {
    grid-column: 2 / 3; 
  }
  .about-b {
    padding: 3em 0!important;
    grid-template-columns: 1fr!important;
  }
  .about-right-side {
    padding: 0;
  }
  .about-b .about-left-side h2.about {
    text-align: center;
    font-size: 60px !important;
    margin-top: 0;
  }
  .about-b .about-left-side h2 br {
    display: none;
  }
  .about-right-side, .about-left-side {
    width: 80%!important;
    max-width: 810px;
    margin: 0 auto;
    grid-column: 1 / 2!important;
  }

  .banners-a {
    padding: 7em 4em 2em 4em!important;
    grid-template-columns: 1fr!important;
  }
  .banners-a .main-headline, .banners-a .mid-paragraph {
    width: 80%!important;
    max-width: 810px;
    margin: 0 auto;
    grid-column: 1 / 2!important;
  }
  .banners-a .main-headline h2 {
    text-align: center;
  }
  .banners-a .main-headline h2 .separator{
    display: none;
  }
  .banners-a .main-headline h1 {
    font-size: 4.5em!important;
  }
  .banners-a div p {
    /* font-size: 1.3em; */
  }

}

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

  .services {
    grid-template-columns: repeat(2, 1fr)!important;
  }
  .content-wrapper .home-f .contact-wrapper {
    margin: auto;
  }
  .home-f {
    display: block!important;
  }

  .map {
    height: 400px;
  }
}

@media screen and (max-width: 1230px) {
  .home-b {
    background-position: 20% 0%!important;
  }
}

@media screen and (max-width: 1230px) {
  .home-b {
    background-image: none!important;
    background-color: #b6290a;
    height: 500px!important;
  }

  .about-us {
    width: 80%!important;
    margin: 0 auto!important;
  }

  .about-a {
    background-position: 10% 50%!important;
  }

  .about-b {
    padding: 3em 0!important;
    grid-template-columns: 1fr!important;
  }

  .about-right-side, .about-left-side {
    grid-column: 1 / 2!important;
  }

  .about-left-side {
    width: 65%;
    text-align: center;
    margin: 0 auto;
  }

  .about-right-side {
    width: 80%!important;
    margin: 0 auto;
    /* padding: 1em 1em 0!important; */
    padding: 0;
  }

  .about-right-side img {
    display: block;
    width: 100%;
    margin: 0 auto!important;
  }

  .about-left-side h2 {
    display: inline-block!important;
    margin: 0 0.2em;
  }
  .banners-a {
    padding: 7em 0 2em 0!important;
  }

  .banners-b {
    padding: 4em 2em 4em 2em!important;
  }
  .main-headline h2 {
    /* display: inline-block!important; */
  }

  .main-headline h2:first-child, .main-headline h2.dark  {
    margin-right: 14px;
  }
  .about-left-side div {
    display: inline-block;
  }
}

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

  .about-left-side h2,
  .container .main_headline h2, 
  .banners-a .main-headline h2 {
    font-size: 3.5em!important;
  }
}


@media screen and (max-width: 825px) {
  .about-us p {
    font-size: 1.05em!important;
  }

  .logos-wrapper {
    grid-template-columns: repeat(2, auto)!important;
    grid-template-rows: repeat(4, 84px)!important;
  }

  .logo7 {
    grid-column: 1 / 3; 
  }


  .contact-headline {
    text-align: center;
    margin-bottom: 20px;
  }

  .contact-1 {
    border-right: none!important;
  }

  .contact-2 {
    border-right: none!important;
  }

  .about-a {
    background-position: 33% 50%!important;
  }

  .about-right-side p,
  .container .description p {
    font-size: 1.2em!important;
  }
}



@media screen and (max-width: 730px) {
  .about-us {
    flex-direction: column!important;
    width: 100%!important;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .about-us p {
    margin: 20px 20px!important;
  }

  .logos-wrapper {
    grid-template-columns: repeat(1, auto)!important;
    grid-template-rows: repeat(7, 84px);
  }

  .logo7 {
    grid-column: 1 / 2; 
  }

  .about-right-side p,
  .container .description p {
    margin-bottom: 1.3em!important;
  }

  .about-left-side h2,
  .container .main_headline h2,
  .banners-a .main-headline h2 {
    font-size: 3em!important;
  }
  
}

@media screen and (max-width: 666px) {
  .banners-b {
    padding: 4em 1em 4em 1em!important;
  }
}

@media screen and (max-width: 520px) {
  .about-right-side {
      width: auto !important;
      padding: 0 30px;
  }
  .banners-a .main-headline.edm h2 {
    font-size: 2.5em!important;
  }
  .about-b .about-left-side h2.about {
    font-size: 50px !important;
  }
  .container {
    padding: 110px 30px 30px;
  }
  .about_details {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 420px) {
  .about-a .about-headline {
    font-size: 4.5em;
  }
  .about-b .about-left-side h2,
  .container .main_headline h2 {
    font-size: 2.5em !important;
  }
  .banners-a .main-headline.edm h2 {
    font-size: 2em!important;
  }
}