@charset "utf-8";


/*  
     ⤵︎                                         MOBILE DEVICES
*/
@media (pointer: coarse), (max-width: 980px) {
    
}
/* 
     ⤵︎                                         
*/
@media (min-width: 1920px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
    #home-hero video,
    #home-hero img.bg {
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        width: 100vw;
        height: 100vh;
    }
    section.case-studies .slider {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
}
/*  
     ⤴︎ =============  end HOMEPAGE
*/
}
/* 
     ⤵︎                                         
*/
@media (min-width: 1440px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .col.images {
          overflow: inherit;
     }
}
/*  
     ⤴︎ =============  end HOMEPAGE
*/
 /*  
      ⤵︎                                         1800px >=x
 */
 @media screen and (max-width:1800px) {
     
 }
 /* 
      ⤴︎                                         
 */
/*  
     ⤵︎                                         1579px >=x
*/
@media screen and (max-width:1579px) {
}
/* 
     ⤴︎                                         
*/
/*  
     ⤵︎                                         1399px >=x
*/
@media screen and (max-width:1399px) {
/*  
     ⤵︎ =============  SERVICES page
*/
     .img-w-text .outer-wrapper {
          padding-left: 0;
     }
     .memb-profile .avatar .bg-img {
          margin-left: 0;
     }
/*  
     ⤴︎ =============  end SERVICES page
*/
}
/* 
     ⤴︎
/*  
     ⤴︎                                         1279px >=x
*/
@media screen and (max-width:1279px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .col.text {
          max-width: 608px;
          font-size: 0.875em;
     }
     section.services .slider,
     section.case-studies {
          padding-left: 48px;
     }
     section.case-studies .slider .text-col {
          width: 520px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .top .col.logo {
          width: 29%;
     }
     #footer .top .col:nth-child(2) {
          width: 16%;
     }
     #footer .top .col:nth-child(3) {
          width: 27%;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         1199px >=x
*/
@media screen and (max-width:1199px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .col.text {
          left: 2%;
     }
     #home-hero h1 {
          font-size: 4.5em;
     }
     #home-hero h2 {
          font-size: 3.125em;
     }
     section.case-studies .slider .d-img video, 
     section.case-studies .slider .d-img img {
          height: 478px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  SERVICES page
*/
     .services-list .container-fluid {
          max-width: 1032px;
     }
/*  
     ⤴︎ =============  end SERVICES page
*/
/*  
     ⤵︎ =============  DIRECTORY page
*/
     .hero h1 {
          font-size: 3em;
     }
     .dir-search {
          --bs-gutter-x: 8px;
     }
     .dir-list .row {
          --bs-gutter-x: 1rem;
     }
     .dir-list .col {
          margin-bottom: 1.125rem;
     }
/*  
     ⤴︎ =============  end DIRECTORY page
*/
/*  
     ⤵︎ =============  NEWS page
*/
     .posts-entries .feat-post a h1 {
          font-size: 2em;
     }
     .posts-entries .feat-post a p {
          font-size: 1.125em;
     }
     .posts-entries .entries .post a h1 {
          font-size: 1.375em;
     }
     .posts-entries .options .filters nav a {
          padding: 19px 20px;
     }
     .posts-entries .options .search {
          flex: 0 0 302px;
     }
/*  
     ⤴︎ =============  end NEWS page
*/
/*  
     ⤵︎ =============  SINGLE POST page
*/
     .single-post .hero h1 {
          font-size: 3em;
     }
     .single-post .intro {
          padding: 42px 0 66px;
     }
/*  
     ⤴︎ =============  end SINGLE POST page
*/
/*  
     ⤵︎ =============  CAREERS page
*/
     .careers-pg .main {
          background-position: right 20vw;
     }
/*  
     ⤴︎ =============  end CAREERS page
*/
/*  
     ⤵︎ =============  CONTACT page
*/
     .img-w-text h2 {
          font-size: 1.75em;
     }
/*  
     ⤴︎ =============  end CONTACT page
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         1096px >=x
*/
@media screen and (max-width:1096px) {
/*  
     ⤵︎ =============  HEADER
*/
     #header .col.logo {
          flex: 0 1 96px;
          padding: 3px 0;
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .col.images {
          left: 0;
          flex: 0 0 488px;
          height: 568px;
     }
     #home-hero .col.images .img-1 {
          left: 0;
          width: 328px;
          height: 328px;
     }
     #home-hero .col.images .img-2 {
          width: 224px;
          height: 224px;
     }
     #home-hero .col.images .img-3 {
          width: 248px;
          height: 248px;
     }
     section.about {
          padding: 48px 0 84px;
     }
     section.about .intro {
          margin: -55px auto 76px;
     }
     section.about .intro p {
          max-width: 918px;
          font-size: 1.5em;
     }
     section.about .intro p.feat {
          font-size: 1.125em;
     }
     section.about div.feat a.item {
          margin-bottom: 3rem;
          max-width: 296px;
          font-size: 0.875em;
     }
     section.about div.feat .item .num {
          padding-bottom: 12px;
          margin-bottom: 14px;
          font-size: 3.5em;
     }
     section.about div.feat .item .num small {
          font-size: 0.5em;
     }
     section.services .slider {
          padding-bottom: 72px;
     }
     section.services .slider a.item .bg-img {
          top: 11px;
          bottom: 11px;
          left: 11px;
          right: 11px;
     }
     section.services .slider a.item {
          width: 296px;
     }
     section.services .slider a.item h1 {
          font-size: 1.5em;
     }
     section.case-studies {
          padding-top: 60px;
     }
     section.case-studies .slider .text-col {
          width: 432px;
     }
     section.case-studies .slider .d-img video, 
     section.case-studies .slider .d-img img {
          height: 386px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/ 
/*  
     ⤵︎ =============  SERVICES page
*/
     .services-list .container-fluid {
          max-width: 972px;
     }
/*  
     ⤴︎ =============  end SERVICES page
*/   
/*  
     ⤵︎ =============  DIRECTORY page
*/
     .dir-list .item {
          padding: 18px 18px 66px 18px;
     }
     .dir-list .item .footer {
          position: absolute;
          bottom: 18px;
          left: 18px;
          right: 18px;
     }
/*  
     ⤴︎ =============  end DIRECTORY page
*/
/*  
     ⤵︎ =============  PROFILE page
*/
     .profile-pg .body {
          font-size: 1em;
     }
/*  
     ⤴︎ =============  end PROFILE page
*/
/*  
     ⤵︎ =============  CAREERS page
*/
     .careers-pg .main {
          padding: 72px 0 66px;
     }
     .careers-pg .intro {
          margin-bottom: 72px;
     }
/*  
     ⤴︎ =============  end CAREERS page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .hero {
          min-height: 100vh;
          padding: 120px 0 !important;
          background-image: url(../images/about-hero-mb.jpg);
     }
     .about-pg .hero .container-fluid:before {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.4);
          content: '';
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .top .col.logo {
          width: 20%;
     }
     #footer .top .col:nth-child(2) {
          width: 18%;
     }
     #footer .top .col:nth-child(3) {
          width: 30%;
     }
     #footer .top .col.logo img {
          width: 78px;
     }
/*  
      ⤴︎ =============  end FOOTER
*/
     
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         991px >=x
*/
@media screen and (max-width:991px) {
/*  
     ⤵︎ =============  HEADER
*/
     #header .navbar-nav {
          --bs-navbar-nav-link-padding-x: 6px;
          margin-right: 30px;
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .col.images {
          flex: 0 0 387px;
          height: 480px;
     }
     #home-hero h1 {
          font-size: 4.125em;
     }
     #home-hero .slide h2 {
          font-size: 2.5em;
     }
     #home-hero .col.images .img-1 {
          width: 260px;
          height: 260px;
     }
      #home-hero .col.images .img-2 {
          width: 196px;
          height: 196px;
     }
      #home-hero .col.images .img-3 {
          width: 212px;
          height: 212px;
     }
     section.about .intro p {
          max-width: 716px;
          font-size: 1.375em;
     }
     section.about div.feat a.item {
          margin-bottom: 2.25rem;
          font-size: 0.75em;
     }
     section.case-studies .slider .text-col {
          width: 368px;
     }
     section.case-studies .slider h1 {
          font-size: 2em;
     }
     section.services .slider, 
     section.case-studies {
          padding-left: 0.75rem;
     }
     section.services .slider .swiper-button-next, 
     section.services .slider .swiper-button-prev,
     section.case-studies .slider .swiper-button-next, 
     section.case-studies .slider .swiper-button-prev {
          width: 60px;
          height: 60px;
     }
     section.services .slider .swiper-button-next:after, 
     section.services .slider .swiper-button-prev:after, 
     section.case-studies .slider .swiper-button-next:after, 
     section.case-studies .slider .swiper-button-prev:after {
          width: 18px;
          height: 18px;
     }
     section.services .slider .swiper-button-next {
          top: calc(50% - 62px);
     }
     section.services .slider .swiper-button-prev {
          bottom: calc(50% - 62px);
     }
     section.case-studies .slider .swiper-button-prev {
          bottom: calc(50% - 172px);
     }
     section.case-studies .slider .d-img video,
     section.case-studies .slider .d-img img {
          height: 396px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/ 
/*  
     ⤵︎ =============  SERVICES page
*/
     .img-w-text .outer-wrapper {
          max-width: inherit;
     }
     .services-list .col.list {
          max-width: 362px;
     }
     .services-list .col.info .item {
          padding-left: 12%;
     }
     .services-pg .gallery {
          padding: 72px 0;
     }
     .gallery .swiper-slide img {
          height: 396px;
     }
     .gallery .swiper-button-next, 
     .gallery .swiper-button-prev {
          left: 1.875rem;
          width: 60px;
          height: 60px;
     }
     .gallery .swiper-button-next {
         top: calc(50% - 62px);
     }
     .gallery .swiper-button-prev {
         bottom: calc(50% - 62px);
     }
     .gallery .swiper-button-next:after, 
     .gallery .swiper-button-prev:after {
          width: 18px;
          height: 18px;
     }
     .memb-profile.container-fluid,
     .comp-profile.container-fluid {
          padding-top: 48px;
          padding-bottom: 48px;
     }
     .memb-profile .info .box {
          padding: 36px 24px;
          margin-left: 0;
     }
     .memb-profile .avatar {
          flex: 0 0 254px;
     }
     .comp-profile .info .outer-wrapper {
          padding-left: 0;
     }
/*  
     ⤴︎ =============  end SERVICES page
*/
/*  
     ⤵︎ =============  DIRECTORY page
*/
     .dir-search {
          --bs-gutter-x: 6px;
          padding: 3rem 0 0;
     }
     .dir-search .col {
          flex: 0 0 calc((100% - 58px) / 4);
     }
     .dir-search .form-control {
          padding: 14px 12px;
     }
     .dir-search .dropdown-item {
          padding: 6px 12px;
     }
     .dir-search .dropdown-header {
         padding-left: 12px;
         padding-right: 12px;
     }
     .dir-search .form-control.dropdown-toggle {
          padding-right: 24px;
     }
     .dir-search .dropdown-toggle:after {
          right: 9px;
     }
     .dir-search button.btn {
          width: 52px;
          height: 52px;
     }
     .dir-search .col.button {
          flex: 0 0 58px;
     }
/*  
     ⤴︎ =============  end DIRECTORY page
*/
/*  
     ⤵︎ =============  PROFILE page
*/
     .profile-pg .hero {
          padding-bottom: 48px;
     }
     .profile-pg .hero .col.info {
          font-size: 0.938em;
     }
     .profile-pg .hero .col.img {
          flex: 0 0 312px;
          padding-right: 0;
     }
     .profile-pg .body .box {
          padding: 36px 0 36px 24px;
     }
     .profile-pg .body .box:first-child {
          padding-top: 60px;
     }
     .profile-pg .body aside.col {
          flex: 0 0 272px;
          padding-top: 60px;
     }
     .profile-pg aside .link-options a {
          margin-bottom: 6px;
     }
/*  
     ⤴︎ =============  end PROFILE page
*/
/*  
     ⤵︎ =============  NEWS page
*/
     .posts-entries .feat-post a {
          padding: 15px 9px;
          margin-bottom: 66px;
     }
     .posts-entries .feat-post .img.col {
          flex: 0 1 54%;
     }
     .posts-entries .feat-post a p.date,
     .posts-entries .entries .post a p.date {
          margin-bottom: 6px;
          font-size: 0.938em;
     }
     .posts-entries .feat-post a h1 {
          font-size: 1.5em;
     }
     .posts-entries .feat-post a p {
          font-size: 1em;
     }
     .posts-entries .options .filters nav a {
          padding: 17px 14px;
     }
     .posts-entries .options .search {
          flex: 0 0 224px;
     }
     #search-posts {
          padding: 18px 20px 18px 44px;
     }
     .posts-entries .entries {
          --bs-gutter-x: 0.75rem;
     }
     .posts-entries .entries .col {
          margin-bottom: 0.75rem;
     }
     .posts-entries .entries .post a {
          padding: 9px 9px 24px 9px;
     }
     .posts-entries .entries .post a h1 {
          font-size: 1.125em;
     }
     .posts-entries .entries .post a p.date, 
     .posts-entries .entries .post a h1 {
          padding: 0 6px;
     }
/*  
     ⤴︎ =============  end NEWS page
*/
/*  
     ⤵︎ =============  SINGLE POST page
*/
     .single-post .hero h1 {
          font-size: 2.875em;
     }
     .related-posts .posts-entries .entries .post a {
          padding: 9px 9px 24px 9px;
     }
/*  
     ⤴︎ =============  end SINGLE POST page
*/
/*  
     ⤵︎ =============  CAREERS page
*/
     .img-w-text .reversed .outer-wrapper {
          max-width: inherit;
          margin-left: 0;
     }
/*  
     ⤴︎ =============  end CAREERS page
*/
/*  
     ⤵︎ =============  CONTACT page
*/
     .contact-pg .main {
          padding: 60px 0 72px;
          background-size: 80vw auto;
     }
     .contact-pg .img-w-text .outer-wrapper {
          max-width: inherit;
          margin: auto;
          padding-bottom: 1rem;
     }
/*  
     ⤴︎ =============  end CONTACT page
*/
/*  
     ⤵︎ =============  SERVICES LANDING page
*/
     .services_landing-pg .services-list .wrapper .row {
          --bs-gutter-x: 1.5rem;
     }
/*  
     ⤴︎ =============  end SERVICES LANDING page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .content {
          padding-top: 74px;
          background-position: right 23vw;
     }
     .about-pg .img-w-text .reversed .outer-wrapper {
          margin-left: auto;
     }
     .about-pg .img-w-text .outer-wrapper {
          max-width: inherit;
          margin-right: auto;
     }
     .about-pg .img-w-text {
          padding-bottom: 96px;
     }
     .about-pg .feat-text .wrapper {
          max-width: 680px;
          padding-bottom: 72px;
          font-size: 1.5em;
     }
     section.industries .container-fluid {
          padding-top: 72px;
     }
     section.industries a.item .overlay,
     section.industries a.item .hover-state .inner-wrapper {
          padding: 24px;
     }
     section.industries a.item .overlay h1,
     section.industries a.item .hover-state h2 {
         font-size: 1.5em;
     }
     section.industries a.item .hover-state p {
         font-size: 1.125em;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .container-fluid {
          padding-top: 2rem;
          background-size: 640px auto;
     }
     #footer .top .col.logo {
          width: 100%;
          padding-bottom: 2rem;
     }
     #footer .top .col:nth-child(2) {
          width: 23%;
     }
     #footer .top .col:nth-child(3) {
          width: 37%;
     }
     #footer .top .col.logo img {
          width: 72px;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         767px >=x
*/
@media screen and (max-width:767px) {
/*  
     ⤵︎ =============  HEADER
*/
     .navbar-toggler {
          border: 1px solid #008B9C;
          background-color: rgba(0,0,0,0.3);
          border-radius: 2px;
          padding: 1.5rem 1rem;
          margin-right: 24px;
          display: block;
          -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
     }
     .navbar-toggler:focus {
          box-shadow: none;
     }
     .navbar-toggler:hover {
          border: 1px solid #fff;
          background-color: rgba(0,0,0,0.5);
     }
     .navbar-toggler-icon {
          display: block;
          position: relative;
          width: 36px;
          height: 2px;
          background: #fff;
          border-radius: 2px;
     }
     .navbar-toggler-icon:before,
     .navbar-toggler-icon:after {
          position: absolute;
          left: 0;
          width: 36px;
          height: 2px;
          background: #fff;
          border-radius: 2px;
          content: '';
     }
     .inner-page .navbar-toggler-icon,
     .inner-page .navbar-toggler-icon:before,
     .inner-page .navbar-toggler-icon:after {
          background: #000;
     }
     .navbar-toggler-icon:before {
          top: -9px;
     }
     .navbar-toggler-icon:after {
          bottom: -9px;
     }
     #header .offcanvas {
          --bs-offcanvas-color: #fff;
          --bs-offcanvas-bg: rgba(0, 0, 0, 0.97);
          --bs-offcanvas-width: 480px;
          --bs-offcanvas-padding-x: 1rem;
          --bs-offcanvas-padding-y: 1rem;
          --bs-offcanvas-border-width: 0;
          --bs-offcanvas-box-shadow: var(--bs-box-shadow-lg);
          width: 100vw;
          max-width: var(--bs-offcanvas-width);
     }
     #header .btn-close {
          --bs-btn-close-color: #fff;
          --bs-btn-close-bg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-x-lg" viewBox="0 0 16 16"%3E%3Cpath d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/%3E%3C/svg%3E');
          --bs-btn-close-opacity: 1;
          --bs-btn-close-hover-opacity: 0.75;
          --bs-btn-close-focus-shadow: none;
          width: 1em;
          height: 1em;
          padding: 0.25em 0.25em;
          border: 0;
          background-size: contain;
     }
     #header .navbar-nav {
          max-width: 244px;
          margin: auto auto 24px auto;
          border: 0;
          padding-bottom: 24px;
          padding-right: 0 !important;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     }
     #header .navbar-nav .nav-link {
          display: inline-block;
     }
     #header .navbar-nav .nav-item {
          margin: 6px 9px;
     }
     #header .dropdown-item {
          display: inline-block;
          background-color: transparent !important;
     }
     #header .ftr {
          max-width: 244px;
          margin: auto;
     }
     #header .ftr a.submit.btn-primary {
          display: block;
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  DIRECTORY page
*/
     .dir-search {
          --bs-gutter-x: 12px;
          padding: 1.875rem 0 0;
     }
     .directory-pg .hero {
          padding-bottom: 1.25rem;
     }
     .directory-pg .hero h1 {
          padding-top: 1.5rem;
     }
     .dir-search .col {
          flex: 0 0 50%;
          margin-bottom: 12px;
     }
     .dir-search .dir-name-col {
          flex: 0 0 100%;
     }
     .dir-search .col.button {
          flex: 0 0 100%;
     }
     .dir-search button.btn {
          display: block;
          width: 100%;
          height: auto;
          padding: 14px 12px;
          border-radius: 10px;
          font-size: 1em;
          line-height: 1.5;
          text-align: center;
     }
     .dir-search button.btn img {
          position: static !important;
          transform: none !important;
          width: 16px;
          margin-right: 6px;
     }
/*  
     ⤴︎ =============  end DIRECTORY page
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .col.text {
          flex: 1 1 100%;
          max-width: inherit;
          padding: 3rem 1.5rem 1.5rem;
          text-align: center;
     }
     #home-hero .col.images {
          overflow: initial;
          margin: auto auto 12px auto;
     }
     section.about .intro {
          margin: -42px auto 72px;
     }
     section.services .slider {
          padding-bottom: 66px;
     }
     section.services .slider a.item {
          width: 260px;
     }
     section.services .slider a.item h1 {
          padding: 24px 30px;
     }
     section.case-studies .slider h1 {
          font-size: 1.75em;
     }
     section.case-studies {
          padding-top: 48px;
     }
     section.case-studies .slider .swiper-button-next {
          bottom: calc(50% - 78px);
     }
     section.case-studies .slider .swiper-button-prev {
          bottom: calc(50% - 146px);
     }
     section.case-studies .slider .d-img video,
     section.case-studies .slider .d-img img {
          height: 360px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/ 
/*  
     ⤵︎ =============  SERVICES page
*/
     .hero {
          min-height: 368px;
          padding: 120px 0 60px;
     }
     .services-pg .hero h1 {
          font-size: 2.25em;
     }
     .services-pg .intro {
          padding: 66px 0 96px;
     }
     .img-w-text .outer-wrapper {
          padding-bottom: 2rem;
          text-align: center;
     }
     .img-w-text .col.img .image {
          right: -30px;
     }
     .services-list {
          background-size: 85vw auto;
     }
     .services-list .col.list {
          display: none;
     }
     .services-list .col.info {
          max-width: inherit;
     }
     .services-list .col.info .item {
          display: block;
           max-width: 518px;
           margin: auto;
           padding-right: 0;
           padding-left: 0;
     }
     .services-list .col.info .item .wrapper {
          display: none
     }
     .services-list .col.info .item h2.title {
         display: block;
         padding: 24px 0;
         margin-bottom: 0;
         border-bottom: 2px solid #F26511;
         font-size: 1.2em;
         line-height: 1.2em;
         font-weight: 400;
         color: #293A31;
         cursor: pointer;
     }
     .services-list .col.info .item h2.title span {
         display: block;
         padding-right: 48px;
         background: url(../images/icon-arrow-link.svg) right top no-repeat;
         background-size: 19px auto;
     }
     .services-list .col.info .item .wrapper {
          padding: 2rem 0;
     }
     .gallery .swiper-slide img {
          height: 360px;
     }
     .gallery .swiper-button-next, .gallery .swiper-button-prev {
          left: 1.125rem;
     }
     .memb-profile .avatar {
          flex: 1 1 100%;
     }
     .memb-profile .avatar .bg-img {
          position: relative;
          width: 196px;
          height: 196px;
          margin-left: 3rem;
          margin-bottom: 12px;
     }
     .memb-profile.container-fluid {
          padding-top: 12px;
     }
     .comp-profile .logo {
          flex: 0 0 272px;
     }
/*
     ⤴︎ =============  end SERVICES page
*/
/* 
     ⤵︎ =============  PROFILE page
*/
     .profile-pg .hero {
          min-height: 450px;
          padding-bottom: 36px;
     }
     .profile-pg .hero h1 {
          font-size: 3em;
     }
     .profile-pg .hero .col.img {
          flex: 0 0 260px;
          padding-right: 0;
     }
     .profile-pg .body aside.col {
          flex: 1 0 100%;
          padding-top: 60px;
          padding-bottom: 60px;
          border-right: 0;
     }
     .profile-pg .body .main.col {
          flex: 1 0 100%;
          border-bottom: 1px solid #DDD;
     }
     .profile-pg .body .box {
          padding: 30px 0;
     }
     .profile-pg .body .box:after {
          display: none;
     }
     .profile-pg .body .box:last-child {
          padding-bottom: 60px;
     }
     .profile-pg .body aside.col .outer-wrapper {
          padding-left: 0;
          display: flex;
          flex-wrap: wrap;
          column-gap: 1.5rem;
     }
     .profile-pg .body aside.col .m-title {
          width: 100%;
     }
     .profile-pg .body aside.col .item {
          flex: 0 1 calc(50% - 1.5rem);
     }
     .profile-pg .body aside.col .link-options .row-cols-sm-2>* {
          flex: 0 0 auto;
          width: auto;
     }
/*  
     ⤴︎ =============  end PROFILE page
*/
/*  
     ⤵︎ =============  NEWS page
*/
     .posts-entries .options .filters nav {
          display: block;
     }
     .posts-entries .options .filters nav li {
          flex: 1 1 0%;
          text-align: center;
     }
     .posts-entries .options .search {
          margin-top: 12px;
          flex: 0 0 100%;
          text-align: right;
     }
     .posts-entries .options .search form {
          display: inline-block;
     }
     .posts-entries .options .search form input {
          text-align: left;
     }
     .posts-entries .feat-post a {
          padding: 30px 5% 36px;
          margin-bottom: 60px;
          text-align: center;
     }
     .posts-entries .entries .post .bg-img {
          margin-bottom: 18px;
     }
/*  
     ⤴︎ =============  end NEWS page
*/
/*  
     ⤵︎ =============  SINGLE POST page
*/
     .single-post .hero h1 {
          font-size: 2.25em;
     }
     .single-post .intro {
          padding: 30px 0 60px;
     }
     .related-posts .posts-entries .entries .post a p.date, 
     .related-posts .posts-entries .entries .post a h1 {
          padding: 0 3px;
     }
     .related-posts .posts-entries .entries .post a p.date {
          margin-bottom: 9px;
          font-size: 14px;
     }
     .related-posts .posts-entries .entries .post a h1 {
          font-size: 1.125em;
     }
/*  
     ⤴︎ =============  end SINGLE POST page
*/
/*  
     ⤵︎ =============  ASSIGNMENT page
*/
     .assignment-pg .content .container-fluid {
          padding-bottom: 60px;
     }
     .asgn-box .m-title {
          font-size: 1.5em;
     }
     fieldset.location-box {
          padding: 24px 18px;
     }
/*  
     ⤴︎ =============  end ASSIGNMENT page
*/
/*  
     ⤵︎ =============  CAREERS page
*/
     .careers-pg .main {
          padding: 54px 0 48px;
     }
     .careers-pg .intro {
          margin-bottom: 48px;
     }
     .img-w-text .reversed .outer-wrapper {
          padding-bottom: 2.25rem;
          text-align: center;
     }
     .img-w-text .reversed .col.img .image {
          right: 30px;
     }
/*  
     ⤴︎ =============  end CAREERS page
*/
/*  
     ⤵︎ =============  CONTACT page
*/
     .contact-pg .main {
          background-position: right 0;
     }
/*  
     ⤴︎ =============  end CONTACT page
*/
/*  
     ⤵︎ =============  SERVICES LANDING page
*/
     .services_landing-pg.services-pg .intro {
          padding: 66px 0 60px;
     }
     .services_landing-pg .services-list .container-fluid .row {
          --bs-gutter-x: 1.5rem;
     }
/*  
     ⤴︎ =============  end SERVICES LANDING page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .hero h1 {
          font-size: 2.25em;
     }
     section.industries a.item .overlay, 
     section.industries a.item .hover-state .inner-wrapper {
          padding: 24px 12px;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .top .col.logo {
          width: 100%;
          padding-bottom: 2rem;
     }
     #footer .top.row {
          max-width: 524px;
          margin: auto;
     }
     #footer .top .col:nth-child(2) {
          width: 50%;
     }
     #footer .top .col:nth-child(3) {
          width: 50%;
     }
     #footer .top .col:nth-child(4) {
         flex: 1 1 100%;
     }
     #footer .top .col.logo img {
          width: 66px;
     }
     #footer .newsletter {
          max-width: 380px;
          margin-bottom: 2rem;
     }
     .f-social {
          margin-bottom: 2.25rem;
     }
     #footer nav.col li {
          padding-bottom: 0.75rem;
     }
     .f-title {
          margin-bottom: 1rem;
     }
     #footer .bottom .col {
          flex: 1 1 100%;
          text-align: center;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
/* 
/*  
     ⤵︎                                         640px >=x
*/
@media screen and (max-width:640px) {
/*  
     ⤵︎ =============  HEADER
*/
     #header {
          padding: 12px 0;
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  SERVICES page
*/
     .img-w-text .col.img .image,
     .d-img,
     section.case-studies .slider .img-col .d-img, 
     section.case-studies .slider .d-img {
          padding: 9px;
          border-width: 1px;
     }
     section.case-studies .slider .d-img video,
     section.case-studies .slider .d-img img,
     .gallery .swiper-slide img {
          height: 296px;
     }
     .comp-profile .info {
          flex: 1 1 100%;
          text-align: center;
     }
     .comp-profile .logo {
          flex: 0 0 248px;
          margin: auto auto 1.5rem auto;
     }
     .comp-profile.container-fluid {
          padding-top: 30px;
          padding-bottom: 36px;
     }
     section.services .slider a.item .bg-img {
          top: 9px;
          bottom: 9px;
          left: 9px;
          right: 9px;
     }
/*  
     ⤴︎ =============  end SERVICES page
*/   
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .col.text {
          font-size: 0.75em;
     }
     section.about {
          padding: 36px 0 60px;
     }
     section.services .slider a.item .bg-img {
          top: 9px;
          bottom: 9px;
          left: 9px;
          right: 9px;
     }
     section.services .slider a.item {
          border-width: 1px;
     }
     section.about .intro {
          margin: -5% auto 72px;
     }
     section.about div.feat {
          background-size: 100vw auto;
     }
     section.about div.feat .col.map {
          flex: 0 0 100%;
          max-width: 436px;
          padding-bottom: 2rem;
     }
     section.about div.feat .col.info {
          flex: 1 0 100%;
      }
     section.about div.feat a.item {
          margin: 1.5rem auto;
     }
     section.case-studies {
          padding-top: 36px;
     }
     section.case-studies .img-title {
          padding-top: 0 !important;
     }
     section.case-studies .slider .text-col {
          width: 278px;
     }
     section.case-studies .slider h1 {
          font-size: 1.65em;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/ 
/*  
     ⤵︎ =============  DIRECTORY page
*/
     .dir-search {
          --bs-gutter-x: 6px;
          padding: 3rem 0 0;
     }
     .dir-search .dropdown-menu .wrapper {
         max-height: 320px;
     }
/*  
     ⤴︎ =============  end DIRECTORY page
*/
/* 
     ⤵︎ =============  PROFILE page
*/
     .profile-pg .hero {
          padding-top: 160px;
     }
     .profile-pg .hero .row {
          justify-content: center !important;
     }
     .profile-pg .hero .col.info {
          flex: 1 0 100% !important;
          text-align: center;
          padding-bottom: 30px;
     }
     .profile-pg .body aside.col .link-options {
          flex: 1 0 100%;
     }
/*  
     ⤴︎ =============  end PROFILE page
*/
/*  
     ⤵︎ =============  SINGLE POST page
*/
     .single-post .hero h1 {
          font-size: 2.125em;
     }
     .single-post .intro {
          padding: 24px 0 48px;
     }
     .single-post .intro .col {
          width: 100%;
     }
     .single-post .intro .share {
          padding-top: 1rem;
     }
     .related-posts .posts-entries.container-fluid {
          padding-top: 48px;
          padding-bottom: 66px;
     }
/*  
     ⤴︎ =============  end SINGLE POST page
*/
/*  
     ⤵︎ =============  ASSIGNMENT page
*/
     .assignment-pg .hero h1 {
          font-size: 2.75em;
     }
     .assignment-pg .content {
          background: url(../images/assignment-bg.svg) no-repeat right 0;
          background-size: 70vw auto;
     }
/*  
     ⤴︎ =============  end ASSIGNMENT page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .hero h1 strong {
          display: block;
          font-size: 1.5em;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         575px >=x
*/
@media screen and (max-width:575px) {
     body {
          --bs-body-font-size: .938rem;
     }

     section.case-studies .slider .d-img video, 
     section.case-studies .slider .d-img img {
          height: 255px;
     }
/* 
     ⤵︎ =============  PROFILE page
*/
     .profile-pg .body aside.col .item {
          flex: 0 1 100%;
          padding-bottom: 12px !important;
     }
     .profile-pg .body .box {
          padding: 18px 0;
     }
/*  
     ⤴︎ =============  end PROFILE page
*/
/*  
     ⤵︎ =============  NEWS page
*/
     .posts-entries.container-fluid {
          padding-top: 60px;
          padding-bottom: 84px;
     }
     .posts-entries .options {
          padding-bottom: 30px;
     }
     .posts-entries .options .filters {
          flex: 0 0 224px;
     }
     .posts-entries .options .filters nav {
          padding: 0;
          overflow: visible;
          background-color: transparent;
          border-radius: 0;
     }
     .posts-entries .options .filters .dropdown-menu {
         background: transparent;
         border: 0;
         padding: 0;
         overflow: hidden;
         box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.15);
         --bs-dropdown-border-radius: 20px;
         --bs-dropdown-min-width: 100%;
     }
     .posts-entries .options .filters nav .btn.dropdown-toggle {
          display: block;
          width: 100%;
          padding: 18px 44px 18px 20px;
          font-size: 14px;
          line-height: 19px;
          font-weight: 375;
          color: #008B9C;
          font-weight: 500;
          text-align: left;
          background-color: #fff;
          border: 0;
          border-radius: 100px;
          outline: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
     }
     .posts-entries .options .filters nav .dropdown-toggle:after {
         position: absolute;
         top: 50%;
         right: 24px;
         transform: translateY(-50%);
         display: inline-block;
         border: 0;
         background: url('data:image/svg+xml,%3Csvg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.82102 1.02051L4.9321 4.82491C4.69346 5.05836 4.30654 5.05836 4.0679 4.82491L0.178983 1.02051C-0.0596609 0.787057 -0.0596609 0.408549 0.178983 0.175092C0.417625 -0.0583645 0.804543 -0.0583645 1.04319 0.175092L4.5 3.55678L7.95681 0.175092C8.19546 -0.0583642 8.58237 -0.0583642 8.82102 0.175092C9.05966 0.408549 9.05966 0.787057 8.82102 1.02051Z" fill="%236D737A"/%3E%3C/svg%3E') no-repeat center center;
         background-size: contain;
         width: 9px;
         height: 9px;
     }
     .posts-entries .options .filters .dropdown-item {
         display: block;
         padding: 6px 20px;
         background-color: #fff;
         font-weight: 500;
         color: #008B9C;
         text-align: left;
     }
     .posts-entries .options .filters .dropdown-item:focus,
     .posts-entries .options .filters .dropdown-item:hover {
         color: #fff;
         background-color: #008B9C;
     }
     .posts-entries .options .filters nav a.disabled {
          display: none;
     }
     .posts-entries .options .search {
          flex: 0 0 224px;
          margin-top: 0;
     }
/*  
     ⤴︎ =============  end NEWS page
*/
/*  
     ⤵︎ =============  SINGLE POST page
*/
     .posts-entries .entries .col:last-child {
          display: none
     }
/*  
     ⤴︎ =============  end SINGLE POST page
*/
/*  
     ⤵︎ =============  ASSIGNMENT page
*/
     .assignment-pg .content .container-fluid {
          padding-top: 48px;
     }
     .assignment-pg .content .intro {
          margin-bottom: 48px;
     }
     .asgn-box .row {
          --bs-gutter-x: 0.75rem;
     }
     .asgn-box .form-control,
     .asgn-box .form-select,
     .asgn-box .form-check label,
     .default .form-control,
     .default .form-select,
     .default .form-check label,
     .contact-form .upload-box,
     form .select {
          font-size: 14px;
     }
     .asgn-box .form-check-input {
          width: 20px;
          height: 20px;
     }
     .asgn-box .form-check label {
          padding-left: 5px;
     }
/*  
     ⤴︎ =============  end ASSIGNMENT page
*/
/*  
     ⤵︎ =============  CONTACT page
*/
     .contact-pg .intro {
          padding-bottom: 66px;
     }
     .contact-form.container-fluid .row {
          --bs-gutter-x: .75rem;
     }
     .contact-form form .outer-wrapper {
          padding: 36px 15px 48px;
     }
/*  
     ⤴︎ =============  end CONTACT page
*/
/*  
     ⤵︎ =============  SERVICES LANDING page
*/
     .services_landing-pg .services-list .col {
          flex: 1 0 100%;
          max-width: 462px;
     }
     .services_landing-pg .services-list {
          padding-bottom: 66px;
     }
/*  
     ⤴︎ =============  end SERVICES LANDING page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .top .col:nth-child(2) {
          width: 40%;
     }
     #footer .top .col:nth-child(3) {
          width: 60%;
     }
 /*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         480px >=x
*/
@media screen and (max-width:480px) {
     body {
          --bs-body-font-size: .875rem;
     }
/*  
     ⤵︎ =============  HEADER
*/
     #header .navbar-brand {
          width: 68px;
     }
     #header a.submit.btn-primary.lg {
          display: none
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero .col.images {
          flex: 0 0 332px;
          height: 448px;
     }
     #home-hero .col.images .img-1 .wrapper,
     #home-hero .col.images .img-2 .wrapper, #home-hero .col.images .img-3 .wrapper {
          top: 4px;
          bottom: 4px;
          left: 4px;
          right: 4px;
     }
     #home-hero .col.images .img-1 {
          width: 242px;
          height: 242px;
     }
     #home-hero .col.images .img-2 {
          width: 160px;
          height: 160px;
          right: -36px;
     }
     #home-hero .col.images .img-3 {
          width: 172px;
          height: 172px;
          right: -24px;
     }
     #home-hero a.more span.icon {
          display: none;
     }
     section.services .slider .swiper-button-next, 
     section.services .slider .swiper-button-prev,
     section.case-studies .slider .swiper-button-next, 
     section.case-studies .slider .swiper-button-prev {
          width: 54px;
          height: 54px;
     }
     section.services .slider .swiper-button-next:after, 
     section.services .slider .swiper-button-prev:after, 
     section.case-studies .slider .swiper-button-next:after, 
     section.case-studies .slider .swiper-button-prev:after {
          width: 18px;
          height: 18px;
     }
     section.about div.feat .item .icon {
          top: 10px;
          width: 18px;
     }
     section.services .slider .swiper-button-next {
          top: calc(50% - 56px);
     }
     section.services .slider .swiper-button-prev {
          bottom: calc(50% - 56px);
     }
     section.case-studies .slider .swiper-button-prev {
          bottom: calc(50% - 134px);
     }
     section.case-studies .slider .text-col .outer-wrapper {
          padding-bottom: 18px;
     }
     section.services .slider a.item {
          width: 248px;
     }
     section.services .slider a.item .bg-img {
          top: 6px;
          bottom: 6px;
          left: 6px;
          right: 6px;
     }
     section.case-studies .slider h1 {
          font-size: 1.5em;
     }
     section.case-studies .slider .d-img video {
          width: 90vw;
          aspect-ratio: inherit;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/ 
/*  
     ⤵︎ =============  SERVICES page
*/
     .hero {
          min-height: 320px;
          padding: 120px 0 30px;
     }
     .services-pg .hero h1 {
          font-size: 2.125em;
     }
     .img-w-text .col.img .image,
     .d-img,
     section.case-studies .slider .img-col .d-img,
     section.case-studies .slider .d-img {
          padding: 6px;
     }
     .services-pg .intro {
          padding: 66px 0 96px;
     }
     .services-list .col.info .item h2.title {
          display: block;
          padding: 24px 0;
          margin-bottom: 0;
          border-bottom: 2px solid #F26511;
          font-size: 1.375em;
          line-height: 1.2em;
          font-weight: 400;
          color: #293A31;
          cursor: pointer;
     }
     .services-list .col.info .item h2.title span {
          background-size: 18px auto;
          background-position: right top;
     }
     .services-pg .gallery {
          padding: 60px 0;
     }
     .gallery .swiper-button-next, 
     .gallery .swiper-button-prev {
          width: 54px;
          height: 54px;
     }
     .gallery .swiper-button-next {
          top: calc(50% - 56px);
     }
     .gallery .swiper-button-prev {
          bottom: calc(50% - 56px);
     }
     .memb-profile .avatar .bg-img {
          width: 144px;
          height: 144px;
     }
     .memb-profile .info .box {
          padding: 36px 12px;
     }
     .comp-profile .logo {
          flex: 0 0 202px;
     }
     section.services .slider a.item .bg-img {
          top: 6px;
          bottom: 6px;
          left: 6px;
          right: 6px;
     }
/*  
     ⤴︎ =============  end SERVICES page
*/   
/*  
     ⤵︎ =============  DIRECTORY page
*/
     .hero h1 {
          font-size: 2.875em;
     }
     .dir-search {
          --bs-gutter-x: 6px;
          padding: 2.25rem 0 0;
     }
     .dir-list .row-cols-2>* {
          flex: 0 0 auto;
          width: 50%
     }
/*  
     ⤴︎ =============  end DIRECTORY page
*/
/* 
     ⤵︎ =============  PROFILE page
*/
     .profile-pg .hero .col.img {
          flex: 0 0 220px;
          padding-right: 0;
     }
/*  
     ⤴︎ =============  end PROFILE page
*/
/*  
     ⤵︎ =============  NEWS page
*/
     .posts-entries .entries {
          --bs-gutter-x: 0.5rem;
     }
     .posts-entries .entries .post a p.date, 
     .posts-entries .entries .post a h1 {
          padding: 0 3px;
     }
     .posts-entries .options {
          --bs-gutter-x: 0.5rem;
     }
     .posts-entries .options .search form {
          display: block;
     }
     .posts-entries .options .filters,
     .posts-entries .options .search {
          flex: 0 0 50%;
     }
/*  
     ⤴︎ =============  end NEWS page
*/
/*  
     ⤵︎ =============  SINGLE POST page
*/
     .posts-entries .entries .col:last-child {
          display: none
     }
/*  
     ⤴︎ =============  end SINGLE POST page
*/
/*  
     ⤵︎ =============  ASSIGNMENT page
*/
     .asgn-box .row.row-cols-2>* {
          width: 100%;
     }
     .asgn-box .outer-wrapper {
          padding: 36px 24px;
     }
/*  
     ⤴︎ =============  end ASSIGNMENT page
*/
/*  
     ⤵︎ =============  CONTACT page
*/
     .contact-pg .main {
          padding: 48px 0 60px;
          background-size: 100vw auto;
     }
     .contact-pg .intro {
          padding-bottom: 48px;
     }
     .contact-form .row-cols-2>* {
          flex: 0 0 auto;
          width: 100%;
     }
/*  
     ⤴︎ =============  end CONTACT page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .content {
          padding-top: 60px;
     }
     .about-pg .img-w-text {
          padding-bottom: 78px;
     }
     .about-pg .feat-text .wrapper {
          padding-bottom: 60px;
     }
     section.industries .row {
          --bs-gutter-x: 0.5rem;
     }
     section.industries a.item {
          margin-bottom: 0.75rem;
     }
     section.industries a.item .overlay, 
     section.industries a.item .hover-state .inner-wrapper {
          padding: 18px 6px 18px 12px;
     }
     section.industries a.item .hover-state p {
          font-size: 1em;
          margin-bottom: 3px;
     }
     section.industries a.item .hover-state h2 {
          margin-bottom: 0.5rem;
     }
     section.industries a.item .overlay h1, 
     section.industries a.item .hover-state h2 {
          font-size: 1.375em;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .row {
          --bs-gutter-x: .75rem;
     }
     #footer .top .col:nth-child(2),
     #footer .top .col:nth-child(3) {
          width: 50%;
     }
     #footer .newsletter button {
          padding: 0.5rem 0.375rem;
     }
     #f-newsletter {
          padding: 0.5rem 84px 0.5rem 0;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         380px >=x
*/
@media screen and (max-width:380px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     section.about .intro {
          margin: -10% auto 72px;
     }
     section.about .intro p {
          font-size: 1.375em;
     }
     section.about {
          padding: 18px 0 36px;
     }
     section.services .slider a.item {
          width: 218px;
     }
     section.services .slider a.item h1 {
          padding: 18px 24px;
          font-size: 1.75em;
     }
     section.services .slider {
          padding-bottom: 48px;
     }
     section.case-studies {
          padding-top: 24px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/  
/*  
     ⤵︎ =============  DIRECTORY page
*/
     .dir-list .item {
          padding: 18px 12px 66px 12px;
     }
     .dir-list .item .footer {
          position: absolute;
          left: 12px;
          right: 12px;
     }
/*  
     ⤴︎ =============  end DIRECTORY page
*/
/* 
     ⤵︎ =============  PROFILE page
*/
     .profile-pg .body .box:last-child {
          padding-bottom: 48px;
     }
     .profile-pg .body aside.col {
          padding-top: 48px;
          padding-bottom: 48px;
     }
/*  
     ⤴︎ =============  end PROFILE page
*/
/*  
     ⤵︎ =============  NEWS page
*/
     .posts-entries .options .filters,
     .posts-entries .options .search {
          flex: 0 0 100%;
     }
     .posts-entries .options .filters {
          margin-bottom: 9px;
     }
     .posts-entries .entries .col {
          flex: 1 0 auto;
          width: 100%;
     }
     .posts-entries .entries .post a {
          padding: 14px 5% 24px;
     }
/*  
     ⤴︎ =============  end NEWS page
*/
/*  
     ⤵︎ =============  SINGLE POST page
*/
     .posts-entries .entries .col:last-child {
          display: block
     }
/*  
     ⤴︎ =============  end SINGLE POST page
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         360px >=x
*/
@media screen and (max-width:360px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     section.case-studies .slider .text-col {
          width: 204px;
          padding-right: 12px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/  
/*  
     ⤵︎ =============  DIRECTORY page
*/
     .dir-search .col {
          flex: 0 0 100%;
     }
     .dir-list .row-cols-2>* {
          flex: 0 0 auto;
          width: 100%
     }
/*  
     ⤴︎ =============  end DIRECTORY page
*/
/*  
     ⤵︎ =============  ASSIGNMENT page
*/
     .asgn-box .outer-wrapper {
          padding: 36px 12px;
     }
     fieldset.location-box {
          padding: 18px 12px;
     }
/*  
     ⤴︎ =============  end ASSIGNMENT page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     section.industries .row.row-cols-2>* {
          width: 100%;
     }
     section.industries a.item .overlay h1, 
     section.industries a.item .hover-state h2 {
          font-size: 1.5em;
     }
     section.industries a.item .hover-state p {
          font-size: 1.125em;
          margin-bottom: 6px;
     }
     section.industries a.item .hover-state h2 {
          margin-bottom: 0.75rem;
     }
     section.industries a.item .overlay, 
     section.industries a.item .hover-state .inner-wrapper {
          padding: 24px 12px;
     }
     .about-pg .feat-text .wrapper {
          font-size: 1.375em;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         320px >=x
*/
@media screen and (max-width:320px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/

     section.case-studies .slider .d-img video {
          width: 85vw;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/  
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .container-fluid {
          font-size: 13px;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/