:root{
  --PrimaryColor: #176A81;
  --WhiteColor: #ffffff;
  --BlackColor: #000000;
  --LightSection: #F1F1F1;
  --BlueColor: #0C2342;
  --OrangeColor: #F6AA78;
  --SawColor: #176A81;

}

@media screen and (max-width: 1450px)
{
    html{font-size: 53%;}
}

@media screen and (max-width: 1199px)
{
    .header_nav>ul>li + li { margin-left: 3.5rem; }

    .same-heading h2{font-size: 4.2rem;}

    #NeusteArbeitenSlider{padding-left: 20rem;}
    .home-banner-section .banner-text { max-width: 60rem; }
    .menuitem a { padding-left: 15px; padding-right: 15px;}

    li.menuitem.leanguageHead {margin-left: 0px; }
    .leanguageHead_One { height: 48px;}
    .leanguageHead_Two { height: 48px;}
    .Lcommbbt a {line-height: 47px;}
    .menuitem a {padding-left: 10px; padding-right: 10px; }
    .header_nav>ul>li + li { margin-left: 0rem;}


#NeusteArbeitenSlider_inn .owl-item .item { transform: scale(1);}
    #NeusteArbeitenSlider_inn .item .caption {opacity: 1;padding-top: 20px;}
    #NeusteArbeitenSlider_inn .item .caption h5 {transform: scale(1); min-height: auto;}

    #NeusteArbeitenSlider_inn{padding-left: 30px; padding-right: 30px;}
    #NeusteArbeitenSlider_inn .owl-nav { margin-right: 0;}


}



@media screen and (max-width: 1023px)
{
    .hamburger{display: inline-block;filter: brightness(0) invert(1);}
    .hamburger:after { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: -1;transition: 0.3s;opacity: 0;transition-delay: 0.3s;pointer-events: none;}
    .main-menu{position: fixed;right: 0;top: 0;width: 100%;background: var(--BlueColor);padding: 0rem;height: 100%;display: block;align-items: center;justify-content: center;transform: translateY(-100%);transition: 0.3s;z-index: 99;flex-direction: column;text-align: center;border-top: 1px solid var(--WhiteColor);}
    .header_nav ul{display: block;text-align: center;width: 100%;}
    .header_nav ul li + li{margin-left: 0;margin-top: 0rem;}
    .header_nav ul li a:not(.btnx){font-size: 2rem;color: var(--BlackColor);padding: 0;background: transparent;}
    .header_nav ul li a::after{background: var(--WhiteColor);}
    .header_nav ul li a:hover{opacity: 0.8;}

    
    .logo-bx{transition: 0.3s;}
    .site-header.active .main-menu{transform: none;opacity: 1; top: 64px;}
    .site-header.active .close-icon{display: inline-block;}
    .site-header.active .hamburger-icon{display: none;}
    .site-header.active .hamburger{position: relative; z-index: 99999; }
    .site-header.active .logo-bx img { max-width: 8.5rem!important; }

    .site-header .social-ul{margin: 5rem 0;}
    .site-header .social-ul li a{color: var(--BlackColor);}
    .header-sub-ul{width: 100%;}
    .header-sub-ul li{display: block;}
    .header-sub-ul li + li{margin-top: 2rem;}
    .header-sub-ul li a{color: var(--BlackColor);text-transform: uppercase;font-size: 14px;}
    p.copyright { position: absolute; left: 0; right: 0; bottom: 2rem; color: var(--BlackColor);}

    .only-for-desktop{display: none;}
    .only-for-mobile{display: block;width: 100%;}
    .menuitem {width: 100%;}
    .menuitem a{border-right: 0px;}
    .header_nav ul li a:not(.btnx) {font-size: 1.6rem; color: var(--WhiteColor); padding: 15px 30px; border-right: 0px solid rgba(255,255,255,0.2); border-bottom: 1px solid var(--WhiteColor);}
    li.menuitem.menulogo {display: none; opacity: 0; visibility: hidden; }
    .site-header.fixed-header .menuitem a {border-right: 0px solid rgba(255,255,255,0.2); border-bottom: 1px solid var(--WhiteColor); padding: 15px 30px;}
    nav.header_nav {width: 100%; }
    .headmobileleft{display: block; opacity: 1; visibility: visible;}
    .headmenu_main{position: relative;}
    .headmobileleft a img {max-height: 40px;  filter: brightness(0) invert(100);  -webkit-filter: brightness(0) invert(100); }
    .fixed-header .headmobileleft a img {filter: none;  -webkit-filter: none; }
    .headmobileleft {padding: 12px 15px; }
    .header-right-part {position: absolute; top: 22px; right: 15px; }
    header.site-header.active{ background: var(--BlueColor);}
    header.site-header.active .headmobileleft a img {filter: none;  -webkit-filter: none; }

    .hamburger img {margin-top: -3px;}

    .menuitem.leanguageHead {width: 100%; }
    .leanguageHead_flex {display: flex; }
    .Lcommbbt {width: 50%; }
    .leanguageHead_One {height: auto; border-right: 1px solid rgb(231 231 231 / 100%); }
    .leanguageHead_Two {height: auto; }
    .Lcommbbt { border: 1px solid rgb(231 231 231 / 100%);    border-bottom: 0px;}
    .leanguageHead_flex {display: flex; position: absolute; bottom: 66px; width: 100%; left: 0;background: #0c2342; }
    .lenguBtn{border-bottom: 0px !important;}
    .fixed-header .Lcommbbt a {line-height: 43px !important;}
    .Lcommbbt a {line-height: 43px !important; }
    .fixed-header .leanguageHead_Two, .fixed-header .leanguageHead_One{height: 44px;}





}





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

    .home-banner-section { height: 500px;}
    #NeusteArbeitenSlider {padding-left: 5rem; }
    .vermieten { height: auto;}
    .impressumP {padding-top: 13rem; padding-bottom: 6rem; }
    .blog_news {padding-top: 13rem; padding-bottom: 10rem; }
    .blog_news .col-sm-4.col-md-4.col-lg-4 { margin-top: 3rem;}

    .apartment_detailsF_SEC .container, .gray_gellry .container, .galleryitemL .container, .ourpropertyS .container{max-width: 100%; padding-left: 30px; padding-right: 30px;}
    .line-left-top { padding-top: 100px;}
    .grayGRight {padding-bottom: 100px;}
    .galleryitemL {padding: 100px 0px; }
    .ourpropertyS { padding-bottom: 100px;}
    .grayGLeft{padding-top: 100px;}

}



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

    .home-banner-section::after{height: 20rem;background-position: 0 -20rem;}

    @keyframes scrolldown {
        0% { background-position: 0 -20rem; }
        75% { background-position: 0 0; }
        100% { background-position: 0 20rem; }
    }

    /*== Jeet ==*/
    footer {padding: 20px 20px 0px 20px;}
    .footercontect p { font-size: 2.1rem;}
    .footlogo  img{max-height: 40px;}
    .footerInMain { padding-top: 65px;}
    .footercontect {padding-top: 60px; }
    .my_container {padding-bottom: 6rem; }

    .yellow-section_main, .vermieten_gray {padding: 15px 15px; }
    .yellow-section { padding-top: 10rem !important;}
    .yellow-section .sub-heading::after {top: -20px;}
    .berlinB_sec_main {padding-top: 15px; }
    .bbdesc {padding-bottom: 2rem;}
    .servicesH_sec_main {padding-top: 6rem; padding-bottom: 6rem; }

    .mobilel_linkGairy{display: block; opacity: 1; visibility: visible;}
    .gallery_Sec h2{display: none; opacity: 0; visibility: hidden;}
    .mob_LL{font-size: 2.1rem; color: var(--WhiteColor);font-family: 'Playfair Display', serif; clear: both; line-height: 2;}
    .mob_LL:hover, .mob_LL:focus, .mob_LL.active{color: var(--OrangeColor);}
    .mobilel_linkGairy h4 {margin-bottom: 1.5rem; }
    .mobilel_linkGairy {margin-top: 3rem;}
    .contact_banner_inn::after{display: none;}
    .contact_banner_inn { padding-left: 0;}
    .contact_banner {padding-top: 13rem; padding-bottom: 6rem;}
    .banner-section { padding-top: 13rem;}
    .contactsec_cotP {padding-top: 60px; }

    .vermieten { background-position: right bottom;}
    .banner_heroInn .banner-text h1 { font-size: 3.4rem;}
    .banner_heroInn::after{display: none;}
    .vermieten .banner-text {margin-left: 0rem;}
    .banner_heroInn {padding-top: 12px;}
    .vermieten::after { height: 16vh; bottom: -17.5%;}
    .vermieten_gray .same-section {padding-top: 9rem; }
    @keyframes scrolldown3 {
      0% { background-position: 0 -16vh; }
      75% { background-position: 0 0; }
      100% { background-position: 0 16vh; }
    }
    .vermietenG_section .mid-sub-heading, .vermietenG_section .same-heading p{text-align: left;}
    .vermietenG_section .sub-heading, .vermietenG_section .mid-sub-heading { font-size: 2.1rem;}
    .repeatservices .col-sm-4.col-md-4.col-lg-4{width: 100%;}
    .repeatservices .col-sm-4.col-md-4.col-lg-4 + .col-sm-4.col-md-4.col-lg-4{margin-top: 3rem;}
    .InPNewsT { font-size: 3.45rem;}

        .blog_news .col-sm-4.col-md-4.col-lg-4 { max-width: 50%; width: 50%;}
        .news_contentBX {margin-top: 1.5rem; }

        .line-left-top:before{display: none;}
        .gray_gellry .col-sm-4, .gray_gellry  .col-sm-8{width: 100%;}
        .gray_gellry .row{flex-direction: column;}
        .grayGLeft{text-align: center;}

        .In_Page_gallery::after { width: 75%;}
        #NeusteArbeitenSlider_inn .item .caption h5 { max-width: 60%;}
        .se_subtitle::after{display: none;}
        .same-section {padding: 6rem 0; }

        #NeusteArbeitenSliderDetails .owl-nav { text-align: center; margin-right: 0;}
   

}


@media screen and (max-width: 600px)
{
    .owl-carousel .owl-dot{display: block; margin-left: 0px; }
    .owl-dots button span{position: relative; font-size: 2.1rem; color: var(--WhiteColor); font-family: 'Playfair Display', serif; clear: both; line-height: 2; background-color: transparent; }
    .owl-dots button.active span { background: transparent}
    .owl-dots button:nth-of-type(1)  span:after{content: 'Leben';}
    .owl-dots button:nth-of-type(2)  span:after{content: 'Arbeiten';}
    .owl-dots button:nth-of-type(3)  span:after{content: 'Aktive';}
    .owl-dots button:nth-of-type(4)  span:after{content: 'Essen';}
    .owl-dots button:nth-of-type(5)  span:after{content: 'Geselligkeit';}
    .owl-dots button.active span{color: var(--OrangeColor);}

    #NeusteArbeitenSlider { display: flex; flex-direction: column;}
    .NeusteArbeitenSlider-outer .owl-dots {top: auto; bottom: calc(100% + 3rem); background: var(--SawColor); padding-bottom: 3rem;position: relative; order: 1;}
    #NeusteArbeitenSlider .owl-nav { order: 3;}
    .owl-carousel .owl-stage-outer { order: 3;}
    .NeusteArbeitenSlider-outer { margin-top: 0rem;}
    .mobilel_linkGairy .same-heading { margin-bottom: 0rem;}


}





@media screen and (max-width: 575px)
{
    .numsers{display: none;}
    .servs_innB{position: relative; padding-left: 60px;margin-top: 6rem;}
    .servs_innB::after{content: ''; position: absolute; top: 0; left: 0; width: 48px; height: 48px; background: url('../images/check-in.svg') no-repeat;}
    .servicesH_sec_main .col-sm-4:nth-of-type(2) .servs_innB::after{background: url('../images/ausstatt.svg') no-repeat;}
    .servicesH_sec_main .col-sm-4:nth-of-type(3) .servs_innB::after{background: url('../images/service.svg') no-repeat;}
    #NeusteArbeitenSlider {padding-left: 15px; padding-right: 15px;}
    .site-ftr, .centerl::before { display: none;}
    #NeusteArbeitenSlider .owl-nav {text-align: center; margin-right: 0; width: 100%; }
    #NeusteArbeitenSlider .owl-nav .owl-prev span, #NeusteArbeitenSlider .owl-nav .owl-next span{width: 60px; display: inline-block;}
    .gallery_Sec {padding-top: 30px; padding-bottom: 30px; }
     footer {padding: 15px 15px 0px 15px;}
     .contlec_perntS .col-sm-5{order: 2; margin-top: 3rem;}
     .contactP_contForm .col-sm-12.col-md-12:last-child{text-align: center;}

     .iconservice .col-sm-4.col-md-4.col-lg-4{width: 50%;}
     .ic_service_BX img{height: 66px;}
     .LeistungenLinks  a{text-align: left;}
     .LeistungenLinks a + a {margin-top: 1rem; }


      .line_list_title { width: 100%;}
      li.line-list__item { flex-wrap: wrap;}
      .line_list_txt { width: 30.666%;}

      .grayGRight {padding-bottom: 30px; padding-left: 0; } .galleryitemL {padding: 60px 0px; }
      .grayGRight blockquote {font-size: 3.2rem;}
      .grayGLeft { padding-top: 60px;}
      .gray_gellry { margin-top: 6rem;}
      .rightDtls {padding-left: 0rem; padding-top: 6rem; }
      .rightDtls { padding-top: 6rem;}
      
  }


@media screen and (max-width: 480px)
{
    .same-heading h2{font-size: 16px;}
    .sub-heading{font-size: 10px;}
    .same-section { padding: 6rem 0; }
    .same-heading { margin-bottom: 6rem; }
    .btn{/* font-size: 10px;min-width: 113px;padding: 6px 20px;border-width: 1px!important; */}
    .machen-img img{height: 279px;width: 100%;object-fit: cover;}
    .LeistungenLinks a{font-size: 16px;}
    #NeusteArbeitenSlider .owl-item { /* max-width: 272px; */}
    #NeusteArbeitenSlider .owl-item img{height: 410px;object-fit: cover;}
    .NeusteArbeitenSection{padding-bottom: 10rem;}
    .slider-caption h5{font-size: 10px;}
    .slider-caption p{font-size: 10px;}

    .banner_heroInn::after{display: none;}
    .home-banner-section .banner-text { margin-left: 0;}
    .home-banner-section {height: 430px;background-position: center bottom;padding: 8rem 0 7rem 0; }
    .banner-text h1 {font-size: 3.8rem;}
    .container-fluid.banner_heroInn {padding: 0 20px; }

      .blog_news .col-sm-4.col-md-4.col-lg-4 { max-width: 100%; width: 100%;}
      .mobilel_linkGairy .same-heading { margin-bottom: 0rem;}



}