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

@media screen and (max-width: 768px) and (orientation: landscape) {

}

@media screen and (max-width: 1366px){
  .mbp-title h1{
    font-size: 52px;
  }
}

@media screen and (max-width: 1280px){
  .mbp-title h1{
    font-size: 48px;
  }

  .contact-sec-flx .contact-blk.cinfo {
    flex: 0.45;
  }

  .contact-sec-flx .contact-blk.cform {
    flex: 0.55;
  }
}

@media screen and (max-width: 1024px) {
  .mbp-title h1 {
    font-size: 42px;
  }

  .moodboard-sec.home-hero .mbp-title h1 {
    font-size: 48px;
  }

  .vert-pad {
    padding: 60px 0;
  }

  .proj-list .proj-list-flx{
    gap: 20px;
  }

  .proj-list .proj-list-flx .proj-card {
    width: calc(33.333333333% - 14px);
  }

  .proj-card .proj-name span.txt{
    font-size: 20px;
  }

  .mbp-desc {
    padding: 20px 0 0;
  }

  .str-flx{
    gap: 50px;
  }

  .horiz-pad {
    padding: 0 30px;
  }

  .proj-gal-banner a span{
    font-size: 45px;
  }
}

@media screen and (max-width: 768px) {
  .contact-sec-flx{
    flex-direction: column;
  }

  .contact-sec-flx .contact-blk {
    flex: unset !important;
  }

  .contact-sec-flx .contact-blk.cform{
    padding: 30px 0 0;
  }

  .mbp-title h1 {
    font-size: 34px;
  }

  .moodboard-sec.home-hero .mbp-title h1 {
    font-size: 42px;
  }

  .contact-blk.cform .field-row input, .contact-blk.cform .field-row textarea{
    font-size: 17px;
  }

  footer.moodboard-footer .footer-blks{
    flex-wrap: wrap;
  }

  footer.moodboard-footer .footer-blks .moodboard-fblk.fmenu {
    order: 3;
    width: 100%;
    flex: unset;
  }

  footer.moodboard-footer .footer-blks .moodboard-fblk.logo, footer.moodboard-footer .footer-blks .moodboard-fblk.connect {
    flex: unset;
    width: calc(50% - 20px);
  }

  .menu-logo-wrap .moodboard-hblk.menu-btn .menu-btn-flex .mbtn-blk.contact-btn {
    display: none;
  }

  .horiz-pad {
    padding: 0 20px;
  }

  .moodboard-menu-cont .mbmenu-flex .mbmenu-menu ul li a{
    font-size: 28px;
  }

  .menu-logo-wrap .moodboard-hblk.logo a{
    max-width: 140px;
  }

  .scrolling .menu-logo-wrap .moodboard-hblk.logo a {
    max-width: 120px;
  }

  .moodboard-sec.first-sec {
    padding-top: 77px;
  }

  header.moodboard-header .header-wrapper, .moodboard-menu .menu-header{
    padding: 15px 0;
  }

  .moodboard-sec.first-sec {
    padding-top: 67px;
  }

  .strengths-sec.gal-sec .str-flx .mbp-str-flx-blk.img{
    display: none;
  }

  .strengths-sec.gal-sec .str-flx .mbp-str-flx-blk.txts {
    flex: 1;
  }

  .moodboard-sec.strengths-sec .str-flx {
    flex-direction: column;
    gap: 30px;
  }

  .proj-list .proj-list-flx .proj-card {
    width: calc(50% - 10px);
  }

  .moodboard-sec.proj-info-sec .str-flx {
    flex-direction: column;
    align-items: flex-start;
  }

  .moodboard-sec.home-strength .str-flx {
    flex-direction: column;
    align-items: flex-start;
  }

  .moodboard-sec.home-strength .str-flx .mbp-str-flx-blk{
    width: 100%;
  }

  .str-links {
    max-width: 440px;
  }

  .testm-flx .test-flx-box.txts {
    display: block;
    width: 100%;
    padding: 0 0 35px;
  }

  .testm-flx .test-flx-box.slider {
    display: block;
    width: 100%;
  }

  .proj-gal .proj-img a img, .wwgal .wwgal-img a img{
    height: 60vw;
  }

  .moodboard-sec.strengths-sec.single-img .mbp-title {
    padding: 0;
  }

  .featured-proj-slider-container {
    padding: 35px 0 0;
  }

  .proj-gal-banner a span{
    font-size: 38px;
  }

  .proj-gal-banner {
    aspect-ratio: 16/7;
  }
}

@media screen and (max-width: 640px) {
  .moodboard-menu-cont .mbmenu-flex .mbmenu-char {
    display: none;
  }

  .moodboard-menu-cont .mbmenu-flex .mbmenu-menu ul li a{
    font-size: 24px;
  }

  .moodboard-menu-cont .mbmenu-flex{
    padding: 20px 0 0;
  }

  .pvideo-cover {
    aspect-ratio: 16/9;
  }

  .vert-pad {
    padding: 45px 0;
  }

  .mbp-title h1 {
    font-size: 30px;
  }

  .mbp-title {
    padding: 15px 0 0;
  }

  .mbp-label h3 {
    font-size: 15px;
  }

  .proj-info-flx {
    gap: 35px 60px;
  }

  .cinf-row .cinf-txt a{
    font-size: 18px;
  }

  .contact-blk.cform .mbp-form-intro {
    font-size: 18px;
  }

  .contact-blk.cform .mbp-form-title {
    font-size: 28px;
  }

  .footer-blks .moodboard-fblk.logo a {
    max-width: 120px;
  }

  .proj-card .proj-name span.txt svg{
    width: 20px;
  }

  .proj-card .proj-name span.txt {
    padding: 0 26px 0 0;
  }

  .proj-gal-banner a span{
    font-size: 32px;
  }

  .proj-gal-banner {
    aspect-ratio: 16/8;
  }
}

@media screen and (max-width: 560px) {
  .mbp-title h1 {
    font-size: 26px;
  }

  .moodboard-sec.home-hero .mbp-title h1 {
    font-size: 34px;
  }

  .mbp-arr-link span.txt {
    font-size: 18px;
  }

  .testm-card .testm-txts .testm-name {
    font-size: 20px;
  }

  .testm-card .testm-txts .testm-desc {
    font-size: 16px;
  }

  .swiper-scrollbar-wrapper span{
    font-size: 14px;
  }

  .pvideo-cover .pvideo-cta span.pvideo-cta-icn{
    width: 50px;
  }

  .proj-list .proj-list-flx {
    gap: 25px 10px;
  }

  .proj-list .proj-list-flx .proj-card {
    width: calc(50% - 5px);
  }

  .proj-card .proj-name span.txt {
    font-size: 18px;
  }

  .proj-card .proj-thumb{
    padding: 0 0 10px;
  }

  .proj-info-flx .proj-info .proj-info-lbl{
    font-size: 20px;
  }

  .proj-info-flx .proj-info .proj-info-val {
    font-size: 16px;
    padding: 15px 0 0;
  }

  .proj-info-flx {
    gap: 30px 40px;
  }

  .proj-gal .slick-arrow, .wwgal .slick-arrow{
    width: 40px;
    background-size: 24px auto;
  }

  .contact-blk.cform .field-row-wrap{
    display: block;
  }

  .proj-gal-banner a span{
    font-size: 28px;
  }

  .proj-gal-banner {
    aspect-ratio: 16/9;
  }
}

@media screen and (max-width: 460px) {
  .horiz-pad{
    padding: 0 15px;
  }

  .mbp-label h3::before {
    width: 30px;
  }

  .mbp-label h3{
    padding: 0 0 0 40px;
  }

  .mbp-title h1 {
    font-size: 24px;
  }

  .moodboard-sec.home-hero .mbp-title h1 {
    font-size: 30px;
  }

  .mb-btn{
    padding: 0 20px;
    font-size: 15px;
  }

  .moodboard-sec.home-hero .hero-links .hero-links-flex{
    gap: 15px;
  }

  .moodboard-sec.home-hero {
    height: 70dvh;
  }

  body,
  .mbp-desc {
    font-size: 15px;
  }

  footer.moodboard-footer .footer-blks {
    flex-direction: column;
  }

  footer.moodboard-footer .footer-blks .moodboard-fblk {
    width: 100% !important;
    text-align: center !important;
  }

  .footer-blks .moodboard-fblk.logo a{
    margin: 0 auto;
  }

  footer.moodboard-footer .footer-blks .moodboard-fblk.connect{
    justify-content: center;
  }

  .footer-blks .moodboard-fblk.fmenu ul li {
    display: block;
    padding: 0 0 12px;
  }

  .menu-logo-wrap .moodboard-hblk.logo a {
    max-width: 120px;
  }

  .scrolling .menu-logo-wrap .moodboard-hblk.logo a {
    max-width: 100px;
  }

  .moodboard-sec.first-sec {
    padding-top: 62px;
  }

  .moodboard-page.contact .moodboard-sec.contact-sec{
    min-height: unset;
  }

  .cinf-row .cinf-txt a {
    font-size: 16px;
  }

  .contact-blk.cform .field-row input, .contact-blk.cform .field-row textarea {
    font-size: 16px;
  }

  .vert-pad {
    padding: 35px 0;
  }

  .proj-list .proj-list-flx .proj-card{
    width: 100%;
  }

  .proj-info-flx .proj-info{
    width: 100%;
  }
}