@media screen and (max-width: 480px){
    h6{
        font-size:1.5rem;
        font-weight: 600;
        padding-bottom: 0.5rem;
    }
    #whatwedosm{        
        display:block;
    }
    #whatwedosm img{        
        width:80vw;
        padding-bottom: 0.5rem;
    }
    #imagesequenceCube{
        display:none;
    }
    #contactusimg{
        display: none;
    }
    /* Japanese lang based CSS */
    #img_custsat_mob:lang(ja-JP) {        
        content:url("/images/products-mobile/customer-experience-jp-8.png");
    }

    #img_ms_mob:lang(ja-JP) {
        content:url("/images/products-mobile/mystery-shopping-jp-8.png");
    }
    #img_audit_mob:lang(ja-JP) {
        content:url("/images/products-mobile/audits-jp-8.png");
    }
    #img_report_mob:lang(ja-JP) {
        content:url("/images/products-mobile/reporting-jp-8.png");
    }
    #img_emp_mob:lang(ja-JP) {
        content:url("/images/products-mobile/employer-engagement-jp-8.png");
    }
    #img_bench_mob:lang(ja-JP) {
        content:url("/images/products-mobile/competitor-benchmark-jp-8.png");
    }

    /* Chinese lang based CSS */
    #img_custsat_mob:lang(zh-CN) {        
        content:url("/images/products-mobile/customer-experience-ch-8.png");
    }

    #img_ms_mob:lang(zh-CN) {
        content:url("/images/products-mobile/mystery-shopping-ch-8.png");
    }
    #img_audit_mob:lang(zh-CN) {
        content:url("/images/products-mobile/audits-ch-8.png");
    }
    #img_report_mob:lang(zh-CN) {
        content:url("/images/products-mobile/reporting-ch-8.png");
    }
    #img_emp_mob:lang(zh-CN) {
        content:url("/images/products-mobile/employer-engagement-ch-8.png");
    }
    #img_bench_mob:lang(zh-CN) {
        content:url("/images/products-mobile/competitor-analysis-ch-8.png");
    }


    .align-bottom {
        position: relative;
        padding-bottom: 10px;
    }
    .divshim{
        height:0px;
    }
    .bg_heritage{
        background: url("/images/our-heritage-mobile-artboard-1@2x.png") no-repeat right top;    
        background-size: cover;
        height: 150vh!important;
    }
    .bg_heritage:lang(zh-CN){        
        height: 200vh!important;
    }
    .modal.show .modal-dialog {
        width: 100vw;        
    }
    .modal-content {
        width: 95vw;
        margin: 0 auto;
    }
    .navbar{
        padding: 0 0 0 1rem!important;
        width: 100vw;
        font-size: 1rem!important;    
    }
    .navbar-brand{
        /* height: 50px;
        width:100px;         */
        margin-top: 15px;
    }
    .navbar-brand-link{
        width:100px; 
    }
    .navbar-toggler-icon {
        margin-top: 20px;
        margin-right: -10px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
      }            
    .landing-1{    
        box-shadow: 0px 1px 20px grey; 
        background: url('/images/landing-page-1-mobile-artboard-1.png') 0 0 no-repeat; 
        background-size: cover;    
    }
    .landing-2{    
        box-shadow: 0px 1px 20px grey; 
        background: url('/images/landing-page-2-mobile-artboard-1.png') 0 0 no-repeat; 
        background-size: cover;    
    }
    .landing-3{    
        box-shadow: 0px 1px 20px grey; 
        background: url('/images/landing-page-3-mobile-artboard-1.png') 0 0 no-repeat; 
        background-size: cover;    
    }
    #cookieConsent{
        max-height: 20vh;
        font-size: small!important;
        line-height: 1.5;       
    }
    
    #imagesequence, #cookieText, #cookieokDiv{
        display: none;
    }
    #imagesequencesm, #cookieTextsm, #cookieokDivsm{
        display: block;
    } 
    #cookieokDivsm p{
        margin:0!important;
    }   
    .customcheckcookie{
        display: block;
        position: relative;       
        cursor: pointer;    
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 2rem;
        float:right;
        padding-left: 2rem;
        color: #EC1C24;               
    }
    #cookieokDivsm label{
        margin-bottom: 0.1rem;
    }
    .checkmark{
        height: 30px;
        width: 30px;
    }
    .hh1, .hh2 {
        margin-left: 2vw;        
    }
    .hh1:lang(ja-JP){
        margin-left: 2vw;
        font-size: 30px;
        /* line-height: 48px; */
    }    
    #landingdiv {
        width: 100%;        
        padding-top: 50vh;
        position: relative;
    }
    #landingdiv:lang(ja-JP) {
        width: 100%;        
        padding-top: 40vh;
        position: relative;
    }
    .greyborderround, .redborderround{
        width: fit-content;
    }
    .quadnav section {
        border-spacing: 0;
    }
    .quadnav section figure{
        float: left;
        width: 45%;
        text-align: center;
        text-indent: 5px;
        margin: 0 0.25em;
        padding: 0;
        font-size: 1rem;        
    }
    figcaption{
        min-height: 70px;
    }
    .grid-container{
        padding-right: 0!important; 
        padding-left: 0!important;
    }
    .container{
        padding-right: 0!important; 
        padding-left: 0!important;
    }

    #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

    .dropdown-menu {
        left: 0!important;
        top: 10px!important;
    }
    
    .collapsing{
        padding-bottom: 1rem;
        opacity: 1;
        background-color: #ffffff;
        width: 100vw;
        white-space: nowrap;              
        top: 0;
        left: 0;
        position: fixed;
    }
    .collapse.show {        
        padding-bottom: 1rem;
        opacity: 1;
        background-color: #ffffff;
        width: 100vw;
        white-space: nowrap;              
        top: 0;
        left: 0;
        position: fixed;
    }
    .navbar-menu-rside{
        padding: 0 1rem!important;
    }
    .nav-link{
        border-bottom: 1px solid grey;
    }
    .nav-link::after{
        float: right;
        content: '>';
        font-size:25px;
        color:grey;
    }
    .nav-item .close{
        margin-top:20px;
        color: #000000 !important;        
    }
    #dropdown03{
        width: fit-content;
        border-bottom: none;
		/* background-color: #4A4D4A; */
    } 
    .mob-b-pad{
        padding-bottom: 1rem;
    }
    .mob-t-pad{
        padding-top: 3rem;
    }
    .bg_becomeshopper{
        height:75vh; background: url('/images/become-evaluator-mobile-8.png') 0 0 no-repeat; background-size: cover;
    }
    .innersection{
        padding:1.5rem 0;
    }
    .close{       
        font-weight: 12;
        font-family: arial-narrow!important;
        font-size: 3rem;
        color: grey;
        margin-top: -0.5rem;
    }
    .modal-body{
        margin-top: 0;
    }
    .banner-image-1 {
        background-image: url('/images/banner/homepage-1.jpg');        
    }

    .banner-image-2 {
        background-image: url('/images/banner/homepage-2.jpg'); 
    }

    .banner-image-3 {
        background-image: url('/images/banner/homepage-3.jpg'); 
    }

    .banner-image-4 {
        background-image: url('/images/banner/homepage-4.jpg'); 
    }

    .banner-image-5 {
        background-image: url('/images/banner/homepage-5.jpg'); 
    }

    .solution-banner-image-1{
        background-image: url('/images/banner/our-solutions.jpg');       
    }
    .offerings-banner-image-1 {
        background-image: url('/images/banner/our-products.jpg');
    }
    .expertise-banner-image-1 {
        background-image: url('/images/banner/our-expertise.jpg');
    }
    .story-banner-image-1 {
        background-image: url('/images/banner/our-story.jpg');
    }
    .contactus-banner-image-1 {
        background-image: url('/images/banner/contact-us.jpg');
    }
    .becomeeval-banner-image-1 {
        background-image: url('/images/banner/become-an-evaluator.jpg');
    }

    .key-message {
      width: 100vw;
      height:25vh;
      padding-left: 0;
      /* background: rgb(190, 7, 33,0.7); */
      background-color: #BE0721;
      padding: 10%;      
    }
    .key-message h6, .key-message h3{
        font-size: 2rem;
        font-family: 'Rubik Light';
        font-weight: 100;
        padding: 0 !important;        
	color: #fff;
	text-transform: initial;
        margin:0;
        /* max-width: 70%; */
    }
    .key-message h6 span, .key-message h3 span{
        display: inline !important;
    }
    .key-message-body-panel{
        display: none;
    }
    .carousel-button {      
      /* background-color: #BE0721; */
      /* display: none;*/
      margin:10px 0 0 -10px;     
      width: auto;
    }
    
    .banner-image {
      background-size: 26rem 16rem;
      margin-top: 5rem;
    }
    .carousel-text {
      top: 36vh;    
      height: fit-content;
    }
    .carousel-height {
      height: 60vh;      
    }
    .carousel-indicators {
      bottom: 10px;
    }

    #keyMessageBody1, #keyMessageBody2, #keyMessageBody3, #keyMessageBody4, #keyMessageBody5{
        font-size: 1.75rem;
        background-color:transparent;
        font-family: 'Rubik Light';
        font-weight: 100;
        padding:0;
        display: none !important;
    }
    .add-mobile-section-space{  
        margin-top:  0px !important;
        padding-top: 0px !important;
    } 
    
    /*moved from bottom of file to here*/
    .keyMessageBodySlant{   
        display: none;
    }
    .keyMessageBodySlant-inner{
        display: none;
    }
    .contact-us-image{
        min-height: 35vh;
        background-size: 100% auto;
        background-position: center;
    }
    .section{
        padding:10px;
    }
    .img-60w{
        width:100%;
        padding-bottom: 10%;
    }
    
    #donutChartContainer{
        height:50vh;
        /* width:98vw; */
        -webkit-tap-highlight-color:rgba(0,0,0,0);
    }

    .highcharts-title{
        font-size: .75rem !important;
    }
    .highcharts-title h6{
        font-size: 1rem !important;
    }
    
    #halfDonutChartContainer{
        height:80vh;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
    }

    #halfDonutSliderChartContainer{
        height:60vh;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
    }
    #divTitleHalfDonutSlider  h6{
        font-size: 1.25rem !important;
        font-weight: bold;
    }
    #divTitleHalfDonutSlider{
        padding: 7% !important;
        background: #F2F2F2;        
    }
    
    .bg-horizontal-3-tone{
        background:linear-gradient(to bottom, #F4F4F4 0, #F4F4F4 35%, #FAFAFA 35%, #FAFAFA 66%, #F4F4F4 66%, #F4F4F4 100%);
    }
    
    .icon-offset{
        position: relative;
        margin-left: -10px;
        margin-top: auto;
    }
    
    .subul{
        text-align: left;
        padding: 0px;
        float: none;
        display: flex;
    }
    
    .subul li {    
        padding: 0px;
        display: inline-block;
        flex: 1;
        text-align: center;
    }
    
    .bg-transparent-lt-h-grey2{
        background:linear-gradient(to bottom , transparent 40%, #F2F2F2 40%);
    }
    
    
    .logo-carousel {
        height: 100px;
        width: 100px;
    }
    
    .prod-filter-display{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .circle-dropdown{
        width: 78%;
    }
    
    #scrollToTopButton {    
        right: 10px; 
    }
    
    .tabTitleActive, .tabTitleInactive{
        padding: 0 15px;
    }
    
    .active-bread-crumb{
        display: none;
    }
    
    .prod-filter-label{   
        width:20%;
        text-align: left;
    }
    
    .mob-pad-xy{
        padding: 7% 10% !important;
    }
    .mob-pad-x{
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
    .mob-pad-y{
        padding-top: 7% !important;
        padding-bottom: 7% !important;
    }
    
    .text-mobile-left{
        text-align: left !important;
    }
    
    .about-sonata-bg{
        background: url("/images/our-story/mobile/about-sonata.jpg");
        height: 80vh;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #indexNumbersCarouselMob .carousel-item{
        height:140px;
    }
    
    #divExpertiseCarouselMobile .carousel-item{
        height:100px;
    }
    
    .three-panels, .three-panels-middle{
        height:500px;
    }
    
    #challengesCarouselMobile .carousel-item{
        height:350px;
    }
    
    #contactUsForm{
        padding-right:0;
    }
    
    .carousel-soft-span{
        height: 200px;
    }
    
    .customer-experience-text-position-bottom {
        top: 47%;
        padding-left:1.25rem !important;
        padding-right:1.25rem !important;
    }
    
    .myopia-image, .silos-image, .diy-image, .missing-keystones-image, .iceberg-image{    
        min-height: 320px;
        min-width: 320px;   
    }

    .nav-link-cur-page{
        font-weight: 600;
        font-size: 1.2rem;
    }
    /* END moved from bottom of file to here */
}

@media only screen and (min-width: 200px) and (max-width: 400px)  {
    .toggle-menu-class{
        display: block
    }
    .container-section-title{
        text-align: left
    }

    .carousel-text {       
        max-width: 100%;
        top: 50vh !important;        
      }
      .carousel-height {
        height: 75vh !important;  ;      
      }
      .key-message {
        width: 100vw;
        padding-left: 0;
        background-color: #BE0721;
        padding: 2% 7%; 
        height: 28vh;
      }
      .add-mobile-section-space{  
        margin-top:  0px !important;
        padding-top: 0px !important;       
    } 
    .bg-transparent-lt-h-grey2{
        background:linear-gradient(to bottom , transparent 37%, #F2F2F2 37%);
    }

    #indexNumbersCarouselMob .carousel-item{
        height:150px;
    }
   
}
/* iPhone 5 IOS version */
@media (device-height : 568px) 
   and (device-width : 320px)
{
    .key-message h6, .key-message h3{
        font-size: 1.7rem;
    }
}