/*  
 
Developed By: Velocitec Systems
https://velocitecsystems.com/
Developer: Shoaib Hussain

*/

@media(max-width: 2800px) {
    .timemd_cta_item .timemd_cta_item_title {
        font-size: calc(12px + 26*((100vw - 320px) / 2480));
    }

    .little_box__about_col-title {
        font-size: calc(8px + 28*((100vw - 320px) / 2480));
    }

    .feminine_about_col h3 {
        font-size: calc(14px + 24*((100vw - 320px) / 2480));
    }

    .feminine_about_col h4 {
        font-size: calc(24px + 78*((100vw - 320px) / 2480));
    }

    .feminine_about_col-fonts h5 {
        font-size: calc(18px + 44*((100vw - 320px) / 2480));
    }

    .feminine_about_col-fonts p {
        font-size: calc(12px + 22*((100vw - 320px) / 2480));
    }

    .airguard_style__content {
        font-size: calc(14px + 40*((100vw - 320px) / 2480));
    }

    .airguard_style__content h2 {
        font-size: calc(24px + 66*((100vw - 320px) / 2480));
    }

    .airguard-title {
        font-size: calc(20px + 34*((100vw - 320px) / 2480));
    }

    .airguard_style__colors-item-text {
        font-size: calc(16px + 32*((100vw - 320px) / 2480));
    }

    .packaging_hero__text h1 {
        font-size: calc(24px + 66 * ((100vw - 320px) / 2480));
    }
}

@media(max-width: 2500px) {
    .fitup_colors-text br {
        display: none;
    }
}

@media(max-width: 2000px) {

    .fitup_colors_wrapper {
        margin: 0 -15px;
    }

    .fit_color_col {
        padding: 0 15px;
    }
}

@media (max-width: 1800px) {
    .airguard_style__row {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .airguard_style__colors .airguard-title {
        margin: 0 0 100px 0;
    }

    .airguard_style__content {
        text-align: center;
    }

}

@media(max-width: 1600px) {
    .info-block h1 {
        font-size: 30px
    }

    .info-block h2 {
        font-size: 27px
    }

    .info-block h3 {
        font-size: 23px
    }

    .info-block p {
        font-size: 15px
    }

    .info-block .info-header {
        font-size: 16px
    }
}

@media (min-width: 1600px) {
    .kara-logo_context .logo_font__text h6 {
        font-size: 1.80488vw;
    }

    .kara-logo_context .logo_font__text p {
        font-size: .95122vw;
    }

    .backwelle_text-block {
        padding: 10.43478vh 0 0 8.97561vw;
    }

    .backwelle_text-block-content {
        flex: 0 0 23.65854vw;
    }

    .backwelle_last_content-text {
        padding: 50px 1.95vw;
    }
}

@media(max-width: 1100px) {
    .info-block.open .info-container {
        border-radius: 14px
    }
}

@media (min-width:1500px) {
    .beejoya-cta h2 {
        transform: translate(-12%, 0);
    }

    .backwelle_cta-item-wrap {
        padding: 0 0 0 5.60976vw;
    }

    .turbane_cta-content h2 {
        transform: translate(-12%, 0);
        font-size: calc(75 / 4100* 100vw);
    }

    .bg_airguard {
        margin-top: -100px;
    }

    .keep-fitup__mobile_container {
        max-width: calc(85% + 40px);
    }
}

@media (max-width: 1500px) {

    .container,
    .eco-bottle-showcase .container {
        max-width: calc(85% + 40px);
    }

    .thumbnail-slide {
        width: 9.92683vw;
    }
    
    .slide-text {
        margin: 0px 0px 0px 60px;
    }

    .eco-bottle_print__wrapper .content h2 {
        font-size: 35px;
    }

    .inner-page {
        padding: 80px 2.02439vw 0;
    }
  
}

@media (max-width: 1440px) {
    .feminine_about_col {
        padding: 0 50px;
    }
}

@media (max-width: 1400px) {

    .keep-fitup_container {
        padding: 0 6.09756vw;
    }
    .thumbnail-slide {
        width: 9.92683vw;
    }
    
    .slide-text {
        margin: 0px 0px 0px 60px;
    }
    section.turner-hero.prel {
    height: 75vh;
    }
    
    .turner-hero .turner-hero-text {
        padding-top: 17.188vw;
    }
    
    .turner-hero-img video {
        max-width: 50.948vw;
    }
    
    .turner-hero-img {
        bottom: -140px;
    }
    .thumbnail-slider {
    min-height: 375px;
   }
   
   img.fade-in.microsite-img1.microsite-img {
    transform: translate(0px, -120px) !important;
  }
  .swiper-control {
    margin: 0px 0px 0px 40px;
  }
}

@media (max-width: 1350px) {
    .contact-cta {
        padding: 55px 0;
    }

    .contact-cta .btn,
    .contaact-call-wrapper .btn {
        height: 42px;
        font-size: 12px;
        padding: 0 40px 0 10px;
        border: 1px solid #29272a;
    }

    .contact-cta .btn i,
    .contaact-call-wrapper .btn i {
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
        /* font-size: 7px; */
        margin: 0 10px 0 0;
        padding: .1em 0 0 .2em;
        border: 1px solid #29272a;
    }

    .slide-content .btn {
        height: 42px;
        font-size: 12px;
        padding: 0 40px 0 10px;
        border: 1px solid #29272a;
    }

    .slide-content .btn i {
        width: 25px;
        height: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px;
        font-size: 7px;
        margin: 0 10px 0 0;
        padding: .1em 0 0 .2em;
        border: 1px solid #29272a;
    }

    .contact-call {
        padding: 55px 0;
    }

    .kara_main {
        margin: 0 -3.65854vw;
    }

    .kara_col {
        padding: 0 3.65854vw;
    }
    .thumbnail-slide {
        width: 9.92683vw;
    }
    
    .slide-text {
        margin: 0px 0px 0px 60px;
    }
}

@media (max-width: 1300px) {

    .navbar-brand img {
        /* width: 62.50px; */
        height: 32px;
    }

    .slide-content h5 {
        font-size: calc(42/4100 * 100vw);
    }

    .project-nav a {
        font-size: 14px;
    }

    .sawa-logo {
        transform: translate(0, 63%);
    }
    .thumbnail-slide {
        width: 9.92683vw;
    }
    
    .slide-text {
        margin: 0px 0px 0px 60px;
    }
}

@media (min-width: 1292px) {
    .kara-strategy .content h2 {
        font-size: 2.19512vw;
    }

    .kara-strategy .content p {
        max-width: 24.39024vw;
        font-size: 1.02439vw;
    }

    .kara_main .block-2 h2 {
        font-size: 2.19512vw;
    }

    .kara_main .block-2 p {
        max-width: 24.39024vw;
        font-size: 1.02439vw;
    }

    .kara_main .kara_col:nth-child(2) .block-2 p {
        margin-left: auto;
        max-width: 32.31707vw;
    }
}

@media (max-width: 1292px) {
    .menu li a {
        font-size: 17px;
    }

    .menu li {
        margin-right: 2vw;
    }

    .eco-bottle-cta .text {
        font-size: 14px;
    }

    .eco-bottle_cta_img::before,
    .eco-bottle_cta_img::after {
        height: 200px;
    }

    .eco-bottle_cta_img::before {
        top: -200px;
    }

    .eco-bottle_cta_img::after {
        top: -150px;
    }

    .eco-bottle_print .container {
        max-width: calc(100% + 40px);
    }

    .eco-bottle_print__wrapper .content p br {
        display: none;
    }

    .eco-bottle_print__wrapper .content h2::before {
        display: none;
    }

    .eco-bottle_print__wrapper .image {
        text-align: center;
    }

    .kara-strategy .content {
        padding: 30px 50px 30px 2.43902vw;
    }

    .kara_main .block-2 {
        padding: 16.73913vh 0 19.56522vh 2.43902vw;
    }

    .kara_main .kara_col:nth-child(2) .block-2 {
        padding: 16.73913vh 2.43902vw 19.56522vh 0;
    }

    .sawa-logo {
        padding: 1.95122vw 1.21951vw;
    }
}

@media (max-width: 1200px) {
    .menu li a {
        font-size: 16px;
    }

    .cta-heading p {
        font-size: calc(270/4100 * 50vw);
    }

    .slide-content h1 {
        font-size: calc(180/4100 * 100vw);
    }

    .slide-content p {
        font-size: 14px;
    }

    .eco-bottle_print__wrapper .content p {
        font-size: 14px;
    }
    .thumbnail-slide {
        width: 8.92683vw;
    }
    
    .slide-text {
        margin: 0px 0px 0px 60px;
    }
    
    .platform-slider-grid.aside-spacer .platform-slider-col .slider-shape img {
        width: 520px;
    }

    .quest-image-container {
        margin-top: 4.167vw;
        width: 80vw;
    }
    section.globe-section .red-team-intro.main-container-move.parallax-section.top-parallax-section.standard-section-anim .globe-scene img {
    width: 1085px;
    }
    section.turner-hero.prel {
    height: 40vh;
    }
    
    .turner-hero .turner-hero-text {
        padding-top: 17.188vw;
    }
    
    .turner-hero-img video {
        max-width: 50.948vw;
    }
    
    .turner-hero-img {
        bottom: -110px;
    }
    .thumbnail-slider {
    min-height: 375px;
   }
}

@media (min-width:1200px) {

    .mutant_sections p {
        font-size: calc(36 / 4100* 100vw);
    }
}

@media (max-width: 1170px) {
    .strawmans_hero_main {
        min-height: 42.07317vw !important;
    }
}

@media (max-width: 1024px) {

    .desktop {
        display: none;
    }

    .mobile {
        display: block !important;
    }

    .beejoya__image {
        padding: 0;
    }

    .aloelove-bottle-cta h2 {
        font-size: calc(14px + 110 / 4100* 100vw);
    }


    .designs-500 {
        padding: calc(82px + 5rem) 0 5rem 0;
    }

    .container_designs-500 {
        padding: 0 1.5rem;
    }
    .cta-heading p.short {
        font-size: calc(330 / 4100 * 20vw);
        font-weight: 600;
        margin: 20px 0px 0px;
    }
}

@media (min-width: 1100px) {
    .hyre-main_content_text_content {
        display: none;
    }
}

@media (max-width: 1100px) {

    .menu {
        /* position: fixed; */
        /* padding: 100px 20px 60px; */
        /* inset: 0; */
        /* display: grid; */
        /* place-items: center; */
        /* background-color: rgba(255, 255, 255, .9); */
        /* transition: all .8s ease 0s; */
        /* opacity: 0; */
        /* visibility: hidden; */
        /* perspective: 400px; */
        /* transform: rotateX(90deg); */
        /* transition: all .8s ease; */
    }

    .menu ul {
        display: flex;
        justify-content: center;
        align-items: center;
        /* flex-direction: column; */
    }

    .menu ul li {
        margin: 0 20px 0px 0px;
    }

    header.isopen .menu {
        opacity: 1;
        transform: rotateX(0deg);
        visibility: visible;
    }

    .menu li a {
        font-size: 16px;
    }

    .menu .sub__menu {
        display: none;
    }

    .airguard_icons_item {
        flex: 0 1 20%;
    }

    .passionate_hero h1 {
        font-size: 50px;
    }

    .passionate-pages {
        padding: 75px 20px 0px 20px;
    }

    .passionate_hero_links {
        padding: 40px 0 20px;
    }

    .passionate_hero_links_items span,
    .passionate_hero_links_items a {
        font-size: 14px;
    }

    .studeo_about-section h2 {
        font-size: 80px;
    }

    .studeo_about-section_title {
        background-size: 259px auto;
    }

    .studeo_about-section {
        padding: 0 40px;
        margin: 120px 0;
    }

    .studeo_about-section_content {
        flex-direction: column;
        gap: 40px 0;
    }

    .studeo-about-content {
        max-width: 100%;
    }

    .studeo-problem-content {
        max-width: 100%;
        padding-left: 0%;
        margin-top: 0px;
    }

    .studeo-problem-content h3 {
        margin-bottom: 20px;
    }

    .studeo_solution-section_content {
        padding-top: 40px;
        padding-top: 40px;
        gap: 10px;
    }

    .studeo_timeline-section h3,
    .studeo_solution-section_content h3,
    .studeo_mobile-mockup h2,
    .studeo_customicon-section h2 {
        font-size: 60px;
    }

    .studeo_solution-section_content p {
        max-width: 323px;
    }

    .studeo_thanks-section {
        padding-top: 100px;
    }

    .studeo_mobile-mockup {
        background-position: 100% 60px;
        padding: 100px 0;
        gap: 80px;
    }

    .studeo_customicon-section {
        padding: 100px 0;
    }

    .studeo_cta-section {
        padding-top: 100px;
        background-position: 0% 0px;
    }

    .studeo_cta-section_img>div {
        padding: 0 40px;
    }

    .studeo_cta-section_img p {
        font-size: 18px;
    }

    .privio_about {
        padding: 0 40px;
        flex-wrap: wrap;
    }

    .privio_about_content {
        padding: 0;
        width: 100%;
    }

    .privio_userflow {
        padding: 50px 0 50px 0;
    }

    .privio_userflow .privio-heading {
        position: static;
        margin-left: 40px;
    }

    .privio_wireframes_content,
    .privio_wireframes_content-more {
        position: static;
        width: 100%;
        max-width: 100%;
        padding: 0 40px;
    }

    .privio_wireframes {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .privio_colors_content {
        padding: 0 40px;
    }

    .privio_colors_icons {
        padding-right: 40px;
    }

    .privio_options_image .privio_options_image_wrapper {
        max-width: 80%;
    }

    .privio_options_content {
        padding: 40px;
    }

    .solance_hero_imgs {
        gap: 50px;
    }

    .hyre-main {
        padding: 120px 40px 0px 40px;
    }

    .hyre-main_content_logo {
        display: none !important;
    }

    .hyre-main_content_text {
        width: 100% !important;
        justify-content: flex-start;
        padding: 0;
        gap: 0;
    }

    .hyre-timeline {
        padding: 60px 20px 0px 20px;
    }

    .hyre-timeline-item h4 {
        font-size: 12px;
    }

    .hyre-timeline-item p {
        font-size: 18px;
    }

    .hyre-brandguide {
        padding: 50px 0 0;
    }

    .hyre-brandguide_text {
        padding: 0 20px;
    }

    .hyre-brandguide_text p {
        padding: 0;
    }

    .hyre-about-guide {
        padding: 80px 20px 0px;
    }

    .hyre-iconography {
        padding: 0 20px;
    }

    .hyre-iconography_item_text {
        padding-right: 40px;
    }

    .hyre-iconography_item_image {
        padding-left: 0;
    }

    .hyre-mascot {
        padding: 60px 20px 0;
    }

    .hyre-mascot_item {
        width: 50%;
    }

    .hyre-mascot_item_text {
        padding-right: 40px;
    }

    .hyre-mascot-2 {
        padding-bottom: 50px;
    }

    .hyre-mascot-2 .hyre-mascot_item {
        width: 25%;
    }

    .hyre-website {
        padding: 0px 20px;
    }

    .hyre-website_item {
        width: 50% !important;
    }

    .hyre-website_item_text {
        padding-right: 40px;
        padding-bottom: 40px;
    }

    .hyre-website_item_image1 {
        margin-top: 0;
    }

    .hyre-website_item_imagetext {
        padding-left: 20px;
    }

    .hyre-cta-sec1 {
        padding: 0;
        background-size: cover;
    }

    .hyre-webdesign-wrapper {
        padding-bottom: 0;
    }

    .hyre-wireframe {
        padding: 0 20px;
    }

    .hyre-wireframe_content {
        padding-right: 40px;
    }

    .hyre-page {
        padding-bottom: 60px;
    }

    .hyre-homescreen {
        padding: 50px 0 0;
    }

    .hyre-homescreen-item {
        padding: 0px 20px;
    }

    .hyre-homescreen-item:nth-child(1) {
        padding-bottom: 60px;
    }

    .hyre-desktopapp {
        padding: 60px 20px 0px 20px;
    }

    .hyre-desktopapp_item:nth-child(1) {
        width: 60% !important;
    }

    .hyre-desktopapp_item:nth-child(2) {
        width: 40% !important;
    }

    .hyre-desktopapp_item_text {
        padding-right: 40px;
    }

    .hyre-uielements {
        padding: 0 20px;
        background-position: bottom center;
    }

    .hyre-uielements_item_image {
        margin-bottom: 78px;
    }

    .nymble-main {
        padding-bottom: 60px !important;
    }

    .nymble-screens_title {
        padding: 80px 40px 40px 40px;
    }

    .nymble-screens_img:nth-child(2) {
        margin-top: -100px;
    }

    .nymble-screens_iconography,
    .nymble-screens_colors {
        padding: 60px 40px 80px 40px;
    }

    .nymble-screens_colors_item p,
    .nymble-screens_iconography_item p {
        padding-bottom: 0px;
    }

    .nymble-screens_colors_item .color_wrapper img {
        width: 80%;
    }

    .nymble-screens_colors_item:nth-child(2) img:nth-child(1) {
        width: 62%;
    }

    .nymble-screens_colors_item:nth-child(2) img:nth-child(2) {
        width: 100%;
    }

    .nymble-screens_iconography_item .icon_wrapper {
        margin-left: -15px;
    }

    .nymble-cta_section {
        padding: 0px 20px 60px 20px;
    }

    .nymble-web-application {
        padding: 0px 40px 0px 40px;
    }

    .nymble-web-application_item p {
        padding: 0;
    }

    .nymble-wireframes {
        padding: 60px 40px 0px 40px;
    }

    .nymble-wireframes_wrapper {
        padding: 0;
    }

    .nymble-wireframes_text {
        position: static;
        max-width: 100%;
        margin-top: 80px;
    }

    .nymble-branding {
        padding: 80px 40px 40px 40px;
    }

    .nymble-branding-img.img1 {
        padding-bottom: 40px;
    }

    .nymble-website1_img {
        padding: 0px 40px;
    }

    .nymble-website-content {
        padding-top: 40px;
    }

    .nymble-website2_img {
        padding: 80px 40px 0px 8px;
    }

    .nymble-hero_logo_content {
        padding: 0px 40px 40px 40px;
    }

    .nymble-hero_logo_content_text p {
        padding: 40px 0;
    }

    .nymble-hero_logo {
        padding: 80px 40px 40px 40px;
    }

    .nymble-hero_logo_wrapper>div {
        padding: 50px 0;
    }

    .nymble-hero_logo_wrapper .nymble-heading {
        padding-bottom: 0;
    }

    .nymble-steps {
        padding: 0px 40px 0px 27px;
    }

    .nymble-step-item {
        background-position: 14px 23px;
        background-size: 2px auto;
    }

    .nymble-step-item:nth-child(3),
    .nymble-step-item:nth-child(5),
    .nymble-step-item:nth-child(7) {
        padding: 18px 0px 40px 0px;
        background-position: 13px 0px;
    }

    .nymble-step-item:nth-child(9) {
        background-position: 14px -260px;
    }

    .nymble-step-content h3 {
        font-size: 20px;
    }

    .nymble-main_hero {
        min-height: 461px;
    }

    .nymble-main_hero_content {
        padding: 40px 0px 0px 40px;
    }

    .nymble-main_hero_content_logo {
        margin-bottom: 50px;
    }
}

@media (min-width: 992.98px) {

    .kara_main .block-1._image {
        margin: 0 0 11.6087vh;
    }

    .backwelle_mainhero,
    .backwelle_cta-bg,
    .backwelle_text-block {
        min-height: 100vh;
    }

    .backwelle_mainhero picture img,
    .backwelle_cta-bg picture img {
        position: absolute;
    }

    .backwelle_cta-wrapper {
        display: flex;
    }

    .backwelle_cta-item-img {
        -webkit-box-flex: 0;
        flex: 0 0 7.63415vw;
    }

    .backwelle_divider {
        display: flex;
        align-items: flex-end;
        min-height: 100vh;
    }

    .backwelle_divider-img .backwelle_divider-img_wrap {
        height: 100%;
        display: block;
    }

    .backwelle_divider-img2 .backwelle_divider-img_wrap {
        display: inline-block;
        width: 50.12195vw;
        height: 68.17391vh;
    }

    .backwelle_last_wrapper {
        min-height: 100vh;
    }

    .backwelle_last_img {
        padding: 0 7.63415vw 0 0;
    }

    .backwelle_last_content-img {
        display: inline-block;
        width: 50.12195vw;
        height: 68.17391vh;
    }

    .sawa__hero {
        min-height: 100vh;
    }

    .sawa__hero-cta {
        min-height: 100vh;
        display: flex;
    }

    .sawa_hero-cta-content {
        padding: 0 2.07317vw 0 0;
    }

    .sawa_hero-cta-content::after {
        content: "";
        background: url('https://stanbranding.com/wp-content/themes/stanbranding/img/cases/sawa/block-2/pattern.svg') 0 0 no-repeat;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 76.21951vw;
        height: 12.78049vw;
    }

    .sawa_hero-cta-content__box {
        margin: 0 0 0 -7.56098vw;
        padding: 6.34146vw 5.73171vw 6.34146vw 7.56098vw;
    }

    .sawa-cta-text {
        min-height: 100vh;
        display: flex;
        justify-content: end;
        position: relative;
    }

    .sawa-cta-text-content {
        position: absolute;
        top: 45%;
        left: 0;
        width: 50.2439vw;
        transform: translate(0%, -50%);
    }

    .sawa-img-wrapper {
        min-height: 100vh;
        display: flex;
    }

    .sawa__hero-cta1 {
        min-height: 100vh;
    }

    .sawa_hero-cta-content__box1 {
        margin: 0 -7.56098vw 0 0;
        padding: 6.34146vw 5.73171vw 6.34146vw 7.56098vw;
    }

    .turbane_hero {
        min-height: 100vh;
    }

    .turbane_hero_wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .turbane_hero_wrapper-bg {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .turbane_cta,
    .turbane_last-wrapper {
        min-height: 100vh;
    }

    .turbane_wrapper-container {
        display: flex;
    }

    .turbane_wrapper-block {
        min-height: 100vh;
        width: 42.09756vw !important;
    }

    .turbane_wrapper-image-item {
        min-height: 100vh;
    }

    .turbane_images-cta-wrapper {
        min-height: 100vh;
    }

    .sawa__wrapper_images-block {
        min-height: 100vh;
    }

    .sawa__showcase-block {
        min-height: 100vh;
        display: flex;
    }

    .branding_item:hover .branding_image {
        opacity: 0;
    }

    .branding_item:hover .branding_video {
        opacity: 1;
    }

    .branding_item:hover .branding_view::before,
    .casestudy_box:hover .branding_view::before {
        height: 100%;
    }

    .branding_item:hover .branding_view span,
    .casestudy_box:hover .branding_view span {
        visibility: visible;
        opacity: 1;
        transform: translate(0, 0);
    }

    .inner_tag {
        margin: 0 auto;
    }

    .inner_tag a:hover {
        color: #29272a;
    }

    .slider_holder {
        border-radius: 2.5vw;
    }

    .estative_slider .swiper-slide .slide_text {
        font-size: calc(186 / 4100 * 100vw);
        letter-spacing: 20px;
    }

    .slider_fixed_Text {
        top: 40%;
        font-size: calc(125 / 4100* 100vw)
    }
}

@media (max-width: 992.98px) {

    .container,
    .eco-bottle-showcase .container {
        max-width: calc(100% + 40px);
    }

    header {
        padding: 20px 0 0;
    }

    .container-fluid {
        padding: 0 calc(36/768 * 100vw) !important;
    }

    .thumbnail-slider {
        display: none;
    }


    header.dark .menu {
        background-color: rgba(0, 0, 0, .9);
    }


    /* .menu_btn {
        width: calc(58 / 768* 100vw);
        height: calc(38 / 768* 100vw);
    } */


    .project-nav {
        padding: 0 20px;
    }

    .eco-bottle-cta {
        padding: 5.36585vw 0 0;
    }

    .eco-bottle_cta_img {
        min-height: 0;
    }

    .eco-bottle_print__wrapper {
        min-height: 0;
        display: block;
    }

    .eco-bottle_print__wrapper .content {
        padding: 0 0 9.7561vw;
    }

    .eco-bottle_print__wrapper .content h2 {
        margin: 0 0 20px;
        font-size: 30px;
    }

    .eco-bottle_print__wrapper .image {
        display: none;
    }

    .eco-bottle-showcase {
        min-height: 0;
    }

    .eco-bottle__images-wrap {
        max-width: 75%;
    }

    .kara_mainhero .kara-logo {
        margin: 0;
    }

    .kara-logo_context {
        padding: 6.4907vh 0 0;
        display: block;
    }

    .kara-logo_context .logo_color {
        width: 200px;
        margin: 0 0 30px;
    }

    .kara-logo_context .logo_font__text {
        padding: 0;
    }

    .kara-strategy {
        display: block;
    }

    .kara-strategy .content {
        padding: 0 20px 10.86957vh;
    }

    .kara_main {
        margin: 0;
    }

    .kara_main .block-3 {
        padding: 8.69565vh 20px;
    }

    .kara_main .block-2 {
        padding: 10.86957vh 20px;
    }

    .backwelle_cta-item-wrap {
        display: flex;
        align-items: center;
    }

    .backwelle_cta-item {
        flex: 0 1 50%;
        margin: 0 !important;
    }

    .backwelle_cta-item-text h4 {
        font-size: calc(16px + 67*((100vw - 320px) / 3780));
    }

    .backwelle_cta-item-text h6 {
        margin: .54054em 0;
        font-size: calc(14px + 23*((100vw - 320px) / 3780));
    }

    .backwelle_cta-item-text .backwelle_cta__text {
        font-size: calc(12px + 18*((100vw - 320px) / 3780));
    }

    .backwelle_cta-item:last-child .backwelle_cta-item-text h4 {
        font-size: calc(16px + 67*((100vw - 320px) / 3780));
    }

    .backwelle_cta-item:last-child .backwelle_cta-item-text h6 {
        font-size: calc(14px + 23 * ((100vw - 320px)/3780));
    }

    .backwelle_text-block {
        display: block;
        padding: 0;
    }

    .backwelle_text-block-content {
        margin: 30px 0 50px;
    }

    .backwelle_text-block-content p {
        font-size: calc(14px + 2*((100vw - 320px) / 3780));
    }

    .backwelle_last_wrapper {
        display: block;
    }

    .backwelle_last_img div {
        display: none;
    }

    .backwelle_last_content-text {
        padding: 50px 20px;
    }

    .backwelle_last_content-text p {
        font-size: calc(14px + 2*((100vw - 320px) / 3780));
    }

    .backwelle_last_content-img img {
        position: relative;
    }

    .backwelle_divider__decor {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        padding: 30px 0;
    }

    .backwelle__logo {
        position: absolute;
    }

    .sawa_hero-cta-img img,
    .sawa__hero img {
        position: relative;
    }

    .sawa_hero-cta-content__box p {
        font-size: calc(14px + 2*((100vw - 320px) / 3780));
    }

    .sawa-logo {
        position: relative;
        width: 100%;
        left: 0;
        padding: 30px 20px;
        transform: translate(0, 0%);
    }

    .sawa-logo-img {
        width: 150px;
        margin: 0 auto 30px;
    }

    .sawa-logo-content {
        display: flex;
        align-items: center;
    }

    .sawa-logo-color {
        flex: 0 0 50%;
    }

    .sawa-logo__font h2 {
        padding: 0 0 0 15px;
        font-size: calc(12px + 14*((100vw - 320px) / 3780));
        margin: 0 0 1.15385em;
    }

    .sawa-logo__font p {
        padding: 0 0 0 15px;
        font-size: calc(8px + 18*((100vw - 320px) / 3780));
    }

    .sawa-img-wrapper img,
    .sawa-cta-text-bg img {
        position: relative;
    }

    .sawa__hero-cta1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .sawa_hero-cta-img1 {
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .sawa_hero-cta-img1 img {
        position: relative;
    }

    .sawa_hero-cta-content__box1 {
        background: white;
        color: #29272a;
    }

    .sawa__wrapper_images-block {
        display: none;
    }

    .turbane_hero_wrapper-bg img {
        position: relative;
    }

    .turbane_wrapper-block p {
        font-size: calc(14px + 2*((100vw - 320px) / 3780));
    }

    .turbane_wrapper-image-item img {
        position: relative;
    }

    .sawa_hero-cta-content1 {
        order: 2;
    }

    .sawa__showcase-block_text .decor-img {
        display: none;
    }

    .accordion-text .list h4 {
        margin-bottom: 0rem;
    }

    .branding_col {
        flex: 0 1 50%;
    }

    .branding_hero__section {
        min-height: 56.34146vw;
    }

    .branding_hero__down {
        display: none;
    }

    .keep-fitup__mobile_container {
        max-width: calc(100% + 40px);
    }

    .packaging_hero-section .bg-image img {
        height: auto;
    }

    .work_list {
        flex-direction: column;
    }

    .work_list-item {
        height: calc(273 / 768* 100vw);
        flex: 1 1 auto;
    }

    .work_list-item h5 {
        font-size: calc(29 / 768* 100vw);
        bottom: 30px;
        opacity: 1;
        transform: translate(0, 0);
    }
}

@media (min-width: 992px) {

    .video-section video {
        min-height: 100vh;
    }

    .contact-cta .btn:hover,
    .contaact-call-wrapper .btn:hover {
        color: #fff;
    }

    .contact-cta .btn:hover i,
    .contaact-call-wrapper .btn:hover i {
        border-color: #fff;
    }

    .contact-cta .btn:hover:after,
    .contaact-call-wrapper .btn:hover:after {
        width: 100%;
    }

    .blog-section .blog-list {
        flex-wrap: nowrap;
    }

    .info-footer__item a:hover {
        text-decoration: underline
    }

    .info-footer__link:after {
        transition: transform .3s ease 0s;
        content: attr(data-title);
        position: absolute;
        transform: translate(0, 100%);
        top: 0;
        left: 0
    }

    .info-footer__link:hover:after {
        transform: translate(0, -15%)
    }

    .info-footer__link:hover span {
        transform: translate(0, -100%)
    }

    .inner-page {
        padding: 90px 2.02439vw 0;
    }

    .mutant_sections .container {
        max-width: 75vw !important;
    }

    .mutant_brand_section .layer__table .bold {
        font-size: 1.5vw;
    }

    .mutant_brand_section .layer__table .aa {
        font-size: 11vw;
    }

    .mutant_brand_section .layer__mobile {
        display: none;
    }

    .mutant_concept_section {
        padding-top: 10vw;
    }

    .mutant_concept_section .concept_top {
        flex-wrap: nowrap;
    }

    .mutant_concept_section .concept_top .concept_item {
        width: 22%;
    }

    .mutant_concept_section .concept__title {
        font-size: 1.4vw;
        transform: rotate(-90deg);
    }

    .mutant_concept_section .concept_animate_box .concept__title {
        transform: translate(-50%, 0);
    }

    .mutant-combination-text {
        width: 38.2vw;
        height: 20vw !important;
    }

    .mutant-combination-text .text-top {
        font-size: 11vw;
    }

    .mutant-combination-text .text-bottom {
        font-size: 2.8vw;
    }

    .mutant_collection_section .mutant_mount {
        top: -8vw;
    }

    .mutant_collection_section .mutant_mount_club {
        max-height: 63vw;
        overflow: hidden;
    }


    .mutant_identity_section .mutant_identity_wrap {
        flex-wrap: nowrap;
    }

    .mutant_identity_section .mutant_identity_wrap .img-box:nth-child(1) {
        flex: 0 0 50vw;
    }

    .mutant_identity_section .mutant_identity_wrap .img-box:nth-child(2) {
        flex: 0 0 40vw;
        order: 2;
    }

    .mutant_identity_section .mutant_identity_text {
        position: absolute;
        top: 100%;
        left: 60vw;
        width: 30vw;
        order: 3;
    }

    .mutant_identity_section .mutant_identity_text p {
        max-width: 90%;
        font-size: .9vw;
    }

    .mutant_identity_section .mutant_identity_text p:first-child {
        padding-bottom: 6%;
        margin-bottom: 0;
        font-size: .9vw;
    }

    .mutant_merchandise_section {
        top: -13vw;
        height: calc(62vw + 25vw);
        /* transform: translate(0, -25vw); */
    }

    .mutant_merchandise_inner.inner_desktop {
        position: absolute;
        top: 22vw;
        display: flex;
    }

    .mutant_merchandise_inner.inner_mobile {
        display: none;
    }

    .work_list-item {
        flex: 0 1 20%;
        transition: all 0.8s ease 0s;
    }

    .work_list-item:hover {
        flex: 0 1 30% !important;
    }

    .work_list-item:hover h4 {
        transition: all 0.8s ease 0.2s;
        transform: translate(0, -50%);
        opacity: 1;
    }

    .work_list-item:hover h5 {
        transform: translate(0, -200%);
        opacity: 0;
    }

}

@media (max-width: 991px) {

    .mutant_brand_section .layer__table {
        grid-template-columns: 5% 37% 20% 33% 5%;
    }

    .mutant_brand_section .layer__table .table-cell--last>* {
        display: none;
    }

    .mutant_concept_section .concept_top .concept_item {
        width: 30%;
    }

    .mutant_concept_section .concept_top .concept_item:first-child {
        width: 100%;
        margin-bottom: 4.7%;
    }

    .mutant_concept_section .concept-text {
        padding-bottom: 0;
        margin-bottom: 2%;
        font-size: 2.5vw;
        font-weight: 400;
        letter-spacing: 1.05px;
        line-height: 1.7;
        max-width: 90%;
    }

    .mutant_concept_section .concept-text:first-child {
        margin-top: 0;
        font-size: 2.8vw;
    }

    .mutant-combination-text {
        margin: 0 auto;
        padding-top: 2vw;
    }

    .mutant_collection_section .mutant_mount_club .mutant_mount_box {
        transform: translateY(23%) scale(1.3);
    }

    .mutant_identity_section .mutant_identity_wrap .img-box:nth-child(2),
    .mutant_identity_section .mutant_identity_text,
    .mutant_merchandise_inner.inner_mobile .merchandise_text {
        margin: 0 auto;
    }

    .mutant_merchandise_section .merchandise_bg {
        position: absolute;
        top: -16vw;
    }

    .mutant_merchandise_section {
        padding: 10vw 0;
    }

    .packaging_wrapper {
        columns: 2;
    }

    .print_graphics__wrapper {
        display: flex;
        flex-flow: wrap column;
        max-height: 2500px;
    }

    .print_graphics__item {
        width: 50%;
    }
}

@media (min-width: 800px) {
    .timemd_cta_row_img {
        display: none;
    }
}

@media (min-width: 768.98px) {

    .crunchy-granola_cta>.packaging_cta-images .d-flex {
        gap: 0;
    }

    .elegant-disposable-flatware_cta>.packaging_cta-images,
    .crunchy-granola_cta>.packaging_cta-images {
        flex-direction: row;
        gap: 0;
    }

    .crunchy-granola_cta>.packaging_cta-images .w-md-50 {
        width: 50%;
    }

    .crunchy-granola_cta>.packaging_cta-images>.packaging_cta__item:first-child {
        padding-right: 0.60976vw;
    }

    .crunchy-granola_cta>.packaging_cta-images>.packaging_cta__item:nth-child(2) {
        padding-left: 0.60976vw;
    }

    .crunchy-granola_cta>.packaging_cta-images .packaging_cta__item:last-child {
        margin-top: 1.21951vw;
    }

    .elegant-disposable-flatware_cta>.packaging_cta-images .packaging_cta__item:first-child,
    .elegant-disposable-flatware_cta>.packaging_cta-images .packaging_cta__item:nth-child(3) {
        padding-right: 0.60976vw;
    }

    .elegant-disposable-flatware_cta>.packaging_cta-images .packaging_cta__item:nth-child(2),
    .elegant-disposable-flatware_cta>.packaging_cta-images .packaging_cta__item:nth-child(4) {
        padding-left: 0.60976vw;
    }

    .elegant-disposable-flatware_cta>.packaging_cta-images .packaging_cta__item:nth-child(3),
    .elegant-disposable-flatware_cta>.packaging_cta-images .packaging_cta__item:nth-child(4) {
        margin-top: 1.21951vw;
    }
}

@media (min-width: 768px) {
    .estative_introduction_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .brand-cta {
        padding: 150px 0 50px;
    }
    
    .brand-cta .line-down {
        margin: 40px 0px 0px;
    }
    
    section.casestudies_wrap.home_base_wrap .page-header h1 {
        font-size: 18px;
    }

    .estative_introduction_col {
        width: 50%;
        flex: 0 1 50%;
        margin-bottom: 7.3vw;
    }

    .estative_introduction_col:nth-child(odd) {
        padding: 0 4vw 0 12.8vw;
    }

    .estative_introduction_col:nth-child(even) {
        padding: 0 12.8vw 0 0;
    }

    .estative_title {
        margin-bottom: 0;
        font-size: calc(42 / 4100* 100vw);
    }

    .estative_title_text {
        margin-bottom: 0;
        margin-top: 1.3vw;
        font-size: calc(58 / 4100* 100vw);
    }

    .estative_sections p {
        font-size: calc(34 / 4100* 100vw);
    }

    .estative_colors {
        padding-left: 2.3vw;
    }

    .estative_colors .color_text {
        font-size: calc(36 / 4100* 100vw);
    }

    .estative_introduction_col:nth-child(3) {
        padding-right: 1vw;
    }

    .estative_introduction_col:nth-child(4) {
        padding-left: 0;
    }

    .letter_col {
        padding-left: 3.8vw;
    }

    .letter_col .typo_letters {
        margin-top: 1.3vw;
        max-width: 90%;
    }

    .estative_introduction_col:nth-child(4) .col:first-child {
        width: 55%;
        padding: 0;
    }

    .estative_introduction_col:nth-child(4) .col .letter {
        padding-left: 1.6vw;
        text-align: center;
    }

    .estative_introduction_col:nth-child(4) .col .letter img {
        max-width: 79%;
    }

    .estative_introduction_col:nth-child(4) .col:last-child {
        width: 45%;
        padding: 0;
        padding-left: 3.8vw;
        flex: none;
    }

    .estative_brand .col:nth-child(1) {
        width: 47%;
        flex: none;
    }

    .estative_brand .col:nth-child(1) picture img {
        transform: translate(-1vw, -5vw);
    }

    .estative_brand .col:nth-child(2) {
        width: 53%;
        padding: 0 12vw 0 2.3vw;
    }

    .estative_brand .col .estative_title {
        margin-bottom: 0;
    }

    .estative__obj_right picture img {
        transform: scale(1.15);
    }

    .estative_wireframes-text {
        padding: 0 10vw;
    }

    .estative_wireframes-text .estative_text {
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }


    .estative_design-col:first-child {
        width: 55vw;
    }

    .estative_design-col:last-child {
        width: 45vw;
        padding-left: 5vw;
        padding-right: 10vw;
        text-align: right !important;
    }

    .estative_design-col:last-child p {
        text-align: right !important;
    }

    .estative_design_scene::before {
        width: 85vw;
        left: -24vw;
    }

    .estative_cta_slider::before {
        content: '';
        position: absolute;
        top: 12vw;
        left: 0;
        bottom: 0;
        right: 25vw;
        display: block;
        width: 79%;
        height: 100%;
        background-color: #fff;
        border-radius: 0 15vw 0 0;
    }

    .estative_cta_slider::after {
        content: '';
        position: absolute;
        left: 15vw;
        bottom: 2vw;
        display: block;
        width: 30vw;
        height: 30vw;
        opacity: .5;
        background-image: url('https://stanbranding.com/wp-content/themes/stanbranding/works-branding-templates/estative/img/svg/Circle.svg');
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain;
    }

    .estative_cta_slider_wrap {
        border-radius: 2.5vw;
        width: 50vw;
    }

    .slider_holder {
        box-shadow: 4px 9px 69px -10px #000;
    }

    .estative_slider .swiper-slide .slide_text {
        font-size: calc(156 / 4100* 100vw);
        letter-spacing: 15px;
    }

    .slider_fixed_Text {
        top: 45%;
        font-size: calc(115 / 4100 * 100vw);
        letter-spacing: 26px;
    }

    .estative_design_scene-item {
        max-width: 60vw;
    }

    .achor-mark_cta .packaging_cta__item:last-child {
        margin: -23.17073vw 0px 0px 0px;
        z-index: 1;
    }

    .hyre-main_content_logo {
        width: 31.4%;
    }

    .hyre-main_content_text {
        width: 68.6%;
    }

    .nymble-screens_colors_item,
    .nymble-screens_iconography_item {
        width: 51%;
    }

    .nymble-screens_colors_item:nth-child(1),
    .nymble-screens_iconography_item:nth-child(1) {
        width: 49%;
    }

}

@media (max-width: 768px) {
    header {
        padding: 12px 0 0;
    }

    .hero-section {
        height: auto;
    }

    .hero-section .swiper-slide {
        flex-direction: column-reverse;
    }

    .hero-section .swiper-slide:not(.dark-slide) {
        background-color: #ebebeb;
    }

    .slide-content {
        height: auto;
        padding: calc(50 / 768* 100vw) 0 calc(93 / 768* 100vw);
    }

    .slide_bg,
    .slide_bg .bg-img {
        position: relative;
    }

    .swiper-control>* {
        position: absolute;
        top: 30%;
    }

    .swiper-control>*:after {
        font-size: calc(33/768 * 100vw) !important;
    }

    .swiper-control {
        position: static;
    }

    .slide_bg img {
        position: relative;
        height: calc(746 / 768* 100vw);
    }

    .slide-content h5 {
        font-size: 10px;
        padding-bottom: calc(25 / 768* 100vw);
        margin-bottom: calc(65 / 768* 100vw);
    }

    .desktop-main {
        display: none;
    }

    .mobile-main {
        display: block;
    }

    .awards-list {
        flex-wrap: wrap;
        row-gap: calc(32/768 * 100vw);
        padding-top: calc(50/768 * 100vw)
    }

    .awards-list li:nth-child(1) {
        width: calc(108/768 * 100vw)
    }

    .awards-list li:nth-child(2) {
        width: calc(118/768 * 100vw)
    }

    .awards-list li:nth-child(3) {
        width: calc(152/768 * 100vw)
    }

    .awards-list li:nth-child(4) {
        width: calc(90/768 * 100vw)
    }

    .awards-list li:nth-child(5) {
        width: calc(185/768 * 100vw)
    }

    .awards-list li:nth-child(6) {
        width: calc(152/768 * 100vw)
    }

    .awards-list li:nth-child(7) {
        width: calc(144/768 * 100vw)
    }

    .blog-section .container {
        max-width: calc(696/768 * 100vw);
        padding: 0;
    }

    .blog-section h2 {
        font-size: calc(51/768 * 100vw)
    }

    .blog-section .blog-title {
        justify-content: center !important;
    }

    .blog-section .blog-title a {
        font-size: calc(27/768 * 100vw);
    }

    .blog-section .list {
        flex-direction: column;
        grid-row-gap: calc(41/768 * 100vw)
    }

    .blog-section .blog-list .item {
        max-width: 100%;
    }

    .blog-section .item .text,
    .blog-section .item .overlay {
        display: none
    }

    .blog-section .item-profile-img {
        width: calc(68/768 * 100vw);
        height: calc(68/768 * 100vw);
        margin-right: calc(17/768 * 100vw)
    }

    .blog-section .item-user {
        font-size: calc(26.99/768 * 100vw);
        line-height: calc(32.39/768 * 100vw)
    }

    .blog-section .item-title {
        font-size: calc(38.55/768 * 100vw);
        line-height: calc(48.19/768 * 100vw)
    }

    .blog-section .item-views,
    .blog-section .item-socials,
    .blog-section .item-date {
        font-size: calc(26.94/768 * 100vw);
        line-height: calc(32.33/768 * 100vw)
    }

    .blog-section .item-views img {
        width: calc(35/768 * 100vw);
        height: calc(17/768 * 100vw);
        margin-right: calc(11/768 * 100vw)
    }

    .blog-section .item-socials .share {
        margin-left: calc(27/768 * 100vw)
    }

    .blog-section .item-socials .share img {
        width: calc(29/768 * 100vw);
        height: calc(24/768 * 100vw);
        margin-right: calc(12/768 * 100vw)
    }

    .blog-section .item-socials .likes img {
        width: calc(30/768 * 100vw);
        height: calc(29/768 * 100vw);
        margin-right: calc(12/768 * 100vw)
    }

    .blog-section .item-top {
        margin-bottom: calc(30/768 * 100vw)
    }

    .blog-section .item-bottom {
        margin-top: calc(45/768 * 100vw);
        padding-top: calc(45/768 * 100vw)
    }

    .blog-section .item-content {
        min-height: calc(391/768 * 100vw);
        padding: calc(41/768 * 100vw) calc(34/768 * 100vw) calc(36/768 * 100vw)
    }

    .contact-cta h2 {
        font-size: 25px;
        text-align: center
    }

    .cta-heading p {
        font-size: 30px;
    }

    .works-link {
        height: 77px;
        width: 77px;
        font-size: 7px;
        line-height: 1;
        border-width: 1px;
    }

    .accordion-text {
        flex-wrap: wrap;
        height: calc(1600 / 4100* 100vw);
        font-size: 9px;
        line-height: 1.4;
    }

    .accordion-text .list {
        width: 50%;
    }

    .info-block .info-header {
        padding: 16px
    }

    .info-block.open .content {
        padding: 14px 16px
    }

    .info-block h1 {
        font-size: 30px
    }

    .info-block h2 {
        font-size: 27px
    }

    .info-block h3 {
        font-size: 23px
    }

    .info-block p {
        font-size: 15px
    }

    .morozoff_hero img {
        width: 100%;
        object-fit: cover;
        height: calc(2300 / 4100* 100vw);
    }

    .page-header h1 {
        font-size: calc(34 / 768* 100vw);
        letter-spacing: 2.7vw;
        line-height: 1.6;
    }

    .litte_box__about_col {
        display: none;
    }

    .litte_box__about .mobile-col {
        padding: 0 1.5em;
        display: block;
    }

    .strawmans_hero .branding_logo__hero {
        width: 36.95122vw;
        /* height: 36.87805vw; */
    }

    .mutant_concept_section .concept__title {
        transform: rotate(-90deg);
    }

    .inner-page .web_wrap,
    .inner-page .web_wrap .web_col .web_col_mobile {
        display: block;
    }

    .inner-page .web_wrap .web_col .web_col_video {
        display: none;
    }

    .airguard_style {
        padding: 30px 0;
    }

    .airguard_style__colors .airguard-title {
        margin: 0 0 30px 0;
    }

    .airguard_style__colors-item-color {
        width: 50px;
        height: 50px;
        margin: 0 0 10px 0;
    }

    .airguard_style__content {
        padding: 0 15px;
    }

    .airguard_icons_item picture {
        width: 50px;
        height: 50px;
    }

    .airguard_mobile {
        overflow: hidden;
    }

    .airguard_mobile picture {
        display: block;
        width: 190%;
        transform: translate(-21%, 0);
    }

    .packaging_content {
        flex-direction: column;
    }

    .packaging_content .packaging_content__aside,
    .packaging_content .packaging_content__main {
        margin-bottom: 20px;
        border-left: none;
    }

    .packaging_content .rating .stars {
        width: 100px;
    }

    .achor-mark_cta .packaging_cta__item:nth-child(2) {
        margin: -41.46341vw 0px 0px 0px;
        z-index: 1;
    }
}

@media (min-width: 767.98px) {
    .eco_mainhero img {
        min-height: 100vh;
        object-fit: cover;
    }

    .beejoya-cta {
        min-height: 100vh;
    }

    .beejoya-cta .text {
        padding: 0 0 0 2.56098vw;
    }

    .beejoya-cta .text::before {
        content: "";
        width: .14634vw;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000;
    }

    .aloelove-bottle-cta {
        padding: 5.85366vw 0 0;
    }

    .aloelove-bottle-cta .text {
        margin: 0 0 0 5%;
        padding: 0 0 0 5%;
    }

    .turbane_cta-content .text {
        padding: 0 0 0 2.56098vw;
    }

    .turbane_cta-content .text::before {
        content: "";
        width: .14634vw;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000;
    }

    .w-md-50 {
        width: 50%;
    }

    .w-md-58 {
        width: 58%;
    }

    .w-md-42 {
        width: 42%;
    }

    .studeo_cta-section_img:nth-child(1) {
        padding-right: 15.2645vw;
        max-width: 62.8%;
    }

    .studeo_cta-section_img:nth-child(2) {
        max-width: 37.2%;
        padding-top: 8.1234vw;
        margin-bottom: 60px;
    }

    .studeo_cta-section_img:nth-child(3) {
        max-width: 48%;
    }

    .studeo_cta-section_img:nth-child(4) {
        max-width: 50.3%;
        background-image: url('../images/web/studeo/abstract-line.svg');
        padding: 0% 0% 0% 0%;
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: 79% auto;
    }

    .hyre-brandguide_content {
        width: 41.9%;
    }

    .hyre-brandguide_image {
        width: 58.1%;
        text-align: right;
    }

    .hyre-iconography_item {
        width: 50%;
    }

    .hyre-desktopapp_item:nth-child(1) {
        width: 37.319%;
    }

    .hyre-desktopapp_item:nth-child(2) {
        width: 62.681%;
    }

    .hyre-uielements_item {
        width: 50%;
    }

    .nymble-web-application_item:first-child {
        width: 30%;
    }

    .nymble-web-application_item:nth-child(2) {
        width: 70%;
    }

    .nymble-hero_logo_content_img {
        width: 65.3%;
    }

    .nymble-hero_logo_content_text {
        width: 34.7%;
    }

    .nymble-main_hero_content {
        width: 43.85%;
    }

    .nymble-main_hero_img {
        width: 56.15%;
    }

}

@media (max-width: 767.98px) {
    header {
        padding: 6px 0 0;
    }

    footer {
        /* padding: calc(70 / 768* 100vw) calc(36 / 768* 100vw) calc(44 / 768* 100vw); */
        padding: calc(44 / 768* 100vw) calc(36 / 768* 100vw) 0;
        flex-direction: column;
    }

    .footer__logo {
        display: none;
    }

    .footer-link {
        flex-direction: column;
        width: 100%;
    }

    .info-footer__link {
        position: relative;
        padding: 0;
        padding-bottom: 2px;
        border-bottom: 1px solid #fff;
    }

    .info-footer__item {
        margin-bottom: calc(61 / 768* 100vw);
        font-size: calc(27/768 * 100vw);
    }

    .info-footer__item:not(:first-child, :last-child) {
        display: none;
    }

    .info-footer__item:nth-child(1) {
        flex-wrap: wrap;
        flex-direction: column;
        font-size: calc(23/768 * 100vw);
        order: 3;
        text-align: center;
        margin: 0;
    }

    .info-footer__item:nth-child(1)>li:not(:nth-child(3), :nth-child(4)) {
        display: none;
    }

    .info-footer__item:last-child {
        border-bottom: none;
        display: flex;
        justify-content: space-between;
        order: 2;
    }

    .services-section h2 {
        font-size: 9px;
    }

    .services-section h2:after {
        bottom: -5px;
    }

    .services-section .accordion-item {
        border-width: 1px;
        padding-right: 0.5rem;
    }

    .services-section .accordion-header .accordion-button span {
        -webkit-text-stroke: 1px #29272a;
    }

    .info-block.open .info-container {
        min-height: calc(80vh)
    }

    .project-nav a {
        font-size: 12px;
    }

    .contaact-call-wrapper {
        padding: 40px 0 3.65854vw;
    }

    .eco-bottle-cta {
        padding: 50px 0 0;
    }

    .eco-bottle_cta_img {
        padding: 50px 0;
    }

    .eco-bottle_print__wrapper {
        padding: 0;
    }

    .eco-bottle_logo {
        display: none;
    }

    .eco-bottle-showcase:after {
        transform: rotate(3deg);
    }

    .kara_mainhero .kara-logo {
        width: 200px;
    }

    .aloelove-bottle-cta h2 {
        text-align: left;
        margin: 0 0 .29586em;
    }

    .aloelove-bottle-cta .text::before {
        display: none;
    }

    .backwelle_cta-item-img {
        flex: 0 0 90px;
    }

    .backwelle_cta-decor {
        margin: 30px -3% 4.34783vh 0;
        height: 150px;
    }

    .turbane_hero_wrapper-logo {
        width: 22.56098vw;
    }

    .turbane_cta-content h2 {
        margin: 0 0 .61111em;
    }

    .turbane_cta-content {
        padding: 0 0 20px;
    }

    .sawa_hero-cta-content__box h2::before {
        background-color: #4e2714;
    }

    .sawa_hero-cta-content__box1 {
        color: #4e2714;
    }

    .branding_item {
        padding: 0 0 20px;
    }

    .timemd_cta_row .timemd_cta_item {
        flex: 0 0 100%;
    }

    .airguard-title::after {
        width: 100px;
        height: 1px;
    }

    .airguard_cta {
        overflow: hidden;
    }

    .airguard_cta picture {
        display: block;
        margin: 0 -30%;
    }

    .keep-fitup-content {
        padding-top: 100px;
    }

    .fitup_colors_wrapper {
        display: block;
    }

    .fit_color_col {
        margin-bottom: 15px;
    }

    .designs-500 {
        padding: calc(82px + 4rem) 0 4rem 0;
    }

    .container_designs-500 {
        padding: 0 1.25rem;
    }

    .designs-500_section {
        gap: 46px;
    }

    .designs-500_title {
        font-size: 44px;
    }

    .designs-500_cta_text h4 {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }

    .designs-500_cta_text p {
        font-size: 1.75rem;
        line-height: 2.1rem;
        margin-top: 0.5rem;
    }

    .designs-500_approach {
        gap: 28px;
    }

    .designs-500_approach h3 {
        font-size: 1.375rem;
        line-height: 1.925rem;
    }

    .designs-500_approach h4,
    .designs-500_visual h4,
    .designs-500_experience h4,
    .designs-500_verbal-text h4 {
        font-size: 2.25rem;
        line-height: 2.7rem;
    }

    .designs-500_approach p,
    .designs-500_visual p,
    .designs-500_experience p,
    .designs-500_verbal-text p {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }

    .none-img-md {
        display: none;
    }

    .designs-500_testimonial {
        gap: 28px;
    }

    .designs-500_testimonial h3 {
        font-size: 1.375rem;
        line-height: 1.925rem;
    }

    .designs-500_testimonial-item .testimonial_text {
        margin: 2rem 0;
        font-size: 2.25rem;
        line-height: 2.7rem;
    }

    .designs-500_testimonial-item .testimonial_footer {
        margin: 0;
    }

    .designs-500_testimonial-item .testimonial_footer h5,
    .designs-500_testimonial-item .testimonial_footer span {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }

    .designs-500_more h2 {
        font-size: 2.375rem;
        line-height: 2.85rem;
        letter-spacing: -0.08313rem;
    }

    .designs-500_more-wrapper {
        margin: -20px calc(0rem / -2);
        width: calc(100% + 0rem);
        display: block;
    }

    .designs-500_more-item {
        padding: calc(2.5rem / 2) 0;
    }

    .designs-500_more-item h6 {
        font-size: 1.625rem;
        line-height: 1.95rem;
    }

    .designs-500_more-item p {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }

    .designs-500_verbal {
        flex-direction: column-reverse;
        gap: 64px;
    }

    .packaging_hero__text {
        display: none;
    }

    .print_graphics__wrapper {
        max-height: 100%;
    }

    .print_graphics__item {
        width: 100%;
    }

    .passionate_hero h1 {
        font-size: 36px;
    }

    .passionate_hero_links {
        gap: 15px 0;
    }

    .passionate_hero_links_items {
        width: 50% !important;
        padding: 0 !important;
    }

    .studeo_about-section {
        padding: 0;
        margin: 40px 0;
    }

    .studeo_hero_video {
        margin-top: 20px;
    }

    .studeo_solution-section {
        margin: 0 -20px;
    }

    .studeo_solution-section_content {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        gap: 20px;
        position: relative;
    }

    .studeo_timeline-section h3,
    .studeo_solution-section_content h3,
    .studeo_mobile-mockup h2,
    .studeo_customicon-section h2 {
        font-size: 40px;
    }

    .studeo_solution-section_content p {
        max-width: 377px;
    }

    .studeo_thanks-section {
        padding-top: 40px;
    }

    .studeo_mobile-mockup {
        background-position: 0% 0px;
        background-size: 0% auto;
        padding: 40px 0;
        gap: 60px;
        margin: 0 -20px;
    }

    .studeo_customicon-section {
        padding: 40px 0;
        gap: 20px;
    }

    .studeo_cta-section {
        padding-top: 40px;
        background-position: 0% 0px;
        background-size: 0% auto;
        margin: 0 -20px;
    }

    .studeo_cta-section::before {
        background-size: 0px auto;
    }

    .studeo_cta-section_img:nth-child(2) {
        padding-left: 10%;
        margin-bottom: 60px;
    }

    .studeo_cta-section_img>div {
        padding: 0 20px;
        margin-top: 10px;
    }

    .privio_main-section {
        margin: 20px -20px 0;
    }

    .privio_main-section_header_logo {
        position: absolute;
        top: 15px;
        left: 15px;
        max-width: 80px;
    }

    .privio_about {
        padding: 0 20px;
    }

    .privio_about_image {
        width: 100%;
    }

    .privio_userflow .privio-heading {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .privio_wireframes_content,
    .privio_wireframes_content-more {
        padding: 0 20px;
    }

    .privio_colors {
        padding: 6% 20px;
        gap: 30px;
    }

    .privio_colors_content {
        width: 100%;
    }

    .privio_colors_content {
        padding: 0 20px 0 0;
    }

    .privio_colors_icons {
        padding-right: 0px;
        width: 86.5%;
    }

    .privio_colors_fonts {
        width: 66%;
    }

    .privio_options_content {
        padding: 0px 40px 20px 40px;
    }

    .solance_hero_imgs {
        gap: 30px;
    }

    .cursor {
        display: none;
    }

    .hyre-main {
        padding: 60px 20px 0px 20px;
    }

    .hyre-main_content_text h4 {
        max-width: 323px;
    }

    .hyre-timeline {
        padding: 50px 20px 0px 20px;
    }

    .hyre-timeline-wrapper {
        justify-content: flex-start;
    }

    .hyre-timeline-line {
        width: 70%;
    }

    .hyre-timeline-item {
        max-width: 33%;
    }

    .hyre-timeline-item p {
        font-size: 16px;
    }

    .hyre-brandguide {
        padding: 40px 0 0;
        flex-direction: column;
    }

    .hyre-brandguide_content,
    .hyre-brandguide_image {
        width: 100%;
    }

    .hyre-brandguide_text {
        padding: 0 20px;
    }

    .hyre-about-guide {
        padding: 60px 0px 0px;
    }

    .hyre-iconography {
        padding: 40px 20px 0;
    }

    .hyre-iconography_item_text {
        padding-right: 0;
    }

    .hyre-mascot {
        padding: 40px 20px 0;
    }

    .hyre-mascot_item {
        width: 33.33%;
    }

    .hyre-mascot_item:nth-child(1) {
        width: 100%;
    }

    .hyre-mascot_item_text {
        padding-right: 0;
    }

    .hyre-mascot-2 {
        padding-bottom: 0px;
    }

    .hyre-mascot-2 .hyre-mascot_item,
    .hyre-mascot-2 .hyre-mascot_item:nth-child(1) {
        width: 33.33%;
    }

    .hyre-mascot-2 .hyre-mascot_item:nth-child(4) {
        width: 100%;
    }

    .hyre-website-wrapper {
        gap: 20px;
    }

    .hyre-website_item {
        width: 100% !important;
    }

    .hyre-website_item_text {
        padding-right: 0;
        text-align: left;
    }

    .hyre-website_item_image1 img {
        width: 100%;
    }

    .hyre-cta-sec1 {
        padding-top: 40px;
    }

    .hyre-wireframe {
        padding: 40px 20px 0;
    }

    .hyre-wireframe_content {
        padding-right: 0;
    }

    .hyre-wireframe_content h2 {
        text-align: left
    }

    .hyre-mobilescreens {
        padding-top: 20px;
    }

    .hyre-homescreen {
        padding: 40px 0 0;
    }

    .hyre-homescreen-item {
        padding: 0px 10px;
    }

    .hyre-homescreen-item:nth-child(1) {
        padding-bottom: 30px;
    }

    .hyre-desktopapp {
        padding: 40px 20px 0px 20px;
    }

    .hyre-desktopapp_item:nth-child(1) {
        width: 100% !important;
    }

    .hyre-desktopapp_item:nth-child(2) {
        width: 100% !important;
    }

    .hyre-desktopapp_item_text {
        padding-right: 0;
    }

    .hyre-desktopapp_item_text h2 {
        text-align: left;
    }

    .hyre-uielements {
        padding: 40px 0 0;
        background-position: bottom left;
        background-size: 250% auto;
    }

    .hyre-uielements-wrapper {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .hyre-uielements_item_image {
        padding-bottom: 0;
    }

    .hyre-uielements_item img {
        width: 100% !important;
    }

    .hyre-uielements_item:nth-child(1) h2 {
        display: none;
    }

    .hyre-uielements_item:nth-child(2) {
        padding-top: 0;
    }

    .hyre-uielements_item:nth-child(2) h2 {
        display: block;
    }

    .hyre-uielements_item h3 {
        padding: 0 20px 20px;
    }

    .hyre-uielements_item p {
        padding: 0 20px;
    }

    .nymble-main {
        padding: 0;
    }

    .nymble-screens_img:nth-child(2) {
        margin-top: -30px;
    }

    .nymble-screens_title {
        padding: 60px 20px 20px 20px;
    }

    .nymble-screens_iconography {
        padding: 60px 20px 20px 20px;
    }

    .nymble-screens_colors_item p,
    .nymble-screens_iconography_item p {
        padding-bottom: 20px;
    }

    .nymble-screens_iconography_item .icon_wrapper {
        margin-right: 38px;
        margin-left: -16px;
        padding-bottom: 30px;
    }

    .nymble-screens_iconography_item .icon_wrapper img {
        width: 100%;
    }

    .nymble-screens_colors {
        padding: 50px 20px 60px 20px;
    }

    .nymble-screens_colors_item .color_wrapper {
        padding-bottom: 30px;
    }

    .nymble-screens_colors_item .color_wrapper img {
        width: 100%;
    }

    .nymble-cta_section {
        padding: 0px 20px 40px;
    }

    .nymble-cta_section .nymble-cta_img {
        padding-bottom: 40px;
    }

    .nymble-web-application {
        padding: 0px 20px 60px 20px;
    }

    .nymble-web-application_item:first-child {
        padding-right: 0px;
        padding-bottom: 20px;
        position: relative;
    }

    .nymble-wireframes {
        padding: 0px 20px 0px 20px;
    }

    .nymble-branding {
        padding: 50px 20px 20px 20px;
    }

    .nymble-branding-img.img1:nth-child(1) {
        margin-top: -30px;
    }

    .nymble-branding-img.img1 {
        padding-bottom: 30px;
    }

    .nymble-branding-content h4 {
        letter-spacing: -1.2px;
    }

    .nymble-logo-item .logo1 {
        margin: 50px 0;
    }

    .nymble-logo-item p {
        position: static;
        max-width: 100%;
        padding: 0 20px 5px 20px;
    }

    .nymble-website1_img {
        padding: 0px 20px;
    }

    .nymble-website-content-text p {
        padding-bottom: 1em;
    }

    .nymble-website2_img {
        padding: 40px 20px 0px 7px;
    }

    .nymble-hero_logo_content {
        padding: 20px 20px 20px 20px;
    }

    .nymble-hero_logo_content_img img {
        width: 100%;
    }

    .nymble-hero_logo {
        padding: 40px 20px 20px 20px;
    }

    .nymble-hero_logo img {
        width: 100%;
    }

    .nymble-steps {
        padding: 20px 20px 0px 5px;
    }

    .nymble-step-item {
        padding: 18px 0px 40px 0px;
        background-position: 16px 23px;
    }

    .nymble-step-item:nth-child(3),
    .nymble-step-item:nth-child(5),
    .nymble-step-item:nth-child(7) {
        background-position: 16px 0px;
    }

    .nymble-step-item:nth-child(9) {
        background-position: 16px -260px;
    }

    .nymble-steps-text {
        padding: 40px 0px 40px 15px;
    }

    .nymble-main_hero_content {
        padding: 40px 20px 0px 20px;
    }

    .nymble-main_hero_content_logo {
        margin-bottom: 30px;
    }

    .nymble-main_hero_img {
        padding: 20px 0px 181px 0px;
    }

    .nymble-main_hero {
        min-height: 0;
    }

    .nymble-main_hero_img .mainimg1 {
        top: 0;
        left: 0;
        width: 100%;
        padding: 0 40px;
    }

    .nymble-main_hero_img .mainimg1 img {
        width: 227px;
    }

    .nymble-main_hero_img .mainimg2 {
        left: 15px;
        top: 102px;
        width: 56px;
    }

    .nymble-main_hero_img .mainimg3 {
        top: -10px;
        width: 88px;
        right: 18%;
    }
}

@media(max-width: 779px) {
    .timemd_cta_row .timemd_cta_item {
        display: none;
    }
}

@media(max-width: 650px) {

    .eco-bottle_cta_img::before,
    .eco-bottle_cta_img::after {
        height: 100px;
    }

    .eco-bottle_cta_img::before {
        top: -80px;
    }

    .eco-bottle_cta_img::after {
        top: -50px;
    }
}

@media(max-width: 600px) {
    .eco-bottle-cta h2 {
        font-size: 18px;
    }

    .kara_mainhero {
        min-height: calc(1800 / 4100* 100vw)
    }

    .kara_mainhero .kara-logo {
        margin-top: 153px;
    }

    .kara-logo_context {
        padding: 6.4907vh 0 0;
        display: block;
    }

    .kara-logo_context .logo_color {
        display: none;
    }

    .kara-logo_context .logo_font__text h6 {
        font-size: 23px;
    }

    .kara-logo_context .logo_font__text p {
        font-size: 14px;
    }

    .morozoff_hero img {
        height: calc(1800/4100 * 100vw);
    }

    .morozoff_about_content .text {
        font-size: calc(63 / 4100* 100vw);
        line-height: 1.4;
    }

    .morozoff_about_wrapper h2,
    .morozoff_about_wrapper p,
    .morozoff_showcase h2,
    .morozoff_showcase p,
    .morozoff_cta h2,
    .morozoff_cta p,
    .morozoff_video_wrap h2,
    .morozoff_video_wrap p {
        font-size: 8px;
    }

    .morozoff_about_wrapper p {
        right: calc(-220 / 4100* 100vw);
    }

    .morozoff_cta h2 {
        right: calc(-66 / 4100* 100vw);
        top: calc(1200 / 4100* 100vw);
    }

    .branding_col {
        flex: 1 1 100%;
    }

    .packaging_wrapper {
        columns: 1;
    }
}


@media(max-width: 580px) {
    .backwelle_cta-item-img {
        flex: 0 0 50px;
    }

    .backwelle_cta-item-text h4 {
        font-size: calc(16px + 71 * ((100vw - 320px)/3780));
    }

    .backwelle_cta-item-text h6 {
        margin: .54054em 0;
        font-size: calc(14px + 27*((100vw - 320px) / 3780));
    }

    .backwelle_cta-item-text .backwelle_cta__text {
        font-size: calc(10px + 22*((100vw - 320px) / 3780));
    }

    .backwelle_cta-item:last-child .backwelle_cta-item-text h4 {
        font-size: calc(16px + 71 * ((100vw - 320px)/3780));
    }

    .backwelle_cta-item:last-child .backwelle_cta-item-text h6 {
        margin: .54054em 0;
        font-size: calc(14px + 27*((100vw - 320px) / 3780));
    }

    .sawa-logo__font h2 {
        font-size: calc(14px + 14*((100vw - 320px) / 3780));
    }

    .sawa-logo__font p {
        font-size: calc(10px + 18*((100vw - 320px) / 3780));
    }

    .turbane_hero_wrapper-bg {
        top: 20px;
    }

    .turbane_hero_wrapper .container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 50px 0 0 20px;
    }

    .turbane_hero_wrapper .container {
        padding-top: 70px;
    }

    .estative_slider,
    .estative_slider .swiper-slide .swiper-left,
    .estative_slider .swiper-slide .swiper-right {
        height: 55vh;
    }

    .estative_introduction_col:nth-child(3) .col,
    .estative_introduction_col:nth-child(4) .col {
        width: 100%;
        flex: none;
    }

    .estative_title {
        margin: 30px 0;
    }

    .estative_brand .col {
        flex: none;
    }

    .estative_design_wrap {
        flex-wrap: wrap;
        padding: 0 6vw;
    }

    .estative_design-col:nth-child(1) {
        min-height: 60vw;
    }


}

@media (max-width: 575.98px) {
    .casestudy_box {
        aspect-ratio: unset;
        margin-top: 1rem;
        border-radius: 8px;
    }
}

@media (min-width: 510px) {
    .mutant-combination-text {
        height: 32vw;
    }
}

@media(max-width: 500px) {
    .eco-bottle-cta .text {
        padding: 1.05em 0 0 4.26vw;
    }

    .inner-page {
        padding: 90px 20px 0;
    }
}

@media(max-width: 425px) {
    .info-block {
        left: 8px;
        bottom: 20px
    }

    .info-block .info-header {
        font-size: 15px
    }

    .info-block.open .info-container {
        width: calc(100% - 8px);
        min-width: auto
    }

    .eco-bottle-cta h2 {
        font-size: 14px;
    }
    section.logo_design_wrap .logo_tab .logo-nav {
        gap: 3px;
        display: grid;
        grid-template-columns: repeat(2 ,1fr);
    }
    
    section.logo_design_wrap .logo_tab .logo-nav .nav-item .nav-link {
        font-size: 10px;
        padding: 2px 3px;
    }
    
    section.logo_design_wrap .logo_tab .tab-content .images_taps {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    section.logo_design_wrap .logo_tab {
        margin: 30px 0px;
    }
}

/* ATTIC-SALT PAGES */
@media screen and (max-width: 1560px) {
    .brigadebranding-ctatext_wrap h2 {
        font-size: 30px;
    }
}

@media screen and (max-width:1291.98px) {
    .brigadebranding-container {
        padding: 0 30px;
    }

    .brigadebranding-ctatext_wrap {
        grid-template-columns: 1fr;
        grid-template-areas:
            "collab"
            "approach"
            "awards";
    }
}

@media screen and (max-width: 1019.98px) {
    .brigadebranding-herosection {
        height: 400px;
    }

    .brigadebranding-herosection_overlay h1 {
        width: calc(100% - 40px - 40px);
        bottom: 30px;
    }

    .brigadebranding-about {
        padding: 40px 0;
    }

    .brigadebranding-about_wrap {
        display: block;
    }

    .brigadebranding-about h2 {
        max-width: 100%;
    }

    .brigadebranding-about_content {
        margin: 40px 0 0 0;
        padding: 0;
        border: 0;
    }

    .brigadebranding-ctatext_wrap p {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .atticsalt-main {
        padding: 6rem 4rem;
    }

    .atticsalt-header {
        margin-bottom: 3.5rem;
    }

    .atticsalt-title h1 {
        font-size: 3.8rem;
    }

    .atticsalt-title .btn svg {
        width: 1.2rem;
    }

    .atticsalt-body {
        grid-template-columns: 3fr 1fr;
        padding: 3.5rem 0;
    }

    .atticsalt-text {
        padding: 2rem 0;
    }

    .atticsalt-text-medium {
        font-size: 1.8rem;
    }

    .freespade-row,
    .freespade-row2 {
        grid-template-columns: 1fr;
    }

    .freespade-col.col-h-auto {
        aspect-ratio: unset;
    }

    .freespade-col.h-auto>img {
        position: relative;
    }

    .freespade-row4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 1rem;
    }

    .atticsalt-text2 {
        padding: 2rem;
    }
}

@media screen and (max-width: 970.667px) {
    .brigadebranding-about h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 809.98px) {
    .brigadebranding-pages {
        /* padding-top: 59px; */
        padding-top: 72px;
    }

    .brigadebranding-ctaimages-col,
    .brigadebranding-ctaimages-col2,
    .brigadebranding-ctaimages-col3,
    .brigadebranding-ctaimages-col21 {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .atticsalt-main {
        padding: 6rem 2rem;
    }

    .atticsalt-header {
        margin-bottom: 3rem;
    }

    .atticsalt-title h1 {
        font-size: 2.5rem;
    }

    .atticsalt-body {
        padding: 3rem 0;
        grid-template-columns: 2fr;
    }

    .atticsalt-title .btn {
        font-size: 1.1rem;
    }

    .atticsalt-text-medium {
        font-size: 1.6rem;
    }

    .atticsalt-text-base {
        font-size: 1.1rem;
    }

    .bridgephx-ctatext {
        padding-bottom: 40px;
    }

    .brigadebranding-herosection_overlay h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 479px) {
    .atticsalt-main {
        padding: 6rem 1.5rem;
    }

    .atticsalt-header {
        margin-bottom: 1.5rem;
    }

    .atticsalt-title {
        flex-direction: column;
        align-items: start;
        gap: 1.75rem 1rem;
    }

    .atticsalt-title h1 {
        font-size: 2.3rem;
    }

    .atticsalt-title .btn {
        font-size: 1rem;
    }

    .atticsalt-body {
        padding: 1.5rem 0;
    }

    .atticsalt-text-medium {
        font-size: 1.4rem;
    }

    .freespade-row4 {
        grid-template-columns: 1fr;
    }

    .atticsalt-text2 {
        padding: 2rem 0;
    }

    .bridgephx-container {
        padding: 0 15px;
    }

    .bridgephx-divider {
        width: 80px;
        margin: 10px 0;
    }

    .bridgephx-divider.h-0 {
        height: 0;
    }

    .bridgephx-ctatext p {
        font-size: 10px;
    }
    .slide-text {
        margin: 0;
    }
    .cta-heading p.short {
        font-size: 16px;
    }
    
    .brand-cta {
        padding: 160px 0 60px;
    }
    
    .brand-cta .line-down {
        margin: 50px 0px 0px;
    }
    
    section.casestudies_wrap.home_base_wrap .page-header h1 {
        font-size: 16px;
    }
}



/* !ATTIC-SALT PAGES */

/*  
 
Developed By: Velocitec Systems
https://velocitecsystems.com/
Developer: Shoaib Hussain

*/