#debug-container
{
    position: fixed;
    z-index: 100000;
}

.debug {
    background-color: aquamarine;
    display: inline;
}

#debug-landscape, #debug-portrait, #debug-screen
{
    display: none;
}

.about_sec3 .container .toggle_div_btn {display: none;}

/* Homepage tablinks*/
.second_sec_services .container .card_links .tablinks i{ display: none;}
.second_sec_services .container .card_detail_box p {
    text-transform: none;            
    font-size: 22px !important; 
    line-height: 1.5rem !important;
}

/* Our work page, tablinks*/
/*.work_sec2 .serv_card_sec {display: none;}*/

.brands_slider_sec .home_brands_grid{display: none;}

.sticky_container figure.brand_img{    
    /*border-radius: 35px;*/
    height: auto;
    width: 100%;
    max-width: 600px;
}
.sticky_container figure.brand_img img {border-radius: 35px;}

.about_sec_content_wrapper .white_tiles_box {    
    width: 100vw;
    max-width: 1100px;
    /*overflow: hidden;*/
}

.menu_btn span {
    margin: 2px;
}

.about_team_sec_left{
    height:70vh;
    overflow-y: scroll;
}

.about_team_sec_right h2 {
    font-size: 5vw;
    line-height: 5vw;
}

.tabsBtn_wrapper .tablinks {
    margin-bottom: 20px;
    vertical-align: top;
    font-size: 2.45vh;
    padding: 1.8vw;
}

.header_button #openFormPopup
{
    /* color: var(--black); */
    color: var(--white);
}

#portfolio-popup {
    display: none;
}

#portfolio-popup .container .centered_contents
{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80%;
    padding: 10% 0;
}
.showcase .content-desktop {display: block;}
.showcase .content-mobile {display: none;}

@media(max-width:1080px)
{
    .footer_logo {width: 170px;}
    .footer_menu a {font-size:16px;}
}



/*
@media (orientation: portrait) {
    
    .header_menu a::before
    {
        width: 5vw;
        height: 5vw;            
        border-radius: 1vw 1vw 3vw;
        left: -7vw;
    }
}
*/

/** PORTRAIT **/
@media(max-width:835px) and (orientation:portrait) 

/*@media all and (orientation:portrait) */
{
    #debug-portrait {display: block;} 
    
    .main_header .logo_wrapper .logo{width:22vh;}

    /* Mobile menu button (the 3 lines) */
    .header_row .header_button .menu_btn { 
        gap: 8px;
        height: 5vh;
    }
    .header_row .header_button .menu_btn span{
        height: 0.5vh;
        /* margin-bottom: 20%; */
    }

    .hero_section_text, 
    .hero_section_text-about, 
    .hero_section_text-services, 
    .hero_section_text-work {
        text-align: left;
    }
    
    /*------------------------------------------------------------------------------------------------*/
    /* Homepage, section 1 (intro) */
    .home_sec1 {margin-top: 10vh; }

        /* Pink section */
        .home_sec1 .sticky_headings_sec {
            display: block;
            padding-top: 8vh;
            background-image: url(../images/new_shade.png);
            background-size: cover;
            height: 100vh;
        }
        
        /* Images, mobile only */
        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile{
            display: inline-block;
            margin-top: 7vh;
        }

        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .home_sec1_img{
            width: 80vw;
        }
        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .home_sec1_img img{
            position: absolute;
            /*width: 100%;*/
            width: 85vw;
        }

        
        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .img1{transform: rotate(-3deg) translateX(-3vw);}
        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .img2{transform: rotate(5deg) translateX(4vw); opacity: 0;}
        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .img3{transform: rotate(-2deg) translateX(0); opacity: 0;}
        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .img4{transform: rotate(4deg) translateX(4vw); opacity: 0;}

        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .img2{ animation: img2Anim 5s ease-out 2s infinite;}
        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .img3{ animation: img3Anim 5s ease-out 3s infinite;}
        .home_sec1 .sticky_headings_sec .home_sec1_images_mobile .img4{ animation: img4Anim 5s ease-out 4s infinite;}

        @keyframes img2Anim {
            0% {
                opacity: 0;
                -webkit-transform: rotate(5deg) translateX(4vw) translateY(10vh);
                transform: rotate(5deg) translateX(4vw) translateY(10vh);
            }
        
            10% {opacity: 1;                
                -webkit-transform: rotate(5deg) translateX(4vw) translateY(0vh);
                transform: rotate(5deg) translateX(4vw) translateY(0vh);
            }
            20% {opacity: 1;
                -webkit-transform: rotate(5deg) translateX(4vw) translateY(0vh);
                transform: rotate(5deg) translateX(4vw) translateY(0vh)
            }
            
            80% {opacity: 1;
                -webkit-transform: rotate(5deg) translateX(4vw) translateY(0vh);
                transform: rotate(5deg) translateX(4vw) translateY(0vh)
            }
            100% {opacity: 0;}
        }

        @keyframes img3Anim {
            0% {
                opacity: 0;
                -webkit-transform: rotate(-2deg) translateX(0vw) translateY(10vh);
                transform: rotate(-2deg) translateX(0vw) translateY(10vh);
            }
            10% {
                opacity: 0;
                -webkit-transform: rotate(-2deg) translateX(0vw) translateY(10vh);
                transform: rotate(-2deg) translateX(0vw) translateY(10vh);
            }

            20% {opacity: 1;                
                -webkit-transform: rotate(-2deg) translateX(0vw) translateY(0vh);
                transform: rotate(-2deg) translateX(0vw) translateY(0vh);
            }
            70% {opacity: 1;
                -webkit-transform: rotate(-2deg) translateX(0vw) translateY(0vh);
                transform: rotate(-2deg) translateX(0vw) translateY(0vh)
            }
            80% {opacity: 0;}
        }

        @keyframes img4Anim {
            0% {
                opacity: 0;
                -webkit-transform: rotate(4deg) translateX(0vw) translateY(10vh);
                transform: rotate(4deg) translateX(0vw) translateY(10vh);
            }
            20% {
                opacity: 0;
                -webkit-transform: rotate(4deg) translateX(0vw) translateY(10vh);
                transform: rotate(4deg) translateX(0vw) translateY(10vh);
            }
            30% {opacity: 1;                
                -webkit-transform: rotate(4deg) translateX(4vw) translateY(0vh);
                transform: rotate(4deg) translateX(4vw) translateY(0vh);
            }
            50% {opacity: 1;                
                -webkit-transform: rotate(4deg) translateX(4vw) translateY(0vh);
                transform: rotate(4deg) translateX(4vw) translateY(0vh);
            }
            60% {opacity: 0;}
        }


        /* Sticky images (desktop only) */
        /*
        .home_sec1 .sticky_images_sec {display: block;}        
        .home_sec1 .sticky_images_sec .home_bg_shade {height:27vh;}
        .scroll_home_img1, .scroll_home_img2, .scroll_home_img3, .scroll_home_img4 { position: relative;}
        */

        .sticky_container figure.brand_img{
            max-width: unset;
        }
        

        /* Home section 1 container */
        .home_sec1 .inner_container {
            /*font-size: 10vw;*/
            font-size: 6vh;
            padding-top: 3vh;
            padding-bottom: 3vh;
            width: 85vw;
            /*
            position: relative;
            top: -10vh;
            */
        }
    
        /* Home section 1, hero text */
        .home_sec1 .inner_container .hero_section_text  {padding-top: 0px;}
        .home_sec1 .inner_container .hero_section_text h1{
            font-size: 1em !important;
            line-height: 1.1em !important;        
            font-weight: 700 !important;
            display: block;
        }

        /* Home section 1, paragraph text */
        .home_sec1 .inner_container .hero_section_text, 
        .hero_section_text-about, 
        .hero_section_text-services, 
        .hero_section_text-work {
            display: block;
        }

        .about_sec_para p, 
        .about_team_sec_left .team_intro p, 
        .brand_sec_detail p, 
        .content_sec_detail p, 
        .creative_sec_detail p, 
        .home_sec1 .sticky_headings_sec p, 
        .insights_sec_detail p, 
        .work_sec_para p,
        .para_text p{
            /*
            font-size: 0.45em !important;
            line-height: 1.2em !important;
            */
            font-size: 1.25rem !important; 
            line-height: 1.45rem !important;
        }
        
        /* Section headings */        
        .sec_heading {
            font-size: 3vh !important;
            text-decoration-color: var(--blue) !important;
            text-decoration-line: underline !important;
            text-decoration-thickness: 0.4vh !important;
        }


        /*------------------------------------------------------------------------------------------------*/
        /* Homepage - About Us*/

        .sec_about_home2 .container .hero_section_text h2 {font-size: 7vh; line-height: 1em;}
        .sec_about_home2 .container .about_sec_para p {font-size: 2em; line-height: 1em;}

        .second_sec_services .container .btn-holder,
        .home_about_sec .container .btn-holder {width: 100%; text-align:center;}
        
        .second_sec_services .container .brand_cta_btn,
        .sec_about_home2 .container .blue_btn{
            display: inline; 
            font-size: 1.2em;
        };
        

        /*.home_about_sec .container .hero_section_text h2{font-size:1em;}*/
        .second_sec_services .container a,
        .home_about_sec .container a{
            font-size: 4vh;
            border-radius: 1.5vh;
            max-width: 70vw;
            padding: 2vw 7vw;
        }

        .second_sec_services .container .card_links{
            align-items: flex-start;
        }
        .second_sec_services .container .card_links .tablinks {
            font-size: 1.3em;
            width: 100%;
            text-align: left;
            margin: 1vh 0 1vh 0;
        }

        .second_sec_services .container .card_links .tablinks i{
            display: inline-block;
            right: 0;
            position: absolute;
        }

        .second_sec_services .container .large_image_card_col {display: none;}
        .second_sec_services .container .cards_link_col{margin-top: 0;}

        /* CARD IMAGE FOR  THE + -*/
        .second_sec_services .container .card_links .card_btn.active .large_card{
            /*
            display: inline-block;
            height: fit-content;
            background-color: green;
            */
            display: block;
            height: 100%;
        }

        .second_sec_services .container .card_links .card_btn .large_card{
            /*display: none;*/
        }

        .card_links .card_btn::after {
            /*
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 2px;
            transition: .6s;
            background-color: var(--blue);
            */

            position: absolute;
            bottom: -0.4em;
            transition:none;
            width: 100%;
            height: 2px;
        }
        .card_links #tab4::after {
            display: none;
        }

        
        .second_sec_services .container .card_links .card_btn
        {
            opacity: 1.0;
        }
        .second_sec_services .container .card_links .mob-active
        {
            display: block;
            opacity: 1.0;
        }
        .second_sec_services .container .card_links .mob-active img,
        .second_sec_services .container .card_links .mob-active .card_detail_box,
        .second_sec_services .container .card_links .mob-active .card_detail_box p {            
            opacity: 1.0;
            visibility: unset;
        }
        
        .second_sec_services .container .card_links .mob-active .card_detail_box p{
            text-transform: none;
            font-size: 1.1rem !important; 
            line-height: 1.4rem !important;
        }

        .second_sec_services .container .card_links .card_detail_box p{
            text-transform: none; 

            font-size: 1.3rem !important; 
            line-height: 1.4rem !important;
        }

        .second_sec_services .container .card_links .card_btn .card-holder{
            /*opacity: 0.5;*/
            overflow: hidden;
        }



        /*------------------------------------------------------------------------------------------------*/
        /* Brands area*/
        .brands_slider_sec {padding: 8vh 0;}
        .brands_slider_sec .container {width: 90vw; max-width: 90vw}

        /* Don't show the carousel buttons */
        .brands_slider_sec .slick-arrow { display: none !important;}

        /* .brands_slider_sec .home_brands_slider {display: none;} */

        .brands_slider_sec .home_brands_grid
        {
            /* display: grid; */
            display: none;
            grid-template-columns: repeat(3, 32.5vw);
            /*gap: 3vw;*/
            /*margin: 35px;*/
            /*
            margin-left: 3vw;
            margin-right: 3vw;
            */
            column-gap: 0vw;
            row-gap: 4vw;
            margin: 4vw 0 0 2vw
        }
        .brands_slider_sec .home_brands_grid .brands_slide
        {
            width: 26vw !important;
            height: 26vw !important;
            border-radius: 1vw 1vw 4vw;
        }

    /*------------------------------------------------------------------------------------------------*/
    /* Homepage, section 2 (Services) */
    /* .second_sec_services {
            border-radius: 8vw 8vw 0 0;
        } */

    .second_sec_services .card_row .large_card {
        height: fit-content;
    }

    .second_sec_services .card_row .large_card img {height: auto; border-radius: 3vh 3vh 0 0 ;}
    .second_sec_services .card_row .large_card .card_detail_box {
        display: inline-block;
        position: relative;

        /*
        height: fit-content;
        padding: 4vh;
        top: -2vh;
        */
        height: fit-content;
        padding: 4vw 4vh;
        top: -4vw;

        border-radius: 0 0 3vh 3vh;
    }

    .work_sec1 .container {
            font-size: 7vh;
            padding-top: 3vh;
            padding-bottom: 3vh;
    }

    .work_sec1 .container .hero_section_text-work       {padding-top: unset;}
    .work_sec1 .container .hero_section_text-work h1    {font-size: 1em; line-height: 1em !important;}
    
    .work_sec1 .sticky_video_wrapper {
        display: block;
        width: 95vw !important;
        /*height:35vh;*/
        height:100%;
    }

    .work_sec1 .sticky_video_wrapper .video_btn {
        /* Play button size is 10% of view height*/
        height: 10vh; 
        width: 10vh;

        /*Ensure play button is centered*/
        top: 50%;
        transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        -o-transform: translateY(-50%) !important;
    }
    .work_sec1 .sticky_video_wrapper .video_btn  img {width: 10vh; padding: 20px;}

    .work_sec2{
        font-size: 4vh;        
        padding-bottom:0;
        background-image: linear-gradient(to bottom, rgba(57,59,87,1), rgba(255,0,0,0));
    }
    .work_sec2 .work_sec_para   {padding: 60px 0 0;}
    .work_sec2 .work_sec_para p {font-size: 1em; line-height: 1.2em;}

    /* Create the curved bottom (mobile only), for work_sec2 */
    .work_sec2_bottom   {background-color:var(--light-green);width:100vw;}
    .work_sec2_bottom .work_sec2_bottom_curves{
        width:100vw;
        height:50px;
        background-color: var(--light-purple) !important;
        border-radius: 0 0 5vh 5vh;
        margin-bottom: -1px;
        margin-top: -1px;
    }

    .work_carousel,
    .work_sec3  {padding: 60px 0px 60px 0px; margin-top: 0; height: 100%;}

    .work_carousel .container,
    .work_sec3 .container   {font-size: 8.5vw;}

    .work_carousel .hero_section_text h2,
    .work_sec3 .hero_section_text h2 {font-size: 1em !important; line-height: 1.1em !important;}

    .work_carousel .textUp3,
    .work_sec3 .textUp3 {
            font-size: 0.6em !important; 
            opacity: 0.6 !important;
            line-height: 1.2em !important;
            transform: none !important;
            text-align: center;
            margin: 5vh 0 !important;
    }

    .work_carousel .home_brands_slider,
    .work_sec3 .home_brands_slider
    {margin: unset !important;height: 30vh;}
    
    /*.work_sec3 .home_brands_slider                  {margin: unset !important; height: 0; margin: 0;display: none;}*/
    .work_carousel .home_brands_slider .brands_slide,
    .work_sec3 .home_brands_slider .brands_slide    {height: 25vh !important;width: 25vh !important;}

    /* Carousel arrows */
    .slick-arrow {
        height: 8vh !important; 
        width: 8vh !important; 
        
        top: 50% !important;
        transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        -o-transform: translateY(-50%) !important;
    }

    .work_carousel i.fa-solid.fa-arrow-left.slick-arrow,
    .work_sec3 i.fa-solid.fa-arrow-left.slick-arrow     {left: 5vw;}    


    .work_carousel i.fa-solid.fa-arrow-right.slick-arrow,
    .work_sec3 i.fa-solid.fa-arrow-right.slick-arrow    {right: 5vw;}

    /* Footer */
    .main_footer .footer_row .footer_mob_social a   {height: 10vw; width: 10vw; font-size: 4vw; margin-left: 1.5vw;}
    /* .main_footer .footer_row .footer_logo_col a img {height: 6vh; width: 18vh;} */
    /* .main_footer .footer_bottom         {align-items: self-start;} */
    /* .main_footer .footer_bottom p       {text-align: left; font-size: 1.5vh;} */
    /* .main_footer .footer_bottom span a  {text-align: right; font-size: 1.5vh;} */

    .footer_logo_col .footer_menu {display: none;}

    /*------------------------------------------------------------------------------------------------*/
    /* About Us page*/
    .about_sec  {
        background-color: var(--light-purple) !important; 
        background: none; 
        padding-bottom: 5vh;
    }

    .about_sec .container, 
    .about_sec_content_wrapper .container,
    .about_sec3 .container{
        font-size: 10vw;
    }

    .about_sec .container .hero_section_text-about h1,
    .about_sec_content_wrapper .container .hero_section_text h2{
        font-size: 1em !important; 
        line-height: 1.1em !important; 
        text-align: left !important;
        width: 85vw;
    }

    .hero_section_text, .hero_section_text-about, .hero_section_text-services, .hero_section_text-work {
        padding-top: 0;
    }

    .about_sec .container .about_sec_para p,
    .about_sec_content_wrapper .container .text_content p{
        
        /*
        font-size: 0.5em !important; 
        line-height: 1.1em !important;
        */
        text-align: left !important;
    }
    .about_sec_content_wrapper .tile_warraper .white_tiles_box h2 { 
        /*
        font-size: 6vw !important; 
        line-height: 1.2em !important;
        */
        text-align: left !important;
        font-weight: 100;

        font-size: 1.45rem !important; 
        line-height: 1.65rem !important;
    }

    .about_sec3 {padding: 5vh 0 5vh; }
    .about_sec3 .container                  {font-size: 4vh; padding: 0;}
    .about_sec3 .container .team_intro      {margin-bottom: 0px; overflow: hidden; height: 30vh; padding: 0;}
    .about_sec3 .container .team_intro h3   {font-size: 1em; margin-bottom: 0.4em;}
    .about_sec3 .container .team_intro h5   {font-size: 0.8em; line-height: 1em; margin-bottom: 1em;}
    .about_sec3 .container .team_intro p    {font-size: 0.8em; line-height: 1.3em}

    .about_sec3 .container .toggle_div_btn  {display: block; margin: 2vh 0 4vh 0;}
    .about_sec3 .container .toggle_div_btn p{color: #fff; font-size: 0.8em !important; font-size: 0.5em;}

    .about_sec3 .container .toggle_div_btn .fa-chevron-down,
    .about_sec3 .container .toggle_div_btn .fa-chevron-up   {color: #fff; font-size: 1em; font-size: 0.8em;}

    .about_team_sec_right h2 {
        font-size: 5vw;
        line-height: 5vw;
    }

    /*
    .about_sec .container .hero_section_text-about h1   {font-size: 1em; line-height: 5vh;}    
    .about_sec .container .about_sec_para p             {font-size: 0.5em; line-height: 1.5em;}
    */
    .about_sec_para {
        height: 100%;
    }

    .about_sec_content_wrapper {
        top: 0;
        height: 100%;
        overflow: hidden;
        padding: 12vh 0 0;
    }

    .about_sec_curved_bottom{ 
        position: absolute;
        z-index: 10;
        
        width: 100vw;
        height: 12vw;
        background: var(--light-purple);
        border-radius: 200vw / 12vh;

        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        
    }

    /*.about_sec_content_wrapper {font-size: 7vh !important; line-height: 5vh !important;} */
    .about_sec_content_wrapper .container .hero_section_text h2   {font-size: 0.7em !important; line-height: 1em !important;}   
    /*.about_sec_content_wrapper .container p  {font-size: 0.5em !important; line-height: 1.2em !important; text-align: left;}    */

    /*.about_sec_content_wrapper .tile_warraper .white_tiles_box h2 {font-size: 0.5em !important; line-height: 1.2em !important; text-align: left; font-weight: 100;}*/
    
    .about_sec_content_wrapper .tile_warraper .white_tiles_box .tiles_row {
        display: inline;
        display: grid;
        grid-template-columns: repeat(2, 40vw);
        column-gap: 7vw;
        row-gap: 4vw;
        margin: 4vw 0 0 2vw;
    }
    .about_sec_content_wrapper .tile_warraper .white_tiles_box .tiles_row div {
        text-align: center; 
        font-size: 10vh;
        line-height: 0.28em; 
        max-width: 40vw; max-height: 40vw;
    }
    .about_sec_content_wrapper .tile_warraper .white_tiles_box .tiles_row h5 {font-size: 0.25em;}
    .about_sec_content_wrapper .tile_warraper .white_tiles_box .tiles_list {display: none;}    
    .about_sec_content_wrapper .tile_warraper h2 { margin-top: 1vh;}

    /*.about_sec3 {font-size: 5vh !important; line-height: 5vh !important; padding: 10vh 0 10vh;}*/
    /*
    .about_sec3 {padding: 5vh 0 5vh; }
    .about_sec3 .container                  {font-size: 4vh; padding: 0;}
    .about_sec3 .container .team_intro      {margin-bottom: 0px; overflow: hidden; height: 50vh; padding: 0;}
    .about_sec3 .container .team_intro h3   {font-size: 1em; margin-bottom: 0.4em;}
    .about_sec3 .container .team_intro h5   {font-size: 0.8em; line-height: 1em; margin-bottom: 1em;}
    .about_sec3 .container .team_intro p    {font-size: 0.8em; line-height: 1.3em}
    
    .about_sec3 .container .toggle_div_btn  {display: block; margin: 2vh 0 4vh 0;}
    .about_sec3 .container .toggle_div_btn p{color: #fff; font-size: 0.8em !important; font-size: 0.5em;}

    .about_sec3 .container .toggle_div_btn .fa-chevron-down,
    .about_sec3 .container .toggle_div_btn .fa-chevron-up   {color: #fff; font-size: 1em; font-size: 0.8em;}
    */


    .productions_sec .container {padding-bottom:0;}
    .productions_sec .container .hero_section_text-services h1 {font-size: 3.0em; line-height: 1.1em !important}
    .productions_sec_row {max-width: 100%;}

    /*------------------------------------------------------------------------------------------------*/
    /* Services page*/
    .serv_sec .container,
    .serv_sec_2 {padding-bottom:0;}
    .serv_sec_2 .container                               {font-size: 6vh; padding: 0;}

    .serv_sec .container .hero_section_text-services h1 {font-size: 2.2em; line-height: 1.1em !important}
    /*.serv_sec_2 .container .hero_sec_para p             {font-size: 0.45em !important; line-height: 1.2em !important}*/
    .serv_sec_2 .container .hero_sec_para p             {font-size: 1.45rem !important; line-height: 1.65rem !important;}
    
    .serv_sec_3 {background-color: var(--light-green); padding-top:0;}

    .serv_sec_3 h2,
    .serv_sec_3 p,
    .serv_sec_3 .brand_links span {color: var(--white);}
    .serv_sec_row {gap: 20px;}

    .serv_sec_4 {border-radius: 5vh 5vh 0 0 !important;}

    .serv_sec_5_top {background-color: var(--blue) !important;}
    .serv_sec_5_top .serv_sec_5_top_curves{
        width:100vw;
        height:50px;
        background-color: var(--light-purple) !important;
        border-radius: 5vh 5vh 0 0;
        margin-bottom: -1px;
        margin-top: -1px;
    }
    
    .serv_sec_6_top {background-color: var(--light-purple) !important;}
    .serv_sec_6_top .serv_sec_6_top_curves{
        width:100vw;
        height:50px;
        background-color: var(--light-green) !important;
        border-radius: 5vh 5vh 0 0;
        margin-bottom: -1px;
        margin-top: -1px;
    }
    

    /*
    .serv_sec_4, .serv_sec_5, .serv_sec_6 {
        padding: 2vh 0 !important;
    }
    */
    .serv_sec_5, .serv_sec_6 {
        padding: 0;
    }

    .serv_sec_3 .brand_sec_img_card,
    .serv_sec_4 .brand_sec_img_card,
    .serv_sec_5 .brand_sec_img_card,
    .serv_sec_6 .brand_sec_img_card {display: block;}

    .serv_sec_3 .brand_sec_img_card .brand_img,
    .serv_sec_4 .brand_sec_img_card .brand_img,
    .serv_sec_5 .brand_sec_img_card .brand_img,
    .serv_sec_6 .brand_sec_img_card .brand_img {
        width: 100%;
        height: 100%; 
        margin: 0 0 4vh 0; 
        /*border-radius: 8vw;*/
    }


    .brand_sec_detail p,
    .content_sec_detail p,
    .creative_sec_detail p,
    .insights_sec_detail p {font-size: 1.5em; line-height: 1.2em}
    
    .brand_links span {font-size: 1.5em; padding: 0.2em; gap:0;}

    .brand_links span::before {
        width: 2vh;
        height: 2vh;
        border-radius: 0.1em 0.1em 0.5em;
        transform: translateX(0vw) translateY(-0.2vh);
        margin: 0 1vh 0 0;
    }


    /*------------------------------------------------------------------------------------------------*/
    /* Our work page */

    /*.work_sec2 .serv_card_sec {display: block};*/

    /*------------------------------------------------------------------------------------------------*/
    /* Portfolio popup */
    #portfolio-popup    {font-size: 8vw;}

        #portfolio-popup #portfolio-popup-content h3    {font-size: 1em;}
        #portfolio-popup #portfolio-popup-content p     {font-size: 0.5em; line-height: 1.1em;}
        #portfolio-popup #portfolio-popup-content a     {font-size: 1em;}
        #portfolio-popup .scrollable-content ul li      {
            font-size: 0.5em;
            line-height: 1.3em;
            padding-left: 1.1em;
        }
        #portfolio-popup .scrollable-content ul li::before {
            width: 3vw;
            height: 3vw;
            border-radius: 2px 2px 6px;
            display: inline-block;
            margin-top: 0.2em;
        }

        #portfolio-popup .container .centered_contents
        {
            width: 85%;
            padding: 0;
        }

        #portfolio-popup h3{
            margin:20px 0;
        }

     .showcase {font-size: 8vw;}
     .showcase .content-desktop {display: none;}
     .showcase .content-mobile {display: block;}

        .showcase_row  #showcase-item-content h3    {font-size: 1em;}
        .showcase_row  #showcase-item-content p     {font-size: 0.5em; line-height: 1.1em;}
        /*.showcase_row  #showcase-item-content a     {font-size: 0.6em;}*/
        .showcase_row  .scrollable-content ul li      {
            font-size: 0.5em;
            line-height: 1.3em;
            padding-left: 1.1em;
        }
        .showcase_row  .scrollable-content ul li::before {
            width: 3vw;
            height: 3vw;
            border-radius: 2px 2px 6px;
            display: inline-block;
            margin-top: 0.2em;
        }

        .showcase_row .non-scrollable-content ul li, 
        .showcase_row .scrollable-content ul li, 
        .popup .scrollable-content ul li {
            font-size: 0.5em;
            line-height: 1.1em;
        }

        /*
        .showcase_row  .container
        {
            background-color: ;
        }
            */
        .showcase_row .non-scrollable-content {
            padding-top: 1rem;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
        }

        /*
        .showcase_row  .container .centered_contents
        {
            width: 85%;
            padding: 0;
        }
            */

        .showcase_row  h3{
            margin:20px 0;
        }

    /*------------------------------------------------------------------------------------------------*/
    /* Mobile header menu overlay */
    .main_header .mob_menu_wrapper a {
        color: var(--blue);
        font-size: 8vw;
    }
    
        /* Close button */
        .main_header .mob_menu_wrapper .close {
            width: 6vh !important;
            height: 6vh !important;
            
            top: 2vh !important;
            right: 2vh !important;
            font-size: 0.6em !important;
            line-height: 0;
        }
        /* Close button X */
        .main_header .mob_menu_wrapper .close p {
            top: 0.6em !important;
            text-align: center;
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            line-height: 1em;
        }

    /* Menu items container */
    .main_header .mob_menu_wrapper .header_menu {
        padding: 0 8vw 0 8vw;
    }

        /* Red blob next to menu items */
        .main_header .mob_menu_wrapper .header_menu a::before {
            width: 5vw;
            height: 5vw;            
            border-radius: 1vw 1vw 3vw;
            left: -6vw;
        }

        /* Menu item link */
        .main_header .mob_menu_wrapper .header_menu a {
            font-size: 2.5rem;
            font-weight: unset;
            text-transform: none;
        }

        /* Get In Touch button*/
        .main_header .mob_menu_wrapper .header_menu .headBtn {
            width: 100%;
            font-size: 1.5em;
            margin-top: 5vh;
        }

    /* Thank you page (blue header, different logo img) */
    .main_header_blue .container .logo_wrapper a img 
    {
        width: 18vh !important;
        height: 6vh !important;
    }

    .thankyouSec {
        height: 100vh;
        font-size: 4vw;
    }
    .thankyouSec h1 {font-size: 3em;}
    .thankyouSec p {font-size: 1em;}
    .thankyouSec button {font-size: 1em;}

    
    .productions_sec_tiles .tile1{left: 40%;}
    .productions_sec_tiles .tile2{left: 50%;}
    .productions_sec_tiles .tile3{left: 40%;}
}

/** LANDSCAPE **/
@media all and (orientation:landscape) 
{
    #debug-landscape
    {
        display: block;
    }

    .thankyouSec {
        height: 100vh;
    }

    .brands_slider_sec .home_brands_grid{display: none;}
    
    .hero_section_text, 
    .hero_section_text-about, 
    .hero_section_text-services, 
    .hero_section_text-work {
        text-align: left;
    }

    /* All sections, header text */
    .hero_section_text h1, 
    .hero_section_text h2, 
    .hero_section_text-services h1, 
    .hero_section_text-work h1
    {
        letter-spacing: -1.2px;
        line-height: 5.2vw !important;
        font-size: 5.5vw;
    }

    /* ABOUT US - 'over the years..' */
    .about_sec_content_wrapper .hero_section_text h2
    {
        letter-spacing: -1.2px;
        line-height: 4.4vw !important;
        font-size: 5vw;
    }

    /* SERVICES - 'your business idea..' */
    .hero_section_text-services
    {
        display: inline-block;
        overflow: hidden;
        transition: .6s;
        padding-top: 0.4vw;
    }

    .serv_sec {
        height: 90vh;
    }

    .productions{
        height: 90vh;
    }

    /* All sections, paragraph element text */
    .para_text p {font-size: 22px !important;line-height: 30px;}
    .about_team_sec_left .team_intro p
    {
        font-size: 1.5em !important;
        line-height: 30px;
    }
}

@media (max-width: 1330px) and (min-width: 1200px) {
  .para_text p {font-size: 20px;line-height: 24px;}
}

@media(max-width:835px) and (orientation:landscape) 
{
    .home_sec1 {
        margin-top: 20vh;
    }

    .second_sec_services .card_row {
        grid-template-columns: 70% 30%;
    }

    .work_carousel,
    .work_sec3 {
        margin-top: 0;
        height: 190vh;
    }

    .hero_section_text, 
    .hero_section_text-about, 
    .hero_section_text-services, 
    .hero_section_text-work {
        text-align: center;
        /*width: 100%;*/
    }

}

@media(max-width:1180px){
    /* Hide the contatct us button from the desktop nav*/
    .head_cta_wrapper #openFormPopup{display:none;}
}


/* Thank you page (blue header) */
.main_header_blue {background-color: var(--blue) !important;}

.main_header_blue .header_menu a, 
.main_header_blue .header_button a{
    color: var(--light-green) !important;
}

.main_header_blue .head_cta_wrapper .headBtn{background-color: var(--light-purple) !important;}
.main_header_blue .container .logo_wrapper a img 
{    
    content:url("../images/logo_footer.png");
    width: 170px;
    height: 57px;
}

/* Used on the Thank you page */
.main_footer_fixed_position {position: fixed; bottom: 0; z-index: 100;}