@media (min-width: 320px) {
    /**************************css for Footer Section ***********************/
        .footer-menu-item {
            font-size:20px;
        }
        .menu-list-section-1{
            padding-right: 0.25rem;
            padding-left: 0.25rem;
        }
        .footer-logo{
            width:75%;
            
             
        }
      /*  .google-logo-mobile{
            width: 70%;
            position: relative;
            left: -25px;
           
           }*/
        .mobile-footer-social-media-icons{
            margin-left:5%;
        }
        .footer-bottom-text {
            text-align: center;
        }
        /* css for case pages */
        .tic-page-mobile-container {
            margin-top:84px;
        }
        .tesseract-page-container{
            margin-top:84px;
        }
        .case-title-mobile , .case-desc-mobile{
            width: fit-content;
        }
        .case-title-mobile-tic p{
            font-size: 35px;
        }
        .case-title-mobile p{
            font-size: 33px;
        }
        .case-desc-mobile p{
            font-size: 20px;
        }
        .mobile .pt-8px {
            padding-top: 20%;
        }
        /*
            ----------------------------------------- Home Page Billboad Section 1 -----------------------------------------
        */
        .mobile .accordion-item{
            border: unset;
        }
        .custom-accordion-padding-gap-1{
            padding-bottom: 40px;
        }
        .custom-accordion-padding-gap-2{
            padding-bottom: 18px;
        }
        .mobile .custom-accordion-button-1{
            background-color: #9AFF98;
            border-top-left-radius: 20px !important;
            border-top-right-radius: 20px !important;
        }
        .mobile .custom-accordion-button-2{
            background-color: #80FFFF;
            border-top-left-radius: 20px !important;
            border-top-right-radius: 20px !important;
        }
        .mobile .custom-accordion-button-3{
            background-color: #FFFF7F;
            border-top-left-radius: 20px !important;
            border-top-right-radius: 20px !important;
        }
        .mobile .custom-accordion-button-4{
            background-color: #FFA5FF;
            border-top-left-radius: 20px !important;
            border-top-right-radius: 20px !important;
        }
        .mobile .custom-accordion-item-4 .accordion-footer-customer{
            background-color: #FFA5FF;
            border-bottom-left-radius: 20px !important;
            border-bottom-right-radius: 20px !important;
        }
        .mobile .custom-accordion-item-1 .accordion-body{
            background-color: #9AFF98;
        }
        .mobile .custom-accordion-item-2 .accordion-body{
            background-color: #80FFFF;
        }
        .mobile .custom-accordion-item-3 .accordion-body{
            background-color: #FFFF7F;
        }
        .mobile .custom-accordion-item-4 .accordion-body{
            background-color: #FFA5FF;
        }
        .mobile .boxes{
            margin-top: 40px;
            padding-bottom: 150px !important;
        }
        .mobile .tile-header{
            padding-top: 20px;
            line-height: 1.2;
        }


        /*-------------------------Media Page -------------------------------------------------------------*/

        .media-page .mobile-top-image-container .image-container {
            position: relative;
            width: auto;
            position: relative;
            width: auto;
            margin-right: -53px;
            top: 38%;
            height:585px;
        }

        .media-page .mobile-top-image-container .image-container img {
            display: block;
            width: 250px;
        }

        .media-page .mobile-upper-text-container{
            position: absolute;
            top:125px;

        }
        .media-page .mobile-upper-text-container h5{
            color: #C4C4C6;
            font-size: 22px;
        }

        .media-page .mobile-upper-text-container h4{
            font-size: 32px;;
        }
        .media-page .mobile-upper-text-container h6{
            font-size: 18px;
        }

        .media-page .mobile-middle-section{
            background-color: #000000;
        }
        .media-page .mobile-middle-section h4{
            color: #ffffff;
            font-size: 32px;
        }
        .media-page .mobile-action-shot-image{
            margin-left:12px;
        }
        .media-page .mobile-middle-text-section{
            color: white;
        }

        .media-page .mobile-middle-text-section h5{
            color: #80FFFF;
            font-size: 26px;
        }
        .media-page .mobile-middle-text-section h6{
            font-size: 19px;
        }
        .media-page .mobile-middle-text-section p{
            font-size: 17px;
        }
        .media-page .mobile-icon-section-header{
            background-color: #000000;
            color: white;
         }
         .media-page .mobile-icon-section-header h4{
            font-size: 32px;
         }
         .media-page .mobile-icon-section-header p{
            font-size: 17px;
         }
         .media-page .mobile-icon-list{
            background-color: #000000;
         }
         .media-page .mobile-icon-list .media-icon{
            max-width: 40px;
         }
         /*---------------------------Contact Us -----------------------------------------------*/
         .contact-us-page .mobile-map-container{
            margin-bottom: 82px;
         }
         .contact-us-page .mobile-map-container iframe{
            width:100%;
         }
         .contact-us-page .mobile-lets-chat{
            font-size: 40px;
         }
         .contact-us-page .team-email-address,.contact-us-page .address{
            font-size: 15px;
            text-decoration: none !important
         }

         .contact-us-page .mobile-form-label{
            font-size: 14px;
         }
         .contact-us-page .mobile-form-label .text-danger{
            color: white !important;
         }
         .contact-us-page .mobile-form-text-feild{
            background-color: #4E5055;
            border-color: #4E5055 !important;
            border-radius: 10px;
            color: white;
         }
         .contact-us-page .mobile-btn-send {
            background-color: #F7931D;
        color: #FFFFFF;
        border-radius: 6.5rem;
            padding: 10px 48px;
            cursor: pointer;
            font-size: 14px;
            text-align: center;
        border-color: #F7931D;
        border-style: solid;
        border-width: 2px;
        }
        .contact-us-page .mobile-btn-send:hover {
            background-color: #FFFFFF;
            border-color: #FFFFFF;
            color: #000;
        }

        /*--------------------------Our Thoughts ---------------------------------*/
        .our-thoughts-page .mobile-our-thoughts{
            font-size: 30px;
        }
        .our-thoughts-page .mobile-our-thoughts-header-text-content{
            font-size: 15px;
        }
        .our-thoughts-page .mobile-full-service-title{
            font-size: 22px;
        }
        .our-thoughts-page .mobile-read-more-btn {
            display: inline-block;
            margin-top: 10px;
            padding: 5px 23px;
            color: black;
            background-color: white;
            border: 1px solid black;
            border-radius: 25px;
            text-decoration: none;
            font-size: 16px;
            transition: background-color 0.3s, color 0.3s;
            padding-bottom: 8px;
        }
        .our-thoughts-page .mobile-read-more-btn {
            background-color: white;
            color: black;
        }

        /**-----------------------------Nt Now Case Page --------------------------------------------------------------*/
        .nt-now-case-page  .nt-now-title{
            font-size: 33px;
        }
        .nt-now-case-page  .case-title-mobile{
            margin-top: 0px;
        }

        /**---------------------------------The Lad Collective  -------------------------------------------------------*/
        .the-lad-collective-page .lad-title{
            font-size: 33px;
        }

        .the-lad-collective-page .case-title-mobile{
            margin-top: 0px;
        }

        /**---------------------------CMI Toyota Page----------------------------------------------------------------*/
        .cmi-toyota-page .case-title-mobile p{
            font-size: 33px;
        }
        /**---------------------------Tesseract Page----------------------------------------------------------------*/
        .tesseract-page .case-title-mobile p{
            font-size: 33px;
        }
        /**--------------------------Tic Page  ------------------------------------------------------------------------*/
        .tic-page .mobile-tic-header-title p{
            font-size: 33px;
        }
        /**------------------------Digital Page -----------------------------------------------------------------------*/
        .digital-btn-mobile {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            border-radius: 18px;
            background-color: #1F1F1F;
            margin-top: 5px;
            margin-bottom: 5px;
            font-size: 12px !important;
            width: 113px;
            height: 35px;
        }

    }

    @media (min-width: 375px) {
        /*
            ----------------------------------------- Home Page Billboad Section 1 -----------------------------------------
        */
        .bb-section-1{
            font-size: 22px;
        }
        .bb-section-2{
            font-size: 36px;
        }
        .custom-accordion-text{
            font-size: 22px;
            padding-right: 15px;
        }
        .tile-header{
            font-size: 36px;
        }
        .title-text{
            font-size: 20px;
        }
        .tile-button{
            font-size: 17px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 22px;
        }
        .sec-1-h1{
            font-size: 36px;
        }
        .sec-1-text-1 {
            font-size: 16px;
        }
        .section-1-button-1{
            font-size: 15px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 36px;
        }
        .sec-2-text-1{
            font-size: 16px;
        }
        .section-2-button-1{
            font-size: 15px;
        }
        .section-2-button-1:hover{
            font-size: 15px;
        }
        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-text-1 {
            font-size: 22px;
        }
        .cp-header-1 {
            font-size: 38px;
        }
        .cp-text-2 {
            font-size: 14px;
        }
        .cp-image-container {
            height: 370px;
        }
        .circle {
            width: 300px;
            height: 300px;
            top: 10px;
            left: 32%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-tile-section{
            padding-top: 42px;
            padding-bottom: 60px;
        }
        .cp-tile{
            margin-bottom: 17px;
        }
        .cp-tile-header{
            font-size: 32px;
            padding-top: 37px;
            padding-bottom: 15px;
        }
        .cp-tile-sub-header{
            padding-bottom: 16px;
        }
        .cp-tile-underline {
            width: 82%;
        }
        .cp-tile-text-1{
            font-size: 14px;
            padding-top: 46px;
            padding-bottom: 46px;
        }


        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 36px;
        }
        .sec-3-text-2{
            font-size: 37px;
        }
        .sec-3-text-3{
            font-size: 19px;
        }
        .sec-3-text-4{
            font-size: 20px;
        }

        /*
            ----------------------------------------- Marketing Strategy Page Section 3 -----------------------------------------
        */
        .planning-section-bg{
            min-width: 350px;
            max-width: 350px;
            min-height: 475px;
            max-height: 475px;
        }
        .plan-text-1{
            font-size: 18px;
            padding-left: 25px;
            padding-top: 15px;
        }

        .planing-text-mobile{
            padding-left: 3%;
        }
        /*
        ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 38px;
        }



        /**************************css for Footer Section ***********************/
        .social-media-icons{
            width:95%;
        }
         
        .footer-logo{
            width:62%;
            /* margin: 0 30px auto; */
           
         }
       /* .google-logo-mobile{
           width: 70%;
         position: relative;
          
         left:-60px;
       
           
       } */
         /* css for case pages */
         .tic-page-mobile-container {
            margin-top:90px;

        }
        .tesseract-page-container{
            margin-top:90px;
        }
    /*-----------------------------Media Page -------------------------------------------*/
        .media-page .mobile-upper-text-container h5
        {
            font-size: 23px;
        }
        .media-page .mobile-upper-text-container h4{
            font-size: 38px;
        }
        .media-page .mobile-upper-text-container h6 {
            font-size: 17px;
        }
        .media-page .mobile-middle-section h4{
            font-size: 38px;
        }
        .media-page .mobile-middle-text-section h6{
            font-size: 17px;
        }
        .media-page .mobile-icon-section-header h4{
            font-size: 38px;
        }


    }
    @media (min-width: 390px) {
        /*
            ----------------------------------------- Home Page Billboad Section 1 -----------------------------------------
        */
        .bb-section-1{
            font-size: 23px;
        }
        .bb-section-2{
            font-size: 37px;
        }
        .custom-accordion-text{
            font-size: 24px;
            padding-right: 17px;
        }
        .tile-header{
            font-size: 37px;
        }
        .title-text{
            font-size: 21px;
        }
        .tile-button{
            font-size: 18px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 23px;
        }
        .sec-1-h1{
            font-size: 37px;
        }
        .sec-1-text-1 {
            font-size: 17px;
        }
        .section-1-button-1{
            font-size: 16px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 37px;
        }
        .sec-2-text-1{
            font-size: 17px;
        }
        .section-2-button-1{
            font-size: 16px;
        }
        .section-2-button-1:hover{
            font-size: 16px;
        }

        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 38px;
        }
        .sec-3-text-2{
            font-size: 40px;
        }
        .sec-3-text-3{
            font-size: 20px;
        }
        .sec-3-text-4{
            font-size: 21px;
        }

        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 40px;
        }

        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-text-1 {
            font-size: 23px;
        }
        .cp-header-1 {
            font-size: 40px;
        }
        .cp-text-2 {
            font-size: 15px;
        }
        .cp-image-container {
            height: 400px;
        }
        .circle {
            width: 320px;
            height: 320px;
            top: 10px;
            left: 34%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-tile-section{
            padding-top: 63px;
            padding-bottom: 75px;
        }
        .cp-tile{
            margin-bottom: 17px;
        }
        .cp-tile-header{
            font-size: 40px;
            padding-top: 37px;
            padding-bottom: 11px;
        }
        .cp-tile-sub-header{
            padding-bottom: 16px;
        }
        .cp-tile-underline {
            width: 80%;
        }
        .cp-tile-text-1{
            font-size: 15px;
            padding-top: 46px;
            padding-bottom: 46px;
        }

            /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */

        /* .google-logo-mobile{
            width: 70%;
            position: relative;
            
        } */
      
        

    }
    @media (min-width: 412px) {
        .bb-section-1{
            font-size: 24px;
        }
        .bb-section-2{
            font-size: 40px;
        }
        .custom-accordion-text{
            font-size: 26px;
        }
        .tile-header{
            font-size: 42px;
            padding-top: 190px;
        }
        .title-text{
            font-size: 23px;
        }
        .tile-button{
            font-size: 19px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 24px;
        }
        .sec-1-h1{
            font-size: 40px;
        }
        .sec-1-text-1 {
            font-size: 18px;
        }
        .section-1-button-1{
            font-size: 17px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 40px;
        }
        .sec-2-text-1{
            font-size: 18px;
        }
        .section-2-button-1{
            font-size: 17px;
        }
        .section-2-button-1:hover{
            font-size: 17px;
        }

        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 40px;
        }
        .sec-3-text-2{
            font-size: 42px;
        }
        .sec-3-text-3{
            font-size: 22px;
        }
        .sec-3-text-4{
            font-size: 22px;
        }

        /*
            ----------------------------------------- Marketing Strategy Page Section 3 -----------------------------------------
        */
        .planning-section-bg{
            min-width: 350px;
            max-width: 350px;
            min-height: 500px;
            max-height: 500px;
        }
        .customize-ps {
            top: 60px;
        }
        .plan-text-1{
            font-size: 18px;
            padding-left: 19px;
            padding-top: 15px;
        }

        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 42px;
        }
        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-text-1 {
            font-size: 24px;
        }
        .cp-header-1 {
            font-size: 42px;
        }
        .cp-text-2 {
            font-size: 20px;
        }
        .cp-image-container {
            height: 440px;
        }
        .circle {
            width: 340px;
            height: 340px;
            top: 13px;
            left: 32%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-tile-section{
            padding-top: 42px;
            padding-bottom: 70px;
        }
        .cp-tile{
            margin-bottom: 18px;
        }
        .cp-tile-header{
            font-size: 42px;
            padding-top: 39px;
            padding-bottom: 12px;
        }
        .cp-tile-sub-header{
            font-size: 18px;
            padding-bottom: 16px;
        }
        .cp-tile-underline {
            width: 80%;
        }
        .cp-tile-text-1{
            font-size: 20px;
            padding-top: 48px;
            padding-bottom: 48px;
        }

        /**************************css for Footer Section ***********************/
        .footer-logo{
            width:55%;
         }
         /* .google-logo-mobile{
            width: 70%;
          position: relative;
         
            left:-70px;
           } */
         .mobile-footer-social-media-icons{
            margin-left:3%;
        }

    }
    @media (min-width: 430px) {
        .custom-modal-1{
            width: 85%;
        }
        .bb-section-1{
            font-size: 26px;
        }
        .bb-section-2{
            font-size: 42px;
        }
        .custom-accordion-text{
            font-size: 27px;
        }
        .tile-header{
            font-size: 43px;
        }
        .title-text{
            font-size: 24px;
        }
        .tile-button{
            font-size: 20px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 26px;
        }
        .sec-1-h1{
            font-size: 42px;
        }
        .sec-1-text-1 {
            font-size: 19px;
        }
        .section-1-button-1{
            font-size: 18px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 42px;
        }
        .sec-2-text-1{
            font-size: 19px;
        }
        .section-2-button-1{
            font-size: 18px;
        }
        .section-2-button-1:hover{
            font-size: 18px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 40px;
            padding-top: 80px;
        }
        .sec-3-text-2{
            font-size: 42px;
        }
        .sec-3-text-3{
            font-size: 22px;
        }
        .sec-3-text-4{
            font-size: 22px;
        }
        /*
            ----------------------------------------- Marketing Strategy Page Section 3 -----------------------------------------
        */
        .planning-section-bg{
            left: -130px;
            min-width: 350px;
            max-width: 350px;
            min-height: 500px;
            max-height: 500px;
        }
        .customize-ps {
            top: 60px;
            left: 150px;
        }
        .plan-text-1{
            font-size: 21px;
        }

        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 45px;
        }

         /* css for case pages */
         .tic-page-mobile-container {
            margin-top:94px;
         }
         .tesseract-page-container{
            margin-top:94px;
            padding-left:18px;
        }

        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-text-1 {
            font-size: 24px;
        }
        .cp-header-1 {
            font-size: 44px;
        }
        .cp-text-2 {
            font-size: 21px;
        }
        .cp-image-container {
            height: 460px;
        }
        .circle {
            width: 360px;
            height: 360px;
            top: 13px;
            left: 33%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-margin-top{
            margin-top: 10rem;
        }
        .cp-tile-section{
            padding-top: 73px;
            padding-bottom: 70px;
        }
        .cp-tile-header{
            font-size: 44px;
            padding-top: 39px;
            padding-bottom: 12px;
        }
        .cp-tile-sub-header{
            font-size: 18px;
            padding-bottom: 16px;
        }
        .cp-tile-underline {
            width: 80%;
        }
        .cp-tile-text-1{
            font-size: 21px;
            padding-top: 48px;
            padding-bottom: 48px;
        }
        /*       ---------Footer section --------------*/
        /* .google-logo-mobile{
            width: 70%;
          position: relative;
         left: -80px;
       
           
           } */
    }
    @media (min-width: 475px) {
        
        .head-image-mobile {
            width: 90% !important;
        }
        .burger {
            top: 15px;
        }
        .custom-modal-1{
            width: 80%;
        }
        .bb-section-1{
            font-size: 28px;
        }
        .bb-section-2{
            font-size: 46px;
        }
        .custom-accordion-text{
            font-size: 30px;
            padding-right: 22px;
        }
        .tile-header{
            font-size: 48px;
        }
        .title-text{
            font-size: 25px;
        }
        .tile-button{
            font-size: 25px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 28px;
        }
        .sec-1-h1{
            font-size: 46px;
        }
        .sec-1-text-1 {
            font-size: 20px;
        }
        .section-1-button-1{
            font-size: 19px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 46px;
        }
        .sec-2-text-1{
            font-size: 20px;
        }
        .section-2-button-1{
            font-size: 19px;
        }
        .section-2-button-1:hover{
            font-size: 19px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 44px;
            padding-top: 85px;
        }
        .sec-3-img-width {
            width: 60%;
        }
        .sec-3-text-2{
            font-size: 45px;
        }
        .sec-3-text-3{
            font-size: 25px;
        }
        .sec-3-text-4{
            font-size: 25px;
        }

        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 47px;
            padding-top: 12px;
        }

        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-text-1 {
            font-size: 28px;
        }
        .cp-header-1 {
            font-size: 47px;
            padding-bottom: 48px;
        }
        .cp-text-2 {
            font-size: 21px;
            line-height: 1.3;
        }
        .cp-image-container {
            height: 500px;
        }
        .circle {
            width: 400px;
            height: 400px;
            top: 13px;
            left: 32%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-margin-top{
            margin-top: 10rem;
        }
        .cp-tile-section{
            padding-top: 30px;
            padding-bottom: 70px;
        }
        .cp-tile{
            margin-bottom: 18px;
        }
        .cp-tile-header{
            font-size: 47px;
            padding-top: 39px;
            padding-bottom: 12px;
        }
        .cp-tile-sub-header{
            font-size: 18px;
            padding-bottom: 16px;
        }
        .cp-tile-underline {
            width: 80%;
        }
        .cp-tile-text-1{
            font-size: 21px;
            padding-top: 48px;
            padding-bottom: 48px;
        }

        /**************************css for Footer Section ***********************/
        .footer-logo{
            width:50%;
        }
        /* .google-logo-mobile{

            width: 70%;
            position: relative;
            left: -120px;
           } */
        .mobile-footer-social-media-icons{
            margin-left:3%;
        }
          /* css for case pages */
          .tic-page-mobile-container {
            margin-top:98px;
            padding-left:22px;
         }
         .tesseract-page-container{
            margin-top:98px;
            padding-left:22px;
        }



    }
    @media (min-width: 520px) {
        
        .custom-modal-1 {
            width: 75%;
        }
        .custom-accordion-text{
            padding-right: 25px;
        }
        .tile-header{
            padding-top: 220px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-text-1 {
            font-size: 23px;
        }
        .section-1-button-1{
            font-size: 20px;
        }

        /**************************css for Footer Section ***********************/
        .footer-logo{
            width:47%;
         }
          /* .google-logo-mobile{
            width: 60%;
            position: relative;
           
            left: -150px;
          } */
         .mobile-footer-social-media-icons{
            margin-left:2%;
         }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-text-1{
            font-size: 23px;
        }
        .section-2-button-1{
            font-size: 20px;
        }
        .section-2-button-1:hover{
            font-size: 20px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 46px;
            padding-top: 95px;
        }
        .sec-3-img-width {
            width: 55%;
        }
        .sec-3-text-2{
            font-size: 50px;
        }
        .sec-3-text-3{
            font-size: 28px;
        }
        .sec-3-text-4{
            font-size: 26px;
        }

        /*
            ----------------------------------------- Marketing Strategy Page Section 3 -----------------------------------------
        */
        .planning-section-bg{
            left: -130px;
            min-width: 350px;
            max-width: 350px;
            min-height: 585px;
            max-height: 585px;
        }
        .customize-ps {
            top: 65px;
            left: 200px;
        }
        .plan-text-1{
            font-size: 23px;
        }
        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-section-1 {
            top: 35px;
        }
        .cp-text-1 {
            font-size: 30px;
        }
        .cp-header-1 {
            font-size: 53px;
            padding-bottom: 52px;
        }
        .cp-text-2 {
            font-size: 21px;
            line-height: 1.3;
        }
        .cp-image-container {
            top: 102px;
            height: 500px;
        }
        .circle {
            width: 450px;
            height: 450px;
            top: 7px;
            left: 28%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-margin-top{
            margin-top: 12rem;
        }
        .cp-tile{
            margin-bottom: 20px;
        }
        .cp-tile-header{
            font-size: 30px;
            padding-top: 40px;
            padding-bottom: 13px;
        }
        .cp-tile-sub-header{
            font-size: 25px;
            padding-bottom: 17px;
        }
        .cp-tile-underline {
            width: 78%;
        }
        .cp-tile-text-1{
            font-size: 21px;
            padding-top: 52px;
            padding-bottom: 52px;
        }

        /* css for case pages */
        .tic-page-mobile-container {
            padding-left:28px;
        }
        .tesseract-page-container{
            padding-left:28px;
        }

        .hero-section-img {
            margin-left: 10%;
        }
    }
    @media (min-width: 550px) {
        .head-image-mobile {
            width: 80% !important;
        }
        .burger {
            top: 20px;
        }
        .bb-section-1{
            font-size: 34px;
        }
        .bb-section-2{
            font-size: 56px;
        }
        .pt-8px {
            padding-top: 14px;
        }
        .custom-accordion-text{
            font-size: 36px;
            padding-right: 28px;
        }
        .tile-header{
            font-size: 58px;
        }
        .title-text{
            font-size: 27px;
        }
        .tile-button{
            font-size: 23px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 34px;
        }
        .sec-1-h1{
            font-size: 56px;
        }
        .sec-1-text-1 {
            font-size: 25px;
        }
        .section-1-button-1{
            font-size: 21px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 56px;
        }
        .sec-2-text-1{
            font-size: 25px;
        }
        .section-2-button-1{
            font-size: 21px;
        }
        .section-2-button-1:hover{
            font-size: 21px;
        }
        .footer-menu-item{
            font-size: 28px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 48px;
            padding-top: 95px;
        }
        .sec-3-img-width {
            width: 55%;
        }
        .sec-3-text-2{
            font-size: 52px;
        }
        .sec-3-text-3{
            font-size: 30px;
        }
        .sec-3-text-4{
            font-size: 26px;
        }
        /*
            ----------------------------------------- Marketing Strategy Page Section 3 -----------------------------------------
        */
        .planning-section-bg{
            left: -130px;
            min-width: 350px;
            max-width: 350px;
            min-height: 600px;
            max-height: 600px;
        }
        .customize-ps {
            top: 65px;
            left: 200px;
        }
        .plan-text-2{
            font-size: 30px;
        }
        .plan-text-3{
            font-size: 45px;
        }
        .plan-text-1{
            font-size: 22px;
        }
        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-section-1 {
            top: 35px;
        }
        .cp-text-1 {
            font-size: 32px;
        }
        .cp-header-1 {
            font-size: 56px;
            padding-bottom: 60px;
        }
        .cp-text-2 {
            font-size: 23px;
            line-height: 1.3;
        }
        .cp-image-container {
            top: 100px;
            height: 550px;
        }
        .circle {
            width: 480px;
            height: 480px;
            top: 7px;
            left: 28%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-margin-top{
            margin-top: 12rem;
        }
        .cp-tile{
            margin-bottom: 20px;
        }
        .cp-tile-header{
            font-size: 32px;
            padding-top: 40px;
            padding-bottom: 13px;
        }
        .cp-tile-sub-header{
            font-size: 26px;
            padding-bottom: 17px;
        }
        .cp-tile-text-1{
            font-size: 23px;
            padding-top: 52px;
            padding-bottom: 52px;
        }

        .cp-tile-underline {
            width: 78%;
        }

        /**************************css for Footer Section ***********************/
        .footer-logo{
            width:45%;
         }
         /* .google-logo-mobile{
            
            width: 60%;
            position: relative;
           
            left: -160px;
           } */

         .mobile-footer-social-media-icons{
            margin-left:1%;
        }


        /*** Marketing strategy */
        .hero-section-img {
            margin-left: 33%;
        }

        #text-cell {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important;
        }

        #text-cell > h2 ,p {
            padding: 10px;
        }

        .ms-plan-row {
            top: 65px;
            left: 168px;
            width: 500px;
        }

    }
    @media (min-width: 600px) {
        .head-image-mobile {
            width: 75% !important;
        }
        .burger {
            top: 20px;
        }
        .custom-modal-1 {
            right: 10px;
            top: -17px;
            width: 60%;
        }
        .bb-section-1{
            font-size: 37px;
        }
        .bb-section-2{
            font-size: 61px;
        }
        .pt-8px {
            width: 25%;
        }
        .custom-accordion-text{
            font-size: 39px;
            padding-right: 31px;
        }
        .tile-header{
            font-size: 63px;
            padding-top: 250px;
        }
        .title-text{
            font-size: 29px;
        }
        .tile-button{
            font-size: 25px;
        }
         /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 37px;
        }
        .sec-1-h1{
            font-size: 61px;
        }
        .sec-1-text-1 {
            font-size: 27px;
        }
        .section-1-button-1{
            font-size: 22px;
        }
        .case-study-h1{
            font-size: 50px;
        }
        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .circle {
            width: 530px;
            height: 512px;
            top: 1px;
            left: 30%;
        }

        /* css for case pages */
        .tic-page-mobile-container {
            margin-top:99px;
        }
        .tesseract-page-container{
            margin-top:99px;
        }


       /** Marketing strategy */
       .hero-section-img {
             margin-left: 41%;
        }
        div#hero-des {
            padding-left: 0px !important;
            margin-left: 0px ;
        }

        .ms-hero-para{
            padding: 0px;
        }

        #text-cell {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }

        #text-cell > h2, p {
            padding: 0px ;
        }

        .grayscale-img-box{
            padding-left: 0px;
            padding-right: 0px;
        }

        .ms-plan-row {
            width: 550px;
            top: 150px;
            left: 172px;
        }

          /***-------------------------------------Media Page-------------------------------------------------------------*/
        .media-page .eem-text-content{
            width: 56%;
        }
        .media-page .mobile-top-image-container .image-container{
            height:538px;
        }
        .media-page .mobile-upper-text-container{
            margin-top:20px;
        }

        /* css for case pages */
        .tic-page-mobile-container {
            margin-top:99px;
        }
        .tesseract-page-container{
            margin-top:99px;
        }

        /***footer css **/
        /* .google-logo-mobile{
            width: 60%;
            position: relative;
           bottom: 5px;
            left: -190px;
        } */
        
    }
    @media (min-width: 650px) {
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 61px;
        }
        .sec-2-text-1{
            font-size: 27px;
        }
        .section-2-button-1{
            font-size: 22px;
        }
        .section-2-button-1:hover{
            font-size: 22px;
        }
        .hp-image-container-1:hover::after {
            font-size: 60px;
            border-radius: 30px;
        }
        .hp-image-container-text-1:hover::after {
            font-size: 60px;
            border-radius: 30px;
        }
        .hp-image-container-text-2:hover::after {
            font-size: 60px;
            border-radius: 30px;
        }
        .hp-image-container-text-3:hover::after {
            font-size: 60px;
            border-radius: 30px;
        }
        .hp-image-container-text-4:hover::after {
            font-size: 60px;
            border-radius: 30px;
        }
        .hp-image-container-text-5:hover::after {
            font-size: 60px;
            border-radius: 30px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 60px;
            padding-top: 100px;
        }
        .sec-3-img-width {
            width: 45%;
        }
        .sec-3-text-2{
            font-size: 55px;
        }
        .sec-3-text-3{
            font-size: 32px;
        }
        .sec-3-text-4{
            font-size: 28px;
        }
        /*
            ----------------------------------------- Marketing Strategy Page Section 3 -----------------------------------------
        */
        .planning-section-bg{
            left: -130px;
            min-width: 350px;
            max-width: 350px;
            min-height: 640px;
            max-height: 640px;
        }
        .customize-ps {
            top: 65px;
            left: 240px;
        }
        .plan-text-2{
            font-size: 35px;
        }
        .plan-text-3{
            font-size: 49px;
        }
        .plan-text-1{
            font-size: 22px;
        }
         /**************************css for Footer Section ***********************/
         .footer-menu-item {
            font-size: 32px;
         }

        .footer-logo{
            width:43%;
         }
         /* .google-logo-mobile{
            width: 70%;
           
           } */

        /* css for case pages */
        .tic-page-mobile-container {
            margin-top:100px;
        }
        .tesseract-page-container{
            margin-top:100px;
        }

        .bb-section-1{
            font-size: 40px;
        }
        .bb-section-2{
            font-size: 66px;
        }
        .custom-accordion-text{
            font-size: 43px;
            padding-right: 33px;
        }
        .tile-header{
            font-size: 66px;
        }
        .title-text{
            font-size: 31px;
        }
        .tile-button{
            font-size: 27px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 40px;
        }
        .sec-1-h1{
            font-size: 66px;
        }
        .sec-1-text-1 {
            font-size: 28px;
        }
        .section-1-button-1{
            font-size: 23px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 66px;
        }
        .sec-2-text-1{
            font-size: 28px;
        }
        .section-2-button-1{
            font-size: 23px;
            padding-bottom: 17px;
        }
        .section-2-button-1:hover{
            font-size: 23px;
            padding-bottom: 17px;
        }

        /* css for case pages */
        .tic-page-mobile-container {
            padding-left:32px;
        }
        .tesseract-page-container{
            padding-left:32px;
        }

        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 50px;
        }
        .hp-image-container-text-3:hover::after {
            border-radius: 22px;
        }
        .hp-image-container-1:hover::after {
            border-radius: 22px;
            /* -webkit-border-radius:;
            -moz-border-radius:;
            -ms-border-radius:;
            -o-border-radius:; */
        }


       /** Marketing strategy */
       .hero-section-img {
             margin-left: 56%;
        }
        div#hero-des {
            padding-left: 0px !important;
            margin-left: 0px ;
        }

        #text-cell {
            padding-right: 0rem !important;
            padding-left: 0rem !important;
        }

        #text-cell > h2, p {
            padding: 10px ;
        }



        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-section-1 {
            top: 35px;
        }
        .cp-text-1 {
            font-size: 34px;
        }
        .cp-header-1 {
            font-size: 60px;
            padding-bottom: 65px;
        }
        .cp-text-2 {
            font-size: 23px;
            line-height: 1.2;
        }
        .cp-image-container {
            top: 100px;
            height: 550px;
        }
        .circle {
            width: 530px;
            height: 530px;
            top: 7px;
            left: 33%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-margin-top{
            margin-top: 12rem;
        }
        .cp-tile{
            margin-bottom: 20px;
        }
        .cp-tile-header{
            font-size: 34px;
            padding-top: 46px;
            padding-bottom: 14px;
        }
        .cp-tile-sub-header{
            font-size: 26px;
            padding-bottom: 17px;
        }
        .cp-tile-underline {
            width: 60%;
        }
        .cp-tile-text-1{
            font-size: 23px;
            padding-top: 52px;
            padding-bottom: 52px;
        }
        /***footer css **/
        /* .google-logo-mobile{
            width: 60%;
            position: relative;
           bottom: 5px;
            left: -220px;
        } */
    }
    @media (min-width: 667px) {
        body > header > nav {
            z-index:10;
        }
        nav {
            padding: 120px 90px 70px 90px;
       }
        body > header > nav {
            z-index:10;
       }

      /**************************css for Footer Section ***********************/
        .footer-logo{
            width:36%;
         }
         /***footer css **/
        /* .google-logo-mobile{
            width: 55%;
            position: relative;
           bottom: 5px;
            left: -260px;
           
        } */
          /* css for case pages */
          .tic-page-mobile-container {
            margin-top:105px;
         }
         .tesseract-page-container{
            margin-top:105px;
        }
        .hero-row-section{
            padding-left: 0px !important;
        }
        .hero-row-section {
            padding: 0px !important;
        }

        #hero-section-p{
            padding: 0px !important;
        }

        #text-cell > h2, p {
            padding: 0px;
        }

        .ms-plan-row {
            top: 100px;
            left: 240px;
            width: 500px;
        }

        

    }
    @media (min-width: 700px) {
        .head-image-mobile {
            width: 70% !important;
        }
        .custom-modal-1 {
            width: 55%;
        }
        .top-menu-close-icon{
            width: 75%;
        }
        .burger {
            top: 22px;
        }
        .bb-section-1{
            font-size: 43px;
        }
        .bb-section-2{
            font-size: 71px;
        }
        .custom-accordion-text{
            font-size: 46px;
            padding-right: 37px;
        }
        .tile-header{
            font-size: 74px;
            padding-top: 280px;
        }
        .title-text{
            font-size: 34px;
        }
        .tile-button{
            font-size: 30px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 43px;
        }
        .sec-1-h1{
            font-size: 71px;
        }
        .sec-1-text-1 {
            font-size: 31px;
        }
        .section-1-button-1{
            font-size: 24px;
            /* padding-bottom: 18px; */
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 71px;
        }
        .sec-2-text-1{
            font-size: 31px;
        }
        .section-2-button-1{
            font-size: 24px;
            padding-bottom: 18px;
        }
        .section-2-button-1:hover{
            font-size: 24px;
            padding-bottom: 18px;
        }
        .hp-image-container-1:hover::after {
            font-size: 75px;
            border-radius: 40px;
        }
        .hp-image-container-text-1:hover::after {
            font-size: 75px;
            border-radius: 40px;
        }
        .hp-image-container-text-2:hover::after {
            font-size: 75px;
            border-radius: 40px;
        }
        .hp-image-container-text-3:hover::after {
            font-size: 75px;
            border-radius: 40px;
        }
        .hp-image-container-text-4:hover::after {
            font-size: 75px;
            border-radius: 40px;
        }
        .hp-image-container-text-5:hover::after {
            font-size: 75px;
            border-radius: 40px;
        }

        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-img-width {
            width: 40%;
        }

         /* css for case pages */
         .tic-page-mobile-container {
            padding-left:42px;
         }
         .tesseract-page-container{
            padding-left:42px;
         }
        /*
            ----------------------------------------- Marketing Strategy Page Section 3 -----------------------------------------
        */
        .customize-ps {
            left: 270px;
        }

        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .hp-image-container-1:hover::after {
            border-radius: 21px;
        }

        .planning-section-bg {
            left: -88px;

        }


         /** Marketing strategy */
       .hero-section-img {
        margin-left: 70%;
        }
        div#hero-des {
        padding-left: 0px !important;
        margin-left: 0px ;
        }

        .hero-row-section{
            padding-left: 0px !important;
        }
        .hero-row-section {
            padding: 0px !important;
        }

        div#hero-section-p {
            padding: 0rem !important;
        }

        #marketing-sec {
            padding-left: 0px;
        }

        .ms-plan-row {
            left: 138px;
            width: 650px;
        }

        /***footer css **/
        /* .google-logo-mobile{
            width: 55%;
            position: relative;
           bottom: 5px;
            left: -270px;
        } */
    }
    @media (min-width: 750px) {
        .custom-modal-1 {
            width: 50%;
        }
        .bb-section-1{
            font-size: 47px;
        }
        .bb-section-2{
            font-size: 76px;
        }
        .pt-8px {
            padding-top: 16px;
        }
        .custom-accordion-text{
            font-size: 50px;
            padding-right: 42px;
        }
        .tile-header{
            font-size: 79px;
            padding-top: 280px;
        }
        .title-text{
            font-size: 36px;
        }
        .tile-button{
            font-size: 32px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 47px;
        }
        .sec-1-h1{
            font-size: 76px;
        }
        .sec-1-text-1 {
            font-size: 33px;
        }
        .section-1-button-1{
            font-size: 24px;
        }

        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 76px;
        }
        .sec-2-text-1{
            font-size: 33px;
        }
        .section-2-button-1{
            font-size: 24px;
        }
        .section-2-button-1:hover{
            font-size: 24px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 65px;
            padding-top: 100px;
        }
        .sec-3-img-width {
            width: 40%;
        }
        .sec-3-text-2{
            font-size: 60px;
        }
        .sec-3-text-3{
            font-size: 35px;
        }
        .sec-3-text-4{
            font-size: 30px;
            padding-bottom: 30px;
        }
        /*
            ----------------------------------------- Marketing Strategy Page Section 3 -----------------------------------------
        */
        .customize-ps {
            left: 300px;
        }

        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-section-1 {
            top: 35px;
        }
        .cp-text-1 {
            font-size: 36px;
        }
        .cp-header-1 {
            font-size: 64px;
            padding-bottom: 70px;
        }
        .cp-text-2 {
            font-size: 27px;
            line-height: 1;
        }
        .cp-image-container {
            top: 100px;
            height: 600px;
        }
        .circle {
            width: 580px;
            height: 580px;
            top: 11px;
            left: 37%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-margin-top{
            margin-top: 13rem;
        }
        .cp-tile{
            margin-bottom: 20px;
        }
        .cp-tile-header{
            font-size: 36px;
            padding-top: 46px;
            padding-bottom: 14px;
        }
        .cp-tile-sub-header{
            font-size: 30px;
            padding-bottom: 17px;
        }

        .cp-tile-text-1{
            font-size: 27px;
            padding-top: 52px;
            padding-bottom: 52px;
        }


        /**************************css for Footer Section ***********************/
        .footer-logo{
            width:33%;
         }
        /***footer css **/
        /* .google-logo-mobile{
            width: 55%;
            position: relative;
             bottom: 7px;
            left: -320px;
           
        } */

        /* css for case pages */
        .tic-page-mobile-container {
            margin-top:107px;
            padding-left:45px;
        }

        .tesseract-page-container{
            margin-top:107px;
        }


        /* ------------------------------------ Strategy section ------------------------------------ */
        #text-cell{
            width: 100%;
            padding-left: 0px !important;
            margin-left: 0px !important;
        }

        #text-cell > h2 {
            font-size: 38px;
        }

        #text-cell > p {
            font-size: 17px;
        }

        #marketing-sec{
            padding-left: 0px;
            margin: 0 10%;
        }

        .grayscale-img-box{
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .triangle-img-box{
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 80px;

        }

        .triangle-des-box {
            /* display: block !important; */
            padding-left: 0px !important;
            margin-left: 0px !important;
        }

        .triangle-txt-box {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #ms-planning-section-desktop{
            display: none !important;
        }

        #ms-planning-section-mobile {
            display: block !important;
        }

        .customize-ps {
            left: 500px;
            top: 125px;
        }


        .container-width{
            max-width: 825px;
        }


        #hero-section-p {
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 4em;
            margin-right: 4em;
        }

        .hero-row-section {
            margin: 0px 0px 0px 40px;
        }

        .hero-section-img {
            margin-left: 41%;
        }

        .ms-plan-row {
            left: 135px;
            width: 700px;
        }

        /* div#marketing-brand-desktop {
            margin: 0px 6%;
        } */


    }
    @media (min-width: 768px) {
        .ms-planning{
            display: none;
        }
        .ms-planning{
            display: none;
        }

        .case-title-mobile p{
            margin-top: 120px;
            font-size: 40px;
        }
        .case-desc-mobile p{
            font-size: 20px;
        }

        .hero-section-img {
            margin-left: -30%;
        }

        div#hero-section-p {
            padding-right: 70px !important;
        }

        .ms-plan-row {
            left: 135px;
            width: 700px;
        }
        
        /*google logo footer */
        /* .google-logo-mobile{
            width: 50%;
            position: relative;
            left: -320px;
            bottom: 5px;
        } */
       


    /*-----------------Nt Now Case Page --------------------------*/
    .nt-now-case-page .case-title-mobile p{
        margin-top: unset;
    }
    /*------------------The Lad Collective ------------------------*/
    .the-lad-collective-page .case-title-mobile p{
        margin-top: unset;
    }

    /*------------------CMI Toyota  ------------------------*/
    .cmi-toyota-page .case-title-mobile p{
        margin-top: unset;
    }

    /*------------------TIC & Tesseract  ------------------------*/
    .tic-page .case-title-mobile p{
        margin-top: unset;
    }

    .tesseract-page .case-title-mobile p{
        margin-top: unset;
    }
    }

    @media (min-width: 800px) {
        .head-image-mobile {
            width: 60% !important;
        }
        .burger {
            top: 25px;
        }
        .custom-modal-1 {
            width: 45%;
        }
        .top-menu-close-icon {
            width: 65%;
        }
        .bb-section-1{
            font-size: 50px;
        }
        .bb-section-2{
            font-size: 80px;
        }
        .pt-8px {
            width: 22%;
        }
        .custom-accordion-text{
            font-size: 53px;
            padding-right: 47px;
        }
        .tile-header{
            font-size: 84px;
            padding-top: 310px;
        }
        .title-text{
            font-size: 38px;
        }
        .tile-button{
            font-size: 34px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 50px;
        }
        .sec-1-h1{
            font-size: 80px;
        }
        .sec-1-text-1 {
            font-size: 35px;
        }
        .section-1-button-1{
            font-size: 25px;
            /* padding-bottom: 20px; */
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 80px;
        }
        .sec-2-text-1{
            font-size: 35px;
        }
        .section-2-button-1{
            font-size: 25px;
            padding-bottom: 20px;
        }
        .section-2-button-1:hover{
            font-size: 25px;
            padding-bottom: 20px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 75px;
            padding-top: 110px;
        }
        .sec-3-img-width {
            width: 40%;
        }
        .sec-3-text-2{
            font-size: 65px;
        }
        .sec-3-text-3{
            font-size: 38px;
        }
        .sec-3-text-4{
            font-size: 33px;
            padding-bottom: 40px;
        }

        /**************************css for Footer Section ***********************/
        .footer-logo{
            width:29%;
         }
         /* .google-logo-mobile{
            width: 50%;
            position: relative;
            left:-370px;
            bottom: 6px;
            
           } */
           /* css for case pages */
        .tic-page-mobile-container {
            margin-top:105px;
            padding-left:50px;
        }
        .tesseract-page-container{
            margin-top:105px;
            padding-left:50px;
        }

        div#hero-des {
            padding-left: 10px !important;
            margin-left: 0px;
        }

        div#hero-section-p {
            padding-left: 10px !important;
        }

        .ms-plan-row {
            left: 142px;
            min-width: 680px;
        }


        .tic-page-mobile-container {
            margin-top:105px;
            padding-left:50px;
        }
        .tesseract-page-container{
            margin-top:105px;
            padding-left:50px;
        }

        #digital-section-3-mobile-btn-row  .mobile-btn-wrapper-left {
            padding-right: 0px;
            padding-left: 1rem;
        }

        .padding-left-2rem{
            padding-left: 2rem ;
        }


    }

    @media (min-width: 850px) {
        .custom-modal-1 {
            width: 40%;
        }
        .bb-section-1{
            font-size: 53px;
        }
        .bb-section-2{
            font-size: 86px;
        }
        .pt-8px {
            padding-top: 18px;
        }
        .custom-accordion-text{
            font-size: 57px;
            padding-right: 51px;
        }
        .tile-header{
            font-size: 90px;
            padding-top: 310px;
        }
        .title-text{
            font-size: 40px;
        }
        .tile-button{
            font-size: 36px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 53px;
        }
        .sec-1-h1{
            font-size: 86px;
        }
        .sec-1-text-1 {
            font-size: 37px;
            padding-bottom: 21px;
        }
        .section-1-button-1{
            font-size: 26px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 86px;
        }
        .sec-2-text-1{
            font-size: 37px;
            padding-bottom: 21px;
        }
        .section-2-button-1{
            font-size: 26px;
            padding-bottom: 21px;
        }
        .section-2-button-1:hover{
            font-size: 26px;
            padding-bottom: 21px;
        }
        .hp-image-container-1:hover::after {
            font-size: 90px;
        }
        .hp-image-container-text-1:hover::after {
            font-size: 90px;
        }
        .hp-image-container-text-2:hover::after {
            font-size: 90px;
        }
        .hp-image-container-text-3:hover::after {
            font-size: 90px;
        }
        .hp-image-container-text-4:hover::after {
            font-size: 90px;
        }
        .hp-image-container-text-5:hover::after {
            font-size: 90px;
        }

        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-section-1 {
            top: 55px;
        }
        .cp-text-1 {
            font-size: 36px;
        }
        .cp-header-1 {
            font-size: 64px;
            padding-bottom: 70px;
        }
        .cp-text-2 {
            font-size: 31px;
            line-height: 1;
        }
        .cp-image-container {
            top: 100px;
            height: 650px;
        }
        .circle {
            width: 580px;
            height: 580px;
            top: 11px;
            left: 37%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-margin-top{
            margin-top: 13rem;
        }
        .cp-tile{
            margin-bottom: 20px;
        }
        .cp-tile-header{
            font-size: 36px;
            padding-top: 55px;
            padding-bottom: 16px;
        }
        .cp-tile-sub-header{
            font-size: 30px;
            padding-bottom: 18px;
        }
        .cp-tile-text-1{
            font-size: 28px;
            padding-top: 52px;
            padding-bottom: 52px;
        }

         /**************************css for Footer Section ***********************/
         .footer-logo{
            width:28%;
         }
         /* .google-logo-mobile{
            width: 45%;
            position: relative;
            bottom: 8px;
            left: -400px;
           } */
        /* css for case pages */
        .tic-page-mobile-container {
            padding-left:54px;
        }
        .tesseract-page-container{
            padding-left:54px;
         }


         .hero-section-img {
            margin-left: -8%;
        }


        div#hero-section-p {
            padding-left: 25px !important;
        }

        div#hero-des {
            padding-left: 0px !important;
            margin-left: 0px;
        }

        .hero-section-img {
            margin-left: 0%;
        }
        .ms-hero-para {
            padding: 0px;
        }

        .ms-plan-row {
            left: 140px;
            min-width: 700px;
        }

    }

    @media (min-width: 900px) {
        .bb-section-1{
            font-size: 56px;
        }
        .bb-section-2{
            font-size: 92px;
        }
        .pt-8px {
            width: 20%;
        }
        .custom-accordion-text{
            font-size: 61px;
            padding-right: 55px;
        }
        .tile-header{
            font-size: 97px;
            padding-top: 340px;
        }
        .title-text{
            font-size: 43px;
        }
        .tile-button{
            font-size: 39px;
        }
        .sec-1-para{
            font-size: 56px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-h1{
            font-size: 92px;
        }
        .sec-1-text-1 {
            font-size: 40px;
        }
        .section-1-button-1{
            font-size: 27px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 92px;
        }
        .sec-2-text-1{
            font-size: 40px;
        }
        .section-2-button-1{
            font-size: 27px;
            padding-bottom: 22px;
        }
        .section-2-button-1:hover{
            font-size: 27px;
            padding-bottom: 22px;
        }


        /* css for case pages */
        .tic-page-mobile-container {
            margin-top:109px;
            padding-left:58px;
        }
        .tesseract-page-container{
            margin-top: 109px;
            padding-left:58px;
        }

        .ms-plan-row {
            left: 270px;
            min-width: 600px;
        }

        .ms-plan-row {
            left: 153px;
            min-width: 700px;
        }
      /**** footer css ***/
      /* .google-logo-mobile{
        width: 48%;
        position: relative;
        left:-430px;
        
      } */

    }

    @media (min-width: 950px) {
        .burger {
            top: 25px;
        }
        .bb-section-1{
            font-size: 60px;
        }
        .bb-section-2{
            font-size: 96px;
        }
        .mobile .pt-8px {
            padding-top: 30%;
        }
        .custom-accordion-text{
            font-size: 65px;
            padding-right: 60px;
        }
        .tile-header{
            font-size: 103px;
            padding-top: 340px;
        }
        .title-text{
            font-size: 47px;
        }
        .tile-button{
            font-size: 43px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 60px;
        }
        .sec-1-h1{
            font-size: 96px;
        }
        .sec-1-text-1 {
            font-size: 43px;
            padding-bottom: 22px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            font-size: 96px;
        }
        .sec-2-text-1{
            font-size: 43px;
            padding-bottom: 22px;
        }
        /*
            ----------------------------------------- Ceative and Product Page Text Section  -----------------------------------------
        */
        .cp-section-1 {
            top: 55px;
        }
        .cp-text-1 {
            font-size: 40px;
        }
        .cp-header-1 {
            font-size: 70px;
            padding-bottom: 80px;
        }
        .cp-text-2 {
            font-size: 36px;
            line-height: 1;
        }
        .cp-image-container {
            top: 100px;
            height: 650px;
        }
        .circle {
            width: 640px;
            height: 610px;
            top: 17px;
            left: 42%;
        }
        /*
            -----------------------------------------  Creative Product Page Tile Section -----------------------------------------
        */
        .cp-margin-top{
            margin-top: 13rem;
        }
        .cp-tile{
            margin-bottom: 20px;
        }
        .cp-tile-header{
            font-size: 60px;
            padding-top: 60px;
            padding-bottom: 20px;
        }
        .cp-tile-sub-header{
            font-size: 31px;
            padding-bottom: 18px;
        }
        .cp-tile-text-1{
            font-size: 27px;
            padding-top: 52px;
            padding-bottom: 52px;
        }

         /*****************************Footer Section Responsive Styles ***********************************************/
        .footer-menu-item {
            font-size: 30px;
            font-weight: 400;
        }
        .footer-logo {
            margin-top: 40px;
            width:26%;
        }
        /***footer css **/
        /* .google-logo-mobile{
            width: 45%;
            position: relative;
            bottom: -10px;
            left: -460px;
        } */
        /* css for case pages */
        .tic-page-mobile-container {
            margin-top:114px;
            padding-left:62px;
        }

       .hero-section-img {
        margin-left: 65px;
        }

        .hero-section-img {
            margin-left: 35px;
        }


        .hero-row-section {
             margin-left: 9px;
        }

        .ms-plan-row {
            left: 155px;
            min-width: 800px;
        }

        div#hero-section-p {
            padding-left: 45px !important;
        }

        #marketing-sec {
            margin: 0px 11%;
        }

        .triangle-img-box {
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 80px;

        }

        #mobile-img {
            width: 800px !important;
        }


    }

    @media (min-width: 970px) {
        .hero-row-section {
             margin-left: 2px;
        }


    }
    @media (min-width: 980px) {
       /* .google-logo-mobile{
      
        width: 45%;
        position: relative;
        left:-490px;
        bottom: -10px;
       } */


    }



    @media (min-width: 992px) {

        .mobile{
            display: none;
        }
        .desktop{
            display: block;
        }
        .head-image-mobile {
            width: 65% !important;
        }
        .affix-top {
            background:transparent;
            border-color:transparent;
            padding: 15px;
            -webkit-transition:all 0.5s ease;
            -moz-transition:all 0.5s ease;
            -o-transition:all 0.5s ease;
            transition:all 0.5s ease;
        }
        .burger {
            width: 50px;
            height: 50px;
            position: fixed;
            top: 22px;
            right: 5px;
            border-radius: 4px;
            z-index: 999;
        }
        .cover {
            position: relative;
            left: -90.5px;
            box-sizing: border-box;
            width: 1351px;
            padding-left: 90.5px;
            padding-right: 90.5px;
            max-height: 420px;
            object-fit: cover;
        }
        body > header > nav {
            z-index:9;
        }

        .affix-top {
            background:transparent;
            border-color:transparent;
            padding: 15px;
            -webkit-transition:all 0.5s ease;
            -moz-transition:all 0.5s ease;
            -o-transition:all 0.5s ease;
            transition:all 0.5s ease;
        }
        .cover {
            position: relative;
            left: -90.5px;
            box-sizing: border-box;
            width: 1351px;
            padding-left: 90.5px;
            padding-right: 90.5px;
            max-height: 420px;
            object-fit: cover;
        }
        body > header > nav {
            z-index:9;
        }
        .mst2{
            display: none;
        }

        .case-title-desktop-tic{
            margin-left: -8px;
        }

        .header-section {
            background-color: #000000;
            padding-top: 54px;
            padding-bottom: 52px;
        }
        .head-image-desktop{
           max-width: 260px;
        }
        .burger-desktop {
            position: relative;
            top: 0px;
            z-index: 999;
            max-width: 62px;
            cursor: pointer;
        }
        .custom-modal-1 {
            width: 40%;
        }
        .head-menu{
            background-color: #FFFFFF;
            position: relative;
            top: -59px;
            right: -95px;
            z-index: 1000;
            display: flex;
            display: none;
        }
        nav{
            border-radius: 25px;
        }
        /*
            ----------------------------------------- Home Page Billboad Section  -----------------------------------------
        */
        .hp-topper{
            margin-top: 160px;
        }
        .bb-section-1{
            font-size: 23px;
            padding-left: 62px;
        }
        .bb-section-2{
            font-size: 58px;
            padding-left: 62px;
        }
        .content .tile {
            min-height: 375px;
            max-height: 375px;
            border-radius: 15px;
        }
        .tile-img-icon{
            width: 25%;
        }
        .tile .card-title{
            font-size: 15px;
            line-height: 1.2;
        }
        .tile .card-text{
            font-size: 15px;
            line-height: 1;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            color: #C4C4C6;
            font-size: 26px;
            padding-left: 62px;
            padding-bottom: 5px;
        }
        .sec-1-h2{
            color: #FFFFFF;
            font-size: 58px;
            padding-left: 62px;
            line-height: 1;
        }
        .sec-1-text-2{
            color: #FFFFFF;
            font-size: 10px;
            text-align: left;
            line-height: 1.4;
            padding-top: 50px;
            padding-bottom: 15px;
            padding-left: 62px;
            max-width: 95%;
        }
        .sec-1-btn {
            padding-top: 18px;
            padding-left: 57px;
            text-align: left;
        }
        .section-1-button-1 {
            background-color: #000000;
            border-color: #ffffff;
            color: #FFFFFF;
            border-radius: 6.5rem;
            font-size: 10px;
            text-align: center;
            border-style: solid;
            border-width: 2px;
            padding-top: 16px;
            padding-bottom: 15px;
            padding-left: 30px !important;
            padding-right: 30px !important;
        }
        .section-1-button-1:hover {
            background-color: #F7931D;
            border-color: #F7931D;
            color: #000000;
            border-radius: 6.5rem;
            font-size: 10px;
            text-align: center;
            border-style: solid;
            border-width: 2px;
            padding-top: 16px;
            padding-bottom: 15px;
            padding-left: 30px !important;
            padding-right: 30px !important;
        }
        .section-1-button-1:active{
            color: unset;
            background-color: unset;
            border-color: unset;
        }
        .section-1-button-1:focus{
            box-shadow: unset;
        }
        .section-1-button-1:active:focus{
            box-shadow: unset;
        }
        .section-1-image-1{
            width: 123%;
            padding-top: 5px;
            min-height: 230px;
            max-height: 230px;
        }
        .section-1-image-3{
            width: 57%;
            margin-left: 50px;
        }
        .section-1-image-4{
            padding-top: 15px;
            width: 80%;
            margin-left: 50px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1{
            color: #FFFFFF;
            font-size: 58px;
            text-align: center;
            line-height: 1;
        }
        .sec-2-text-2 {
            color: #FFFFFF;
            font-size: 13px;
            text-align: center;
            padding-top: 50px;
            padding-bottom: 30px;
            line-height: 1.5;
        }
        .section-2-button-2 {
            background-color: #000000;
            color: #FFFFFF;
            border-radius: 6.5rem;
            font-size: 12px;
            text-align: center;
            border-color: #ffffff;
            border-style: solid;
            border-width: 2px;
            padding-top: 16px;
            padding-bottom: 15px;
            padding-left: 50px !important;
            padding-right: 50px !important;
        }
        .section-2-button-2:hover{
            font-size: 12px;
            background-color: #F7931D;
            color: #000000;
            border-color: #F7931D;
            content: 'show more';
            padding-top: 16px;
            padding-bottom: 15px;
        }

        .hp-sec-2-tile-img {
            width: 100%;
            height: 100%;
            border-radius: 20px;
        }
        .sec-2-tile-1{
            width: 100%;
            min-height: 235px;
            max-height: 235px;
            display: inline-block;
            border-radius: 20px;
        }
        .sec-2-tile-2{
            width: 70%;
            min-height: 273px;
            max-height: 273px;
            display: inline-block;
            border-radius: 20px;
        }
        .sec-2-tile-3{
            width: auto;
            min-height: 411px;
            max-height: 411px;
            display: inline-block;
            border-radius: 20px;
        }
        .sec-2-tile-3-tlc{
            width: auto;
            min-height: 411px;
            max-height: 411px;
            display: inline-block;
            border-radius: 20px;
        }

        @media not all and (min-resolution: .001dpcm) {
            @supports (-webkit-appearance: none) {
                .sec-2-tile-3 {
                    width: 55% ;

                }
            }
        }

        .sec-2-tile-3-burnside{
            width: auto;
            min-height: 411px;
            max-height: 411px;
            display: inline-block;
            border-radius: 20px;
        }


        .cpt-6{
            padding-top: 85px;
        }
        .tile-breakup-1{
            padding-top: 6px;
            padding-bottom: 6px;
        }
        .tile-breakup-2{
            padding-top: 9px;
            padding-bottom: 9px;
        }
        .tile-breakup-3{
            padding-top: 6px;
            padding-bottom: 6px;
        }
        .hp-image-container-text-1:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .hp-image-container-text-2:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .hp-image-container-text-3:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .hp-image-container-text-4:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .hp-image-container-text-5:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 80px;
            text-align: center;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .sec-3-text-1 {
            color: #000000;
            font-size: 13px;
            text-align: center;
            min-height: 100px;
            max-height: 100px;
        }

        .sec-3-text-1-testimonials {
            color: #000000;
            font-size: 18px;
            text-align: center;
            min-height: 100px;
            max-height: 135px;
        }
        .sec-3-img-width {
            width: 10%;
        }
        .sec-3-text-2 {
            font-size: 40px;
        }
        .sec-3-text-3{
            color: #000000;
            font-size: 19px;
            padding-bottom: 0px;
        }
        .sec-3-text-4{
            color: #707070;
            font-size: 19px;
            padding-bottom: 20px;
        }
        .sec-3-text-5{
            color: #000000;
            font-size: 19px;
            text-align: center;
            min-height: 280px;
            max-height: 280px;
        }

        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .cp-img-1{
            position: absolute;
            width: 435px;
            left: 411px;
            top: 100px;
            z-index: 100;
        }
        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            color: #FFFFFF;
            font-size: 60px;
            text-align: center;
            line-height: 1;
            padding-top: 60px;
            padding-bottom: 40px;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 324px;
            max-height: 324px;
            display: inline-block;
            border-radius: 20px;
            overflow: hidden;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 243px;
            max-height: 243px;
            display: inline-block;
            border-radius: 20px;
            overflow: hidden;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 432px;
            max-height: 432px;
            display: inline-block;
            border-radius: 20px;
            overflow: hidden;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 414px;
            max-height: 414px;
            display: inline-block;
            border-radius: 20px;
            overflow: hidden;
        }

        .wp-image-container-text-6:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-7:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-8:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-9:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-10:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-11:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-12:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-13:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-14:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-15:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .desktop .wp-image-container-text-16:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-17:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-18:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
       .wp-image-container-text-19:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-20:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-21:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-22:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }
        .wp-image-container-text-23:hover::after {
            font-size: 33px;
            border-radius: 20px;
        }






        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container{
            position: relative;
            top: 75px;
            width: 100%;
            height: 360px;
            background-color: #ffffff;
            z-index: 200;
            margin-top: 6rem;
            overflow: unset;
        }
        .hp-header-image{
            position: relative;
            top: 2px;
            left: 410px;
            width: 41%;
        }
        .cp-section-1{
            top: 100px;
        }
        .cp-text-1{
            color: #C4C4C6;
            font-size: 25px;
            line-height: 1.2;
            padding-top: 100px;
            padding-bottom: 15px;
            padding-left: 67px;
        }
        .cp-header-1{
            color: #000000;
            font-size: 57px;
            line-height: 1;
            padding-left: 67px;
            padding-bottom: 30px;
        }
        .cp-text-2{
            color: #000000;
            font-size: 10px;
            line-height: 1.5;
            padding-top: 10px;
            padding-bottom: 20px;
            padding-left: 67px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2{
            margin-top: 140px;
            margin-bottom: 100px;
            z-index: 300;
            position: relative;
            top: 50px;
        }
        .cp-tile-1{
            width: 70%;
            min-height: 272px;
            max-height: 272px;
            float: right;
        }
        .cp-tile-1:hover{
            background-color: #363600;
            opacity: 1;
        }
        .cp-tile-2{
            width: 80%;
            min-height: 260px;
            max-height: 260px;
            float: right;
        }
        .cp-tile-2:hover{
            background-color: #363600;
            opacity: 1;
        }
        .cp-tile-3{
            width: 75%;
            min-height: 260px;
            max-height: 260px;
            float: right;
        }
        .cp-tile-3:hover{
            background-color: #363600;
            opacity: 1;
        }
        .cp-tile-4{
            width: 70%;
        }
        .cp-tile-4:hover{
            background-color: #363600;
            opacity: 1;
        }
        .cp-tile-5{
            width: 85%;
        }
        .cp-tile-5:hover{
            background-color: #363600;
            opacity: 1;
        }
        .right-side-bottom-margin{
            margin-bottom: 140px;
        }
        .cp-tile-header {
            font-size: 25px;
            padding-top: 35px;
            padding-left: 15px;
            padding-bottom: 10px;
            line-height: 1;
        }
        .cp-tile-header-2 {
            font-size: 25px;
            padding-top: 55px;
            padding-left: 15px;
            padding-bottom: 10px;
            line-height: 1;
        }
        .cp-tile-sub-header {
            font-size: 13px;
            line-height: 1;
            padding-left: 15px;
            padding-bottom: 15px;
        }
        .cp-tile-underline-1 {
            position: relative;
            left: 15px;
            width: 55%;
            border-bottom: 2px solid #FFFF7F;
        }
        .cp-tile-underline-2 {
            position: relative;
            left: 15px;
            width: 55%;
            border-bottom: 2px solid #FFFF7F;
        }
        .cp-tile-underline-3 {
            position: relative;
            left: 15px;
            width: 45%;
            border-bottom: 2px solid #FFFF7F;
        }
        .cp-tile-underline-4 {
            position: relative;
            left: 15px;
            width: 55%;
            border-bottom: 2px solid #FFFF7F;
        }
        .cp-tile-underline-5 {
            position: relative;
            left: 15px;
            width: 50%;
            border-bottom: 2px solid #FFFF7F;
        }
        .cp-tile-text-1 {
            font-size: 10px;
            line-height: 1.2;
            padding-left: 15px;
            padding-top: 30px;
            padding-bottom: 30px;
        }

         /*****************************Footer Section Responsive Styles ***********************************************/
        .privacy-policy-text{
            padding-left:28px;
        }
        .footer-social-media-icons{
            padding-right: 0px;
            padding-left:0px;
            display: inline-block;
            margin-left: 23%;
        }

        .footer-logo-desktop{
            margin-top: 15px;
            display:block;

        }
        .footer-bottom-text {
            text-align: unset;
        }
        .terms-of-trade-container{
            margin-left:19px;
        }
        .credit-report-policy{
            margin-left:33px;
        }
        .desktop-footer-social-media-icons{
            margin-left:20%;
           
         }



        #ms-planning-section-mobile {
            display: none !important;
        }
        #ms-planning-section-desktop {
            display: block !important;
        }

        .triangle-img-box {
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 40px;
        }




          /*-----------------------------------------------Media Page  CSS---------------------------------------------*/
          .media-page .fully-accredited-agency{
            font-size: 25px;
            margin-top:66px;
            margin-left:14px;
         }

         .media-page .fully-accredited-agency h5{
             font-size: 20px;
         }
         .media-page .fully-accredited-agency h4{
             font-size: 45px;
             color: #000000;;
         }

         .media-page .fully-accredited-agency h6{
             font-size: 16px;
             color: #000000;
             line-height: 1.5;
         }
         .media-page .black-container{
             margin-top:-128px;
          }

         .media-page .upper-text-container{
             margin-top: 112px;
         }
         .media-page .main-line{
             font-size: 3.6em;
         }
         .media-page .blue-triangle-image{
             min-width: 424px;
             max-width: 450px;
             position: relative;
             margin-top:16px;
             right:40%;
         }

         .media-page .by-line{
             font-size: 1.0em;
             padding-right: 24%;
         }
         .media-page .black-container h2{
            padding-top:60px;
            font-size: 45px;
         }
         .media-page .desktop-middle-image-container{
            margin-top:72px;
         }
         .media-page .desktop-planning-text-container{
            margin-left: 48px;
         }
         .media-page .planning-text{
            font-size: 32px;
            color: #80FFFF;
         }
         .media-page .desktop-reporting-text-container p{
            padding-right:50px;
         }
         .media-page .desktop-icon-section-header{
            background-color: #000000;
            color: white;
         }
         .media-page .desktop-icon-section-header h4{
            margin-top:28px;
            font-size: 45px;
         }
         .media-page .desktop-icon-section-list{
            background-color: #000000;
         }
         .media-page .desktop-icon-section-list .media-icon{
            max-width: 110px;
         }
         .media-page .desktop-reporting-text-container .text-para{
            font-size: 12px;
         }
         .media-page .desktop-planning-text-container .text-para{
            font-size: 12px;
         }
         .media-page .desktop-icon-section-header h6{
            font-size: 14px;
         }


         /*** -------------------------------------------Digital Section-------------------------------------------------------   */

         #digital-section-3-desktop #digital-section-btn-row button {
            background-color: #1F1F1F;
            color: #fff;
            padding: 8px 10px 8px 10px;
            border-radius: 25px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px;
        }

        .responsive-font-size {
            font-size: 70px !important;
        }


         /*** -------------------------------------------Digital Section End---------------------------------------------------- */
         /*-------------------------------------Contact Us Page---------------------------------------------------------------*/
         .contact-us-page .lets-chat{
            font-size: 55px;
         }
         .contact-us-page .team-email{
            font-size: 18px;
         }
         .contact-us-page .address{
            font-size: 16px;
         }
         .contact-us-page .desktop-contact-us-form .text-danger{
            color: white !important;
         }
         .contact-us-page .custom-gap .col {
            margin-right: 20px;
        }

        .contact-us-page .custom-gap .col:last-child {
            margin-right: 0;
        }
        .contact-us-page .desktop-feild-label{
            font-size: 18px;
        }
        .contact-us-page .btn-send {
            background-color: #F7931D;
            color: white;
            border-radius: 6.5rem;
            border-color: #F7931D;
            border-style: solid;
            text-align: center;
            padding: 10px 53px;
            cursor: pointer;
            font-size: 15px;
            margin-top: -10px;
            border-width: 2px;
        }
        .contact-us-page .btn-send:hover {
            /* background-color: #f58014; */
            background-color: #FFFFFF;
        border-color: #FFFFFF;
        color: #000;
        }
        .contact-us-page .map-container iframe {
            width: 85%;
            height: 300px;
        }
        .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 16px;
        }
        .contact-us-page .desktop-contact-us-form .form-control{
           background-color: #4E5055;
           border-color: #4E5055 !important;
           border-radius: 10px;
           color: white;
        }

        /*-----------------------------Our Thoughts Page-----------------------------------------------------------*/
        .our-thoughts-page .thoughts-page-desktop-container .our-thoughts-text{
            font-size: 100px;
        }
        .our-thoughts-page .thoughts-page-desktop-container p {
            font-size: 18px;
        }
        .our-thoughts-page .blog-post-title{
            font-size: 45px;
        }
        .our-thoughts-page .read-more-btn {
            display: inline-block;
            margin-top: 10px;
            padding: 7px 23px;
            color: black;
            background-color: white;
            border: 1px solid black;
            border-radius: 25px;
            text-decoration: none;
            font-size: 16px;
            transition: background-color 0.3s, color 0.3s;
        }
        .our-thoughts-page .read-more-btn:hover {
            background-color: white;
            color: black;
        }


        /**---------------CMS Toyota Page-------------------------------------------*/
        .cmi-toyota-page .case-box-desktop1{
            margin-top:0px;
        }

        .padding-top-0{
            padding-top: 0px !important;
        }

        /** footer css **/
      

       
        
    }

    @media (min-width:1024px) {
        
        body > header > nav {
            z-index:999;
        }
        .head-image-desktop {
            max-width: 270px;
        }
        .burger {
            width: 50px;
            height: 50px;
            top: -17px;
            border-radius: 4px;
            z-index: 10;
        }
        /*
            ----------------------------------------- Home Page Billboard section -----------------------------------------
        */
        .bb-section-1{
            font-size: 26px;
        }
        .bb-section-2{
            font-size: 62px;
        }
        .content .tile {
            min-height: 375px;
            max-height: 375px;
        }
        .tile .card-title{
            font-size: 16px;
        }
        .tile .card-text{
            font-size: 14px;
        }
        .cover {
            position: relative;
            left: -90.5px;
            box-sizing: border-box;
            width: 1351px;
            padding-left: 90.5px;
            padding-right: 90.5px;
            max-height: 420px;
            object-fit: cover;
        }

        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 23px;
        }
        .sec-1-h2{
            font-size: 62px;
        }
        .section-1-image-1{
            min-height: 235px;
            max-height: 235px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1 {
            font-size: 62px;
        }
        .sec-2-text-2 {
            font-size: 15px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 84px;
        }
        .sec-3-text-1 {
            font-size: 15px;
        }
        .sec-3-img-width {
            width: 9%;
        }
        .sec-3-text-3{
            font-size: 18px;
        }
        .sec-3-text-4{
            font-size: 18px;
        }

        .sec-1-text-2 {
            color: #FFFFFF;
            font-size: 14px;
            text-align: left;
            padding-top: 50px;
            padding-left: 62px;
            line-height: 1.4;
            max-width: 90%;
        }
        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 65px;
        }

        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-text-1 {
            font-size: 27px;
        }
        .cp-header-1 {
            font-size: 60px;
        }
        .hp-header-image {
            top: 12px;
            left: 423px;
            width: 41%;
        }

        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .right-side-bottom-margin{
            margin-bottom: 143px;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
        .footer-social-media-icons{
            padding-right: 0px;
            padding-left:0px;
            display: inline-block;
        }
        

         /*
        ---------------------------------------------Media Page ----------------------------------------------------
            */



            .media-page .blue-triangle-image{
                right: 38%;
            }
            .media-page .fully-accredited-agency h4{
                font-size: 45px;
            }
            .media-page .fully-accredited-agency {
                padding-left: 22px;
            }
            .media-page .upper-text-container{
                margin-top: 116px;
            }
            .media-page .desktop-icon-section-header h4{
                font-size: 47px;
            }
            .media-page .black-container h2{
                font-size: 47px;
            }
        /*
            ---------------------------------------------Media Page ----------------------------------------------------
        */
        /*
            .media-page .blue-triangle-image{
                right: 30%;
            }
            .media-page .fully-accredited-agency h4{
                font-size: 48px;
            }
            .media-page .fully-accredited-agency {
                padding-left: 22px;
            }
            .media-page .upper-text-container{
                margin-top: 116px;
            }
        */


        /* tic */
        .tic-page .case-title-desktop-tic p{
            font-size: 37px;
        }
        .google-logo-desktop{
          
            position: relative;
            bottom: 0px;
        }

    }
    @media (min-width:1070px) {
        .head-image-desktop {
            max-width:279px;
        }
        .burger-desktop{
            max-width: 62px;
        }
        .custom-modal-1 {
            width: 35%;
        }
        .burger {
            top: -17px;
        }
        .bb-section-1{
            font-size: 28px;
            padding-left: 70px;
        }
        .bb-section-2{
            font-size: 65px;
            padding-left: 70px;
        }
        .content .tile {
            min-height: 400px;
            max-height: 400px;
        }
        .tile .card-title{
            font-size: 17px;
        }

        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 24px;
            padding-left: 70px;
        }
        .sec-1-h2{
            font-size: 65px;
            padding-left: 70px;
        }
        .sec-1-text-2 {
            font-size: 10px;
        }
        .section-1-button-1 {
            font-size: 10px;
        }
        .section-1-image-1{
            width: 125%;
            margin-left: -20px;
            min-height: 240px;
            max-height: 240px;
        }
        .section-1-image-3{
            margin-left: 45px;
        }
        .section-1-image-4{
            width: 83%;
            margin-left: 45px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1 {
            font-size: 65px;
        }
        .sec-2-text-2 {
            font-size: 17px;
        }
        .section-2-button-2 {
            font-size: 10px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 86px;
        }
        .sec-3-text-1 {
            font-size: 17px;
        }

         /*****************************Footer Section Responsive Styles ***********************************************/
         .desktop-footer-social-media-icons{
            margin-left:10px;
            
            
         }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-text-1 {
            font-size: 30px;
        }
        .cp-header-1 {
            font-size: 62px;
        }
        .cp-text-2 {
            font-size: 10px;
        }
        .hp-header-image {
            top: 9px;
            left: 440px;
            width: 40%;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 150px;
            padding-bottom: 95px;
        }
        .cp-tile-1 {
            width: 71%;
            min-height: 300px;
            max-height: 300px;
        }
        .cp-tile-2 {
            min-height: 270px;
            max-height: 270px;
        }
        .cp-tile-3 {
            min-height: 280px;
            max-height: 280px;
        }
        .right-side-bottom-margin{
            margin-bottom: 160px;
        }
        .cp-tile-header {
            font-size: 30px;
            padding-top: 40px;
            padding-left: 22px;
        }
        .cp-tile-sub-header {
            font-size: 15px;
            padding-left: 22px;
        }
        .cp-tile-text-1 {
            font-size: 10px;
            padding-left: 22px;
        }
        .cp-tile-underline-1 {
            left: 22px;
            width: 61%;
        }
        .cp-tile-underline-2 {
            left: 22px;
            width: 48%;
        }
        .cp-tile-underline-3 {
            left: 22px;
            width: 65%;
        }
        .cp-tile-underline-4 {
            left: 22px;
            width: 65%;
        }
        .cp-tile-underline-5 {
            left: 22px;
            width: 56%;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
        /* .desktop-footer-social-media-icons{
            margin-left:95px;
            
        } */


        /*--------------------Contact Us -----------------------------------------------------------------*/
        .contact-us-page .lets-chat{
            font-size: 58px;
        }
        .contact-us-page .team-email{
            font-size: 20px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 18px;
        }
        .contact-us-page .btn-send{
            font-size: 17px;
        }


    }
    @media (min-width:1120px) {
        .burger {
            top: -12px;
        }
        .bb-section-1{
            font-size: 28px;
        }
        .bb-section-2{
            font-size: 65px;
        }
        .content .tile {
            min-height: 425px;
            max-height: 425px;
        }
        .tile .card-title{
            font-size: 19px;
        }
         /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 23px;
        }
        .sec-1-h2{
            font-size: 65px;
        }
        .sec-1-text-2 {
            font-size: 10px;
            max-width: 85%;
            padding-top: 50px;
            padding-bottom: 20px;
        }
        .section-1-button-1 {
            font-size: 12px;
        }
        .section-1-image-1{
            margin-left: -35px;
        }
        .section-1-image-3{
            margin-left: 35px;
        }
        .section-1-image-4{
            width: 80%;
            margin-left: 35px;
        }
        .section-1-image-1{
            width: 128%;
            min-height: 265px;
            max-height: 265px;
        }
        .section-1-image-4{
            width: 88%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1 {
            font-size: 65px;
        }
        .sec-2-text-2 {
            font-size: 16px;
        }
        .section-2-button-2 {
            font-size: 12px;
        }
        .sec-2-tile-1{
            width: 98%;
            min-height: 250px;
            max-height: 250px;
        }
        .sec-2-tile-2{
            min-height: 290px;
            max-height: 290px;
        }
        .sec-2-tile-3{
            min-height: 411px;
            max-height: 411px;
        }
        .sec-2-tile-3-burnside{
            min-height: 411px;
            max-height: 411px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 88px;
        }
        .sec-3-text-1 {
            font-size: 16px;
        }
        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 70px;
        }

        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 367px;
            max-height: 367px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 275px;
            max-height: 275px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 488px;
            max-height: 488px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 471px;
            max-height: 471px;
        }

        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */

        .cp-header-1 {
            font-size: 65px;
        }
        .cp-image-container {
            height: 400px;
        }
        .hp-header-image {
            top: 9px;
            left: 452px;
            width: 42%;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
        .desktop-footer-social-media-icons{
            margin-left:16%;
        }

        /*------------------------------Media Page------------------------------------------------*/
          .media-page .fully-accredited-agency h5{
            font-size: 20px;
        }
        .media-page .fully-accredited-agency h4{
            font-size: 45px;
        }

        .media-page .fully-accredited-agency h6{
            font-size: 14px;
        }

        .media-page .blue-triangle-image{
            right: 40%;
            min-width:456px;
        }
        .media-page .fully-accredited-agency h4{
            font-size: 52px;
        }
        .media-page .upper-text-container{
            margin-top: 120px;
        }
        .media-page .black-container h2 {
            font-size: 52px;
        }
        .media-page .desktop-icon-section-header h4{
            font-size: 52px;
        }
        .media-page .desktop-reporting-text-container .text-para{
            font-size: 14px;
         }
         .media-page .desktop-planning-text-container .text-para{
            font-size: 14px;
         }
         .media-page .desktop-icon-section-header h6{
            font-size: 17px;
         }
         /**footer css **/
        .google-logo-desktop{
           
            width: 47%;
            position: relative;
            left: 10px;
            bottom: 1px;
         }
    }
    @media (min-width:1170px) {

        .burger-desktop{
            max-width: 60px;
        }
        .custom-modal-1 {
            width: 30%;
        }
        .burger {
            top: -7px;
        }
        .bb-section-1{
            font-size: 28px;
        }
        .bb-section-2{
            font-size: 68px;
        }
        .content .tile {
            min-height: 450px;
            max-height: 450px;
        }
        .tile .card-title{
            font-size: 20px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 24px;
        }
        .sec-1-h2{
            font-size: 68px;
        }
        .sec-1-text-2 {
            font-size: 11px;
        }
        .section-1-image-1{
            width: 126%;
            min-height: 290px;
            max-height: 290px;
        }
        .section-1-image-4{
            width: 88%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1 {
            font-size: 68px;
        }
        .sec-2-text-2 {
            font-size: 17px;
        }

        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 92px;
        }
        .sec-3-text-1 {
            font-size: 17px;
        }

        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 384px;
            max-height: 384px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 288px;
            max-height: 288px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 510px;
            max-height: 510px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 493px;
            max-height: 493px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */

        .cp-header-1 {
            font-size: 67px;
            line-height: 0.85;
        }
        .cp-text-2 {
            font-size: 11px;
        }
        .cp-image-container {
            height: 400px;
        }
        .hp-header-image {
            top: 8px;
            left: 461px;
            width: 41%;
        }

        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 150px;
            padding-bottom: 105px;
        }
        .cp-tile-1 {
            width: 67%;
            min-height: 310px;
            max-height: 310px;
        }
        .cp-tile-2 {
            min-height: 285px;
            max-height: 285px;
        }
        .cp-tile-3 {
            width: 67%;
            min-height: 280px;
            max-height: 280px;
        }
        .cp-tile-4 {
            width: 62%;
        }
        .cp-tile-5 {
            width: 77%;
        }
        .right-side-bottom-margin{
            margin-bottom: 170px;
        }
        .cp-tile-header {
            font-size: 30px;
            padding-top: 42px;
            padding-left: 25px;
        }
        .cp-tile-header-2 {
            font-size: 30px;
            padding-top: 57px;
            padding-left: 25px;
        }
        .cp-tile-sub-header {
            font-size: 15px;
            padding-left: 25px;
        }
        .cp-tile-text-1 {
            font-size: 11px;
            padding-left: 25px;
        }
        .cp-tile-underline-1 {
            left: 25px;
            width: 61%;
        }
        .cp-tile-underline-2 {
            left: 25px;
            width: 42%;
        }
        .cp-tile-underline-3 {
            left: 25px;
            width: 65%;
        }
        .cp-tile-underline-4 {
            left: 25px;
            width: 65%;
        }
        .cp-tile-underline-5 {
            left: 25px;
            width: 50%;
        }

         /*****************************Footer Section Responsive Styles ***********************************************/
        .privacy-policy-text{
            padding-left:11px;
        }
        .credit-report-policy{
            margin-left:37px;
         }

        .desktop-footer-social-media-icons{
            margin-left:15%;
        }
         /*
        --------------------------------------------Media Page ----------------------------------------------------
            */
            .media-page .blue-triangle-image{
                right: 33%;
            }
            .media-page .fully-accredited-agency h4{
                font-size: 55px;
            }
            .media-page .black-container h2 {
                font-size: 55px;
            }
            .media-page .desktop-icon-section-header h4{
                font-size: 55px;
            }

         /*---------------------Contact Us -----------------------------------------------------------------*/
         .contact-us-page .lets-chat{
            font-size: 60px;
        }
        .contact-us-page .team-email{
            font-size: 22px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 20px;
        }
        .contact-us-page .btn-send{
            font-size: 18px;
        }



    }
    @media (min-width:1220px) {

        .burger {
            top: -5px;
        }
        .bb-section-1{
            font-size: 28px;
        }
        .bb-section-2{
            font-size: 72px;
        }
        .content .tile {
            min-height: 450px;
            max-height: 450px;
        }
        .tile .card-title{
            font-size: 21px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 26px;
        }
        .sec-1-h2{
            font-size: 72px;
        }
        .sec-1-text-2 {
            font-size: 11px;
        }
        .section-1-image-1{
            width: 124%;
            min-height: 290px;
            max-height: 290px;
        }
        .section-1-image-4{
            width: 88%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1 {
            font-size: 72px;
        }
        .sec-2-text-2 {
            font-size: 17px;
        }
        .sec-2-tile-1{
            width: 96%;
            min-height: 265px;
            max-height: 265px;
        }
        .sec-2-tile-2{
            min-height: 305px;
            max-height: 305px;
        }
        .sec-2-tile-3{
            min-height: 430px;
            max-height: 430px;
        }
        .sec-2-tile-3-burnside{
            min-height: 430px;
            max-height: 430px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 94px;
        }
        .sec-3-text-1 {
            font-size: 17px;
        }

      /*-----------------------------Media Page------------------------------------------------*/
         /*.media-page .fully-accredited-agency {
            padding-left:14px;
         }*/
         .media-page .fully-accredited-agency h5{
            font-size: 23px;
        }
        .media-page .fully-accredited-agency h4{
            font-size: 58px;
        }

        .media-page .fully-accredited-agency h6{
            font-size: 16px;
            padding-right:30%;
        }

        .media-page .blue-triangle-image{
            right: 41%;
            min-width:495px;
        }

        .media-page .black-container h2 {
            font-size: 58px;
        }
        .media-page .desktop-icon-section-header h4{
            font-size: 58px;
        }
        .media-page .desktop-reporting-text-container .text-para{
            font-size: 16px;
         }
         .media-page .desktop-planning-text-container .text-para{
            font-size: 16px;
         }
         .media-page .desktop-icon-section-header h6{
            font-size: 19px;
         }
        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 75px;
            padding-bottom: 70px;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 400px;
            max-height: 400px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 300px;
            max-height: 300px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 533px;
            max-height: 533px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 515px;
            max-height: 515px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-header-1 {
            font-size: 70px;
        }
        .cp-image-container {
            height: 450px;
        }
        .hp-header-image {
            top: 8px;
            left: 620px;
            width: 41%;
        }
        .cp-fs-100{
            font-size: 100px;
        }
        .cp-fs-30{
            font-size: 30px;
        }
        .cp-fs-18{
            font-size: 18px;
        }
    }
    @media (min-width:1270px) {

        .burger {
            top: -5px;
        }
        .bb-section-1{
            font-size: 28px;
        }
        .bb-section-2{
            font-size: 72px;
        }
        .content .tile {
            min-height: 450px;
            max-height: 450px;
        }
        .tile .card-title{
            font-size: 21px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para{
            font-size: 26px;
        }
        .sec-1-h2{
            font-size: 72px;
        }
        .sec-1-text-2 {
            font-size: 12px;
        }
        .section-1-button-1 {
            font-size: 13px;
        }
        .section-1-image-1{
            margin-left: -40px;
        }
        .section-1-image-3{
            margin-left: 35px;
        }
        .section-1-image-4{
            width: 82%;
            margin-left: 35px;
        }
        .section-1-image-1{
            width: 124%;
            min-height: 320px;
            max-height: 320px;
        }
        .section-1-image-4{
            width: 89%;
        }



        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1 {
            font-size: 72px;
        }
        .sec-2-text-2 {
            font-size: 17px;
        }
        .section-2-button-2 {
            font-size: 12px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 96px;
        }
        .sec-3-text-1 {
            font-size: 17px;
        }
        /*
            ----------------------------------------- Home Page Section 4 -----------------------------------------
        */
        .sec-3-img-width {
            width: 8%;
        }

        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 417px;
            max-height: 417px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 313px;
            max-height: 313px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 554px;
            max-height: 554px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 537px;
            max-height: 537px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */

        .cp-image-container {
            height: 460px;
        }
        .cp-header-1 {
            font-size: 73px;
        }
        .cp-text-2 {
            font-size: 12px;
        }
        .hp-header-image {
            top: 8px;
            left: 632px;
            width: 43%;
        }
        .cp-section-1 {
            top: 130px;
        }

        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 175px;
            padding-bottom: 120px;
        }
        .cp-tile-1 {
            width: 65%;
            min-height: 328px;
            max-height: 328px;
        }
        .cp-tile-2 {
            width: 80%;
            min-height: 300px;
            max-height: 300px;
        }
        .cp-tile-3 {
            width: 65%;
            min-height: 290px;
            max-height: 290px;
        }
        .cp-tile-5 {
            min-height: 275px;
            max-height: 275px;
        }
        .right-side-bottom-margin{
            margin-bottom: 180px;
        }

        .cp-tile-header {
            font-size: 30px;
            padding-top: 45px;
            padding-left: 30px;
        }
        .cp-tile-header-2 {
            font-size: 30px;
            padding-top: 60px;
            padding-left: 30px;
        }
        .cp-tile-sub-header {
            font-size: 15px;
            padding-left: 30px;
        }
        .cp-tile-text-1 {
            font-size: 12px;
            padding-left: 30px;
        }
        .cp-tile-underline-1 {
            left: 30px;
            width: 62%;
        }
        .cp-tile-underline-2 {
            left: 30px;
            width: 48%;
        }
        .cp-tile-underline-3 {
            left: 30px;
            width: 57%;
        }
        .cp-tile-underline-4 {
            left: 30px;
            width: 65%;
        }
        .cp-tile-underline-5 {
            left: 50px;
            width: 44%;
        }


         /*****************************Footer Section Responsive Styles ***********************************************/
         .desktop-footer-social-media-icons{
           margin-left: 12%;
            
        }

        /*-----------------------------Media Page------------------------------------------------*/
        /*.media-page .fully-accredited-agency {
            padding-left:29px;
        }*/
         .media-page .fully-accredited-agency h5{
            font-size: 25px;
        }
        .media-page.fully-accredited-agency h4{
            font-size: 65px;
        }

        .media-page .fully-accredited-agency h6{
            font-size: 18px;
            line-height: 1.5;
        }

        .media-page .blue-triangle-image{
            right: 41%;
            min-width:532px;
        }
        .media-page .upper-text-container{
            margin-top:135px;
        }
        .media-page .black-container h2 {
            font-size: 65px;
        }
        .media-page .desktop-icon-section-header h4{
            font-size: 65px;
        }
        .media-page .desktop-reporting-text-container .text-para{
            font-size: 17px;
         }
         .media-page .desktop-planning-text-container .text-para{
            font-size: 17px;
         }
         .media-page .desktop-icon-section-header h6{
            font-size: 22px;
         }

           /*-------------------------Contact Us -----------------------------------------------------------------*/
           .contact-us-page .lets-chat{
            font-size: 64px;
        }
        .contact-us-page .team-email{
            font-size: 24px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 22px;
        }
        .contact-us-page .btn-send{
            font-size: 19px;
        }

        .sec-2-tile-3 {
            width: auto;
            min-height: 411px;
            max-height: 411px;
            display: inline-block;
            border-radius: 20px;
        }
        .sec-2-tile-3-burnside {
            width: auto;
            min-height: 411px;
            max-height: 411px;
            display: inline-block;
            border-radius: 20px;
        }

    }
    @media (min-width:1320px) {

        .custom-modal-1 {
            width: 25%;
        }
        .burger {
            top: -5px;
        }
        .bb-section-1{
            font-size: 30px;
            padding-left: 70px;
        }
        .bb-section-2{
            font-size: 100px;
            padding-left: 70px;
        }
        .tile-img-icon {
            width: 20%;
        }
        .content .tile {
            min-height: 450px;
            max-height: 450px;
        }
        .tile .card-title{
            font-size: 23px;
        }
        .tile .card-text{
            font-size: 16px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para {
            font-size: 30px;
        }
        .sec-1-h2{
            font-size: 77px;
        }
        .sec-1-text-2 {
            font-size: 12px;
        }
        .section-1-image-1{
            margin-left: -45px;
        }
        .section-1-image-3{
            margin-left: 35px;
        }
        .section-1-image-4{
            width: 84%;
            margin-left: 35px;
        }
        .section-1-image-1{
            width: 125%;
            min-height: 335px;
            max-height: 335px;
        }
        .section-1-image-4{
            width: 89%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1 {
            font-size: 77px;
        }
        .sec-2-text-2 {
            font-size: 17px;
        }
        .sec-2-tile-1{
            width: 96%;
            min-height: 280px;
            max-height: 280px;
        }
        .sec-2-tile-2{
            min-height: 320px;
            max-height: 320px;
        }
        .sec-2-tile-3{
            min-height: 445px;
            max-height: 445px;
        }
        .sec-2-tile-3-burnside{
            min-height: 445px;
            max-height: 445px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 100px;
        }
        .sec-3-text-1 {
            font-size: 17px;
            min-height: 125px;
            max-height: 125px;
        }
        .sec-3-img-width {
            width: 6%;
        }
        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 80px;
            padding-top: 100px;
            padding-bottom: 100px;
        }

        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 434px;
            max-height: 434px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 325px;
            max-height: 325px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 575px;
            max-height: 575px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 559px;
            max-height: 559px;
        }

        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 500px;
        }
        .cp-header-1 {
            font-size: 75px;
        }
        .cp-text-2 {
            font-size: 12px;
        }
        .hp-header-image{
            top: 8px;
            left: 630px;
            width: 45%;
        }
        .cp-section-1 {
            top: 130px;
        }

         /*****************************Footer Section Responsive Styles ***********************************************/
        .privacy-policy-text{
            padding-left:15px;
        }
        .credit-report-policy{
            margin-left:41px;
        }
        /*-----------------------------Media Page ----------------------------------------------------------*/
        .media-page .fully-accredited-agency .by-line{
            padding-right: 32%;
        }
        .media-page .blue-triangle-image{
            right:44%;
        }
        .media-page .desktop-icon-section-list .media-icon
        {
          max-width: 130px;
        }
    }
    @media (min-width:1370px) {

        .burger {
            top: -5px;
        }
        .custom-modal-1 {
            width: 35%;
        }
        .top-menu-close-icon {
            width: 55%;
        }
        .sec-1-para {
            font-size: 30px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-1-h2{
            font-size: 100px;
            padding-bottom: 50px;
        }
        .sec-1-text-2 {
            font-size: 12px;
            max-width: 85%;
            padding-top: 50px;
            padding-bottom: 45px;
        }
        .section-1-image-1{
            margin-left: -45px;
        }
        .section-1-image-3{
            margin-left: 35px;
        }
        .section-1-image-4{
            width: 85%;
            margin-left: 35px;
        }
        .section-1-image-1{
            width: 124%;
            min-height: 350px;
            max-height: 350px;
        }
        .section-1-image-4{
            width: 90%;
        }
        .section-1-button-1 {
            font-size: 20px;
        }

        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-h1 {
            font-size: 100px;
        }
        .sec-2-text-2 {
            font-size: 18px;
        }
        .section-2-button-2 {
            font-size: 20px;
        }

        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 450px;
            max-height: 450px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 338px;
            max-height: 338px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 600px;
            max-height: 600px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 582px;
            max-height: 582px;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-3-text-1 {
            font-size: 12px;
            min-height: 133px;
            max-height: 133px;
        }
        .sec-3-text-5 {
            font-size: 18px;
            min-height: 180px;
            max-height: 180px;
        }

        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 540px;
        }
        .cp-header-1 {
            font-size: 77px;
        }
        .cp-text-2 {
            font-size: 12px;
        }
        .hp-header-image{
            top: 8px;
            left: 630px;
            width: 47%;
        }
        .cp-section-1 {
            top: 145px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 200px;
            padding-bottom: 145px;
        }
        .cp-tile-1 {
            width: 60%;
            min-height: 325px;
            max-height: 325px;
        }
        .cp-tile-2 {
            width: 77%;
            min-height: 310px;
            max-height: 310px;
        }
        .cp-tile-3 {
            width: 60%;
            min-height: 290px;
            max-height: 290px;
        }
        .cp-tile-5 {
            min-height: 260px;
            max-height: 260px;
        }
        .right-side-bottom-margin{
            margin-bottom: 190px;
        }

        .cp-tile-header {
            font-size: 30px;
            padding-top: 43px;
            padding-left: 33px;
        }
        .cp-tile-header-2{
            font-size: 30px;
            padding-top: 75px;
            padding-left: 33px;
            padding-bottom: 10px;
            line-height: 1;
        }
        .cp-tile-sub-header {
            font-size: 16px;
            padding-left: 33px;
        }
        .cp-tile-text-1 {
            font-size: 12px;
            padding-left: 30px;
        }
        .cp-tile-underline-1 {
            left: 33px;
            width: 65%;
        }
        .cp-tile-underline-2 {
            left: 33px;
            width: 48%;
        }
        .cp-tile-underline-3 {
            left: 33px;
            width: 62%;
        }
        .cp-tile-underline-4 {
            left: 33px;
            width: 60%;
        }
        .cp-tile-underline-5 {
            left: 33px;
            width: 50%;
        }


        /*****************************Footer Section Responsive Styles ***********************************************/
        .desktop-footer-social-media-icons{
            margin-left:22px;
        }

          /*---------------------------Contact Us -----------------------------------------------------------------*/
          .contact-us-page .lets-chat{
            font-size: 68px;
        }
        .contact-us-page .team-email{
            font-size: 26px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 23px;
        }
        .contact-us-page .btn-send{
            font-size: 20px;
        }

     /* tic */

        .tic-page .case-title-desktop-tic p{
            font-size: 55px;
        }
    }
    @media (min-width:1400px) {
        .sec-1-text-2 {
            font-size: 18px;
            padding-top: 50px;
            padding-bottom: 25px;
        }
        .sec-3-text-1 {
            min-height: 170px;
            max-height: 170px;
        }
        .hp-image-container-text-1:hover::after {
            font-size: 45px;
        }
        .hp-image-container-text-2:hover::after {
            font-size: 45px;
        }
        .hp-image-container-text-3:hover::after {
            font-size: 45px;
        }
        .hp-image-container-text-4:hover::after {
            font-size: 45px;
        }
        .hp-image-container-text-5:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-6:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-7:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-10:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-12:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-13:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-15:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-18:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-20:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-22:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-8:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-9:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-11:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-14:hover::after {
            font-size: 45px;
        }
        .desktop .wp-image-container-text-16:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-17:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-21:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-23:hover::after {
            font-size: 45px;
        }
        .wp-image-container-text-19:hover::after {
            font-size: 45px;
        }

    }
    @media (min-width:1420px) {

        .burger {
            top: -5px;
        }
        .tile-img-icon {
            width: 17%;
        }
        .tile .card-title{
            font-size: 27px;
        }
        .tile .card-text {
            font-size: 17px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .section-1-image-1{
            width: 124%;
            min-height: 365px;
            max-height: 365px;
        }
        .section-1-image-4{
            width: 90%;
        }

        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-tile-1{
            width: 96%;
            min-height: 300px;
            max-height: 300px;
        }
        .sec-2-tile-2{
            width: 65%;
            min-height: 335px;
            max-height: 335px;
        }
        .sec-2-tile-3{
            min-height: 495px;
            max-height: 495px;
        }
        .sec-2-tile-3-burnside{
            min-height: 495px;
            max-height: 495px;
        }
        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 100px;
        }

         /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 85px;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 467px;
            max-height: 467px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 350px;
            max-height: 350px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 621px;
            max-height: 621px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 604px;
            max-height: 604px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 540px;
        }
        .cp-header-1 {
            font-size: 80px;
        }
        .cp-text-2 {
            font-size: 12px;
        }
        .hp-header-image{
            top: 8px;
            left: 632px;
            width: 46%;
        }
        .cp-section-1 {
            top: 145px;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
          .desktop-footer-social-media-icons{
            margin-left:20px;
        }
        /*-------------------------------------------Media Page  CSS---------------------------------------------*/

        .media-page .fully-accredited-agency h5{
            font-size: 30px;
        }
        .media-page .fully-accredited-agency h4{
            font-size: 100px;
            white-space: nowrap;
            line-height: 0.85;
        }

        .media-page .fully-accredited-agency h6{
            font-size: 18px;
        }

        .media-page .blue-triangle-image{
            right: 11%;
            min-width:574px;
        }
        .media-page .fully-accredited-agency .by-line {
            padding-right:0%;
            line-height: 1.5;
        }
        .media-page .black-container h2 {
            font-size: 100px;
            line-height: 0.85;
        }
        .media-page .desktop-icon-section-header h4{
            font-size: 100px;
        }
        .media-page .desktop-reporting-text-container .text-para{
            font-size: 18px;
         }
         .media-page .desktop-planning-text-container .text-para{
            font-size: 18px;
         }
         .media-page .desktop-icon-section-header h6{
            font-size: 18px;
            line-height: 1.5;
         }
         .media-page .desktop-icon-section-list .media-icon
         {
           max-width: 192px;
         }
         .media-page .planning-text{
            font-size: 40px;
         }

        /*** -------------------------------------------Digital Section-------------------------------------------------------   */

              #digital-section-3-desktop #digital-section-btn-row button {
                background-color: #1F1F1F;
                color: #fff;
                padding: 8px 25px 8px 25px;
                border-radius: 25px;
                -webkit-border-radius: 25px;
                -moz-border-radius: 25px;
                -ms-border-radius: 25px;
                -o-border-radius: 25px;
            }

            .responsive-font-size {
                font-size: 100px !important;
            }

            .row.icon-grid {
                padding-left: 4rem !important;
                padding-right: 4rem !important;
            }


         /*** -------------------------------------------Digital Section End---------------------------------------------------- */

         /*Strategy */

          /*contact us form adjustments */
         .contact-us-page .btn-send{
            margin-top: -1px;
            /* font-size: 21px; */
        }


    }

    @media (min-width:1441px) {   /*contact us form adjustments */

        .contact-us-page .lets-chat{
            font-size: 70px;
        }
        .contact-us-page .team-email{
            font-size: 28px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 24px;
        }
        .contact-us-page .btn-send{
            margin-top: -1px;
            font-size: 21px;
        }

    }

    @media (min-width:1470px) {
        .head-image-desktop {
            max-width:276px;
        }
        .burger-desktop{
            max-width: 60px;
        }
        .burger {
            top: -5px;
        }

        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .section-1-image-1{
            margin-left: -50px;
        }
        .section-1-image-4{
            width: 86%;
        }
        .section-1-image-1{
            width: 124%;
            min-height: 370px;
            max-height: 370px;
        }
        .section-1-image-4{
            width: 91%;
        }
        /**----------------------------------------------Media Page CSS--------------------------------------------
            */
          /*  .media-page .fully-accredited-agency h5{
                font-size: 29px;
            }
            .media-page .fully-accredited-agency h4{
                font-size: 72px;
            }

            .media-page .fully-accredited-agency h6{
                font-size: 20px;
            }*/

            .media-page .blue-triangle-image{
              /*  right: 41%;*/
                min-width:600px;
            }
            .media-page .black-container h2 {
                font-size: 100px;
            }
            .media-page .desktop-icon-section-header h4{
                font-size: 100px;
            }
            .media-page .desktop-reporting-text-container .text-para{
                font-size: 18px;
             }
             .media-page .desktop-planning-text-container .text-para{
                font-size: 18px;
             }
             .media-page .desktop-icon-section-header h6{
                font-size: 18px;
             }
             .media-page .fully-accredited-agency .by-line {
                padding-right: 28%;
             }

        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 484px;
            max-height: 484px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 362px;
            max-height: 362px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 643px;
            max-height: 643px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 626px;
            max-height: 626px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 570px;
        }
        .cp-header-1 {
            font-size: 82px;
        }
        .cp-text-2 {
            font-size: 13px;
        }
        .hp-header-image{
            top: 8px;
            left: 648px;
            width: 47%;
        }
        .cp-section-1 {
            top: 145px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 225px;
            padding-bottom: 170px;
        }
        .cp-tile-1 {
            width: 55%;
            min-height: 345px;
            max-height: 345px;
        }
        .cp-tile-2 {
            width: 67%;
            min-height: 310px;
            max-height: 310px;
        }
        .cp-tile-3 {
            width: 57%;
            min-height: 295px;
            max-height: 295px;
        }
        .cp-tile-4 {
            width: 53%;
            min-height: 330px;
            max-height: 330px;
        }
        .cp-tile-5 {
            width: 64%;
            min-height: 265px;
            max-height: 265px;
        }
        .right-side-bottom-margin{
            margin-bottom: 150px;
        }

        .cp-tile-header {
            font-size: 30px;
            padding-top: 48px;
            padding-left: 35px;
        }
        .cp-tile-header-2{
            font-size: 30px;
            padding-top: 75px;
            padding-left: 35px;
            padding-bottom: 10px;
            line-height: 1;
        }
        .cp-tile-sub-header {
            font-size: 15px;
            padding-left: 35px;
        }
        .cp-tile-text-1 {
            font-size: 13px;
            padding-left: 35px;
        }
        .cp-tile-underline-1 {
            left: 35px;
            width: 63%;
        }
        .cp-tile-underline-2 {
            left: 40px;
            width: 44%;
        }
        .cp-tile-underline-3 {
            left: 40px;
            width: 52%;
        }
        .cp-tile-underline-4 {
            left: 40px;
            width: 54%;
        }
        .cp-tile-underline-5 {
            left: 40px;
            width: 52%;
        }

        /*---------------------------Contact Us -----------------------------------------------------------------*/
        .contact-us-page .lets-chat{
            font-size: 72px;
        }
        .contact-us-page .team-email{
            font-size: 28px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 25px;
        }
        .contact-us-page .btn-send{
            font-size: 21px;
        }




    }
    @media (min-width:1520px) {

        .burger {
            top: -5px;
        }
        .bb-section-1 {
            padding-left: 67px;
        }
        .bb-section-2 {
            padding-left: 67px;
        }
        .tile .card-title{
            font-size: 29px;
        }
        .tile .card-text{
            font-size: 18px;
        }
        .tile-img-icon {
            width: 15%;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para {
            padding-left: 67px;
        }
        .sec-1-h2 {
            padding-left: 67px;
        }
        .section-1-image-1 {
            margin-left: -58px;
        }
        .section-1-image-1{
            width: 124%;
            min-height: 375px;
            max-height: 375px;
        }
        .section-1-image-4{
            width: 91%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-tile-1{
            width: 94%;
            min-height: 320px;
            max-height: 320px;
        }
        .sec-2-tile-2{
            width: 60%;
            min-height: 350px;
            max-height: 350px;
        }
        .sec-2-tile-3{
            width: auto;
            min-height: 520px;
            max-height: 520px;
        }
        .sec-2-tile-3-burnside{
            width: auto;
            min-height: 520px;
            max-height: 520px;
        }

        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 90px;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 500px;
            max-height: 500px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 375px;
            max-height: 375px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 665px;
            max-height: 665px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 648px;
            max-height: 648px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 600px;
        }
        .cp-header-1 {
            font-size: 85px;
        }
        .cp-text-2 {
            font-size: 13px;
        }
        .hp-header-image{
            top: 8px;
            left: 645px;
            width: 47%;
        }
        .cp-section-1 {
            top: 165px;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
         .desktop-footer-social-media-icons{
            margin-left:7px;
            
        }
         /*-------------------------------------------Media Page  CSS---------------------------------------------*/
         .media-page .media-page-left-align {
            margin-left:56px;
         }
        /* .media-page .fully-accredited-agency h5{
            font-size: 29px;
        }
        .media-page .fully-accredited-agency h4{
            font-size: 72px;
        }

        .media-page .fully-accredited-agency h6{
            font-size: 21px;
        }*/

        .media-page .blue-triangle-image{
           /* right: 37%;*/
            min-width:553px;
        }
        .media-page .by-line{
            padding-right: 43%;
        }
        .media-page .black-container h2 {
            font-size: 100px;
        }
        .media-page .desktop-icon-section-header h4{
            font-size: 100px;
        }
        .media-page .desktop-reporting-text-container .text-para{
            font-size: 18px;
         }
         .media-page .desktop-planning-text-container .text-para{
            font-size: 18px;
         }
         .media-page .desktop-planning-text-container{
            margin-top:1%;
         }
         .media-page .desktop-reporting-text-container{
            margin-top:1%;
         }
         .media-page .desktop-icon-section-header h6{
            font-size: 18px;
         }
         .media-page .fully-accredited-agency .by-line{
            padding-right:0%;
         }

           /*** -------------------------------------------Digital Section-------------------------------------------------------   */

           #digital-section-3-desktop #digital-section-btn-row button {
            background-color: #1F1F1F;
            color: #fff;
            padding: 8px 35px 8px 35px;
            border-radius: 25px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px;
        }

        .responsive-font-size {
            font-size: 100px !important;
        }

        .row.icon-grid {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }


        /*** -------------------------------------------Digital Section End---------------------------------------------------- */
    }
    @media (min-width:1570px) {
        .burger-desktop{
            max-width: 58px;
        }
        .tile-img-icon {
            width: 14%;
        }
        .tile .card-title{
            font-size: 30px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .section-1-image-1 {
            margin-left: -65px;
        }
        .section-1-image-4 {
            width: 87%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .section-1-image-1{
            width: 124%;
            min-height: 400px;
            max-height: 400px;
        }
        .section-1-image-4{
            width: 91%;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 517px;
            max-height: 517px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 388px;
            max-height: 388px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 686px;
            max-height: 686px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 670px;
            max-height: 670px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 620px;
        }
        .cp-text-1 {
            font-size: 32px;
        }
        .cp-header-1 {
            font-size: 88px;
        }
        .cp-text-2 {
            font-size: 14px;
        }
        .hp-header-image{
            top: 8px;
            left: 645px;
            width: 47%;
        }
        .cp-section-1 {
            top: 165px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 245px;
            padding-bottom: 202px;
        }
        .cp-tile-1 {
            width: 56%;
            min-height: 350px;
            max-height: 350px;
        }
        .cp-tile-2 {
            width: 72%;
            min-height: 335px;
            max-height: 335px;
        }
        .cp-tile-3 {
            width: 56%;
            min-height: 325px;
            max-height: 325px;
        }
        .cp-tile-4 {
            width: 57%;
            min-height: 365px;
            max-height: 365px;
        }
        .cp-tile-5 {
            width: 70%;
            min-height: 290px;
            max-height: 290px;
        }
        .right-side-bottom-margin{
            margin-bottom: 162px;
        }

        .cp-tile-header {
            font-size: 32px;
            padding-top: 60px;
            padding-left: 45px;
        }
        .cp-tile-header-2{
            font-size: 32px;
            padding-top: 94px;
            padding-left: 45px;
            padding-bottom: 10px;
            line-height: 1;
        }
        .cp-tile-sub-header {
            font-size: 16px;
            padding-left: 45px;
        }
        .cp-tile-text-1 {
            font-size: 14px;
            padding-left: 45px;
        }
        .cp-tile-underline-1 {
            left: 45px;
            width: 60%;
        }
        .cp-tile-underline-2 {
            left: 45px;
            width: 46%;
        }
        .cp-tile-underline-3 {
            left: 45px;
            width: 42%;
        }
        .cp-tile-underline-4 {
            left: 45px;
            width: 50%;
        }
        .cp-tile-underline-5 {
            left: 45px;
            width: 40%;
        }


        /*****************************Footer Section Responsive Styles ***********************************************/
        .footer-social-media-icons {
            margin-left: 64px;
        }

        .privacy-policy-text{
            padding-left:5px;
        }
        .credit-report-policy{
            margin-left:50px;
         }

         /*---------------------------Contact Us -----------------------------------------------------------------*/
        .contact-us-page .lets-chat{
            font-size: 76px;
        }
        .contact-us-page .team-email{
            font-size: 29px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 26px;
        }
        .contact-us-page .btn-send{
            font-size: 22px;
        }
    }
    @media (min-width:1620px) {
        .custom-modal-1 {
            width: 25%;
        }
        .bb-section-1 {
            padding-left: 70px;
        }
        .bb-section-2 {
            padding-left: 70px;
        }
        .tile-img-icon {
            width: 13%;
        }
        .content .tile {
            min-height: 475px;
            max-height: 475px;
        }
        .tile .card-text {
            font-size: 17px;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-1-text-2 {
            padding-top: 50px;
            max-width: 79%;
        }
        .section-1-image-1 {
            margin-left: -80px;
        }
        .section-1-image-3 {
            margin-left: 30px;
        }
        .section-1-image-4 {
            margin-left: 30px;
        }

        .section-1-image-1{
            width: 125%;
            min-height: 415px;
            max-height: 415px;
        }
        .section-1-image-4{
            width: 93%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-tile-1{
            width: 92%;
            min-height: 340px;
            max-height: 340px;
        }
        .sec-2-tile-2{
            width: 60%;
            min-height: 365px;
            max-height: 365px;
        }
        .sec-2-tile-3{
            width: auto;
            min-height: 535px;
            max-height: 535px;
        }
        .sec-2-tile-3-burnside{
            width: auto;
            min-height: 535px;
            max-height: 535px;
        }


        /*
            ----------------------------------------- Home Page Section 3 -----------------------------------------
        */
        .sec-3-header{
            font-size: 100px;
        }
        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 95px;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 534px;
            max-height: 534px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 400px;
            max-height: 400px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 708px;
            max-height: 708px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 691px;
            max-height: 691px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 620px;
        }
        .hp-header-image{
            top: 8px;
            left: 645px;
            width: 46%;
        }
        .cp-section-1 {
            top: 165px;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
        .desktop-footer-social-media-icons{
            margin-left:-5px;
            
        }
        .terms-of-trade-container{
            margin-left:22px;
        }
         /*-----------------------------Media Page  --------------------------------------------------------------------*/
         .media-page .upper-text-container{
            margin-top:131px;
        }
    }
    @media (min-width:1670px) {
        .custom-modal-1 {
            width: 23%;
        }
        .tile .card-title {
            line-height: 1.1;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-text-2 {
            padding-top: 50px;
        }
        .section-1-image-4 {
            width: 89%;
        }

        .section-1-image-1{
            width: 126%;
            min-height: 420px;
            max-height: 420px;
        }
        .section-1-image-4{
            width: 93%;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 550px;
            max-height: 550px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 413px;
            max-height: 413px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 731px;
            max-height: 731px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 714px;
            max-height: 714px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 620px;
        }
        .cp-text-1 {
            font-size: 35px;
        }
        .cp-header-1 {
            font-size: 95px;
        }
        .cp-text-2 {
            font-size: 15px;
        }
        .hp-header-image{
            top: 8px;
            left: 655px;
            width: 44%;
        }
        .cp-section-1 {
            top: 165px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 245px;
            padding-bottom: 202px;
        }
        .cp-tile-1 {
            width: 55%;
            min-height: 365px;
            max-height: 365px;
        }
        .cp-tile-2 {
            width: 72%;
            min-height: 365px;
            max-height: 365px;
        }
        .cp-tile-3 {
            width: 55%;
            min-height: 325px;
            max-height: 325px;
        }
        .cp-tile-4 {
            width: 55%;
            min-height: 370px;
            max-height: 370px;
        }
        .cp-tile-5 {
            width: 65%;
            min-height: 295px;
            max-height: 295px;
        }
        .right-side-bottom-margin{
            margin-bottom: 175px;
        }

        .cp-tile-header {
            font-size: 35px;
            padding-top: 55px;
            padding-left: 40px;
        }
        .cp-tile-header-2{
            font-size: 35px;
            padding-top: 100px;
            padding-left: 40px;
            padding-bottom: 10px;
            line-height: 1;
        }
        .cp-tile-sub-header {
            font-size: 16px;
            padding-left: 40px;
        }
        .cp-tile-text-1 {
            font-size: 15px;
            padding-left: 40px;
        }
        .cp-tile-underline-1 {
            left: 40px;
            width: 47%;
        }
        .cp-tile-underline-2 {
            left: 40px;
            width: 42%;
        }
        .cp-tile-underline-3 {
            left: 40px;
            width: 55%;
        }
        .cp-tile-underline-4 {
            left: 40px;
            width: 55%;
        }
        .cp-tile-underline-5 {
            left: 40px;
            width: 47%;
        }


         /*****************************Footer Section Responsive Styles ***********************************************/
         .footer-social-media-icons {
            margin-left: 62px;
        }

        /*-----------------------------------Media Page  -------------------------------------------------------------*/


        /*.media-page .fully-accredited-agency{
            padding-left: 39px
        }*/

        /* .media-page .fully-accredited-agency h5{
            font-size: 35px;
        }
        .media-page .fully-accredited-agency h4{
            font-size: 86px;
        }*/

        .media-page .blue-triangle-image{
            right: 15%;
            min-width: 560px;
        }
        .media-page .upper-text-container{
            margin-top:134px;
        }
        .media-page .black-container h2 {
            font-size: 100px;
        }
        .media-page .desktop-icon-section-header h4{
            font-size: 100px;
        }
        .media-page .desktop-planning-text-container{
            margin-top:2%;
        }
         .media-page .desktop-reporting-text-container{
            margin-top:2%;
        }
        .media-page .desktop-icon-section-list .desktop-media-icon-link{
            margin-right: 2.5rem !important;
            margin-left: 1.75rem !important;
        }
        .media-page .desktop-icon-section-list .last-row{
            margin-left:36px;
        }
        .media-page .fully-accredited-agency .by-line{
            padding-right:0%;
        }

         /*---------------------------Contact Us -----------------------------------------------------------------*/
         .contact-us-page .lets-chat{
            font-size: 80px;
        }
        .contact-us-page .team-email{
            font-size: 32px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 28px;
        }
        .contact-us-page .btn-send{
            font-size: 23px;
        }

    }
    @media (min-width:1720px) {
        .bb-section-1 {
            padding-left: 68px;
        }
        .bb-section-2 {
            padding-left: 68px;
        }
        .tile-img-icon {
            width: 12%;
        }
        .tile .card-text {
            font-size: 18px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-para {
            padding-left: 68px;
        }
        .sec-1-h2 {
            padding-left: 68px;
          }
        .section-1-image-3 {
            width: 45%;
        }
        .section-1-image-1{
            width: 125%;
            min-height: 420px;
            max-height: 420px;
        }
        .section-1-image-4{
            width: 93%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-tile-1{
            width: 90%;
            min-height: 355px;
            max-height: 355px;
        }
        .sec-2-tile-2{
            width: 57%;
            min-height: 380px;
            max-height: 380px;
        }
        .sec-2-tile-3{
            width: auto;
            min-height: 555px;
            max-height: 555px;
        }
        .sec-2-tile-3-burnside{
            width: auto;
            min-height: 555px;
            max-height: 555px;
        }


        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 100px;
            padding-top: 110px;
            padding-bottom: 110px;
        }

        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 567px;
            max-height: 567px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 425px;
            max-height: 425px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 753px;
            max-height: 753px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 737px;
            max-height: 737px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 620px;
        }
        .cp-header-1 {
            font-size: 98px;
            padding-bottom: 50px;
        }
        .hp-header-image{
            top: 8px;
            left: 660px;
            width: 42%;
        }
        .cp-section-1 {
            top: 165px;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
        .desktop-footer-social-media-icons{
            margin-left:-18px;
            
        }
        /*------------------------------------Media Page -------------------------------------------------------------*/
        .media-page .desktop-planning-text-container{
            margin-top:3%;
         }
         .media-page .desktop-reporting-text-container{
            margin-top:3%;
         }
    }
    @media (min-width:1770px) {
        .burger {
            top: -2px;
        }
        .hp-topper {
            margin-top: 150px;
        }
        .content .tile {
            min-height: 500px;
            max-height: 500px;
        }
        .section-1-image-1 {
            margin-left: -58px;
        }
        /*
            ----------------------------------------- Home Page Section 1 -----------------------------------------
        */
        .sec-1-text-2 {
            padding-top: 50px;
            max-width: 77%;
        }
        .section-1-image-1 {
            margin-left: -86px;
        }
        .section-1-image-1{
            width: 125%;
            min-height: 425px;
            max-height: 425px;
        }
        .section-1-image-4{
            width: 94%;
        }

        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 567px;
            max-height: 567px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 437px;
            max-height: 437px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 776px;
            max-height: 776px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 759px;
            max-height: 759px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 620px;
        }
        .cp-text-1 {
            font-size: 37px;
        }
        .cp-header-1 {
            font-size: 102px;
            padding-bottom: 50px;
        }
        .cp-text-2 {
            font-size: 16px;
        }
        .hp-header-image{
            top: 8px;
            left: 670px;
            width: 42%;
        }
        .cp-section-1 {
            top: 170px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 20rem;
        }
        .cp-tile-1 {
            width: 55%;
            min-height: 390px;
            max-height: 390px;
        }
        .cp-tile-2 {
            width: 69%;
            min-height: 385px;
            max-height: 385px;
        }
        .cp-tile-3 {
            width: 55%;
            min-height: 345px;
            max-height: 345px;
        }
        .cp-tile-4 {
            width: 51%;
            min-height: 388px;
            max-height: 388px;
        }
        .cp-tile-5 {
            width: 61%;
            min-height: 320px;
            max-height: 320px;
        }
        .right-side-bottom-margin{
            margin-bottom: 185px;
        }

        .cp-tile-header {
            font-size: 37px;
            padding-top: 60px;
            padding-left: 40px;
        }
        .cp-tile-header-2{
            font-size: 37px;
            padding-top: 100px;
            padding-left: 40px;
            padding-bottom: 10px;
            line-height: 1;
        }
        .cp-tile-sub-header {
            font-size: 18px;
            padding-left: 40px;
        }
        .cp-tile-text-1 {
            font-size: 16px;
            padding-left: 40px;
        }
        .cp-tile-underline-1 {
            left: 40px;
            width: 65%;
        }
        .cp-tile-underline-2 {
            left: 40px;
            width: 48%;
        }
        .cp-tile-underline-3 {
            left: 40px;
            width: 56%;
        }
        .cp-tile-underline-4 {
            left: 40px;
            width: 55%;
        }
        .cp-tile-underline-5 {
            left: 40px;
            width: 55%;
        }


        /*****************************Footer Section Responsive Styles ***********************************************/
        .footer-social-media-icons {
            margin-left: 59px;
        }
        .desktop-footer-social-media-icons{
            margin-left:-20px;
            
        }

         /*-------------------------------------------Media Page  CSS---------------------------------------------*/
         /*.media-page .fully-accredited-agency {
            padding-left: 29px;
         }*/
         .media-page .upper-text-container{
            margin-top:168px;
        }

        .media-page .fully-accredited-agency .by-line{
            padding-right:0%;

        }

         /*---------------------------Contact Us -----------------------------------------------------------------*/
         .contact-us-page .lets-chat{
            font-size: 100px;
        }
        .contact-us-page .team-email{
            font-size: 33px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 30px;
        }
        .contact-us-page .btn-send{
            font-size: 24px;
        }

    }
    @media (min-width:1820px) {
        .custom-modal-1 {
            width: 22%;
        }
        .hp-topper {
            margin-top: 160px;
        }
        .sec-1-text-2 {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .section-1-image-1{
            width: 125%;
            min-height: 440px;
            max-height: 440px;
        }
        .section-1-image-4{
            width: 94%;
        }
        /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-tile-1{
            width: 88%;
            min-height: 370px;
            max-height: 370px;
        }
        .sec-2-tile-2{
            width: 55%;
            min-height: 395px;
            max-height: 395px;
        }
        .sec-2-tile-3{
            width:auto;
            min-height: 575px;
            max-height: 575px;
        }
        .sec-2-tile-3-burnside{
            width: auto;
            min-height: 575px;
            max-height: 575px;
        }

        /*
            ----------------------------------------- Our Work Page Section 1 -----------------------------------------
        */
        .our-work-header-1{
            font-size: 105px;
            padding-bottom: 125px;
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 600px;
            max-height: 600px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 450px;
            max-height: 450px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 798px;
            max-height: 798px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 782px;
            max-height: 782px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 620px;
        }
        .cp-header-1 {
            font-size: 102px;
            padding-bottom: 50px;
        }
        .hp-header-image{
            top: 8px;
            left: 670px;
            width: 39%;
        }
        .cp-section-1 {
            top: 170px;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
        .credit-report-policy{
            margin-left:56px;
         }
        .desktop-footer-social-media-icons{
            margin-left:-35px;
          
        }
        /*-------------------------------------------Media Page  CSS---------------------------------------------*/
       /* .media-page .fully-accredited-agency {
            padding-left: 30px;
         }*/
         .media-page .upper-text-container{
            margin-top:172px;
         }
         .media-page .fully-accredited-agency .by-line{
            padding-right:25%;

        }
    }
    @media (min-width:1870px) {
        .custom-modal-1 {
            width: 20%;
        }
        .tile-img-icon {
            width: 11%;
        }
        .content .tile {
            min-height: 525px;
            max-height: 525px;
        }
        .tile .card-text {
            font-size: 19px;
        }
        .section-1-image-4 {
            width: 90%;
        }

        .section-1-image-1{
            width: 123%;
            min-height: 450px;
            max-height: 450px;
        }
        .section-1-image-4{
            width: 94%;
        }
         /*
            ----------------------------------------- Home Page Section 2 -----------------------------------------
        */
        .sec-2-tile-1{
            width: 88%;
            min-height: 378px;
            max-height: 378px;
        }
        .sec-2-tile-2{
            width: 53%;
            min-height: 400px;
            max-height: 400px;
        }
        .sec-2-tile-3{
            width: auto;
            min-height: 580px;
            max-height: 580px;
        }
        .sec-2-tile-3-burnside{
            width: 48%;
            min-height: 580px;
            max-height: 580px;
        }


        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 617px;
            max-height: 617px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 463px;
            max-height: 463px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 820px;
            max-height: 820px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 803px;
            max-height: 803px;
        }


        /*
            ----------------------------------------- Creative & Production Page Section 1 -----------------------------------------
        */
        .cp-image-container {
            height: 620px;
        }
        .cp-text-1 {
            font-size: 40px;
        }
        .cp-header-1 {
            font-size: 104px;
            padding-bottom: 50px;
        }
        .cp-text-2 {
            font-size: 17px;
        }
        .hp-header-image{
            top: 8px;
            left: 695px;
            width: 38%;
        }
        .cp-section-1 {
            top: 170px;
        }
        /*
            ----------------------------------------- Creative & Production Page Section 2 -----------------------------------------
        */
        .cp-section-2 {
            margin-top: 240px;
            padding-bottom: 202px;
        }
        .cp-tile-1 {
            width: 54%;
            min-height: 406px;
            max-height: 306px;
        }
        .cp-tile-2 {
            width: 66%;
            min-height: 390px;
            max-height: 390px;
        }
        .cp-tile-3 {
            width: 54%;
            min-height: 360px;
            max-height: 360px;
        }
        .cp-tile-4 {
            width: 50%;
            min-height: 410px;
            max-height: 410px;
        }
        .cp-tile-5 {
            width: 65%;
            min-height: 320px;
            max-height: 320px;
        }
        .right-side-bottom-margin{
            margin-bottom: 195px;
        }

        .cp-tile-header {
            font-size: 40px;
            padding-top: 56px;
            padding-left: 40px;
        }
        .cp-tile-header-2{
            font-size: 40px;
            padding-top: 100px;
            padding-left: 40px;
            padding-bottom: 10px;
            line-height: 1;
        }
        .cp-tile-sub-header {
            font-size: 18px;
            padding-left: 40px;
        }
        .cp-tile-text-1 {
            font-size: 18px;
            padding-left: 40px;
        }
        .cp-tile-underline-1 {
            left: 40px;
            width: 57%;
        }
        .cp-tile-underline-2 {
            left: 40px;
            width: 50%;
        }
        .cp-tile-underline-3 {
            left: 40px;
            width: 61%;
        }
        .cp-tile-underline-4 {
            left: 40px;
            width: 60%;
        }
        .cp-tile-underline-5 {
            left: 40px;
            width: 52%;
        }

        /*****************************Footer Section Responsive Styles ***********************************************/
        .desktop-footer-social-media-icons {
            margin-left:-30px;
        }
        .terms-of-trade-container{
            margin-left:30px;
          }

        /*------------------------------Contact Us -----------------------------------------------------------------*/
         .contact-us-page .lets-chat{
            font-size: 100px;
        }
        .contact-us-page .team-email{
            font-size: 35px;
        }
        .contact-us-page .address, .contact-us-page .desktop-contact-us-form .form-label{
            font-size: 32px;
        }
        .contact-us-page .btn-send{
            font-size: 25px;
            margin-top: 17px;
        }

        .section-1-button-1 {
            font-size: 20px;
            padding-bottom: 20px;
        }
        .sec-1-btn {
            padding-top: 18px;
            padding-left: 57px;
            text-align: left;
        }
    }

    @media (min-width:1920px) {
        /*****************************Footer Section Responsive Styles ***********************************************/
        .desktop-footer-social-media-icons{
            margin-left:-48px;
          
        }
        /*
            ----------------------------------------- Our Work Page Section 2 -----------------------------------------
        */
        .sec-2-tile-4{
            width: 80%;
            min-height: 634px;
            max-height: 634px;
        }
        .sec-2-tile-5 {
            width: 60%;
            min-height: 463px;
            max-height: 463px;
        }
        .sec-2-tile-6 {
            width: 60%;
            min-height: 820px;
            max-height: 820px;
        }
        .sec-2-tile-7 {
            width: 60%;
            min-height: 803px;
            max-height: 803px;
        }
    }

    @media (min-width:2000px) {

        .case-title-desktop p{
            /* margin-top: 120px; */
            font-size: 60px;
        }
        .case-desc-desktop p{
            font-size: 25px;
        }

        .contact-us-page .btn-send{
            margin-top: 20px;
        }
    }

    @media (min-width: 375px) and (max-width: 991px) {

        .mobile .cmn-header-1{
            font-size: 38px;
        }
        .mobile .cmn-sub-header-1{
            font-size: 23px;
        }
        .mobile .cmn-para-1{
            font-size: 17px;

        }

        /* Agency page  - mobile */
        .mobile  #mobile-text-sec1-agency {
            padding-bottom: 140px;
        }

        .mobile #mobile-text-sec1-agency .agency-text-3 {
            line-height: 1.5;
            padding-bottom: 0px;
        }

        .mobile #agency-section-2 #mobile-text-sec1-agency  .agency-text-4  {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        #agency-section-1 .see-more-arrow-down ,#agency-section-1 .see-more-arrow-up{
            padding-top: 10px;
            cursor: pointer;
        }
        #agency-section-1 .see-more-arrow-down::after {
            content: '';
            /* background: url('../images/custom/down-arrow-head.png'); */
            /* width: 96%; */
            /* height: 500px; */
            min-width: 50px;
            /* max-width: 500px; */
            height: 50px;
            position: absolute;
            background-repeat: no-repeat;
            margin-top: 13px;
            margin-left: 9px;

        }

        #agency-section-1 .see-more-arrow-up::after {
            content: '';
            /* background: url('../images/custom/up-arrow-head.png'); */
            /* width: 96%; */
            /* height: 500px; */
            min-width: 50px;
            /* max-width: 500px; */
            height: 50px;
            position: absolute;
            background-repeat: no-repeat;
            margin-top: 11px;
            margin-left: 9px;
        }

        /* Agency page  - end */

        .mobile-contactus-container .mobile-lets-chat{
            font-size: 38px;
        }
        .mobile-contactus-container .team-email-address{
            font-size: 17px;
        }
        .mobile-contactus-container .address{
            font-size: 17px;
        }
        .mobile-contactus-container .mobile-form-label{
            font-size: 16px;
        }
        .mobile-contactus-container .mobile-btn-send{
            font-size: 16px;
        }
    }

    @media (min-width: 992px) and (max-width: 1023px) {

        .desktop .cmn-header-1{
            font-size: 62px;
        }
        .desktop .cmn-para-1{
            font-size: 18px;
        }
    }
    @media (min-width: 1024px) and (max-width: 1319px) {
        

        .desktop .cmn-header-1{
            font-size: 62px;
        }
        .desktop .cmn-para-1{
            font-size: 18px;
        }


        /* Strategy page */

        #marketing-brand-desktop {
            padding-left: 55px;
            padding-right: 30px;
        }
    }
    @media (min-width: 1320px) and (max-width: 1399px) {

        .desktop .cmn-header-1{
            font-size: 62px;
        }
        .desktop .cmn-para-1{
            font-size: 18px;
        }

    }
    @media (min-width: 1400px) and (max-width: 1920px) {

        .desktop .cmn-header-1{
            font-size: 100px;
        }
        .desktop .cmn-sub-header-1{
            font-size: 30px;
        }
        .desktop .cmn-para-1{
            font-size: 18px;
        }

        .desktop .cmn-para-1-ow{
            font-size: 13px;
        }

        .desktop .cmn-para-2{
            font-size: 18px;
        }
    }

    @media (min-width: 1420px) and (max-width: 1920px) {

        .contact-us-desktop-container .team-email{
            font-size: 30px;
        }
        .contact-us-desktop-container .address{
            font-size: 25px;
        }
        .contact-us-desktop-container .desktop-feild-label{
            font-size: 25px;
        }
        .contact-us-desktop-container .btn-send{
            font-size: 16px;
        }
    }

    @media (min-width: 1220px) and (max-width: 1920px) {

        .cp-fs-100{
            font-size: 100px;
        }
        .cp-fs-30{
            font-size: 30px;
        }
        .cp-fs-18{
            font-size: 18px;
        }
    }
    @media (max-width: 980.98px) {
        .tri-footer-mobile{
            margin-left: 25px;
          
        }
        
    }
@media (max-width: 767.98px) {
  .mobile-image {
  width: 60%;
  margin-left: -12px;
  }
  .tri-mobile-img{
    width:40% ;
  }
}
@media (max-width: 540.98px) {
  .mobile-image {
  width: 60%;
  margin-left: -12px;
  }
  .tri-mobile-img{
    width:40% ;
  }
  .year-image-mobile{
    width: 40px ;
  }
  .group1-footer-mobile{
    margin-left: 20px;
  }
}

@media (max-width: 480.98px) {
  .mobile-image {
  width: 80%;
  margin-left: -12px;
  }
  .tri-mobile-img{
    width:65% ;
  }
  .year-image-mobile{
    width: 40px ;
  }
  .group1-footer-mobile{
    margin-left: 20px;
  }
}

@media (max-width: 450.98px) {
  .mobile-image {
  width: 85%;
  margin-left: -12px;
  }
  .tri-mobile-img{
    width:75% ;
  }
  .year-image-mobile{
    width: 40px ;
  }
}
@media (max-width: 390.98px) {
 .tri-footer-mobiles{
    margin-left: -5px;
 }
}