@media screen and (min-width: 1023px) and (max-width: 1399px) {
  .container { max-width: 960px;}

  .block-right-wrapper {
    margin-left: 504px;
  }
  .right-single-text .background-image {left:-505px;}
  .right-single-text h2, .right-single-text-plus-two-cols h2{max-width: 495px; width: auto;}
  .right-single-text .body, .right-single-text-plus-two-cols .body {max-width: 618px; width: auto;}
  .right-single-text-plus-two-cols .background-image{left:-379px;}
  .text-with-modal .second_body {width: auto;}
  .text-with-modal .body {max-width: 576px; width: auto;}
  .text-with-modal .right_side_text h2 {width: auto;max-width: 475px;}
  .left-text-with-right-image .right_side_text .image {width: 250px;
    height: 250px;
    right: -56px;}
  .left-text-with-right-image .right_side_text .image img {width: 100%;
    height: auto;}
  .text-with-modal .right_side_text {
    margin-left: 60px;
  }

}
@media screen and (min-width: 768px) and (max-width: 1022px) {
  .sliding-title .hash-button-wrapper {    position: relative;
    bottom: auto;
    left: auto;
    transform: none;}
  #spacial-modal .webform-options-display-buttons label.webform-options-display-buttons-label {font-size: 14px; line-height: 28px; padding: 3px;}
  #spacial-modal .webform-options-display-buttons, .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons{width: 268px;}
  #spacial-modal form .modal-button {
    width: 170px;
    height: 35px;
  }
  #spacial-modal .modal-button-wrapper .modal-button {width: 119px; height: 35px;}

  .main-menu {width: 582px; }
  .main-menu ul {margin-left: 106px;}
  .main-menu ul a{font-size: 26px; line-height: 28px; }
  .main-menu .hash-button-wrapper{margin-bottom: 67px; margin-top:31px; margin-right: 80px;}
  .main-menu .modal-button {width: 119px; height: 35px;}
  .main-menu-button .modal-button {width: 119px; height: 35px;}
  .hash-button-wrapper.main-menu-button {top:32px;}


  .container {max-width: 608px;}
  p {font-size: 16px; line-height: 22px;}
  .logo-right {text-align: left;}
  .sliding-title .container {padding-top: 213px; padding-bottom: 47px;}
  .sliding-title .swiper {width: 505px;  margin-bottom: 60px;}
  .sliding-title .body {width: 290px; }
  .sliding-title .background-image {
    width: 647px;
    height: 647px;
    top: 289px;
    left: 318px;
  }
  .hash-button-wrapper a { font-size: 14px; width: 138px; height: 35px;}

  .modal-button.style-1 {font-size: 14px;}

  .sliding-title .modal-button-wrapper {margin-bottom: 242px;}
  .hash-button {font-size: 14px; line-height: 28px; padding: 4px 40px 1px 39px;}
  .hash-button-wrapper {text-align: center;}
  .modal-button {width: 170px; height: 35px; font-size: 14px; line-height: 28px;}
  .block-right-wrapper {margin-left: 0;}

  .footer_single {padding: 79px 0;}
  .footer_single p {font-size: 14px; line-height: 18px; }
  .footer_third {padding: 19px 0 16px 0;}

  .right-single-text .container{padding-top: 426px; padding-bottom: 86px;}
  .right-single-text .background-image {top: -547px; left: -436px;}
  .right-single-text h2 {font-size: 50px; line-height: 60px; width: 502px;}
  .right-single-text .body { width: 502px; margin-bottom: 44px; }
  .right-single-text .modal-button-wrapper {margin: 0;}
  .right-single-text .modal-button { width: 170px; height: 35px;}


  .quote {padding-top: 76px;}
  #block-formigvardetsomettlockihalseningentingkundepassera {padding-top: 76px; padding-bottom: 69px;}

  .quote .inside_quote { width: 100%;}
  .quote h2 {padding: 0; margin-bottom: 40px; width: 500px; margin-left: 0;}
  .quote .body {width: 500px; margin-left: 0;}
  .quote .hash-button-wrapper {width: 500px; margin-left: 0;}
  .quote .hash-button-wrapper a {width: 243px;}

  .left-text-with-right-image .container {padding-top: 132px; padding-bottom: 40px;}
  .left-text-with-right-image h2 { width: 504px; margin-bottom: 30px; font-size: 50px; line-height: 60px;}
  .left-text-with-right-image .text-wrapper {display: block;}
  .left-text-with-right-image .left_side_text {margin: 0 0 40px;}
  .left-text-with-right-image .body { width: 504px; margin-bottom: 40px;}
  .left-text-with-right-image h3 {font-size: 16px; line-height: 22px; margin-bottom: 10px;}
  .left-text-with-right-image .second_body { margin-bottom: 105px;}
  .left-text-with-right-image .right_side_text .image {width: 376px; height: 383px;}
  .left-text-with-right-image .right_side_text .image img {width: 100%; height: auto;}
  .left-text-with-right-image .hash-button-wrapper div div:first-child a {width: 212px;}
  .left-text-with-right-image .hash-button-wrapper div div:nth-child(2) a {width: 346px;}
  .left-text-with-right-image .hash-button-wrapper div div:first-child {margin-right: 19px;}
  .left-text-with-right-image .right_side_text {width: 100%}

  .right-single-text-plus-two-cols .container {padding-top: 372px; padding-bottom: 51px;}
  .right-single-text-plus-two-cols h2 { width: 502px; margin-bottom: 30px; line-height: 60px; font-size: 50px;}
  .right-single-text-plus-two-cols .background-image {top: -506px; left: -310px;}
  .right-single-text-plus-two-cols .body { width: 502px; margin-bottom: 40px;}
  .right-single-text-plus-two-cols .left_side_text, .right-single-text-plus-two-cols .right_side_text {width: 290px;}
  .right-single-text-plus-two-cols h3 {font-size: 16px;line-height: 22px;margin-bottom: 10px;}

  .left-single-text .container {padding-top: 307px; padding-bottom: 80px; }
  .left-single-text h2 {width: 395px;  margin-bottom: 30px; font-size: 50px; line-height: 60px;}
  .left-single-text .background-image {top: -458px; left: 99px;}
  .left-single-text .body {width: 502px;margin-bottom: 42px;}
  .left-single-text .modal-button {width: 170px;}


  .basic-block h2 {width: 628px; padding-top: 68px; margin-bottom: 30px; line-height: 60px; font-size: 50px;}
  .basic-block .body { max-width: 502px; margin-bottom: 40px; }

  .text-with-modal .container {padding: 30px;}
  .text-with-modal h2 { font-size: 16px; line-height: 22px; font-weight: bold; }
  .text-with-modal .body { width: 261px; margin-bottom: 30px; }
  .text-with-modal .right_side_text {margin-left: 44px;}
  .text-with-modal .right_side_text h2 {width: 243px;font-size: 20px;line-height: 30px;margin-top: 52px; margin-bottom: 29px;}
  .text-with-modal .second_body {width: 212px; font-size: 14px; line-height: 18px;}
  .text-with-modal .quot {line-height: 60px; font-size: 125px; top: 9px; left: -20px;}
  .text-with-modal .modal-button {width: 243px;}
  .text-with-modal .modal-button-wrapper {margin-bottom: 5px;}
  .text-with-modal .modal h2 {font-size: 16px;line-height: 22px;color: #372e3c;width: 548px;}
  .text-with-modal .modal .modal-button {width: 119px; height: 35px; padding:0;}
  .text-with-modal .additional-info .modal-button-wrapper .modal-button {height: 35px; width: 200px;}
  .text-with-modal .additional-info .info-body {width: 305px;}
}
/*=== MOBILE ===*/
@media screen  and (max-width: 767px) {
  .sliding-title .hash-button-wrapper {    position: relative;
    bottom: auto;
    left: auto;
    transform: none;}
  #spacial-modal h2 {font-size: 14px;
    line-height: 16px;}

  #spacial-modal .webform-head {padding: 21px 13px 18px 13px;}
  #spacial-modal .modal-button-wrapper {top:21px; right: 18px;}
  #spacial-modal form .modal-button {width: 170px;height: 35px;}
  #spacial-modal .modal-button-wrapper .modal-button {width: 119px; height: 35px;}
  #spacial-modal form .fieldset-legend {font-size: 25px; line-height: 38px; margin-bottom: 37px;}
  #spacial-modal .webform-footer {padding: 27px;}
  #spacial-modal .webform-options-display-buttons label.webform-options-display-buttons-label {font-size: 14px; line-height: 28px; padding: 3px;}
  #spacial-modal .webform-options-display-buttons, .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons
  {width: 268px; }
  #spacial-modal .webform-message {font-size: 16px; line-height: 22px; margin-bottom: 34px;}
  #spacial-modal form .modal-button {padding: 3px 33px 3px 33px;}
  #spacial-modal .webform-confirmation__message {font-size: 16px; line-height: 22px;}




  .main-menu {width: 100%; }
  .main-menu ul {margin-left: 16px;}
  .main-menu ul li{margin-bottom: 31px;}
  .main-menu ul a{font-size: 20px; line-height: 28px; }
  .main-menu .hash-button-wrapper{display: block;
    margin-bottom: 43px;
    margin-top: 24px;
    margin-right: 20px;}
  .main-menu .modal-button {width: 103px; height: 30px; font-size: 12px; line-height: 28px;}
  .main-menu-button .modal-button {width: 103px; height: 30px;}


  .main-menu {height: auto; padding-bottom: 21px;}
  .modal-open .main-menu{width: 100%}
  .container {max-width: 342px;}
  p {font-size: 16px; line-height: 22px;}
  .logo-right {text-align: center;}
  h2 {font-size: 40px; line-height: 48px;}
  .site_name {font-size: 16px;}
  .site_name .first_half {top: 17px;}
  .site_name .second_half {top: 33px;}
  .sliding-title .container {padding-top: 317px; padding-bottom: 41px; }
  .sliding-title .swiper {max-width: 334px; width: auto; margin-bottom: 12px;}
  .sliding-title .body {max-width: 328px; width: auto;}
  .sliding-title .background-image {
    position: absolute;
    width: 355px;
    height: 355px;
    top: -57px;
    left: 93px;
    overflow: hidden;
  }
  .modal-button.style-1 {font-size: 14px;}

  .hash-button {font-size: 14px; line-height: 28px; padding: 4px 40px 1px 39px;}
  .sliding-title .modal-button-wrapper, .hash-button-wrapper {margin: 0; display: inline-block;}
  .sliding-title .modal-button-wrapper {margin-right: 20px; }
  .footer_single {padding: 37px 0;}
  .footer_single p {font-size: 14px; line-height: 18px; }
  .footer_third {padding: 39px 0 21px 0;}
  .footer_third ul {text-align: center;}
  .footer_third p {text-align: center; margin-top: 21px;}

  .block-right-wrapper {margin-left: 0;}
  .modal-button {font-size: 14px; line-height: 28px; width: 170px; height: 36px;}
  .hash-button-wrapper a {font-size: 14px; line-height: 28px;}
  .sliding-title .hash-button-wrapper a {width: 138px; height: 35px;}

  .right-single-text .container{padding-top: 238px; padding-bottom: 69px;}
  .right-single-text .background-image {top: -227px;left: -155px;width: 494px;height: 494px;}
  .right-single-text h2 {font-size: 36px; line-height: 43px; width: 343px;  margin-bottom: 30px;}
  .right-single-text .body { width: 343px; margin-bottom: 30px; }
  .right-single-text .modal-button {width: 170px; height: 35px;}
  .right-single-text .modal-button-wrapper {margin-bottom: 0;}


  .quote {padding-top: 76px; padding-bottom: 55px;}
  #block-formigvardetsomettlockihalseningentingkundepassera {padding-top: 74px; padding-bottom: 69px;}
  .quote .inside_quote{padding-left: 36px;}
  .quote .inside_quote {width: auto;}
  .quote h2 {width: 302px;font-size: 25px;line-height: 37px;}
  .quote .body {width: 302px;}
  .quote .hash-button-wrapper a {width: 243px; height: 35px;}

  .left-text-with-right-image .container {
    padding-top: 63px;
    padding-bottom: 61px;
  }
  .left-text-with-right-image h2 { width: 343px;margin-bottom: 30px;font-size: 36px;line-height: 43px;}
  .left-text-with-right-image .text-wrapper {display: block;}
  .left-text-with-right-image .left_side_text {margin: 0 0 13px;}
  .left-text-with-right-image .body { width: 341px; margin-bottom: 30px;}
  .left-text-with-right-image h3 {font-size: 16px; line-height: 22px; margin-bottom: 10px;}
  .left-text-with-right-image .hash-button-wrapper a{font-size: 14px;line-height: 28px; margin-bottom: 17px;}
  .left-text-with-right-image .hash-button-wrapper div div:first-child a {width: 212px; height: 35px;}
  .left-text-with-right-image .hash-button-wrapper div div:nth-child(2) a{width: 346px; height: 35px;}
  .left-text-with-right-image .hash-button-wrapper div {display: block; margin: 0;}
  .left-text-with-right-image .right_side_text {padding-left: 25px; padding-top:40px; width: 100%}
  .left-text-with-right-image .second_body { margin-bottom: 298px; width: 294px;}
  .left-text-with-right-image .right_side_text .image {width: 296px; height: 302px; right: -73px;}
  .left-text-with-right-image .right_side_text .image img {width: 100%; height: auto;}

  .right-single-text-plus-two-cols .container {padding-top: 201px;  padding-bottom: 54px;}
  .right-single-text-plus-two-cols h2 {  width: 359px; margin-bottom: 30px; line-height: 43px; font-size: 36px;}
  .right-single-text-plus-two-cols .background-image {top: -203px;left: -117px; width: 361px; height: 361px;}
  .right-single-text-plus-two-cols .body { width: 343px; margin-bottom: 30px;}
  .right-single-text-plus-two-cols .text-wrapper {display: block;}
  .right-single-text-plus-two-cols .left_side_text, .right-single-text-plus-two-cols .right_side_text {width: 100%; margin: 0;}
  .right-single-text-plus-two-cols .left_side_text {margin-bottom: 30px;}
  .right-single-text-plus-two-cols h3 {font-size: 16px;line-height: 22px;margin-bottom: 10px;}

  .left-single-text .container {padding-top: 222px; padding-bottom: 58px;}
  .left-single-text h2 {width: 343px;margin-bottom: 30px;font-size: 36px;line-height: 43px;}
  .left-single-text .background-image {top: -171px;left: 111px;width: 373px;height: 373px;}
  .left-single-text .body {width: 343px;margin-bottom: 30px;}
  .left-single-text .modal-button {width: 170px; height: 35px;}


  .basic-block h2 {width: 343px;padding-top: 68px;margin-bottom: 30px;line-height: 43px;font-size: 36px;}
  .basic-block .body { max-width: 343px; margin-bottom: 30px; }

  .text-wrapper {display: block;}
  .text-with-modal .container {padding: 0 0 30px 30px;}
  .text-with-modal h2 { max-width: 261px; font-size: 16px; line-height: 22px; font-weight: bold; padding-top: 30px; margin-bottom: 10px;}
  .text-with-modal .body { max-width: 285px; margin-bottom: 30px; margin-right: 0;}
  .text-with-modal .left_side_text{width: auto;}
  .text-with-modal .right_side_text {margin-left: 0;}
  .text-with-modal .right_side_text h2 {max-width: 301px;font-size: 20px; line-height: 30px;margin-top: 68px; margin-bottom: 29px;}
  .text-with-modal .second_body {width: 100%; font-size: 14px; line-height: 18px; margin-bottom: 12px;}

  .text-with-modal .modal-button {width: 243px; height: 35px;}
  .text-with-modal .modal-button-wrapper {margin-bottom: 37px;}
  .text-with-modal .modal h2 {font-size: 16px;line-height: 22px;color: #372e3c;width: 300px; margin-bottom: 12px;}
  .text-with-modal .modal .modal-button-wrapper .modal-button {width: 119px; height: 35px; padding:0;}
  .text-with-modal .container{margin-bottom: 30px;}
  .text-with-modal .modal_body, .text-with-modal .modal_second_body{width: 300px;}
  .text-with-modal .modal h3 {position: relative;z-index: 1;width: 261px;margin: 33px auto 60px 35px;font-size: 25px;line-height: 38px;color: #372E3C;}
  .text-with-modal .additional-info {padding: 15px; display: block;}
  .text-with-modal .additional-info .info-body {width: 100%; margin-right: 0; margin-bottom: 30px;}
  .text-with-modal .additional-info .modal-button-wrapper {
    margin-bottom: 15px;
    text-align: left;
  }
  .text-with-modal .additional-info .modal-button-wrapper .modal-button{width: 170px;}
  #block-jagslutadeatamedandraochgautpalunchen .text-with-modal h2 {max-width: 240px;}
  .text-with-modal .right_side_text .quot{font-size: 125px; line-height: 60px;    top: 8px;
    left: -21px;}
  footer {
    padding-top: 10px;
  }
  .modal-dialog {width: 343px; max-width: 343px;}
  .modal-header{padding: 20px 20px 0 20px;}
  .footer_second {text-align: center;}
  .webform-options-display-buttons, .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons {display: flex;
    flex-wrap: wrap;}
  #spacial-modal form > .form-wrapper {

    padding: 44px 19px;
  }
  #spacial-modal .webform-confirmation__message{
    padding: 44px 40px 113px 37px;
  }
  .tooltip_stile1 { max-width: 360px; }
  .tooltip_stile2 { max-width: 292px; }
}
@media screen  and (max-width: 374px) {

  #spacial-modal h2 {
    font-size: 12px;
  }
  .container {margin-left: 10px; margin-right: 10px; width: auto; max-width: 343px;}
  h2, .basic-block h2{font-size: 32px;}
  .modal-button {width: 137px;}
  .right-single-text h2,.right-single-text .body, .quote h2, .left-text-with-right-image h2, .left-text-with-right-image .body,
  .left-text-with-right-image .second_body, .quote .body, .right-single-text-plus-two-cols h2, .right-single-text-plus-two-cols .body, .left-single-text h2,
  .text-with-modal .right_side_text h2,
  #spacial-modal .webform-options-display-buttons, .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons,
  .left-single-text .body, .basic-block h2, .text-with-modal .body, .text-with-modal h2, .text-with-modal .modal_body, .text-with-modal .modal_second_body, .text-with-modal .modal h3
  {max-width: 100%;  width: auto;}
  .left-text-with-right-image .hash-button-wrapper div div:nth-child(2) a {width: 310px;}
  .text-with-modal .container {padding: 0 15px 30px 15px;}
  .row {    --bs-gutter-x: 0; margin: 0;}
  .modal-dialog { width: 90%;}
  #spacial-modal .modal-button-wrapper .modal-button {    width: 100px; height: 30px;}
  #spacial-modal .webform-options-display-buttons .webform-options-display-buttons-wrapper:last-child {margin-left: 10px;}
  #spacial-modal .webform-options-display-buttons .webform-options-display-buttons-wrapper:first-child {margin-right: 10px;}
}