
@media (max-width: 1220px) {
	.header-tagline span.desktop-text{ display: none;}
	.header-tagline .mobile-text{ display: block;}	 

	.submit_sec .block{ padding:0 30px;}
    
    .modal.kontact_1 .modal-dialog{ max-width:770px;}
    
    .modal.kontact_1 .modal-body{ padding:60px 70px 10px 55px;}

	.optimal_info{ padding-right:30px;}
    
    .happen_info{ padding:25px 25px 12px 25px;}
    
    .date_block span.error{ width:200px; font-size:12px; line-height:15px; top:0;}
    
    .tooltip_info{ margin-left:30px;}

	.form_info .form_block.error.mb-40 span.error{ padding:2px 0 0 10px; font-size:11px; min-width:100px; line-height:normal;}
}

@media (min-width: 992px) and (max-width: 1220px) {
	h1{ font-size: 40px;}
	h2{ font-size: 26px;}
	.banner-block-main .banner-left-col{ padding: 0; }
	.banner-button-set{ padding: 24px 0 0 0; }
	.tagline-block{ font-size: 26px;}
	.tagline-block span{ width: 36px; background-size: 100% auto;}
	.footer-link ul{ gap: 30px;}
	.banner-block-main .col-md-3{flex: 0 0 33.333333%;max-width: 33.333333%; }
	.banner-block-main .banner-bg{ background-size: 100% auto; width: 800px; }
	.agency_welcome_text {font-size:40px; padding:0;  font-weight: 800; line-height: 1.2;}
	.agency_welcome_text_subheadline {font-size:26px; padding: 0;  font-weight: bold; line-height: 1.2;}	
	.header_subheadline{ font-size:26px; line-height: 30px; padding-bottom:15px;}
	.cta-icons { display: flex; padding-top: 2px;}

}
@media (min-width: 768px) and (max-width: 991px) {
	h1{ font-size: 36px;}
	h2{ font-size: 24px;}
	.banner-block-main .banner-left-col{ padding: 0; }
	.banner-button-set{ gap: 8px; padding: 24px 0 0 0; }
	.tagline-block{ font-size: 22px;}
	.tagline-block span{ width: 30px; background-size: 100% auto;}	 
	.banner-button-set a{ font-size: 14px;}
	.Location-block-inner{ flex-direction: column;}
	.Location-block-inner .Location-left {width: 100%;}
	.Location-right {width: 100%; margin: 30px 0 0 0;}
	.consulting-block-inner .row >* {width: 33.3333%;         flex: 0 0 33.3333%;max-width: 33.3333%;}
	.news-row .news-box-sub h3{ font-size: 18px;}
	.cta-right a,
	.cta-left h4 {font-size: 24px;}
	.footer-link ul{ gap: 16px;}
	.f-logo a img{ height: 28px; }
	.banner-block-main .col-md-3{flex: 0 0 33.333333%;max-width: 33.333333%; }
	.banner-block-main .banner-bg{ background-size: 100% auto; width: 700px; }
	.agency_welcome_text {font-size:36px; padding:0;  font-weight: 800; line-height: 1.2;}
	.agency_welcome_text_subheadline {font-size:24px; padding: 0;  font-weight: bold; line-height: 1.2;}	
	.header_subheadline{ font-size:24px; line-height: 28px; padding-bottom:15px;}
	.cta-icons { display: flex; padding-top: 2px;}

} 
@media (max-width: 992px) {
	.agency_welcome_text {font-size:40px; padding:0;  font-weight: 800; line-height: 1.2;}
	.agency_welcome_text_subheadline {font-size:26px; padding: 0;  font-weight: bold; line-height: 1.2;}	
	.header_subheadline{ font-size:26px; line-height: 30px; padding-bottom:15px;}
	.header-wapper{ padding: 0 0px; }
	.header-top{ min-height: 76px; padding:12px 16px ; }
	.header-left .logo a img { max-height: 18px; width: auto; max-width: none; }
	.header-right .h-link > a span{ display: none;}
	.header-right .h-link > a{ padding: 8px; }
	.header-right { position: absolute; z-index: 100; right: 16px; top:8px;   gap: 16px;}
	.header-right .h-link{ padding: 0; }
	.header-left{ flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.header-tagline{ padding:10px 0 0 0; }
	.header-tagline span{line-height: 1.38; font-size: 14px;}
	.mobile-close-btn {display: none;}
	.header-right .h-link ul{ top: 72px; left: auto; right: -43px; width: calc(100vw - 40px); }
	.header-right.active	  .h-link ul{ opacity: 1; visibility: visible; pointer-events: all; }
	.header-right   .h-link ul li + li{ margin-top: 24px; }
	.header-right.active .h-link > a{ opacity: 0; }
	.header-right .h-link ul li a{ line-height: 19px; }
	.mobile-close-btn { z-index: 1000; display: block; opacity: 0; visibility: hidden; pointer-events: none;  position: absolute ; right:-48px; top:12px; }
	.mobile-close-btn a{ display: flex;}
	.header-right.active .mobile-close-btn{opacity: 1; visibility: visible; pointer-events: all;  display: block; }

	.hidden-xs{ display:none !important;}
    
    .visible-xs{ display:block !important;}

	.global_title{ font-size:24px; line-height:33px;}

	.faq_sec{ padding:40px 0;}

	.modal.kontact_1 .modal-dialog{ max-width:600px;}
    
    .modal.kontact_1 .modal-body{ padding:40px 50px 10px 30px;}
    
    .modal_kontact h4{ font-size:18px;}
    
    .modal_kontact .close { width: 16px; top: 10px; right: 15px;}
    
    .modal_kontact p{ margin-bottom:25px; font-size:18px; line-height:26px;}
    
    .kontak_links li{ margin-bottom:12px; font-size:18px; padding-left:30px;}
    
    .kontak_links li img{ width:24px;}
    
    .modal_kontact .block1{ padding:40px 20px 20px 20px;}
    
    .modal_kontact .block2{ padding:30px 20px 10px 20px;}
    
    .modal.kontact_2 .modal-dialog{ max-width:300px;}
    
    .modal.kontact_2 .close { top: 5px; right: 10px;}

	.form_info .form_block{ padding-right:30px;}
    
    .form_info .error_msg{ float:right; max-width:66.666667%; padding:10px 0 0 5px; position:relative;}
    
    .form_info .form_block_check{ padding-right:30px;}

	.optimal_info{ padding:21px 15px 13px 15px;}
    
    .optimal_info p{ font-size:14px;}
    
    .optimal_info p span strong{ font-size:24px;}
    
    .optimal_info p span strong span{ font-size:17px;}
    
    .optimal_info h2{ font-size:26px;}
    
    .optimal_info .listing_info2 li{ font-size:14px;}
    
    .happen_info{ padding:25px 15px 12px 15px;}
    
    .happen_info .listing_info2 li{ font-size:14px;}
    
    .happen_info h3{ font-size:18px;}

	.date_block label{ font-size:16px;}
    
    .date_block .field{ max-width:105px; font-size:16px;}

	.thanku_modal .modal-body{ padding:30px 15px 30px 15px;}
    
    .thanku_modal h3{ font-size:18px;}
    
    .thanku_modal h2{ font-size:25px;}
    
    .thanku_modal p{ margin-bottom:30px; font-size:14px;}

	.form_info .form_block.error label{ margin-bottom:20px;}

    .form_info .form_block.error span.error{ max-width:100%; padding:0; left:0; position:relative; top:0; font-size:12px;}

    .form_info .form_block i{ top:10px; transform:translate(0,0);}

    .form_info .form_block.error.mb-40 span.error{ padding-left:0; font-size:11px; min-width:105px; top:0;}

    .form_info .date_field .control-group.ortlast span.error{ left: -126px; min-width: 180px;}

	.cta-icons { display: flex; padding-top: 2px;}
}
@media (max-width: 767px) {
	.container{ padding: 0 20px; }
	.pt-40{ padding-top: 30px; }
	.pb-40{ padding-bottom: 30px; }
	.py-40{ padding-top: 30px; padding-bottom: 30px; }
	.footer-wapper{ padding: 40px 0 54px; }	
	.f-logo a img{ height: 30px; }
	.footer-link ul{ padding: 28px 0 0 0; flex-direction: column; align-items: flex-start; gap: 16px;} 
	.cta-left span {font-size: 26px; padding: 0 0 16px; line-height: 1.19;}
	.mobile-show{ display: block;}
	.cta-right{ padding: 0 0 16px; line-height: 1.69; font-size: 26px; }
	.cta-right a{line-height: 1.69; font-size: 26px;}
	.cta-icons ul{ gap: 24px;}
	.desktop-show{ display: none;}
	.banner-block-main{ padding: 29px 0 40px 0; }
	.banner-block-main .banner-left-col{  text-align: center; padding: 0px 0 0 0; }
	.banner-left-col h1{ padding: 28px 0 28px 0px  ;font-size: 30px; }
	.agency_welcome_text {font-size:40px; padding:0 0 8px !important;}
	.agency_welcome_text_subheadline {font-size:26px; padding:0 0 8px !important;}
	.header_subheadline{ font-size:26px; line-height: 30px; padding-bottom:15px;}	
	.banner-left-col h2 {font-size: 26px; padding: 0 0;}
	.banner-righ-col{ padding: 20px 0 0 0; }
	.banner-righ-col .banner-img{ max-width: 261px; margin: 0 auto; display: block; }
	.banner-phone-links{ width: 230px; margin: 0 auto; padding: 20px 0 0 0; }
	.banner-button-set{ gap: 20px; padding: 24px 0 0 0;}
	.banner-button-set a {width: 100%; justify-content: center;}
	.banner-righ-col.mobile-name{ padding: 40px 0 0 0; }
	.banner-righ-col.mobile-name .name{ padding: 0; }
	.flag-block ul{ justify-content: center; }
	.banner-block-main .banner-bg{ background-size: 100% auto; right: auto; left: -295px; top: 0; opacity: 0.08; height: 980px; width: 1241px; }
	.header-tagline span{ font-size: 13px;}
	.home-section-1{ padding: 20px 0 30px; }
	.tagline-block span{ width: 34px; background-size: 100% auto;}
	.tagline-block{ position: relative; padding: 0 0 0 46px; }
	.tagline-block span:first-child{ position: absolute; left: 0; top:5px; }
	.max-width-block-inner .pt-40{ padding-top: 20px; }
	.block-title h2{ font-size: 26px; line-height: 1.54;}
	.Location-block-inner{flex-direction: column; }
	.Location-block-inner .Location-left{ width: 100%; padding: 0;}
	.Location-block-inner .Location-left .address{ padding: 0 0 24px; }
	.Location-link{ flex-direction: column; gap: 28px; align-items: flex-start;}
	.Location-right{ width: 100%; margin: 	24px 0 0 0;}
	.services-block-inner .row{ gap: 12px;}
	.services-box{ flex-direction: row; align-items: center; gap: 24px;}
	.services-box i{ margin: 0; }
	.services-box h3 { text-align: left; width: 200px; white-space: nowrap;}
	.services-box h3 br{ display: none;}
	.services-box{ padding: 20px 25px; }
	.consulting-block-inner .row >*{ padding: 0 9px !important;        flex: 0 0 50%;max-width: 50%;}
	.consulting-block-inner .row{ row-gap: 20px; margin: 0 -9px !important;}
	.consulting-box .hover-box .text-sub p{ font-size: 12px;}
	.news-outer{ padding: 30px 0 40px; }
	.news-row .news-box-sub{ padding: 16px 0 0 0; }
	.news-row .news-box-sub .more-link{ padding: 16px 0 0 0; }
	.news-row + .news-row{ margin: 30px 0 0 0; }
	.cta-icons { display: flex; padding-top: 2px;}
}


@media (min-width: 568px) and (max-width: 767px) {
	.listing_info li{ font-size:14px;}
    
    .listing_info li::after { top:8px;}

	.submit_sec .block{ padding:0; margin-bottom:0;}
    
    .submit_sec .block1{ margin-bottom:40px;}
    
    .submit_sec .block1::after { display:none;}

	.faq_sec .global_title{ font-size:20px;}

	.form_info .form_block label{ text-align:left; margin-bottom:5px;}

    .form_info .form_block.error label{ margin-bottom:5px;}
    
    .form_info .date_field{ position:relative; width:inherit;}
    
    .form_info .date_field .control-group{  width: 25% !important;}
    
    .form_info .date_field .control-group.ortlast{  width: 43% !important; margin-right:0;}

	.form_info .date_field{ padding-bottom:18px;}

    .form_info .date_field .control-group.ortlast span.error{ position:absolute; left:0; top:auto; bottom:0;}

    .form_info .form_block.error.mb-40 span.error{ font-size:12px; min-width:inherit;}
    
    .mb-sm-10{ margin-bottom:10px;}
    
    .form_info .error_msg{ max-width:100%; padding-left:0;}
    
    .happen_info::after { display:none;}

	.date_block .date_block_inn{ padding-right:10px;}
    
    .date_block span.error{ position:inherit; left:0; display:block; float:none; width:100%; text-align:center; margin:10px 0 0 0; padding-left:20px;}
    
    .date_block span.error i{ left:0; right: 0; transform:inherit; top:4px; position:relative; margin:0 10px 0 0;}
    
    .tooltip_info{ position:relative; left:0; top:0; margin:10px auto 0 auto; display:block; float:none;}

	.cta-icons { display: flex; padding-top: 2px;}


}
@media (min-width: 240px) and (max-width: 567px) {
	.global_title{ font-size: 1.6rem; line-height: 2.2rem;}

	.billing_sec .pic0{ margin:0px 0px 0 0px; }
    
    .tipp_sec .pro_tipps li {
        color: #000;
        padding: 0 0 0 30px;
        display: inline-block;
        background: url(../images/icons/check-icon_box.svg) no-repeat top 4px left;
            background-size: auto;
        background-size: 16px auto;
        margin: 0 0 20px 0;
    }
    
    .special_info li {
        color: #000;
        padding: 0 0 0 18px;
        display: inline-block;
        background: url(../images/icons/check_icon.svg) no-repeat top 7px left;
            background-size: auto;
        background-size: auto;
        background-size: 12px auto;
    }

	.special_quote p {
        font-family: 'Shadows Into Light', sans-serif;
        color: #005aab;
        margin: 0 0 25px 0;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        text-align: center;
        padding-right: 35px;
    }

	.overlay_height {
        margin-top: 0px;
    }

	.faq_sec .block span{ font-size:14px;}

	.form_info .form_block_check{ padding-right:0;}
    
    .form_info .date_field{ padding-right:5px;}
    
    .form_info .date_field i{ right:-25px;}

	figure.pic3{ width:100%; margin-top:0px;  position:relative; z-index:5; max-width: 70vw; max-height: 50vh;}

	.date_block label{ font-size:14px;}
    
    .date_block .field{ max-width:85px; font-size:14px;}
    
    .choose_sec h2{ font-size:19px;}
    
    .choose_sec .info{ font-size:14px;}
    
    .choose_sec .listing_info2{ min-height:inherit;}
    
    .dwnld_info{ padding:10px; font-size:13px;}
    
    .dwnld_info span{ margin:0 10px; line-height:18px;}
    
    .dwnld_info small{ font-size:12px;}

	.thanku_modal .close{ top: 20px; right: 27px;}
    
    .thanku_modal .btn_link{ max-width:180px;}

	.cta-icons { display: flex; padding-top: 2px;}
}


/* Custom Frontpage **/
@media (min-width: 1600px) and (max-width: 1740px) {
	 
}

@media (min-width: 1501px) and (max-width: 1599px) {
	 .ebene-2 {left: 165px;}
    .ebene-1 {left: 185px;}
    .slider-sec .slider-grp .view-slider-grp .review-slider .swiper-slide {width: 288px;}
    .middle-banner .banner-bg::after {padding-top: 20%;}
}
@media (min-width: 1440px) and (max-width: 1500px) {
    .ebene-2 {left: 135px;}
    .ebene-1 {left: 155px;}
    .slider-sec .slider-grp .view-slider-grp .review-slider .swiper-slide {width: 288px;}
    .middle-banner .banner-bg::after {padding-top: 13.125%;}
    .header .header_main {margin: 0 28px;}
}
@media (min-width: 1200px) and (max-width: 1439px) {
    
    
    .banner-content-grp .banner-content-bottom p {font-size: 20px;}
    .ebene-2 {left: 135px;}
    .ebene-1 {left: 155px;}
    .slider-sec .slider-grp .view-slider-grp .review-slider .swiper-slide {width: 265px;}
    .middle-banner .banner-bg::after {padding-top: 30%;}
}
 
@media (min-width: 992px) and (max-width: 1199px) {
	
    
    
    .banner-content-grp .banner-content-bottom p {font-size: 20px;}
    .banner-wrap {padding-left: 30px; padding-right: 30px;}
    .btnbox a {font-size: 14px; padding: 8px;}
    .btnbox a.secondary-btn {padding-top: 9px; padding-bottom: 9px;}
    .ebene-2 {width: 186px; height: 186px; left: 105px;}
    .ebene-1 {left: 95px;}
    
    
    .middle-banner .banner-bg::after {padding-top: 40%;}

    
    .footer-right .footer-links ul {gap: 30px;}
 
    

    
}
@media (max-width: 991px){    

    .menu-btn { display: block;}
    .header .header_main {display: flex;align-items: center;padding: 0 15px;}
    .header .header_main .navigation_bar .navigation_name ul {display: block;}
    .header .header_main .navigation_bar .navigation_name { position: relative;}
    .menu-btn {display: flex;position: relative;/* top: 18px; */right: 0;/* align-items: end; */ margin-left: 20px;}
    .header .header_main .logo a img { max-height: 30px;}
    .header .header_main { margin: 0; justify-content: normal;}
    
    .header .header_main .navigation_bar {padding: 150px 0; align-items: flex-start;}
    .open-nav .header .header_main .navigation_bar {left: 0;   z-index: 1;  justify-content: center;}
    .header .header_main .navigation_bar {display: flex; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background-color: #fff;  z-index: 1; 
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;}
    .header .header_main .logo { z-index: 2; position: relative;}
    .header { padding: 20px 0;}
    .open-nav { overflow: hidden;}
    .header .header_main .navigation_bar.slide {left: 0;}
    .header .header_main .navigation_bar .navigation_name ul li {padding: 0 0 20px 0;}
    .review-slider-sec .swiper { overflow: visible; }
    .slider-sec .slider-grp .view-slider-grp .review-slider .swiper-wrapper {flex-wrap: nowrap; justify-content: normal; gap: 0;}
    .slider-sec .slider-grp .view-slider-grp .review-slider .swiper-slide {width: 288px;}
    .swiper-pagination { display: flex !important; position: relative; margin-top: 30px; justify-content: center; align-items: center;} 
    .swiper-pagination-bullet {width: 8px; height: 8px; background-color: #ECF4FB; opacity: 1;}
    .swiper-pagination-bullet-active {width: 12px; height: 12px; background-color: #005CA9;}
    .phone-email ul li span {display: none;}
    .phone-email ul {gap: 20px;}
    .nav-sec {margin: 0 0 0 auto;}
    .phone-email ul li i {min-width: 24px; width: 24px; height: 24px;}
    .header .header_main .navigation_bar .navigation_name ul > .menu-item-has-children .sub-menu{
    position: static;
    min-width: 100%;
    box-shadow: none;
    transform: none;
    padding: 0 !important;
  }
   .header .header_main .navigation_bar .navigation_name ul > .menu-item-has-children .sub-menu{
    right: auto;
    left: 0;
    top: 100%;
  }

  .header .header_main .navigation_bar .navigation_name ul > .menu-item-has-children.open .sub-menu {padding-top: 10px !important;}
  .header .header_main .navigation_bar .navigation_name ul > .menu-item-has-children.open .sub-menu li {padding-bottom: 5px;} 
    

    }
  
@media (min-width: 768px) and (max-width: 991px) {
   
 .banner-wrap .row {flex-direction: column-reverse; gap: 40px;}
 .banner-img {justify-content: center; margin: 0;}
 .ebene-2 {left: 84px;}
 .ebene-1 {left: 105px;}
 
 
 .banner-content-grp .banner-content-bottom p {font-size: 18px;} 
  
 

.sec-three .three-link-grp .row {gap: 24px;}

.custom-box ul {gap: 8px;}
.custom-box-sec .row {gap: 12px;}
.middle-banner .banner-bg::after {padding-top: 50%;}


.dolor-sit-grp .row {gap: 20px;}
.footer-right .footer-links ul {gap: 20px;}
.footer-right .footer-links ul li a {font-size: 15px;}

}
 
     

@media (max-width: 767px) {
.ebene-1 {display: none;}
.ebene-2 {display: none;}
.banner-wrap .row {flex-direction: column-reverse;}
.banner-wrap {padding: 0;}
.banner-img .img-wrap {width: 100%; max-width: 100%; aspect-ratio: unset;}
.banner-img {margin: 0; width: 100%;}
.banner-img .img-wrap::after {padding-top: 64%;}
.banner-img .img-wrap img {border-radius: 16px 16px 0 0;}
.banner-content-grp {padding: 24px 20px 20px 20px;}

.banner-content-grp .banner-content ul {flex-direction: column; gap: 10px; align-items: flex-start;}

.banner-content-grp .banner-content-bottom p {display: none;}
.banner-content-grp .banner-content-bottom {margin-bottom: 24px;}
.banner-content-grp .btnbrp {flex-wrap: wrap;}

.city-wrap {margin: 40px 0 60px;}

.city-wrap .city-grp .city-title {margin-bottom: 30px;}
.city-wrap .city-grp .row {gap: 30px;}
.sec-three {margin: 60px 0 50px;}

.sec-three .three-link-grp .three-link-title {margin-bottom: 20px;}
.sec-three .three-link-grp .row {gap: 24px;}
.slider-sec {margin: 50px 0 60px;}


.about-consultant-sec {margin: 60px 0 40px;}

.about-consultant-sec .about-consultant-grp .about-consultant-title-grp .dolor-content {flex-direction: column; align-items: center; justify-content: center; gap: 16px;}
.about-consultant-sec .about-consultant-grp .about-consultant-title-grp .dolor-content .dolor-right p { text-align: center;} 
.custom-box-sec .row {gap: 12px;}
.custom-box {padding: 20px; }
.custom-box ul {gap: 8px;}
.custom-box.second-box {border: none;}
.middle-banner {margin: 40px 0;}
.middle-banner .banner-bg::after {padding-top: 160%;}
.dolor-sit {margin: 40px 0;}

.dolor-sit .dolor-sit-box .dolor-sit-title {margin-bottom: 32px;}
.custom-box ul li span {font-size: 16px;}

.dolor-sit-grp .row {gap: 20px;}
.ipsum-wrep{padding: 60px 0;}

.footer-wrap .footer-grp {flex-direction: column;}
.footer-right {justify-content: flex-start; align-items: flex-start; margin-top: 40px;}
.footer-right .footer-links ul {flex-direction: column; gap: 20px; align-items: flex-start;}
.footer-right .footer-links ul li a {font-size: 14px;}
.footer-right .app-stor ul {flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.footer-right .app-stor ul li span {width: 100%; font-size: 14px;}
.footer-right .app-stor ul li:first-child {width: 100%;}
.footer-wrap .footer-grp .footer-left .footer-logo {margin-bottom: 20px;}
.banner-content-bottom ul {display: flex; flex-direction: column; gap: 4px; justify-content: flex-start; align-items: flex-start;}
.banner-content-grp .banner-content {margin-bottom: 12px;}
.banner-content-grp .banner-content-bottom h2 {
  color: var(--dark);
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 8px;
  font-size: 26px;
  hyphens: none;
}
.banner-img .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 16px;
  overflow: hidden;
}
}
    
        


@media (min-width: 568px) and (max-width: 767px) {
}
@media (min-width: 240px) and (max-width: 567px) {
    .banner-content-grp .btnbrp .btnbox {width: 100%;}
    .banner-content-grp .btnbrp .btnbox a {width: 100%; padding: 8px 14px;}
}