@media( max-width: 767px ) {

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .oc-submenu { position: absolute;}
    .sticky-header .oc-submenu { position: fixed; top: 50px;}

    .os-make-full-width { padding-left: 0 !important; padding-right: 0 !important; }
    .oc-desktop-only,
    .services__item p { display: none !important;}
    .oc-mobile-only { display: block !important; }
    .connect__list .oc-mobile-only{ display: flex !important;}

    .oc-section { padding-top: 60px; padding-bottom: 60px;}


    section.oc-section.oc-hero { padding-bottom: 0px; }
    .oc-hero .hero__heading {font-size: 34px; line-height: 40px; text-align: left; }
    .oc-hero .masked-shape{ position: relative;     margin: 0 auto; }
    .hero__content { padding-top: 35px; }
    .hero_corporation__wrapper { position: absolute; right: -35px; top: 55px;  }
    .oc-hero .hero__subheading { width: 100%; text-align: left; }
    .oc-hero .hero_corporation { padding-top: 60px; position: absolute; right: 0px; left: 0px; }
    .hero_corporation__wrapper img { width: 60%; }



    section.oc-section.oc-trusted { padding-top: 225px; }
    .trusted__content{  flex-wrap: wrap;}
    .trusted__heading { font-size: 30px; line-height: 34px; }
    .trusted__1 { order: 2; }
    .trusted__content p{ font-size: 16px; line-height: 24px;  }


    .story__heading{ font-size: 30px; line-height: 34px; }
    .story__content p { font-size: 16px; line-height: 24px; }

    .buildings__name{ font-size: 20px; line-height: 24px; margin-bottom: 4px;}
    .buildings__title{ font-size: 30px; line-height: 34px;  }
    .buildings__content p{ font-size: 16px; line-height: 24px; }
    .buildings__card { width: 100%; padding: 16px; height: 398px; }
    .buildings__facilities, .buildings__location { font-size: 16px; line-height: 20px; }

    .buildings__grid.owl-theme .owl-dots .owl-dot.active span, 
    .buildings__grid.owl-theme .owl-dots .owl-dot:hover span { background: var(--background-color-1); }
    .buildings__grid.owl-theme .owl-dots .owl-dot span { margin: 2px 3px;}

    .services__title { font-size: 30px; line-height: 34px;  }
    .services__item { width: calc(50% - 8px); text-align: center;  padding: 16px 8px; height: 148px; }
    .services__subtitle { font-size: 16px; line-height: 24px; }
    .services__item-title{ font-size: 14px; line-height: 20px; }
    .services__grid{ gap: 16px;}
    .services__icon { width: 50px; height: 50px; }


    .support__heading { font-size: 30px; line-height: 34px; text-align: left;} 
    .support__content p{ text-align: left; }
    .support_logos { margin-top: 30px; flex-wrap: wrap; justify-content: center; }
    .support_logos.owl-carousel.owl-theme .owl-item img{ width: 100%;}
    .support_logo { width: 100%; }


    .portfolio__content { margin-top: 0; }
    .portfolio__title{ font-size: 30px; line-height: 34px; }
    .portfolio__items { width: 100%; height: 235px; }
    .portfolio__slider { padding: 30px 0 0 0; }
    .oc-portfolio .owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 2px 3px; border-radius: 8px; }
    .portfolio__link { padding: 0;     margin-top: -18px; }
    .portfolio__property-name{ font-size: 18px; line-height: 24px;}
    .portfolio__box{ padding: 16px 8px;}


    .developments__wrapper { margin: 0; padding-bottom: 40px;}
    .developments__heading { font-size: 24px; line-height: 30px; text-align: left; }
    .developments__heading br{ display: none;}
    .developments__subtitle { text-align: left; font-size: 16px; line-height: 24px; }
    .developments__info { padding-top: 40px; padding-left: 0px; }
    .developments__item { width: 100%; padding-bottom: 30px; text-align: left; display: flex; gap: 20px; align-items: flex-start; }
    .development__image__mobile { padding-top: 30px; text-align: center;}
    .development__image__mobile img { border-radius: 24px; }
    .developments__title { padding-top: 0; font-size: 18px; line-height: 24px; padding-bottom: 4px; }
    .developments__img img{ width: 60px; height: 60px; border-radius: 50%;}
    .developments__desc { font-size: 14px; line-height: 20px; }


    .oc-about .about_content { columns: 1; }
    .oc-about .about_content p{ font-size: 16px; line-height: 24px; }


    .connected__title { font-size: 28px; line-height: 32px; }
    .connected__content { padding: 30px 0; margin-top: 40px; display: flex; flex-wrap: wrap; overflow: hidden;}
    .connected__cta img { max-width: 385px; left: 125px; right: 0; bottom: -35px; }
    .connected__content .connected_left { z-index: 1;}
    .connected__cta { margin-top: 30px; }
    .connected__desc { font-size: 16px; line-height: 24px; }
    .connected__link > a { font-size: 14px; padding: 10px 20px; }


    .testimonials__title { font-size: 24px; line-height: 30px; }
    .testimonials__text { padding: 0;   font-size: 16px;  line-height: 26px;}
    .testimonials__inner{ margin-top: 20px;}
    .testimonials__wrapper{ padding: 0 15px;}
    .testimonials__item{ gap: 20px; }
    .testimonials__name{ padding: 0; font-size: 16px; line-height: 20px; }
    .testimonials__position{ font-size: 14px; }

    .testimonials__slider .owl-nav .prev, 
    .testimonials__slider .owl-nav .next { width: 25px; height: 25px; }
    .testimonials__slider.owl-carousel .owl-nav button.owl-next { position: absolute; right: -35px; }
    .testimonials__slider.owl-carousel .owl-nav button.owl-prev { position: absolute; left: -35px; }
    .testimonials__slider.owl-carousel .owl-item .testimonials__quote img{ max-width: 25px;}


    .oc-section.oc-bannerlogo{ padding-top: 38px; padding-bottom: 38px; }
    .bannerlogo__img img { max-width: 225px; }



    .help__title { font-size: 24px; line-height: 28px; }
    .help__grid { flex-wrap: wrap; gap: 30px; }
    .help__content p{ font-size: 16px; line-height: 24px; }
    .help__grid { padding-top: 35px; }
    .help__grid.owl-theme .owl-dots .owl-dot.active span, 
    .help__grid.owl-theme .owl-dots .owl-dot:hover span { background: var(--background-color-1); }
    .help__grid.owl-theme .owl-dots .owl-dot span { margin: 2px 3px;}
    .owl-carousel .owl-item .help__grid-img img{ width: 100%;}

    .oc-section.oc-fees { padding-bottom: 30px; }
    .fees__title { font-size: 24px; line-height: 30px; }
    .fees__subtitle{ font-size: 18px; line-height: 22px; }
    .fees__row { display: flex;  flex-wrap: wrap;}
    .fees__left { order: 2;}
    .fees__left {  margin-top: 30px; }


    section.oc-section.oc-impact { padding-top: 30px; }
    .impact__title { font-size: 24px; line-height: 30px; margin-top: 25px; }
    .fees__content p, .impact__content p { font-size: 16px;line-height: 26px;}
    .impact__subtitle{ font-size: 18px; line-height: 22px; }


    .contact__heading { font-size: 22px; line-height: 26px;  }
    .oc-contact .umbraco-forms-form fieldset [class^="col-"],
    .oc-contact .umbraco-forms-form .col-md-6,
    .oc-contact .umbraco-forms-form .col-md-12{ padding: 0 !important; }

    .connect__text { width: 100%;}
    .connect__list { padding-top: 30px; }
    .contact__wrapper { padding: 16px 20px; }
    .connect__text p,
    .connect__list li { font-size: 16px; line-height: 24px; }
    .connect__list img{ max-width: 20px; }
    .connect__list li { border-bottom: 1px dotted; padding-bottom: 20px; }
    .connect__list li:last-child { border-bottom: 0px; padding-bottom: 0px; }


    .footer__grid { flex-wrap: wrap; }
    .oc-footer__menu ul { padding-left: 0; }
    .oc-footer__logo { margin-bottom: 30px; padding-bottom: 10px; }
    .oc-footer__address { margin-bottom: 0; padding-top: 30px; }
    .oc-footer__menu ul li { text-align: center;}
    ul.oc-footer__social{ justify-content: center;}
    .oc-footer__logo--top { text-align: center; }
    .oc-footer__logo--top a { display: inline-block; }
    .oc-footer__logo--top img{ max-width: 150px;}
    .footer__grid .col-md-4{ width: 100%;}
    .oc-footer__menu li a{ font-size: 16px; line-height: 24px; }

    .oc-footer {  padding-top: 40px; padding-bottom: 40px; }

    .oc-footer__adress--location { font-size: 12px; text-align: center; padding-top: 20px; border-top: 1px dotted; margin-top: 25px; }
    
    .oc-contact .umbraco-forms-navigation input[type="submit"] { 
       font-size: 14px;
        padding: 10px 20px;
    }

}