@charset "utf-8";

/* SAFARI */
@media not all and (min-resolution: 0.001dpcm) {
  .ios_arrow_down {
        width: 52px;
        height: 52px;
        background: #fff url(../images/scroll-down-arrow.png) no-repeat center center / 32px auto;
        border-radius: 50%;
        position: relative;
        display: inline-block;
    }
    
  .ios_arrow_down img {
        display: none;
    }

  .arrow_down .ico {
    display: none !important;
  }
}
/* end SAFARI */
/*  
     ⤵︎                                          MOBILES & TABLETS
*/
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
.mobile_tablet .water-effect,
.mobile_tablet .animated_waves {
    display: none;
}

.mobile_tablet #feat_posts {
    position: relative;
    background-image: url(../images/blue-wave.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding-top: 15rem;
}

#services_lnd_page.mobile_tablet #feat_posts {
    padding-top: 0 !important;
}

.mobile_tablet #post_entries .container {
    width: 100%;
}

.mobile_tablet #feat_posts article .wrapper {
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
}

.mobile_tablet #post_entries {
    padding-bottom: 5rem;
}

.mobile_tablet #post_entries .container:before {
    display: none
}

.mobile_tablet #post_entries .col {
    padding-left: 9px;
    padding-right: 9px;
}
    
.mobile_tablet #post_entries .col.logo {
    display: none !important
}
    
.mobile_tablet .post_entry {
    height: 404px;
}

.mobile_tablet #animated_map h2 .col.animated span:nth-of-type(2),
.mobile_tablet #animated_map h2 .col.animated span:nth-of-type(3),
.mobile_tablet #animated_map h2 .col.animated span:nth-of-type(4) {
    opacity: 1;
    font-size: inherit;
}

.mobile_tablet #water-effect {
    display: none !important
}

.mobile_tablet #footer {
    padding-top: 10rem;
    background: #30C1F7 url(../images/lightblue-wave.svg) no-repeat top center;
    background-size: 120% auto;
}

.mobile_tablet #feat_posts article:hover .wrapper .content {
    display: none;
}

.mobile_tablet #feat_posts .slick-current article .wrapper .content {
    display: block;
}

.mobile_tablet #feat_posts .slick-current article .wrapper .logo {
    display: none;
}

.mobile_tablet .blog_entries .col_2,
.mobile_tablet .blog_entries .col_3 {
        width: 100%;
        max-width: none;
        margin: auto;
        padding-left: 3px;
        padding-right: 3px;
    }

.mobile_tablet .blog_entries  .slick-prev {
        display: block;
        position: absolute;
        top: 33%;
        left: 12px;
        font-size: 40px;
        margin-top: -15px;
        z-index: 1111;
    }

.mobile_tablet .blog_entries  .slick-next {
        display: block;
        position: absolute;
        top: 33%;
        right: 12px;
        font-size: 40px;
        margin-top: -15px;
    }

.mobile_tablet #case_studies_section .slick-slide {
        text-align: center;
    }

.mobile_tablet #case_studies_section .slick-prev,
.mobile_tablet #feat_posts .slick-prev {
        display: block;
        position: absolute;
        top: 50%;
        left: 12px;
        font-size: 40px;
        margin-top: -15px;
        z-index: 1111;
    }

.mobile_tablet #case_studies_section .slick-next,
.mobile_tablet #feat_posts .slick-next {
        display: block;
        position: absolute;
        top: 50%;
        right: 12px;
        font-size: 40px;
        margin-top: -15px;
    }

.mobile_tablet #case_studies_section article a {
        padding-top: 100%;
    }
    
.mobile_tablet #case_studies_section article {
        max-width: none;
        padding-bottom: 6px;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ PORTFOLIO page  */
.mobile_tablet#portfolio_page #footer {
    background: none
}

.mobile_tablet#portfolio_page #awards_section {
        position: relative;
        background-image: url(../images/blue-wave.svg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% auto;
        padding-top: 15rem;
}

.mobile_tablet#portfolio_page .portfolio_entries {
    padding-bottom: 0;
}

.mobile_tablet #contact_section {
    padding-bottom: 5rem;
    padding-top: 2rem;
    background-color: #021c51;
}
    /* ----------- ⋮⋮⫸   end PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ ABOUT  */
.mobile_tablet#about_page #w_first {
        width: 120vw;
}

.mobile_tablet #about_intro {
        position: relative;
        min-height: inherit;
        padding-bottom: 8rem;
}

.mobile_tablet #about_intro:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 140px;
        background-image: url(../images/blue-wave--2.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100% auto;
        content: '';
}

.mobile_tablet #about_intro div.col {
    margin-bottom: 3rem;
}

.mobile_tablet #about_intro .tranparent_waves_animation {
    display: none;
}
    /* ----------- ⋮⋮⫸   end ABOUT page  */
    /* ----------- ⋮⋮⫸ INDUSTRY  */
.mobile_tablet#industry_page .topBanner {
    height: 100vh;
}

.mobile_tablet#industry_page .topBanner .container {
    padding-bottom: 5%;
    padding-top: 5%;
    background-size: 48px auto, 66px auto;
}

.mobile_tablet#industry_page .topBanner:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 140px;
        background-image: url(../images/blue-wave--2.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100% auto;
        content: '';
}

.mobile_tablet#industry_page .topBanner .tranparent_waves_animation {
    display: none;
}
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸ SHOPIFY page  */
.mobile_tablet#shopify_page .topBanner {
    padding-top: 5rem;
}

.mobile_tablet #shopify_intro {
        position: relative;
        min-height: inherit;
        padding-bottom: 8rem;
}

.mobile_tablet #shopify_intro:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 140px;
        background-image: url(../images/blue-wave--2.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100% auto;
        content: '';
}

.mobile_tablet #shopify_intro .tranparent_waves_animation {
    display: none;
}
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
#portfolio_entry .topBanner {
    min-height: 90vh;
}

.mobile_tablet#single_portfolio_page #awards_section {
    position: relative;
    background-image: url(../images/blue-wave.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding-top: 15rem;
    margin-top: -3px;
    z-index: 1;
}

.entry_other_info {
    position: relative;
    z-index: 2;
}

.mobile_tablet#single_portfolio_page .tranparent_waves_animation {
    display: none;
}
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ SERVICES page  */
.mobile_tablet#services_page #w_first {
        width: 120vw;
}

.mobile_tablet #services_process .animated_waves {
    display: none;
}
    /* ----------- ⋮⋮⫸   end SERVICES page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
.mobile_tablet#blog_page #awards_section {
        position: relative;
        background-image: url(../images/blue-wave.svg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% auto;
        padding-top: 15rem;
}
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ BLOG POST page  */
.mobile_tablet#blog_post_page .blog_entries {
        position: relative;
        padding-bottom: 8rem;
}

.mobile_tablet#blog_post_page .blog_entries:before,
.mobile_tablet #blog_post .topBanner:before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 140px;
        background-image: url(../images/blue-wave--2.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100% auto;
        content: '';
}

.mobile_tablet #blog_post .topBanner:before {
        display: none
}

.mobile_tablet #blog_post .topBanner .tranparent_waves_animation {
    display: none;
}

.mobile_tablet#blog_post_page #awards_section {
    padding-top: 3rem
}
    /* ----------- ⋮⋮⫸   end BLOG page  */
/* 
     ⤴︎
*/

/*  
     ⤵︎                                         1680px >=x
*/
@media screen and (max-width:1680px) {
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_services div.col {
        padding-left: 6%;
    }

    #animated_map h2 .col.animated span:nth-of-type(3) {
        padding-left: 50%;
    }

    #animated_map h2 .col.animated span:nth-of-type(4) {
        padding-left: 60%;
    }
    
    #animated_map .map {
        width: 1360px;
    }
    
    .post_entry .wrapper {
        left: 1.5rem;
        right: 1.5rem;
    }

    .post_entry .inner_wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    #single_portfolio_page #awards_section .cols .col {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    
    #single_portfolio_page #awards_section {
        background-color: #021c51;
        padding-bottom: 7rem;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸   SERVICES LANDING page  */
    #blog_carousel article {
        width: 618px;
        padding: 0 18px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES LANDING page  */
}
/* 
     ⤴︎

/*  
     ⤵︎                                         1440px >=x
*/
@media screen and (max-width:1440px) {
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner .rrtime h1 {
        font-size: 44px !important;
    }
    
    #home_services .item h2 {
        font-size: 4.125em;
    }
    
    #home_services .logo_animation {
        left: -24%;
        top: 9%;
        width: 936px;
    }
    
    .post_entry {
        height: 376px;
    }
    
    .post_entry h1,
    .post_entry .overlay h2 {
        font-size: 1.875em;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸   SERVICES LANDING page  */
    #blog_carousel article {
        width: 548px;
    }
    
    #shopf_p_cta .col:nth-child(2) h1 {
        font-size: 3em;
    }
    
    #shopf_p_cta .col:nth-child(2) {
        max-width: 548px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES LANDING page  */
    #industry_page .topBanner h1,
    #services_page .topBanner h1,
    #about_page .topBanner h1,
    #portfolio_page .topBanner h1,
    #contact_page .intro h1,
    #services_lnd_page .topBanner h1 {
        font-size: 3.25em;
    }
}
/* 
     ⤴︎
    
/*  
     ⤵︎                                         1366px >=x
*/
@media screen and (max-width:1366px) {
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #animated_map h1 {
    font-size: 2.75em;
}
    
    #animated_map h2 {
        font-size: 2.875em;
    }

    #animated_map .col.countries_list {
        font-size: 0.8em;
    }
    
    #animated_map .map {
        width: 1140px;
    }
    
    #testimonials .t_bubble.one {
        width: 96px;
        height: 96px;
    }
    
    #testimonials .t_bubble.two {
        width: 32px;
        height: 32px;
    }
    
    #testimonials .t_bubble.three {
        width: 66px;
        height: 66px;
    }
    
    #testimonials .t_bubble.four {
        width: 96px;
        height: 96px;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    #portfolio_entry .topBanner {
        padding-bottom: 8rem
    }
    
    #imac_phones {
        margin-top: -8rem;
    }
    
    .entry_other_info {
        margin-top: -3rem;
    }
    
    .entry_overview h2, 
    .entry_other_info h2 {
        padding-bottom: 1.875rem;
        font-size: 3.875rem;
    }
    
    .entry_other_info .images {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    
    .entry_other_info .images .col {
        padding: 2rem;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ SHOPIFY page  */
    #shopify_page .topBanner h1 {
        font-size: 3.125em;
    }
    
    #shopify_page .topBanner li.col {
        padding-bottom: 12px;
        font-size: 1em;
    }
    
    #shopify_page .topBanner li.col .top_row {
        margin-bottom: 12px;
        font-size: 2em;
    }
    
    #shopify_page .topBanner li.col .top_row img {
        max-width: 48px
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ SERVICES page  */
    #services_process .intro h2 {
        font-size: 3em;
    }
    /* ----------- ⋮⋮⫸   end SERVICES page  */
}
/* 
     ⤴︎

/*  
     ⤵︎                                         1280px >=x
*/
@media screen and (max-width:1280px) {
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner .rrtime h1 {
        font-size: 35px !important;
    }
    
    #home_text h1 {
        font-size: 56px;
    }
    
    #animated_map h1 {
        font-size: 2.5em;
    }
    
    #animated_map h2 {
        font-size: 2.6em;
    }
    
    #animated_map h2 .col.animated span:nth-of-type(1) {
        padding-left: 8%;
    }
    
    #animated_map h2 .col.animated span:nth-of-type(2) {
        padding-left: 18%;
    }
    
    #animated_map h2 .col.animated span:nth-of-type(3) {
        padding-left: 36%;
    }
    
    #animated_map h2 .col.animated span:nth-of-type(4) {
        padding-left: 48%;
    }
    
    #animated_map .map {
        width: 1140px;
    }
    
    #post_entries .col {
        width: 30%;
    }
    
    #post_entries .col.logo {
        width: 20%;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ ABOUT page  */
    #about_intro h2,
    #about_blueBg .row.alt h2 {
        font-size: 3.875rem;
    }
    /* ----------- ⋮⋮⫸   end ABOUT page  */
    /* ----------- ⋮⋮⫸ INDUSTRY page  */
    #industry_blueBg .row.alt h2,
    #industry_blueBg .wrapper h2,
    #case_studies_section h1.section_title,
    #case_studies_section .wrapper h2 {
        font-size: 3.875rem;
    }

    #industry_page .topBanner .container {
        padding-bottom: 5%;
        padding-top: 5%;
        background-size: 48px auto, 66px auto;
    }
    
    .blog_post.larger h1 {
        font-size: 1.288em;
    }
    
    .blog_post h1 {
        font-size: 1.75em;
    }
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸   SHOPIFY page  */
    #shopify_page .topBanner svg {
        max-width: 860px;
    }
    
    #shopify_intro h2.section_title,
    #shopify_blueBg h2 {
        font-size: 3.875rem;
    }

    #shopify_scheme .col.middle {
        width: 160px;
    }

    .hexagon {
        position: relative;
        width: 160px;
        height: 160px;
    }

    .hexagon .circle {
        width: 54px;
        height: 54px;
    }

    #shopify_scheme .logoBox {
        width: 148px;
    }

    #shopify_scheme .logoBox .arrow.left {
        left: -20px;
    }

    #shopify_scheme .logoBox .arrow.right {
        right: -20px;
    }

    #shopify_scheme .logo {
        width: 148px;
        height: 148px;
    }

    #shopify_scheme .line {
        width: 144px;
    }

    #shopify_scheme .col.left .line {
        right: -158px;
    }

    #shopify_scheme .col.right .line {
        left: -158px;
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
    #blog_page .topBanner .container {
        padding-top: 11rem;
        padding-bottom: 5.75rem;
    }
    
    #blog_page .feat_post h1 {
        font-size: 2.125em;
    }
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ BLOG POST page  */
    #blog_post_page .blog_entries {
        padding-top: 7rem;
    }
    /* ----------- ⋮⋮⫸   end BLOG POST page  */
    /* ----------- ⋮⋮⫸ CONTACT page  */
    #contact_page #main {
        padding-top: 264px;
    }
    
    #contact_page .intro p {
        letter-spacing: 0;
    }
    
    #contact_page .info {
        font-size: 1.75em;
    }
    
    #contact_page .info .item {
        position: relative;
        padding: 0 6%;
    }
    
    #contact_form input, 
    #contact_form textarea,
    #contact_form .checkBtns legend,
    #contact_form [type="checkbox"] + label {
        font-size: 1.375em;
    }
    
    #contact_form .checkbutton {
        padding-bottom: 30px;
    }
    
    #contact_form [type="checkbox"] + label:before, #contact_form [type="checkbox"]:checked + label:after {
        top: 8px;
    }
    /* ----------- ⋮⋮⫸   end CONTACT page  */
    /* ----------- ⋮⋮⫸   CLEARSALE page  */
    #clearsale_page .topBanner h1 {
        font-size: 3em;
    }
    /* ----------- ⋮⋮⫸   end CLEARSALE page  */
    /* ----------- ⋮⋮⫸   SERVICES LANDING page  */
    #services_lnd_page .topBanner .container {
        max-width: 748px;
    }
    
    #services_lnd_page .topBanner h1 {
        font-size: 3em;
    }
    
    #services_lnd_main .row h2 {
        font-size: 2.125em;
    }
    
    #services_lnd_main .row .col {
        max-width: 416px;
    }
    
    #services_faq h1 {
        font-size: 1.5em;
    }
    
    #services_faq .item:nth-of-type(2), 
    #services_faq .item:nth-of-type(5), 
    #services_faq .item:nth-of-type(8) {
        left: 18px;
    }
    
    #services_faq .item:nth-of-type(3), 
    #services_faq .item:nth-of-type(6), 
    #services_faq .item:nth-of-type(9) {
        left: 36px;
    }
    
    #services_faq .item {
        max-width: 1060px;
        padding: 30px 120px 30px 48px;
    }
    
    #services_faq .item h2.title {
        font-size: 1.125em;
    }
    
    #services_faq .item.opened h2.title {
        padding-bottom: 18px;
        font-size: 1.375em;
    }
    
    #services_faq .item.opened {
        padding-top: 30px;
        padding-bottom: 36px;
    }
    
    #services_faq .item .arrow {
        bottom: 30px;
        right: 46px;
        height: 32px;
        width: 32px;
    }
    
    #services_lnd_main .row.larger.l_img figure.col img {
        max-width: 536px;
        margin-top: -9%;
    }
    
    #feat_posts .title h1 {
        font-size: 3.25em;
    }
    
    #feat_posts .title {
        padding-bottom: 60px;
    }
    
    #shopf_p_cta .col.image {
        width: 212px;
    }
    
    #shopf_p_cta .col:nth-child(2) h1 {
        font-size: 2.75em;
    }
    
    #shopf_p_cta .col:nth-child(2) {
        max-width: 478px;
    }
    
    #blog_carousel {
        padding-left: 24px;
    }
    
    #blog_carousel article {
        width: 480px;
        padding: 0 12px;
    }
    
    #blog_carousel article h1 {
        padding-bottom: 9px;
        font-size: 1.5em;
    }
    
    #blog_carousel article p {
        max-width: 402px;
        font-size: 15px;
    }
    
    #blog_carousel article p.date {
        padding-top: 18px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES LANDING page  */
}
/* 
     ⤴︎

/*  
     ⤵︎                                         1170px >=x
*/
@media screen and (max-width:1170px) {
    body {
        font-size: 0.938em;
    }
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_services div.col {
        padding-left: 0;
    }
    
    #home_services .item h2 {
        font-size: 3.375em;
    }
    
    #animated_map h1 {
        font-size: 2.25em;
    }
    
    #animated_map h2 {
        font-size: 2.3em;
    }

    #animated_map .col.countries_list {
        font-size: 0.7em;
        height: 200px;
    }

    .crawl {
        
    }

    @keyframes crawl {
        0% {
        top: 0;
        -webkit-transform: rotateX(10deg)  translateZ(0);
                transform: rotateX(10deg)  translateZ(0); 
      }
        100% { 
        top: -250px;
        -webkit-transform: rotateX(20deg) translateZ(-80px);
                transform: rotateX(20deg) translateZ(-80px);
      }
    }
    
    #animated_map .map {
        width: 1140px;
    }
    
    #animated_map .map {
        width: 1024px;
    }
    
    #awards_section .cols .col img {
        max-width: 120px;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    #single_portfolio_page #awards_section .cols .col {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    #awards_section .cols .col img {
        max-width: 100%;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ INDUSTRY page  */
    #industry_page .topBanner h1 .small,
    #portfolio_page .topBanner h2,
    #contact_page .intro p {
        padding-top: 6px;
        font-size: 21px;
    }
    
    #industry_blueBg .row.alt h2, 
    #industry_blueBg .wrapper h2,
    #case_studies_section h1.section_title,
    #case_studies_section .wrapper h2 {
        font-size: 3.25rem;
    }
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸   SERVICES LANDING page  */
    #services_lnd_page .topBanner .container {
        max-width: 708px;
    }
    
    #services_faq h1 {
        max-width: 696px;
    }
    
    #services_lnd_main .row .col {
        max-width: 388px;
    }
    
    #services_faq .item .arrow {
        bottom: 29px;
        right: 36px;
        height: 28px;
        width: 28px;
    }
    
    #services_faq {
        padding-top: 84px;
        padding-bottom: 148px;
    }
    
    #services_lnd_main .row.larger.l_img figure.col img {
        width: 112%;
    }
    
    #services_lnd_main .row.larger .col {
        max-width: 418px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES LANDING page  */
    /* -- FOOTER
    */
    #footer .f_social_media li a span {
        display: none
    }
    
    .f_social_media li a img.icon {
        margin-right: 0;
    }
}
/* 
     ⤴︎

/*  
     ⤵︎                                         1024px >=x
*/
@media screen and (max-width:1024px) {
    /* -- HEADER
    */
    #header {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    #home_topBanner h1 {
        font-size: 3.5em
    }
    
    #site-menu li {
        margin-left: 1.875rem;
    }
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner .rrtime h1 {
        font-size: 34px !important;
    }
    
    #home_text h1 {
        font-size: 48px;
    }
    
    #home_services .item h2 {
        font-size: 2.875em;
    }
    
    #testimonials .container {
        padding-bottom: 4rem;
    }
    
    #testimonials .t_bubble {
        display: none
    }
    
    #testimonials {
        margin-top: 0;
    }
    
    #testimonials .slider {
        margin-top: 36px;
    }
    #animated_map .map {
        width: 960px;
    }
    
    #home_services .logo_animation {
        width: 936px;
    }

    #post_entries .slick-slide {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ PORTFOLIO page  */
    .portfolio_entries article.col,
    .portfolio_entries .col.desc {
        width: 50%
    }
    /* ----------- ⋮⋮⫸   end PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ ABOUT page  */
    #about_intro h2,
    #about_blueBg .row.alt h2 {
        font-size: 3em;
    }
    
    #about_blueBg .row.alt div.col,
    #shopify_blueBg .row div.col {
        padding-left: 0;
        padding-top: 2.25rem;
    }
    
    #about_blueBg blockquote img.quotes {
        width: 148px;
    }
    /* ----------- ⋮⋮⫸   end ABOUT page  */
    /* ----------- ⋮⋮⫸ INDUSTRY page  */
    #industry_blueBg .row.alt h2, 
    #industry_blueBg .wrapper h2,
    #case_studies_section h1.section_title,
    #case_studies_section .wrapper h2 {
        font-size: 3em;
    }
    
    #industry_blueBg .row.alt div.col {
        padding-left: 0;
        padding-top: 2.25rem;
    }
    
    #industry_blueBg blockquote img.quotes {
        width: 148px;
    }
    
    #case_studies_section article .logo img {
        max-width: 60%;
        padding: 0;
    }
    
    #blog_posts_section {
        padding-bottom: 7rem;
    }
    
    .blog_post.larger h1 {
        font-size: 1.288em;
    }
    
    .blog_post h1 {
        font-size: 1.5em;
    }
    
    .blog_post .info {
        font-size: 14px;
    }
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸ SHOPIFY page  */
    #shopify_page .topBanner h1 {
        padding-bottom: 18px;
        font-size: 3.875em;
    }
    
    #shopify_blueBg h2,
    #shopify_intro h2.section_title {
        font-size: 3em;
    }
    
    #shopify_blueBg .row div.col {
        padding-left: 0;
        padding-top: 2.25rem;
    }
    
    #shopify_page .topBanner li.col {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 1.25em
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    .entry_overview h2, 
    .entry_other_info h2 {
        padding-bottom: 1.875rem;
        font-size: 3rem;
    }
    
    .entry_overview .icons .col {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    #single_testimonial .container {
        padding: 132px 0 108px;
    }
    
    #single_testimonial blockquote:before {
        width: 84px;
        height: 84px;
    }
    
    #single_testimonial blockquote {
        max-width: 518px;
        padding-top: 102px;
        font-size: 1.375em;
    }
    
    #single_testimonial blockquote footer:before {
        height: 48px;
    }
    
    #single_testimonial blockquote footer {
        padding-top: 66px;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ SERVICES page  */ 
    #services_process .container {
        padding-bottom: 0;
    }
    /* ----------- ⋮⋮⫸   end SERVICES page  */
    /* ----------- ⋮⋮⫸ BLOG POST page  */
    #blog_post_page .blog_entry h1 {
        font-size: 1.5em;
    }
    
    #blog_post_page .blog_entry {
        width: 32%;
    }
    /* ----------- ⋮⋮⫸   end BLOG POST page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
    #blog_page .topBanner .container {
        padding-top: 10rem;
        padding-bottom: 5.25rem;
    }
    
    .blog_nav li a {
        margin-right: 30px;
        padding-bottom: 36px;
    }
    
    .blog_entries .entry.small h1 {
        font-size: 1.75em;
    }
    
    .blog_entries .entry.large h1 {
        font-size: 1.875em;
    }
    
    .blog_entries.container .blog_post .info {
        padding-bottom: 16px;
    }
    
    .blog_entries.container .blog_post {
        padding-bottom: 6rem;
    }
    
    .blog_entries .col_3 {
        width: 29%;
    }                                 
    
    /* ----------- ⋮⋮⫸   end BLOG page  */
}
/* 
     ⤴︎

/*  
     ⤵︎                                         980px >=x
*/
@media screen and (max-width:980px) {
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner .rrtime h1 {
        font-size: 28px !important;
    }
    
    #testimonials_boxes .container {
        padding-bottom: 2rem;
    }
    
    #animated_map .cols {
        display: block;
    }
    
    #animated_map .col {
        width: 100% !important;
        text-align: center;
    }
    
    #animated_map h2 {
        font-size: 3.375em;
    }
    
    #animated_map .col.countries_list {
        font-size: 1em;
        overflow: hidden;
    }
    
    #animated_map .map {
        max-width: none;
        width: 100%;
    }
    
    #animated_map .img_map {
        display: none !important
    }
    
    #animated_map .logos .item {
        height: 132px;
    }
    
    .map .bubble {
        position: relative;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        max-width: 33vw;
        min-width: 33vw;
        height: 142px;
        border-radius: 30px;
        margin: 9px;
    }
    
    .map .bubble:before {
        display: none;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    .entry_overview .icons {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; 
        padding-bottom: 2.25rem;
    }
    
    .entry_overview .icons .col {
        padding-bottom: 2.25rem;
    }
    
    .entry_other_info {
        margin-top: 0;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸   SHOPIFY page  */
    #shopify_scheme .line {
        width: 108px;
    }

    #shopify_scheme .col.left .line {
        right: -120px;
    }

    #shopify_scheme .col.right .line {
        left: -120px;
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸   SERVICES page  */
    #services_process .intro h2 {
        padding-bottom: 1.125rem;
        font-size: 2.25em;
    }
    
    #services_process .intro {
        padding-bottom: 1.875rem;
    }
    
    #services_process .col h3 {
        font-size: 1.875em;
        line-height: 1.125em;
    }
    
    #services_process .connector {
        max-width: 542px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES page  */
    /* ----------- ⋮⋮⫸ INDUSTRY page  */
    #case_studies_section article:nth-child(2) {
        padding-top: 36px;
    }
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
    .blog_nav .categ_btn {
        display: block;
        max-width: 424px;
        margin: auto;
    }
    
     .topBanner .blog_nav ul {
        display: none;
    }
    
    #blog_nav_popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(2, 28, 81, 0.9);
        z-index: 99999999
    }
    
    #blog_nav_popup .close_btn {
        position: fixed;
        top: 33px;
        right: 31px;
        cursor: pointer;
    }
    
    #blog_nav_popup .close_btn:before,
    #blog_nav_popup .close_btn:after {
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #fff;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
        content: '';
    }
    
    #blog_nav_popup .close_btn:before {
        width: 30px;
        height: 2px;
    }
    
    #blog_nav_popup .close_btn:after {
        width: 2px;
        height: 30px;
    }
    
    #blog_nav_popup .blog_nav {
        position: absolute;
        top: 10vh;
        left: 50%;
        height: 85vh;
        width: 90%;
        max-width: 368px;
        margin: auto;
        padding-right: 24px;
        overflow: auto;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    #blog_nav_popup .blog_nav ul {
        display: block;
        list-style-type: none;
    }
    
    #blog_nav_popup .blog_nav li {
        width: 100%;
    }
    
    .blog_nav ul:before {
        display: none
    }
    
    .blog_nav li a {
        max-width: none !important;
        margin-right: 0;
        padding-bottom: 0;
        border-bottom: none
    }
    
    .blog_nav h3 {
        font-size: 1em;
    }

    .blog_nav li:nth-child(4) h3 {
        max-width: 100%;
    }
    /* ----------- ⋮⋮⫸ CONTACT page  */
    #contact_page #main {
        padding-top: 238px;
    }
    
    #contact_form .checkBtns .col {
        width: 47%;
    }
    
    #contact_form .checkBtns .col:first-child {
        padding-right: 0;
    }
    /* ----------- ⋮⋮⫸   end CONTACT page  */    
    /* ----------- ⋮⋮⫸ PORTFOLIO page  */
    .portfolio_entries .col {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }
    
    #portf_nav .mb_btn {
        display: block;
        max-width: 424px;
        margin: auto auto 66px auto;
    }
    
    .portfolio_filters {
        display: none;
    }
    
     .topBanner .blog_nav ul {
        display: none;
    }
    
    #filter_nav_popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(2, 28, 81, 0.9);
        z-index: 99999999
    }
    
    #filter_nav_popup .close_btn {
        position: fixed;
        top: 33px;
        right: 31px;
        cursor: pointer;
    }
    
    #filter_nav_popup .close_btn:before,
    #filter_nav_popup .close_btn:after {
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #fff;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
        content: '';
    }
    
    #filter_nav_popup .close_btn:before {
        width: 30px;
        height: 2px;
    }
    
    #filter_nav_popup .close_btn:after {
        width: 2px;
        height: 30px;
    }
    
    #filter_nav_popup .filter_nav {
        position: absolute;
        top: 10vh;
        left: 50%;
        height: 85vh;
        width: 90%;
        max-width: 368px;
        margin: auto;
        padding-right: 24px;
        overflow: auto;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    #filter_nav_popup .filter_nav ul {
        display: block;
        list-style-type: none;
    }
    
    #filter_nav_popup .filter_nav li a {
        display: block;
        color: #fff;
    }
    
    #filter_nav_popup .filter_nav h3 {
        padding-bottom: 6px;
        font-size: 1.125em;
        text-transform: uppercase;
        font-weight: 700;
    }
    /* ----------- ⋮⋮⫸ end PORTFOLIO page  */
    /* ----------- ⋮⋮⫸   CLEARSALE page  */
    #clearsale_main .row div.col {
        width: 50%;
    }
    
    #clearsale_page .topBanner li.col {
        padding: 0 12px 2.25rem 12px;
    }
    
    #clearsale_main blockquote {
        max-width: 660px;
        padding: 36px 48px;
        font-size: 1.5em;
    }
    
    #clearsale_main .row h2 {
        padding-bottom: 1.5rem;
        font-size: 2em;
    }
    
    #clearsale_main .row .col {
        margin-bottom: 96px;
    }
    
    #clearsale_main .alt figure.col .bg svg {
        right: -34px;
    }
    
    #clearsale_main figure.col .bg svg {
        left: -12%;
    }
    
    #clearsale_page #awards_section {
        padding-top: 96px;
    }
    /* ----------- ⋮⋮⫸   end CLEARSALE page  */
    .portfolio_filters {
        font-size: 1em;
    }
    /* -- FOOTER
    */
    #footer .cols.topRow .col:nth-child(2) {
        padding-left: 5%;
        padding-right: 5%;
    }
    
    #footer .logo img {
        width: 148px;
    }
}
/* 
     ⤴︎

/*  
     ⤵︎                                         800px >=x
*/
@media screen and (max-width:800px) {
    #site-menu li {
        margin-left: 21px;
    }
    /* ----------- ⋮⋮⫸ HOMEPAGE  */    
    #home_topBanner .rrtime br {
        display: none
    }
    
    #home_topBanner .rrtime h1 {
        font-size: 32px !important;
    }
    
    #home_topBanner ul.links li a {
        padding-left: 9px;
        padding-right: 9px;
    }
    
    #home_services .logo_animation {
        width: 100%;
    }
    
    #home_text h1 {
        font-size: 38px;
    }
    
    #home_text .container {
        padding-top: 4rem;
        padding-bottom: 0;
    }
    
    #animated_map .map {
        /*width: 632px;*/
        padding-top: 3rem
    }
    
    .mobile_tablet #feat_posts {
        padding-top: 12rem;
    }
    
    #home_services .logo_animation {
        width: 90vw
    }
    
    #awards_section {
        padding-bottom: 5rem !important;
    }
    
    #awards_section h1 span {
        display: block;
    }
    
    #awards_section .cols .col img {
        max-width: 98px;
    }
    
    #testimonials .container {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-top: 30px;
    }
    
    #testimonials .bubble_wrapper {
        width: 292px;
        font-size: 1em;
    }
    
    #testimonials .bubble_wrapper.two {
        width: 466px;
    }
    
    #testimonials .bubble_wrapper blockquote {
        width: 212px;
        line-height: 1.5em;
    }
    
    #testimonials .bubble_wrapper blockquote p {
        padding-bottom: 6px;
    }
    
    #testimonials .bubble_wrapper.two blockquote {
        width: 270px; 
    }
    
    #testimonials .bubble_wrapper.two blockquote p {
        padding-bottom: 12px;
    }
    
    #testimonials .bubble_wrapper.three {
        margin-top: -20%;
        margin-left: 4%;
    }
    
    #testimonials .slider {
        margin-top: 0;
    }
    
    #testimonials .slider blockquote {
        max-width: 592px;
        padding: 0 0 0 12px;
        background: none;
    }
    
    #testimonials .slider blockquote p {
        padding: 30px 24px 30px 24px;
        background: url(../images/icon-mb-quote-1.svg) left top no-repeat, url(../images/icon-mb-quote-2.svg) right bottom no-repeat;
        background-size: 108px auto;
    }
    
    #testimonials .slider .slick-center blockquote,
    #testimonials .slider blockquote {
        font-size: 26px;
        line-height: 1.5em;
        font-weight: 900;
    }
    
    #testimonials .slider .slick-center blockquote footer,
    #testimonials .slider blockquote footer {
        font-size: 24px;
        font-weight: 800;
    }
    
    #testimonials .slider .slick-dots button {
        width: 36px;
        height: 3px !important;
        border-radius: 0;
        border: 1px solid rgba(255, 255, 255, 0.5);
        background-color: rgba(255, 255, 255, 0.5);
    }

    #animated_map .logos {
        padding-top: 96px;
        padding-bottom: 108px;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ PORTFOLIO page  */
    .portfolio_filters {
        display: none;
    }
    
    .portfolio_entries .col.desc h1 .large {
        font-size: 96px;
    }
    
    #contact_section .col {
        width: 100% !important;
        text-align: center
    }
    
    #contact_section h1 {
        padding-bottom: 1.5rem;
    }
    
    #contact_section h1 {
        font-size: 2.875em
    }
    /* ----------- ⋮⋮⫸   end PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ ABOUT page  */
    #about_intro {
        min-height: inherit;
        padding-bottom: 7rem;
    }
    
    #about_intro .container,
    #about_blueBg .row {
        display: block;
    }

    #about_intro div.col {
        width: 100%;
        text-align: center
    }

    #about_intro figure.col {
        right: auto;
        width: 100%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }

    #about_intro figure.col img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.25rem;
    }
    
    #about_intro p {
        max-width: none
    }
    
    #about_blueBg .row figure.col {
        width: 100%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #about_blueBg .row div.col {
        width: 100%;
        margin-bottom: 4rem;
        text-align: center;
    }
    
    #about_blueBg blockquote {
        max-width: inherit;
    }
    
    #about_blueBg blockquote img.quotes {
        width: 108px;
    }
    
    #about_blueBg .row.alt p {
        max-width: inherit;
    }
    
    #about_blueBg .row.alt .blue {
        display: inline;
    }
    /* ----------- ⋮⋮⫸   end ABOUT page  */
    /* ----------- ⋮⋮⫸ INDUSTRY page  */
    #industry_page .topBanner .container {
        padding-bottom: 108px;
        padding-top: 148px;
        background-size: 38px auto, 60px auto;
    }
    
    #industry_page #w_first {
        width: 88vw;
    }
    
    #industry_blueBg .row {
        display: block;
    }
    
    #industry_blueBg .row figure.col {
        width: 100%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #industry_blueBg .row div.col {
        width: 100%;
        margin-bottom: 4rem;
        text-align: center;
    }
    
    #industry_blueBg blockquote {
        max-width: inherit;
    }
    
    #industry_blueBg blockquote img.quotes {
        width: 108px;
    }
    
    #industry_blueBg .row.alt p {
        max-width: inherit;
    }
    
    #industry_blueBg .row.alt .blue {
        display: inline;
    }
    
    .blog_post.larger {
        padding-bottom: 7.25rem;
    }
    
    .blog_post {
        padding-bottom: 5rem;
    }
    
    .blog_entries .col_2 {
        width: 47%;
    }
    
    .blog_entries .col_3 {
        width: 30%;
    }
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸ SHOPIFY page  */
    #shopify_page .topBanner ul.cols {
        flex-wrap: wrap; 
    }
    
    #shopify_page .topBanner li.col {
        width: 49%;
    }
    
    #shopify_intro {
        padding-bottom: 7rem;
        padding-top: 9rem;
        margin-top: 0;
    }
    
    #shopify_intro .container,
    #shopify_blueBg .row {
        display: block;
    }

    #shopify_intro div.col {
        width: 48%;
        text-align: center
    }
    
    #shopify_blueBg .row figure.col {
        width: 100%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #shopify_blueBg .row div.col {
        width: 100%;
        margin-bottom: 4rem;
        text-align: center !important;
    }
    
    #shopify_blueBg p {
        max-width: inherit !important;
    }
    
    #shopify_blueBg .blue {
        display: inline;
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    .entry_overview .icons .col {
        width: 25%;
    }
    
    .entry_other_info .images {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .entry_other_info .images .col {
        padding: 1rem;
    }
    
    #single_portfolio_page #awards_section .cols .col {
        width: 25%;
    }
    
    #awards_section .cols .col img {
        max-width: 100%;
    }
    
    .entry_overview .icons {
        font-size: 1em;
    }
    
    .entry_overview .icons .col {
        padding-left: 12px;
        padding-right: 12px;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸   SERVICES page  */
    #services_process .connector {
        max-width: 438px;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    /* ----------- ⋮⋮⫸   end SERVICES page  */
    /* ----------- ⋮⋮⫸ BLOG POST page  */
    #blog_post .topBanner {
        min-height: 480px;
    }
    
    #blog_post .mainContent {
        padding-top: 4rem;
    }
    
    #blog_post_page .blog_entry h1 {
        font-size: 1.25em;
    }
    
    #blog_post .topBanner h1 {
        padding-bottom: 1.875rem;
        font-size: 2.25em;
    }
    
    .mobile_tablet#blog_post_page .blog_entries {
        padding-bottom: 5rem;
    }
    
    #blog_post_page .blog_entries {
        padding-top: 4.5rem;
    }
    /* ----------- ⋮⋮⫸   end BLOG POST page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
    .blog_entries .col_2 {
        width: 46%;
    }
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ CONTACT page  */
    #contact_page #main {
        padding-top: 212px;
    }
    
    #contact_form input, #contact_form textarea, #contact_form .checkBtns legend, #contact_form [type="checkbox"] + label {
        font-size: 1.25em;
    }
    
    #contact_form input, #contact_form textarea {
        margin-bottom: 24px;
        padding: 18px 0;
    }
    
    #contact_form .checkBtns legend {
        padding-bottom: 36px;
    }
    
    #contact_form [type="checkbox"] + label:before, #contact_form [type="checkbox"]:checked + label:after {
        width: 20px;
        height: 20px;
    }
    
    #contact_form [type="checkbox"] + label {
        padding-left: 36px;
    }
    /* ----------- ⋮⋮⫸   end CONTACT page  */  
    /* ----------- ⋮⋮⫸   CLEARSALE page  */
    #clearsale_page .topBanner {
        padding-top: 10rem;
    }
    
    #clearsale_scheme {
        max-width: 532px;
        margin: 1.875rem auto 1.5rem auto;
    }
    
    #clearsale_scheme .logoBox {
        width: 212px;
    }
    
    #clearsale_scheme .logo {
        width: 212px;
        height: 212px;
    }
    
    #clearsale_page .topBanner li.col .top_row {
        font-size: 1.875em;
    }
    
    #clearsale_main {
        padding-top: 4rem;
    }
    
    #clearsale_main .quote {
        padding-bottom: 102px;
    }

    #clearsale_main .row {
        display: block;
        padding-bottom: 6rem;
        text-align: center;
    }
    
    #clearsale_main .row .col {
        margin-bottom: 0;
    }
    
    #clearsale_main .row div.col,
    #clearsale_main .row figure.col {
        width: 100%;
    }
    
    #clearsale_main .row figure.col {
        max-width: 348px;
        margin: auto auto 102px auto;
    }
    
    #clearsale_main figure.col .bg svg {
        left: -32%;
        top: 40%;
    }
    
    #clearsale_main .alt figure.col .bg svg {
        right: -32%;
    }
    
    #clearsale_main .row figure.col img {
        float: none
    }
    
    #clearsale_main .row p {
        max-width: 480px !important;
        margin: auto;
    }
    
    #clearsale_main .row h2 {
        max-width: none !important
    }
    
    #clearsale_page #awards_section {
        padding-top: 48px;
    }
    /* ----------- ⋮⋮⫸   end CLEARSALE page  */
    /* ----------- ⋮⋮⫸   SERVICES LANDING page  */
    #services_lnd_page .topBanner .container {
        max-width: 648px;
        padding-bottom: 108px;
        padding-top: 148px;
    }
    
    #services_lnd_page .topBanner h1 {
        font-size: 2.75em;
        padding-bottom: 6px;
    }
    
    #services_lnd_main {
        padding-top: 4rem;
    }

    #services_lnd_main .row {
        display: block;
        padding-bottom: 6rem;
        text-align: center;
    }
    
    #services_lnd_main .row .col {
        margin-bottom: 0;
    }
    
    #services_lnd_main .row figure.col,
    #services_lnd_main .row.larger figure.col {
        width: 100%;
        max-width: 348px;
        margin: auto auto 102px auto;
    }
    
    #services_lnd_main .row div.col,
    #services_lnd_main .row.larger div.col {
        width: 100%;
        max-width: 480px;
        margin: auto;
    }
    
    #services_lnd_main figure.col .bg svg {
        left: -32%;
        top: 40%;
    }
    
    #services_lnd_main .alt figure.col .bg svg {
        right: -32%;
    }
    
    #services_lnd_main .row figure.col img {
        float: none
    }
    
    #services_lnd_main .row p {
        max-width: 480px !important;
        margin: auto;
    }
    
    #services_lnd_main .row h2 {
        max-width: none !important
    }
    
    #services_faq {
        padding-top: 48px;
        padding-bottom: 96px;
    }
    
    #services_faq h1 {
        padding-bottom: 48px;
    }
    
    #services_faq .item {
        padding: 20px 84px 20px 36px;
    }
    
    #services_faq .item .arrow {
        bottom: 21px;
        right: 32px;
        height: 22px;
        width: 22px;
    }
    
    #services_lnd_main .row.larger.l_img figure.col img {
        margin-top: 0;
    }
    
    #services_lnd_main .row.larger figure.col {
        margin-bottom: 30px;
    }
    
    #feat_posts .title {
        padding-top: 0;
    }
    
    #feat_posts .title h1 {
        font-size: 3em;
    }
    
    #shopf_p_cta {
        padding-top: 0;
    }
    
    #shopf_p_cta .col:nth-child(2) {
        padding: 0 24px
    }
    
    #shopf_p_cta .col:nth-child(2) h1 {
        font-size: 2.5em;
    }
    
    #blog_carousel {
        padding-bottom: 120px;
    }
    
    #blog_carousel article {
        width: 420px;
    }
    
    #blog_carousel article .wrapper {
        padding-top: 18px;
        padding-right: 12px;
    }
    
    #blog_carousel article h1 {
        font-size: 1.375em;
    }
    
    #blog_carousel article p {
        font-size: 14px;
    }
    
    #blog_carousel article p.date {
        padding-top: 12px;
    }
    
    #services_lnd_main #awards_section {
        padding-top: 48px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES LANDING page  */
    /* -- FOOTER
    */
    #footer .cols.topRow .col:nth-child(3),
    #footer .cols.topRow .col:nth-child(1) {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    
    #footer .logo img {
        width: 120px;
    }
}
/* 
     ⤴︎

/*  
     ⤵︎                                         768px >=x
*/
@media screen and (max-width:768px) {
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #testimonials_boxes .col_1_3:before,
    #testimonials_boxes .col_2_3:before {
        position: absolute;
        right: 3rem;
        bottom: -18px;
        width: 0;
        height: 0;
        border-top: 18px solid #021c51;
        border-left: 38px solid transparent;
        content: ''
    }
    
    #testimonials_boxes .col_1_3,
    #testimonials_boxes .col_2_3 {
        position: relative;
        width: 100% !important;
        margin-bottom: 3rem;
        overflow: visible
    }

    #testimonials_boxes blockquote h3 {
        font-size: 1.375em;
    }

    #testimonials_boxes blockquote h4 {
        font-size: 1.063em
    }

    #testimonials_boxes blockquote p {
        font-size: 1.067em !important
    }
    
    #testimonials .container {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
    #testimonials .bubble_wrapper {
        width: 80%;
        max-width: 360px;
    }
    
    #testimonials .bubble_wrapper.two {
        width: 90%;
        max-width: 480px;
    }
    
    #testimonials .bubble_wrapper.three {
        margin-top: 0;
        margin-left: 0;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ CONTACT page  */
    #contact_page .info {
        display: block;
    }
    
    #contact_page .info .item {
        padding: 0;
    }
    
    #contact_page .info .item:first-child {
        padding-bottom: 20px;
    }

    #contact_page .info .item:first-child:before {
        position: absolute;
        top: auto;
        bottom: 20px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
        /* ----------- ⋮⋮⫸   end CONTACT page  */  
}
/* 
     ⤴︎
/* 

/*  
     ⤵︎                                         640px >=x
*/
@media screen and (max-width:640px) {
    /* -- HEADER
    */
    #site-menu {
        display: none;
    }

    .slicknav_menu {
        position: fixed;
        top: 39px;
        right: 30px;
        z-index: 22222222;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }

    .slicknav_menu * {
        box-sizing: border-box;
    }

    .slicknav_menu {
        *zoom: 1;
        display: block;
    }

    .slicknav_menu .slicknav_no-text {
        margin: 0;
    }

    .slicknav_menu:before,
    .slicknav_menu:after {
        content: " ";
        display: table;
        clear: both;
    }


    .slicknav_icon:before,
    .slicknav_icon:after {
        position: absolute;
        left: 0;
        width: 36px;
        height: 2px;
        background-color: #fff;
        -webkit-transition: width 0.2s ease-out;
        -moz-transition: width 0.2s ease-out;
        -o-transition: width 0.2s ease-out;
        transition: width 0.2s ease-out;
        content: ''
    }

    .slicknav_icon:before {
        top: -10px;
    }

    .slicknav_icon:after {
        left: auto;
        right: 0;
        bottom: -10px;
    }

    .slicknav_icon {
        position: absolute;
        top: 50%;
        left: 0;
        width: 36px;
        height: 2px;
        background-color: #fff;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .slicknav_btn {
        position: absolute;
        top: 50%;
        right: 0;
        width: 36px;
        height: 40px;
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .slicknav_nav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        background-color: #30C1F7;
        color: #fff;
        margin: 0;
        padding: 102px 12px 12px 0px;
        font-size: 0.875em;
        list-style: none;
        overflow: hidden;
        clear: both;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }

    .slicknav_nav ul {
        display: block;
        list-style: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
        background-color: #30C1F7;
    }

    .slicknav_nav li {
        display: block;
        padding: 0;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
    }

    .slicknav_nav .slicknav_arrow {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.6em;
        color: #fff;
    }

    .slicknav_nav .slicknav_item {
        cursor: pointer;
    }

    .slicknav_nav .slicknav_item a {
        display: inline;
        vertical-align: middle;
    }

    .slicknav_nav .slicknav_row {
        display: block;
        padding: 5px 10px;
    }

    .slicknav_nav a {
        display: inline-block;
        padding: 12px 12px;
        text-decoration: none;
        color: #fff;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.1em;
    }

    .slicknav_nav a a {
        font-size: 1em;
    }

    .slicknav_nav ul li a {
        color: #fff;
        font-size: 15px;
        padding-bottom: 0;  
        padding-top: 7px;
        margin-left: -12px;
    }

    .slicknav_nav a:hover,
    .slicknav_nav a:hover a {
        color: #fff;
    }

    .slicknav_nav ul a:hover {
        color: #000;
    }

    .slicknav_nav a:hover .slicknav_arrow {
        color: #fff;
    }

    .slicknav_nav .slicknav_parent-link a {
        display: inline;
    }

    .slicknav_brand {
        float: left;
    }

    .slicknav_nav .slicknav_row:hover {
        color: #fff;
    }

    .slicknav_nav .slicknav_txtnode {
        margin-left: 15px;
    }

    .slicknav_nav .slicknav_item a {
        padding: 0;
        margin: 0;
    }

    .slicknav_nav .slicknav_parent-link a {
        padding: 0;
        margin: 0;
    }

    .slicknav_brand {
        color: #fff;
        font-size: 18px;
        line-height: 30px;
        padding: 7px 12px;
        height: 44px;
    }

    .js #menu {
        display: none;
    }

    .js .slicknav_menu {
        display: inline-block;
    }

    .slicknav_nav a.close_menu button:before,
    .slicknav_nav a.close_menu button:after {
        position: absolute;
        top: 12px;
        left: 0;
        content: ' ';
        height: 30px;
        width: 2px;
        background-color: #fff;
    }

    .slicknav_nav a.close_menu button:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .slicknav_nav a.close_menu button:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .slicknav_nav a.close_menu button {
        position: fixed;
        top: 12px;
        right: 24px;
        background-color: #021b51;
        text-indent: -9999em;
        cursor: pointer;
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .slicknav_nav a.close-menu:hover {
        opacity: 0.8
    }

    .slicknav_nav ul li a.item figure img {
        display: none;
    }

    .slicknav_nav ul li a.item h3 {
        padding-bottom: 0;
        font-size: 1em;
    }
    
    #mobile_logo {
        position: fixed;
        top: 19px;
        left: -1px
    }
    
    .slicknav_menu .close-menu {
        position: fixed;
        top: 33px;
        right: 31px;
    }
    
    .slicknav_menu .close-menu button:before,
    .slicknav_menu .close-menu button:after {
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #fff;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
        content: '';
    }
    
    .slicknav_menu .close-menu button:before {
        width: 30px;
        height: 2px;
    }
    
    .slicknav_menu .close-menu button:after {
        width: 2px;
        height: 30px;
    }
    
    .slicknav_menu .close-menu button {
        cursor: pointer
    }
    
    .slicknav_nav .wrapper {
        display: block;
        width: 400px;
        overflow: auto;
        height: 100%;
        margin: auto;
    }

    .shrink .slicknav_menu {
        top: 30px;
    }
    
    .shrink #header {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    
    #header_logo {
        width: 174px;
        padding-left: 30px;
    }
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner .header_title {
        max-width: 430px;
        margin: 0 auto;
        font-size: 18px;
        position: relative;
    }
    
    #home_topBanner h1 {
        font-size: 2.25em;
    }
    
    #home_topBanner ul.links {
        font-size: 2em;
    }
    
    #home_services .container {
        display: block;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    
    #home_services div.col {
        width: 100%;
        padding-top: 0;
        text-align: center
    }
    
    #home_services .item {
        padding-left: 0 !important
    }
    
    #home_services .item h2 {
        font-size: 36px;
    }
    
    #home_services figure {
        display: none;
    }

    #home_services .logo_animation {
        left: 50%;
        top: 0;
        width: 1008px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    #home_services .item .wrapper {
        padding-left: 0;
        margin: auto
    }
    
    #testimonials .bubble_wrapper.one,
    #testimonials .bubble_wrapper.three {
        display: none;
    }
    
    #testimonials .slider .slick-dots {
        padding-top: 30px;
    }
    
    #testimonials .slider blockquote footer {
        display: none
    }
    
    #animated_map h1 {
        font-size: 27px;
        text-align: center
    }
    
    #animated_map h1 img {
        display: block;
        margin: auto
    }
    
    #animated_map h2 {
        font-size: 2.25em;
    }
    
    #animated_map .col.countries_list {
        font-size: 0.7em;
    }
    
    #animated_map .col.countries_list {
        height: 140px;
    }
    
    #home_text h1 {
        padding-bottom: 1.875rem;
        max-width: 400px;
        margin: auto;
        font-size: 36px;
        line-height: 1.25em;
    }
    
    #home_text p {
        max-width: 512px;
        margin: auto;
    }
    
    #testimonials .container {
        padding-top: 2rem;
    }
    
    #awards_section h1 {
        font-size: 28px;
    }
    
    #awards_section .cols img.separator {
        display: none;
    }
    
    #awards_section .cols .col {
        width: 24%;
    }
    
    #awards_section .cols .col img {
        max-width: 112px;
    }
    
    .post_entry h1,
    .post_entry .overlay h2 {
        font-size: 2.375em
    }
    
    .post_entry .teaser,
    .post_entry .inner_wrapper p {
        font-size: 1.133em
    }
    
    #homepage #blog_posts_section {
        padding-bottom: 3rem;
    }
    
    #animated_map .logos .logo_col {
        width: 33.333%;
        padding: 12px 5%;
    }
    
    #animated_map .logos .logo_col:nth-child(10) {
        display: none
    }
    
    #animated_map .logos .item {
        height: 108px;
    }
    
    #home_topBanner a.more .label {
        font-size: 20px;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ PORTFOLIO page  */
    .portfolio_filters,
    .portfolio_entries .col.desc {
        display: none
    }
    
    #filter_nav_popup .filter_nav h3 {
        font-size: 1em;
    }
    
    .portfolio_entries article.col {
        width: 100%;
        max-width: 480px;
        margin-bottom: calc(15px + 2.5%);
    }

    .portfolio_section .text_boxes {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            visibility: visible;
        padding-bottom: 2.25rem;
    }

    .portfolio_section .text_boxes .col:before,
    .portfolio_section .text_boxes .col:after,
    .portfolio_section .text_boxes .col .item:before,
    .portfolio_section .text_boxes .col .item:after {
        position: absolute;
        background-color: #fff;
        content: '';
    }

    .portfolio_section .text_boxes .col:before,
    .portfolio_section .text_boxes .col .item:before {
        width: 24px;
        height: 3px;
    }

    .portfolio_section .text_boxes .col:after,
    .portfolio_section .text_boxes .col .item:after {
        height: 24px;
        width: 3px;
    }

    .portfolio_section .text_boxes .col:before,
    .portfolio_section .text_boxes .col:after {
        top: 0;
        left: 15px;
    }

    .portfolio_section .text_boxes .col .item:before,
    .portfolio_section .text_boxes .col .item:after {
        bottom: 0;
        right: 15px;
    }

    .portfolio_section .text_boxes .col {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        width: 50%;
        padding: 0 15px;
        margin-bottom: 1.5rem;
    }

    .portfolio_section .text_boxes .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center; 
        -webkit-align-items: center; 
            -ms-flex-align: center; 
                align-items: center;
        padding: 1rem;
    }

    .portfolio_section .text_boxes h2 {
        padding-bottom: 0;
        text-align: center;
        font-size: 1.25em;
        vertical-align: middle;
    }

    .portfolio_section .text_boxes h2 .large {
        position: relative;
        display: block;
        font-size: 68px;
        line-height: 76px;
        font-weight: 700;
    }

    .portfolio_section .text_boxes h2 span {
        position: relative;
        top: 0.05em;
    }

    .portfolio_section .text_boxes h2 .star {
        top: -0.1em;
        font-size: 36px;
    }

    .portfolio_section .more_post {
        display: block;
        padding-top: 3rem;
        padding-bottom: 3rem;
        text-align: center
    }
    
    #contact_section {
        padding-bottom: 160px;
    }
    
    #contact_section h1 {
        font-size: 32px;
    }
    /* ----------- ⋮⋮⫸   end PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ ABOUT page  */
    .mobile_tablet#about_page #w_first {
        width: 140vw;
    }
    
    #industry_page .topBanner h1,
    #services_page .topBanner h1,
    #about_page .topBanner h1,
    #portfolio_page .topBanner h1,
    #contact_page .intro h1 {
            font-size: 2.875em;
    }
    
    #about_page .topBanner h1 .small,
    #services_page .topBanner h1 .small {
        font-size: 0.667em;
    }
    
    #about_blueBg figure.col .bg svg,
    #industry_blueBg figure.col .bg svg,
    #shopify_blueBg figure.col .bg svg {
        display: none;
    }
    
    #about_blueBg .row figure.col,
    #industry_blueBg .row figure.col,
    #shopify_blueBg .row figure.col {
        margin-bottom: 36px;
    }
    /* ----------- ⋮⋮⫸   end ABOUT page  */
    /* ----------- ⋮⋮⫸ INDUSTRY page  */
    .mobile_tablet#industry_page #w_first {
        width: 140vw;
    }
    
    #industry_page .topBanner h1 .small,
    #portfolio_page .topBanner h2,
    #contact_page .intro p {
        font-size: 18px;
    }
    
    #industry_blueBg .row.alt h2, 
    #industry_blueBg .wrapper h2,
    #case_studies_section h1.section_title,
    #case_studies_section .wrapper h2 {
        font-size: 2.875em;
    }
    
    #case_studies_section h1.section_title {
        padding-bottom: 2.25rem;
    }
    
    #case_studies_section .cols {
        display: block;
    }
    
    #case_studies_section article {
        width: 100%;
        max-width: 360px;
        margin: auto;
        padding-bottom: 12px;
    }
    
    #case_studies_section article:nth-child(2) {
        padding-top: 0;
    }
    
    .blog_post.larger h1 {
        font-size: 1.288em;
    }
    
    .blog_post h1 {
        font-size: 1.25em;
    }
    
    .blog_post .info .time {
        padding-left: 26px;
        padding-right: 9px;
        margin-right: 6px;
        background-size: 17px auto;
    }
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸ SHOPIFY page  */
    #shopify_page .topBanner h1 {
        padding-bottom: 0;
        font-size: 3.375em;
    }
    
    #shopify_page .topBanner h1 .small {
        font-size: 0.875em;
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    #portfolio_entry .topBanner h1 {
        font-size: 4.125em;
    }
    
    .mobile_tablet#single_portfolio_page #awards_section {
        padding-top: 12rem;
    }
    
    .entry_overview .icons .col {
        width: 33.333%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .entry_other_info .images img {
        border: 6px solid #009dd1;
        border-radius: 9px;
        -webkit-box-shadow: 12px 48px 36px rgba(0, 0, 0, 0.34);
        box-shadow: 12px 48px 36px rgba(0, 0, 0, 0.34);
    }
    
    #other_portfolio_entries .container {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; 
    }
    
    #other_portfolio_entries .col {
        width: 100%;
        max-width: 480px;
        margin: 12px auto;
    }
    
    #other_portfolio_entries {
        padding-bottom: 3rem;
    }
    
    .entry_overview .icons figure img {
        max-width: 60px;
    }
    
    .entry_overview .icons.rows_2 .col {
        width: 50%;
    }
    
    .entry_overview .icons.rows_2 .col:nth-child(3):before {
        display: none
    }
    
    .entry_overview .icons.rows_1 .col {
        width: 33.333%;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ SERVICES page  */
    .mobile_tablet#services_page #w_first {
        width: 140vw;
    }
    
    #services_process .connector {
        max-width: 370px;
    }
    
    #services_process .container {
        padding-bottom: 3rem;
    }
    
    .mobile_tablet #feat_posts {
        padding-top: 11rem;
    }
    /* ----------- ⋮⋮⫸   end SERVICES page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
    #blog_page .topBanner .container {
        padding-top: 9rem;
        padding-bottom: 4.25rem;
    }
    
    .blog_entries .entry.large h1 {
        font-size: 1.75em;
    }
    
    .blog_entries .entry.small h1 {
        font-size: 1.5em;
    }
    
    .blog_entries.container .blog_post {
        padding-bottom: 5rem;
    }
    
    .mobile_tablet#blog_page #awards_section {
        padding-top: 12rem;
    }
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ BLOG POST page  */
    #blog_post .topBanner {
        min-height: 436px;
    }
    
    #blog_post_page .blog_entry:last-child {
        display: none
    }
    
    #blog_post_page .blog_entry {
        width: 48%;
    }

    #blog_post .mainContent iframe {
        margin-top: 1.125rem;
        margin-bottom: 3rem;
    }

    .shareOptions .otherBtns {
        right: auto;
        left: 50%;
        top: auto;
        bottom: 72px;
        -webkit-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
    }
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ CONTACT page  */
    #contact_page #main {
        padding-top: 204px;
    }
    
    #contact_form input, 
    #contact_form textarea, 
    #contact_form .checkBtns legend, 
    #contact_form [type="checkbox"] + label {
        font-size: 1.125em;
    }
    
    #contact_page .info {
        padding-top: 36px;
        padding-bottom: 72px;
        font-size: 1.5em;
    }
    
    #contact_form a.circled_btn svg {
        width: 162px;
    }
    
    #contact_form a.circled_btn .text {
        font-size: 1.5em;
    }
    /* ----------- ⋮⋮⫸   end CONTACT page  */
    /* ----------- ⋮⋮⫸   CLEARSALE page  */
    #clearsale_scheme {
        max-width: 436px;
    }
    
    #clearsale_scheme .col.middle {
        width: 42px;
    }
    
    #clearsale_scheme .circle {
        width: 42px;
        height: 42px;
    }
    
    #clearsale_scheme .logoBox {
        width: 178px;
    }
    
    #clearsale_scheme .logo {
        width: 178px;
        height: 178px;
    }
    
    #clearsale_page .topBanner ul.cols {
        padding-bottom: 2rem;
        padding-top: 1rem;
    }
    
    #clearsale_main figure.col .bg {
        display: none
    }
    
    #clearsale_main .row figure.col {
        margin-bottom: 60px;
    }
    
    #clearsale_page .topBanner ul.cols {
        -webkit-box-pack: center; 
        -webkit-justify-content: center; 
            -ms-flex-pack: center; 
                justify-content: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    
    #clearsale_page .topBanner li.col {
        width: 40%;
        padding-bottom: 24px;
    }
    /* ----------- ⋮⋮⫸   end CLEARSALE page  */
    /* ----------- ⋮⋮⫸   SERVICES LANDING page  */
    #services_lnd_page .topBanner h1 {
        font-size: 2.5em;
    }
    
    #services_lnd_main figure.col .bg {
        display: none
    }
    
    #services_lnd_main .row figure.col {
        margin-bottom: 60px;
    }
    
    #services_faq .item {
        left: 0 !important;
        padding: 18px 60px 18px 28px;
    }
    
    #services_faq .item .arrow {
        bottom: 22px;
        right: 24px;
        height: 18px;
        width: 18px;
    }
    
    #shopf_p_cta .col.image {
        display: none
    }
    
    #shopf_p_cta {
        padding-bottom: 102px;
    }
    
    #shopf_p_cta .circled_btn {
        margin-top: 0;
    }
    
    #blog_carousel article {
        width: 388px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES LANDING page  */
    /* -- FOOTER
    */
    .mobile_tablet #footer {
        padding-top: 7rem;
    }
    
    #footer .cols.topRow {
        padding-top: 184px;
    }
    
    #footer .cols.topRow .col:nth-child(2):before {
        display: none
    }
    
    #footer .cols.topRow .col:nth-child(2) {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    
    #footer .logo img {
        width: 184px;
    }
    
    #footer .cols.topRow .col {
        width: 50%;
        font-size: 1.067em;
    }
    
    .f_social_media li {
        padding-left: 1.35rem;
        padding-right: 1.35rem;
    }
    
    p#copyright {
        font-size: 15px;
    }
    /* -- end FOOTER
    */
}
/* 
     ⤴︎

/*  
     ⤵︎                                         639px >=x
*/
@media screen and (max-width:639px) {
    /* ----------- ⋮⋮⫸   SHOPIFY page  */
    #shopify_scheme .col.middle {
        width: 108px;
    }

    .hexagon {
        width: 108px;
        height: 108px;
    }

    .hexagon .circle {
        width: 36px;
        height: 36px;
    }

    #shopify_scheme .logoBox {
        width: 122px;
        height: 122px;
    }

    #shopify_scheme .logoBox .arrow.left {
        left: -12px;
    }

    #shopify_scheme .logoBox .arrow.right {
        right: -12px;
    }

    #shopify_scheme .logo {
        width: 122px;
        height: 122px;
    }

    #shopify_scheme .line {
        width: 48px;
    }

    #shopify_scheme .col.left .line {
        right: -55px;
    }

    #shopify_scheme .col.right .line {
        left: -55px;
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ SERVICES page  */
    #services_process .row {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    #services_process .row .col {
        width: 100%;
    }

    #services_process .row figure.col {
        max-width: 320px;
        margin-bottom: 1.5rem;
    }
    
    #services_process .connector {
        max-width: 264px;
    }

    #services_connector--1,
    #services_connector--2 {
        display: none !important;
    }

    #services_connector--3,
    #services_connector--4 {
        display: block !important;
        max-width: 143px !important;
    }
    /* ----------- ⋮⋮⫸   end SERVICES page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
    .blog_entry {
        width: 100%;
        max-width: 360px;
        margin: auto auto 3% auto;
    }
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ SHOPIFY page  */
    #shopify_intro.services-page .col {
        width: 48%;
    }
    /* ----------- ⋮⋮⫸ end SHOPIFY page  */
}
/* 
     ⤴︎
*/

/*  
     ⤵︎                                         480px >=x
*/
@media screen and (max-width:480px) {
    #awards_section h1 span {
        display: initial;
    }
    .blog_post.larger h1 {
        font-size: 1.2em;
    }

/*    
    #industry_page .topBanner h1,
    #portfolio_page .topBanner h1,
    #contact_page .intro h1 {
        font-size: 1.975em;
    } 
*/
    
    .blog_entries .entry figure {
        max-width: 263px;
        margin: auto;
    }

    .hide_mobile {
        display: none !important;
    }

    .show_mobile {
        display: block !important;
    }
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner h1 {
        font-size: 28px
    }
    
    #home_topBanner .rrtime h1 {
        font-size: 26px !important;
        font-weight: 600;
    }
    
    #home_services h1.rafmobile {
    padding-top: 1.875rem;
    padding-bottom: 0;
    visibility: visible;
    }   
    
    #home_topBanner ul.links {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    
    #home_topBanner ul.links li {
        width: 48%;
    }
    
    .rrtime span.dark {
        color: #ffffff;
        text-shadow: 0px 0px 5px rgb(2 28 81 / 50%)
    }
    
    #home_topBanner .rrtime h1 a {
        color: #ffffff; 
    }
                    
    #home_text .container {
        margin-top: 3%;
    }
    
    #home_services .item h2 {
        font-size: 32px;
    }
    
    #awards_section .cols .col img {
        max-width: 100%;
    }
    
    #home_text .container {
        padding-top: 0;
    }
    
    #home_text h1 {
        font-size: 40px;
    }
    
    #testimonials .bubble_wrapper blockquote {
        font-size: 0.95em;
    }
    
    #testimonials .bubble_wrapper.two blockquote {
        width: 266px;
        font-size: 1em;
    }
    
    #animated_map h1 {
        font-size: 25px;
    }
    
    #animated_map h2 {
        font-size: 28px;
    }
    
     #animated_map .col.countries_list {
        height: 120px;
        font-size: 0.65em;
    }
    
    #awards_section h1 {
        padding-bottom: 3.875rem;
        font-size: 22px;
    }
    
    #contact_section h1 {
        font-size: 28px;
    }

    #feat_posts article a {
        max-height: 390px;
    }
    
    #animated_map .logos .logo_col {
        width: 50%;
        padding: 12px 10%;
    }
    
    #animated_map .logos .logo_col:nth-child(9),
    #animated_map .logos .logo_col:nth-child(8),
    #animated_map .logos .logo_col:nth-child(7) {
        display: none;
    }
    
    #animated_map .logos .item {
        height: 72px;
    }
    
    #animated_map .logos {
        width: 80%;
        padding-top: 60px;
    }
    
    #testimonials .container {
        padding-top: 3rem;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ PORTFOLIO page  */
    .portfolio_entries article.col {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 2.5%;
    }
    
    .entry_overview .icons.four_icons .col {
        width: 50%;
    }

    .entry_overview .icons.four_icons .col.no_border:before {
        display: none;
    }

    .entry_overview .icons.three_icons .col {
        width: 33.3%;
    }

    .entry_overview .icons.three_icons .col:last-child:before {
        display: none;
    }

    .portfolio_section .text_boxes .col {
        width: 45%;
    }

    .portfolio_section .text_boxes .item {
        padding: 0;
    }

    .portfolio_section .text_boxes h2 .large {
        font-size: 44px;
    }

    .portfolio_section .text_boxes h2 .star {
        font-size: 24px;
    }
    /* ----------- ⋮⋮⫸   end PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ ABOUT page  */
    .mobile_tablet#about_page #w_first {
        width: 166vw;
    }
    
    #about_intro h2, 
    #about_blueBg .row.alt h2 {
        font-size: 2.875em;
    }
    
    #about_blueBg .row div.col {
        margin-bottom: 2rem;
    }
    
    #about_blueBg .row.alt div.col,
    #industry_blueBg .row.alt div.col,
    #shopify_blueBg .row div.col {
        padding-top: 12px;
    }
    /* ----------- ⋮⋮⫸   end ABOUT page  */
    /* ----------- ⋮⋮⫸ INDUSTRY page  */
    .mobile_tablet#industry_page #w_first {
        width: 166vw;
    }
    
    #industry_blueBg .row.alt h2,
    #industry_blueBg .wrapper h2,
    #case_studies_section h1.section_title,
    #case_studies_section .wrapper h2 {
        font-size: 2.875em;
    }
    
    #industry_blueBg .row.alt h2,
    #industry_blueBg .wrapper h2,
    #case_studies_section .wrapper h2 {
        padding-bottom: 2rem;
    }
    
    #industry_blueBg .row div.col {
        margin-bottom: 2rem;
    }
    
    #case_studies_section {
        padding-bottom: 5rem;
    }

    #case_studies_section .slick-slide {
        text-align: center;
    }

    #case_studies_section .slick-prev,
    #feat_posts .slick-prev {
        display: block;
        position: absolute;
        top: 50%;
        left: 12px;
        font-size: 40px;
        margin-top: -15px;
        z-index: 1111;
    }

    #case_studies_section .slick-next,
    #feat_posts .slick-next {
        display: block;
        position: absolute;
        top: 50%;
        right: 12px;
        font-size: 40px;
        margin-top: -15px;
    }

    #case_studies_section article a {
        padding-top: 100%;
    }
    
    #case_studies_section article {
        max-width: none;
        padding-bottom: 6px;
    }

    #blog_posts_section {
        padding-bottom: 3rem;
    }

    #feat_posts .container {
        align-items: center;
        justify-content: center;
    }

    #feat_posts article {
        max-width: none;
        padding-left: 3px;
        padding-right: 3px;
    }
    
    .blog_entries .col_2,
    .blog_entries .col_3 {
        width: 100%;
        max-width: none;
        margin: auto;
        padding-left: 3px;
        padding-right: 3px;
    }

    .blog_entries  .slick-prev {
        display: block;
        position: absolute;
        top: 33%;
        left: 12px;
        font-size: 40px;
        margin-top: -15px;
        z-index: 1111;
    }

    .blog_entries  .slick-next {
        display: block;
        position: absolute;
        top: 33%;
        right: 12px;
        font-size: 40px;
        margin-top: -15px;
    }
    
    .blog_post,
    .blog_post.larger {
        padding-bottom: 4.25rem;
    }
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸ SHOPIFY page  */
    #shopify_page .topBanner h1 {
        font-size: 1.875em;
    }
    
    #shopify_page .topBanner li.col {
        padding-bottom: 12px;
        font-size: 1em;
    }
    
    #shopify_page .topBanner li.col .top_row {
        margin-bottom: 9px;
        font-size: 1.875em;
    }
    
    #shopify_page .topBanner li.col .top_row img {
        max-width: 48px
    }
    
    #shopify_intro {
        padding-top: 6rem;
    }
     
    #shopify_blueBg h2,
    #shopify_intro h2.section_title {
        font-size: 2.875em;
    }
    
    #shopify_blueBg .row div.col {
        margin-bottom: 2rem;
    }
    
    #shopify_intro h2.section_title {
        padding-bottom: 3rem;
    }
    
    #shopify_intro div.col {
        width: 100%;
        padding-bottom: 1.5rem;
    }
    
    #shopify_intro.services-page .col {
        width: 100%;
    }
    
    #shopify_scheme .col.middle {
        width: 96px;
    }

    .hexagon {
        width: 96px;
        height: 96px;
    }

    .hexagon .circle {
        width: 36px;
        height: 36px;
    }

    #shopify_scheme .logoBox {
        width: 108px;
        height: 108px;
    }

    #shopify_scheme .logoBox .arrow.left {
        left: -12px;
    }

    #shopify_scheme .logoBox .arrow.right {
        right: -12px;
    }

    #shopify_scheme .left .logoBox .arrow.left {
        display: none;
    }

    #shopify_scheme .right .logoBox .arrow.right {
        display: none;
    }

    #shopify_scheme .logo {
        width: 108px;
        height: 108px;
    }

    #shopify_scheme .line {
        width: 48px;
    }

    #shopify_scheme .col.left .line {
        right: -55px;
    }

    #shopify_scheme .col.right .line {
        left: -55px;
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    #portfolio_entry .topBanner h1 {
        font-size: 3.875em;
    }
    
    .entry_overview h2, 
    .entry_other_info h2 {
        padding-bottom: 1.5rem;
        font-size: 2.25rem;
    }
    
    .entry_overview .icons {
        font-size: 14px;
    }
    
    .entry_overview .icons .col {
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .entry_overview .icons figure img {
        max-width: 48px;
    }
    
    .entry_other_info .images,
    #single_portfolio_page #awards_section .cols {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; 
    }
    
    .entry_other_info .images .col:nth-child(1),
    .entry_other_info .images .col:nth-child(3) {
        max-width: 180px;
    }
    
    #single_portfolio_page #awards_section .cols .col {
        width: 40%;
        padding: 1rem
    }
    
    #single_portfolio_page #awards_section h1 {
        font-size: 1.875em;
        padding-bottom: 1.5rem;
        text-transform: uppercase;
    }
    
    #single_portfolio_page #awards_section {
        padding-bottom: 5rem;
    }
    
    #other_portfolio_entries {
        padding-bottom: 4rem;
    }
    
    .mobile_tablet#single_portfolio_page #awards_section {
        padding-top: 9rem;
    }

    #awards_section h1 br {
        display: block;
    }
    
    #single_testimonial .container {
        padding: 96px 0 84px;
    }
    
    #single_testimonial blockquote:before {
        width: 72px;
        height: 72px;
    }
    
    #single_testimonial blockquote {
        padding-top: 88px;
        font-size: 1.25em;
    }
    
    #single_testimonial blockquote footer:before {
        height: 36px;
    }
    
    #single_testimonial blockquote footer {
        padding-top: 48px;
        font-size: 0.9;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ SERVICES page  */
    .mobile_tablet#services_page #w_first {
        width: 166vw;
    }
    /* ----------- ⋮⋮⫸   end SERVICES page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
    #blog_page .topBanner .container {
        padding-top: 8rem;
        padding-bottom: 3rem;
    }
    
    .blog_nav .categ_btn {
        max-width: 296px;
    }
    
    .blog_entries.container .blog_post {
        padding-bottom: 4rem;
    }
    
    .blog_entries.container .blog_post .info {
        padding-bottom: 12px;
        font-size: 13px;
    }
    
    
    .mobile_tablet#blog_page #awards_section {
        padding-top: 10rem;
    }
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ BLOG POST page  */
    #blog_post .topBanner h1 {
        padding-bottom: 1.5rem;
        font-size: 1.875rem;
    }
    
    #blog_post .topBanner .meta span {
        display: block;
        padding-bottom: 6px
    }
    
    #blog_post .topBanner .meta span.separator {
        display: none;
    }
    
    .shareOptions .otherBtns {
        right: 0;
        left: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    
    #blog_post .mainContent,
    #blog_post .mainContent .container {
        padding-bottom: 3rem;
    }
    
    #blog_post .mainContent,
    #blog_post_page .blog_entries {
        padding-top: 3rem;
    }
    
    #blog_post_page .blog_entry {
        width: 100%;
    }
    
    #blog_post_page .blog_entry:last-child {
        display: block
    }
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ CONTACT page  */
    #contact_page #main {
        padding-top: 180px;
    }
    
    #contact_form .cols .col,
    #contact_form .checkBtns .col {
        width: 100%;
    }
    /* ----------- ⋮⋮⫸   end CONTACT page  */
    /* ----------- ⋮⋮⫸   CLEARSALE page  */
    #clearsale_scheme {
        max-width: 360px;
    }
    
    #clearsale_page .topBanner h1 {
        padding-bottom: 12px;
        font-size: 2.25em;
    }
    
    #clearsale_scheme .logoBox {
        width: 144px;
    }
    
    #clearsale_scheme .logo {
        width: 144px;
        height: 144px;
        padding: 12px;
    }
    
    #clearsale_page .topBanner li.col {
        width: 50%;
    }
    
    #clearsale_page .topBanner li.col .top_row {
        margin-bottom: 12px;
        font-size: 1.5em;
    }
    
    #clearsale_main blockquote {
        max-width: 660px;
        padding: 24px;
        font-size: 1.375em;
    }
    
    #clearsale_main blockquote .lines {
        width: 18px;
    }
    
    #clearsale_main blockquote .lines:before {
        height: 18px;
    }
    
    #clearsale_main .quote {
        padding-bottom: 66px;
    }
    
    #clearsale_main .row {
        padding-bottom: 4rem;
    }
    
    #clearsale_main .row figure.col {
        margin-bottom: 36px;
    }
    
    #clearsale_main .row h2 {
        font-size: 1.75em;
    }
    
    #clearsale_main .row a.btn {
        min-width: 192px;
        padding: 16px 12px;
        margin-top: 12px;
    }
    /* ----------- ⋮⋮⫸   end CLEARSALE page  */
    /* ----------- ⋮⋮⫸   SERVICES LANDING page  */
    #services_lnd_page .topBanner h1 {
        font-size: 2.25em;
    }
    
    #services_lnd_main .row {
        padding-bottom: 4rem;
    }
    
    #services_lnd_main .row figure.col {
        margin-bottom: 36px;
    }
    
    #services_lnd_main .row h2 {
        font-size: 1.65em;
        padding-bottom: 16px;
    }
    
    #services_lnd_main .row a.btn {
        min-width: 192px;
        padding: 16px 12px;
        margin-top: 12px;
    }
    
    #services_faq {
        padding-top: 36px;
        padding-bottom: 84px;
    }
    
    #services_faq h1 {
        padding-bottom: 36px;
    }
    
    #feat_posts .title {
        padding-top: 24px;
    }
    
    #feat_posts .title h1 {
        font-size: 2.25em;
    }
    
    #shopf_p_cta .col:nth-child(2) h1 {
        font-size: 2.125em;
    }
    
    #blog_carousel {
        padding-bottom: 84px;
    }
    
    #blog_carousel article {
        width: 318px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES LANDING page  */
    /* -- FOOTER
    */
    .f_social_media li {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* 
     ⤴︎
*/

/*  
     ⤵︎                                         479px >=x
*/
@media screen and (max-width:479px) {
    /* -- HEADER
    */
    #header_logo {
        padding-left: 6px;
    }
    
    .slicknav_menu {
        top: 42px;
        right: 16px;
    }
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner ul.links li {
        width: 100%;
    }

    #home_services .logo_animation {
        width: 800px;
    }

    #home_services .container {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    
    #post_entries .col {
        padding: 3px;
    }

    .post_entry .wrapper {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    .post_entry .inner_wrapper {
        padding: 12px;
    }
    
    .post_entry h1,
    .post_entry .overlay h2 {
        font-size: 1.875em
    }
    
    .map .bubble {
        max-width: 48vw;
        min-width: 48vw;
        margin: 6px;
        background-color: transparent
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    
    #portfolio_entry .topBanner h1 {
        font-size: 3.275em;
    }
    
    .entry_overview h2, .entry_other_info h2 {
        font-size: 1.875rem;
    }
    
    .entry_other_info {
        margin-top: 2rem;
    }
    
    .entry_other_info .images .col:nth-child(1), 
    .entry_other_info .images .col:nth-child(3) {
        max-width: 160px;
    }
    
    #other_portfolio_entries article .defaultBtn {
        bottom: 1.5rem;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* -- FOOTER
    */
    .f_social_media li {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    #footer .cols.topRow {
        padding-top: 166px;
    }
    
    #footer .cols.topRow .col {
        font-size: 13px;
    }
    
    #footer .cols.topRow h3 {
        padding-bottom: 12px;
    }

    #industry_blueBg blockquote img.quotes {
        display: none;
    }

    #industry_blueBg .container {
        width: 90%;
    }
}

/*  
     ⤵︎                                         380px >=x
*/
@media screen and (max-width:380px) {
    
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner h1 {
        font-size: 23px
    }
    
    #home_topBanner .rrtime h1 {
        font-size: 27px !important;
    }
    
    #animated_map h1 {
        font-size: 21px;
    }
    
    #animated_map h2 {
        font-size: 25px;
    }
    
    #animated_map .col.countries_list {
        font-size: 0.5em;
    }
    
    #contact_section h1 {
        font-size: 23px;
    }
    
    #testimonials .slider blockquote {
        font-size: 22px;
    }
    
    #testimonials .slider blockquote p {
        padding: 30px 12px 30px 12px;
        background-size: 94px auto;
    }
    
    #testimonials .slider blockquote footer {
        font-size: 20px;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
    /* ----------- ⋮⋮⫸ PORTFOLIO page  */
    #portfolio_page .topBanner h2 {
        font-size: 1.125em;
    }
    
    .portfolio_section .text_boxes .col {
        padding-left: 0;
        padding-right: 0;
    }
    
    .portfolio_section .text_boxes .col:before, 
    .portfolio_section .text_boxes .col:after {
        left: 0;
    }
    
    .portfolio_section .text_boxes .col .item:before, 
    .portfolio_section .text_boxes .col .item:after {
        right: 0;
    }
    
    .portfolio_entries article.col {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0.75rem;
    }
    /* ----------- ⋮⋮⫸   end PORTFOLIO page  */
    /* ----------- ⋮⋮⫸ ABOUT page  */
    #about_intro {
        padding-bottom: 4rem;
    }
    
    #about_intro h2, 
    #about_blueBg .row.alt h2 {
        font-size: 2.5em;
    }
    
    #about_blueBg blockquote img.quotes {
        width: 96px;
        margin-bottom: 1rem;
    }
    
    #about_blueBg blockquote footer p {
        margin-top: 0
    }
    /* ----------- ⋮⋮⫸   end ABOUT page  */
    /* ----------- ⋮⋮⫸ INDUSTRY page  */
    #industry_blueBg .row.alt h2
    #industry_blueBg .wrapper h2 {
        font-size: 2.5em;
    }
    
    #industry_blueBg blockquote img.quotes {
        width: 96px;
        margin-bottom: 1rem;
    }
    
    #industry_blueBg blockquote footer p {
        margin-top: 0
    }
    
    #industry_blueBg .row.alt h2,
    #industry_blueBg .wrapper h2,
    #case_studies_section h1.section_title,
    #case_studies_section .wrapper h2 {
        font-size: 2.25em;
    }
    
    #case_studies_section h1.section_title {
        padding-bottom: 2.25rem;
    }
    
    #case_studies_section {
        padding-bottom: 6rem;
    }
    
    #awards_section h1 {
        padding-bottom: 3rem;
        font-size: 18px;
    }
    
    #industry_page .topBanner h1, 
    #services_page .topBanner h1, 
    #about_page .topBanner h1,
    #portfolio_page .topBanner h1,
    #contact_page .intro h1 {
        font-size: 2.5em;
    }
    
    #industry_page .topBanner h1 .small,
    #portfolio_page .topBanner h2,
    #contact_page .intro p {
        font-size: 16px;
    }
    /* ----------- ⋮⋮⫸   end INDUSTRY page  */
    /* ----------- ⋮⋮⫸ SHOPIFY page  */
    #shopify_intro,
    .mobile_tablet #shopify_intro {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
     
    #shopify_blueBg h2,
    #shopify_intro h2.section_title {
        font-size: 2.5em;
    }
    
    #shopify_blueBg h2 {
        padding-bottom: 1.5rem;
    }
    
    #shopify_intro p {
        font-size: 1em;
    }
    
    #shopify_blueBg p {
        font-size: 1em;
    }
    /* ----------- ⋮⋮⫸   end SHOPIFY page  */
    /* ----------- ⋮⋮⫸ BLOG page  */
    #blog_page .feat_post h1,
    .blog_entries .entry h1 {
        font-size: 1.375em !important;
        text-align: center;
    }
    
    .blog_entries .feat_post {
        padding-bottom: 84px;
    }
    /* ----------- ⋮⋮⫸   end BLOG page  */
    /* ----------- ⋮⋮⫸ SINGLE PORTFOLIO page  */
    .entry_overview .icons {
        font-size: 12px;
    }
    /* ----------- ⋮⋮⫸   end SINGLE PORTFOLIO page  */
    /* ----------- ⋮⋮⫸   CLEARSALE page  */
    #clearsale_scheme .logoBox {
        width: 124px;
    }
    
    #clearsale_scheme .logo {
        width: 124px;
        height: 124px;
    }
    
    #clearsale_scheme .col.middle {
        width: 30px;
    }
    
    #clearsale_scheme .circle {
        width: 30px;
        height: 30px;
    }
    
    #clearsale_scheme .circle .plus:before {
        width: 2px;
        height: 12px;
    }
    
    #clearsale_scheme .circle .plus {
        width: 12px;
        height: 2px;
    }
    
    #clearsale_main blockquote {
        padding: 18px;
        font-size: 1.25em;
    }
    
    #clearsale_main .row h2 {
        font-size: 1.5em;
    }
    /* ----------- ⋮⋮⫸   end CLEARSALE page  */
    /* ----------- ⋮⋮⫸   SERVICES LANDING page  */
    #services_lnd_page .topBanner h1 {
        font-size: 2em;
    }
    
    #services_lnd_main .row p {
        font-size: 0.938em;
    }
    
    #services_lnd_main .row h2 {
        font-size: 1.5em;
    }
    
    #services_faq h1 {
        font-size: 1.375em;
    }
    
    #services_faq .item h2.title {
        font-size: 1em;
    }
    
    #feat_posts .title h1 {
        font-size: 2.125em;
    }
    
    #feat_posts .title a {
        font-size: 14px;
    }
    
    #shopf_p_cta .col:nth-child(2) h1 {
        font-size: 2em;
    }
    
    #blog_carousel {
        padding-left: 16px;
    }
    
    #blog_carousel article figure .label {
        top: 14px;
        left: 14px;
        padding: 9px 16px;
        font-size: 13px;
    }
    
    #blog_carousel article {
        width: 280px;
        padding: 0 6px;
    }
    /* ----------- ⋮⋮⫸   end SERVICES LANDING page  */
    /* -- FOOTER
    */
    #footer .cols.topRow {
        display: block;
    }
    
    #footer .cols.topRow .col {
        width: 100%;
        font-size: 13px;
    }
    
    #footer .cols.topRow .col:before {
        display: none
    }
    
    #footer .cols.topRow .col {
        font-size: 15px;
    }
    
    #footer .cols.topRow .col:nth-child(1) {
        padding-bottom: 2.25rem;
    }
}
/* 
     ⤴︎
*/

/*  
     ⤵︎                                         320px >=x
*/
@media screen and (max-width:320px) {
    
    /* ----------- ⋮⋮⫸ HOMEPAGE  */
    #home_topBanner h1 {
        font-size: 20px
    }
    
    #home_text h1 {
        font-size: 32px;
    }
    /* ----------- ⋮⋮⫸   end HOMEPAGE  */
}
/* 
     ⤴︎
*/