@media screen and (min-width:767.99px){
  
    .test-length-wrap{
        position: relative;
        cursor: pointer;
       }
       .test-length-wrap:hover .tooltip-wrapper{
           display: block;
           margin: 0;
           top: 35px;
           right: -107px;
       }
   
    .none-for-desktop{
        display:none !important;	
    }	

    .ranking-scale-chart .subquestion-chart-inner{
        width: 100% !important;
    }
    .rating-scale-take-test{
        min-height: calc(100vh - 350px);
    }
    .test-form-hold.mt-32.rating-options{
        min-height: calc(100vh - 520px);
        display: flex;
        align-items: center;
    }
    .ratingscale-option-wrap .rating-scale-labels .scale-label{
        /* width: 77px; */
        position: relative; 
        /* word-wrap: break-word; */
    } 
    .ratingscale-option-wrap .rating-scale-labels .scale-label:first-child{
       left: -2px;
    } 
    .ratingscale-option-wrap .rating-scale-labels .scale-label:last-child{
       right: -2px;
    } 
}

@media screen and (min-width:1200px){
    .promocode-field-wrap .col-md-7{
        max-width: 60.5%;
        flex: 60.5%;
    }
    .tooltip-hold-wrap:hover .tooltip-wrapper{
        right: -191px;
    }
    .likert-scale-chart .tooltip-wrapper {
        min-width: 405px;
    }
    .figma_prototype_sidebar.questions-sidebar .ratingscale-option-wrap .emoticon-icon, .figma_prototype_sidebar.questions-sidebar .ratingscale-option-wrap .star-icon, .figma_prototype_sidebar.questions-sidebar .ratingscale-option-wrap .number-icon {
        margin: 3px 5px; 
    }

} 

@media screen and (max-width:1330px) and (min-width:900px){

    .test-publish-fee-header-left .tag.purple-tag.tag-icon-left{
        position: relative;
    }
}


@media screen and (min-width:1280px){
    .ReactVirtualized__Grid.ReactVirtualized__List.rst__virtualScrollOverride, .treetest-task-tree .rst__tree.userQTree{
        overflow-x: hidden !important; 
    } 
    .ReactVirtualized__Grid__innerScrollContainer{
        overflow:hidden !important; 
    }
}  

@media screen and (min-width:1300px){
    .rating_scale_calculation_repeat{
        width: 42%;
    }
    .rating_scale_calculation_repeat:nth-child(2), .rating_scale_calculation_repeat:nth-child(3) {
        width: 27%;
    }
}

@media screen and (min-width:1400px){
    .rating_scale_calculation_repeat{
        width: 37%;
    }
    .rating_scale_calculation_repeat:nth-child(2), .rating_scale_calculation_repeat:nth-child(3) {
        width: 30%;
    }
}
@media screen and (max-width:1440px) and (min-width:992px){
    .tester-dashboard-no-test-available-data .tester-dashboard-no-test-available-data-inner .subtitle-2{
        font-size: 17px;
        line-height: 25px; 
        text-align: left;
    }
}

@media screen and (min-width:1500px){
 

    .create-test-data-wrapper .prefer-text-designs-wrap .upload-image-hold {
        padding: 0px 10px 40px;
    }
    
    .add-paymentmethod-wrap #field-wrapper label:nth-child(2){
        width: calc(100% - 190px);	
    }

    .add-paymentmethod-wrap #field-wrapper label:nth-child(3){
        width: 70px; 
    }
    .add-paymentmethod-wrap #field-wrapper label:nth-child(4){
        width: 38px;
        margin-right: 0px !important; 
    }	
    img.question-card-image {
        min-height: 135px;
    }
    .design-fixed-full-view .test-design-name-and-option-wrap{
        display: block;
    }
    .design-fixed-full-view .test-design-name-and-option-wrap button {
        margin-top: 8px;
    }
}

@media screen and (min-width:1601px){
    .tooltip-deviceinfo.tooltip-estimatedpanel span:hover .tooltip-wrapper {
        display: block;
        width: 259px !important;
        right: -118px !important;
        margin: 0;
    } 
}

@media screen and (min-width:1600px){
    .profile-form-wrap .formbox.col-md-6, .billing-plan-page-wrapper .col-md-6.formbox{
        max-width: 460px;
        display: block;
        flex: none;
        width: 100%;
    }

    .promocode-field-wrap .col-md-7{
        max-width: 60%;
        flex: 60%;
    }
    .rating_scale_calculation_repeat {
        width: calc(33.55% - 16px) !important;
    }
    
} 

@media screen and (min-width:1700px){
    .percent {
        width: 16.6%;
        padding:0px;
    }	
    .circle-stats-group .number{
        left:11px;	
    }
}

@media screen and (min-width:1800px){
    .test-time-data-repeat {
        padding: 0 10px;
        width: 33.33%;
    }

    .recruit-tile .heading{
        min-height:auto;	
    }
}

@media screen and (min-width:1900px){
    .recruit-tile{
        padding:40px;	
    }	
    .buy-credits-page-wrapper{
        max-width:1107px;	
    }
    .percent {
        width: 14%;
    }
}

@media screen and (min-width:2000px){
    .test-result-inner-hdr, .create-test-inner-hdr{
        max-width: 1920px;
        margin: 0 auto;
    }
    .estimated-panel-side-bar {
        padding: 47px 0px 47px 20px;
    }
    
    .three-column-layout-body {
        max-width: 1920px;
        margin: 0 auto;
        position: relative;
    }
    .three-column-layout-left:after {
        position: absolute;
        left: -100%;
        background: #fcfcfc;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
    }
    .three-column-layout-left{
        padding-left: 0px;
    }
    .three-column-layout-right:after {
        position: absolute;
        right: -100%;
        background: #fcfcfc;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
    }
    .page-data-wrapper{
        max-width: 1920px;
        padding: 0px;
    }
    .page-data-wrapper.create-test-data-wrapper{
        max-width: 100%;
    }
    .researcher-resultwrap.result-body {
        max-width: 100%;
    }
}


@media screen and (max-width:1900px){
    .create-test-card{
        padding:12px; 
    }
    .card-placeholder-img {
        margin-bottom: 6px;
    }
   
    .big-modal-wrap .modal-lg{
        max-width:1024px;
    }

    .create-new-test-modal span.subtitle-2.tag{
        font-size:12px; 
    }

    .create-new-test-modal .subtitle-2{
        font-size: 17px;
        line-height: 19px;	
    }	
    .primary-large, .secondary-large, .ghost-large{
        min-height:40px;	
    }

}

@media screen and (max-width:1799px){
    .tester-test-cards  .test-time-data-repeat {
        padding: 0 5px;
    }
    .tester-test-cards .test-time-data-repeat span{
        font-size: 18px;
    }

    .tester-test-cards .test-time-data-repeat .caption{
        font-size: 11px; 
    }
    .rating-scale-option-wrap .filter-button-option {
        padding: 4px 20px;
    }
}

@media screen and (max-width:1699px){
    .circle-stats-group.percent {
        width: 20%;
    } 	
    .test-result-inner-data {
        padding: 30px 24px;
    }
    .prototype-result-overview-wrap {
        padding: 40px 24px;
    }
    .prototype-followup-section .heading.h4 {
        padding: 0 0 32px 24px;
    }
}

@media screen and (max-width:1620px){
    .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused {
        width: 260px !important;
        z-index: 2;
    }
}


@media screen and (max-width:1600px){
   
    .tooltip-deviceinfo.tooltip-estimatedpanel .bottom-tooltip::before{
        left: 76%;
    }
   
    .rating-scale-option-wrap .filter-button-option {
        padding: 4px 20px;
    } 
    .fixed-toast-wrapper{
        width: calc(100% - 274px );
    }
    .bd-question-bottom-pagination-arrow.prev-next-button-bottom {
        padding: 0 25px 40px;
    }
    .device-list-repeat {
        padding: 40px 15px;
    }
    .five-second-result-design{
        margin: 40px 25px 0;	
    }
 
    .page-data-wrapper{
        padding: 0px 45px;	
    }

   
    .test-list-head .heading{
        font-size: 22px;
        line-height: 27px;	
    }

    .three-column-layout-right {
        width: 320px;
        padding: 47px 20px; 
    }
    .three-column-layout-right.estimated-panel-side-bar{
        width: 442px;
        min-width:442px;
    }
    .header{
        padding:0px 20px;
    } 

    .three-column-layout-top-header{
        padding: 10px 20px;	
    }
    .tester-dashboard .support-button, .tester-dashboard .support-button:hover{
        right: 20px !important; 
    }
    .support-button, .support-button:hover{
        right:20px;	
        bottom: 90px;
    }
    .create-test-preview-area {
        position: absolute;
        right: -326px;
        top: 0;
        width: 279px;

    }
    .three-column-layout-left{
        width: 208px;	
        padding-left:20px;
    }

    .three-column-layout-center{
        width: calc(100% - 528px);
        padding: 45px 25px;	
    }

    .two-column-right-side {
        width: calc(100% - 208px);

    }
  

    .test-results-navigation li, .test-results-navigation li a{
        font-size: 18px;
        line-height: 31px;
    }

    .btns-wrap-bottom button{
        font-size:16px;	
    }
  
    .ordersummary-table-wrap table .pay-on-fly-order-summary-total td{
        font-size: 16px; 
    }
 
    .estimate-count-area span {
        margin-left: 10px;
        font-size: 10px;
        line-height: 14px;
    }
    .estimate-count-area .inc-dec-counter input, .estimate-count-area .inc-dec-counter input:focus{
        font-size: 14px;
        width: 42px;
    }
    .tester-test-cards .test-time-data-repeat span {
        font-size: 14px;
    }
    .tester-test-cards .all-test {
        margin-bottom: 90px;
    }
    .prototype-task-followup-questions .create-test-preview-area, .prefer-follow-up-section-1 .create-test-preview-area{
        right: -358px;
    }

}

@media screen and (max-width:1500px){
    .header-credits-wrap .header-link:first-child, .score-link-header {
        margin-right: 32px;
    }

    .header-credits-wrap {
        margin-left: 32px;
    }
    .hdr-workspace-data{
        padding-left: 22px;
        margin-left: 22px;	
    }
    .footer {
        padding: 22px 40px;	
    }
    
    .recruit-bottom-right img {
        margin-right: 3px;
    }
    .recruit-bottom-right {
        font-size: 11px;
        line-height: 12px;
    }

   
    .test-welcome-page-left {
        padding-right: 50px; 
    } 
  
    .test-list-head .heading{
        font-size:21px;
        line-height:26px; 
    }
    .preference-test-followup-questions .selected-design {
        width: 500px;
    }
    .preference-test-followup-questions .taking-test-page-wrap {
        width: calc(100% - 500px);
        padding-left: 20px;
    }
} 

@media screen and (max-width:1499px){
   

    .detailed-analy-img {
        width: 480px;
    }
    .detailed-analy-text {
        padding-left: 32px;
        width: calc(100% - 480px);
    }
    .detailed-analy-text .recruit-bottom-right {
        font-size: 15px;
        padding-left: 20px;
    }
    .engagement-overview-results-left{
        width: 160px;
    }
    .engagement-overview-results-data-wrap .participants-overview-right {
        padding-left: 0px;
        width: calc(100% - 160px);
        margin-top: -10px;
    }
    .test-time-data-repeat {
        padding: 0 7px;
    }
    .test-time-data {
        margin: 0 -7px;
    }

    .result-pie-chart-wrap .chart-info-wrap, .chart-info-wrap{
        padding-left: 30px;
    }

    .preference-designs-inner-hold{ 
        margin:0px -10px;	
    }

    .preference-test-designs-repeat, .upload-image-hold{
        padding:0px 10px 32px;
    } 
    .invite-earn-data-text{
        padding:40px 60px;	
    }
    .earn-invite-left-info-icons svg, .earn-invite-left-info-icons img {
        width: 60px;
        height: 60px;
        margin: 0px 15px;
    }
    .earn-invite-left-info-icons{
        margin: 20px -15px;	
    }
    .invite-earn-balancebox{
        margin-bottom:32px;	
    }
    .invite-earn-form-right{
        padding:40px;	
    }
}

@media screen and (max-width:1425px){
    .rating-scale-option-wrap .filter-button-option {
        padding: 4px 17px;
        font-size: 13px;
    }
    .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused {
        width: 200px !important;
    }
}
 
@media screen and (max-width:1799px) and (min-width:1367px){
    .tester-test-cards .test-time-data-repeat {
        padding: 0 4px;
    }
    .tester-test-cards .test-time-data-repeat span {
        font-size: 13px;
    }
}


@media screen and (max-width:1366px){
    .footer {
        padding: 22px 20px;	
    }
    .page-data-wrapper{
        padding: 0px 20px;	
    }
    .tree-task-search-wrap .form-group, .tree-test-top-search .form-group {
        width: 300px;
    }
    .test-card-footer-lhs-data .status-tag {
        margin-right: 6px;
    }
    .test-date-wrap span{
        font-size: 12px;
    }	
    .cardsorting-wrap-mid-data .rating-scale-option-wrap .filter-button-option, 
    .prototype-task-followup-questions .rating-scale-option-wrap .filter-button-option
    {
        padding: 4px 11px;
        font-size: 13px;
    }
}

@media screen and (max-width:1360px){
    .test-time-data-repeat {
        padding: 0 7px;
    }
    .test-time-data {
        margin: 0 -7px;
    }	

    .dashboard-filter-left span{
        font-size: 20px; 
        line-height: 24px;	
        margin-right: 10px;
    }

    .filter-menu-btn, .filter-sort-btn{
        font-size:16px;	
    }
    
    em.tests-counter{
      margin-right: 5px;
      top: 1px;  
    }
    .dashboard-filter-right{
        min-width: 360px;
        justify-content: end;
    }
    .cardsorting-wrap-mid-data .rating-scale-option-wrap .filter-button-option, 
    .prototype-task-followup-questions .rating-scale-option-wrap .filter-button-option
    {
        padding: 4px 9px;
        font-size: 11px;
    }
    .cardsorting-wrap-mid-data .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused {
        width: 200px !important;
    }
}

@media only screen and (max-width: 1700px) and (min-width: 1601px)  {
    .recruit-tile .primary-medium img {
        width: 16px;
        height: 16px;
    }
    
    .recruit-tile{
        padding:28px;
    }
    .recruit-bottom-right {
        font-size: 11px;
        line-height: 12px;
    }

} 

@media only screen and (max-width: 1700px) and (min-width: 1280px)  {
    .recruit-bottom-right {
        min-width: calc(100% - 190px);
        position: relative;
        left: 11px;
        display: flex;
        justify-content: end;
    }
}



@media only screen and (max-width: 1345px) and (min-width: 1280px)  {
    
    .recruit-tile .primary-medium img {
        width: 16px;
        height: 16px;
    }
    .recruit-tile{
        padding: 15px;
    }
    .recruit-bottom-right {
        font-size: 10px;
        line-height: 12px;
    }

} 

@media screen and (max-width:1300px){
    .report-testers-modal .modal-dialog{
        max-width:98%;
    }
    .test-result-header-wrapper .test-name-wrap {
        max-width: calc(100% - 161px);
        width: auto;
    }
    .report-tester-participant table th:nth-child(3), .report-tester-participant table td:nth-child(3) {
        width: 345px;
    }
    .report-tester-participant table th:nth-child(1), .report-tester-participant table td:nth-child(1) {
        width: 137px;
    }
    .behavior-top-right-content .form-group {
        max-width: unset;
        min-width: unset;
        margin-left: 9px;
    }
    .preference-test-followup-questions-wrap {
        padding: 20px 20px;
    }  
    .figma_prototype_sidebar.questions-sidebar {
        width: calc(100% - 100px);
        padding-left: 140px;
        text-align: left;
        padding-right: 40px;
    }
    .rating-scale-option-wrap .filter-button-option {
        padding: 4px 12px;
        font-size: 12px;
    }
}

@media screen and (max-width:1279px){
    .search-functionlity-data{
        width:270px;
    }
    .recruit-tile-button button {
        width: auto;
    }
    .create-test-data-wrapper .prefer-text-designs-wrap .upload-image-hold .upload-image-inner-wrapper{
        height: auto; 
    }

    .detailed-analy-img {
        width: 320px;
    }
    .detailed-analy-text {
        width: calc(100% - 320px);
    }

    .test-list-repeat-wrap, .creat-test-card-repeat{
        width:33.333%;	
    }
    .detailed-analy-text .recruit-bottom-right{
        font-size: 14px;  
    }

    .percent-inner {
        position: relative;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

    .test-name-wrap{
        max-width: calc(100% - 280px);	
    }
    .test-header-left-data{
        width: calc(100% - 350px);	
    }

    .credits-table-wrap .table-responsive{
        margin-left:0px;	
        margin-bottom:32px;
    }	


    .recruitment-tiles-wrap .recruit-tile {
        min-height: auto;
    }
    
    .caption{
        font-size:11px;
        line-height:16px; 
    }
  
    .test-list-head .heading{
        font-size: 20px;	
    }
    .test-time-data-repeat {
        padding: 0 5px;
        width:33%;
    }
    .row.recruitment-tiles-wrap .col-md-6 {
        flax: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; 
    }
    .recruit-tile .heading{
        min-height:auto;	
    }
    .recruit-tile {
        padding: 30px;
    }
    .recruit-bottom-right {
        font-size: 12px;
        line-height: 17px;
    }
    .test-welcome-inner-data-hold{
        display:block;	
    }
    .test-welcome-page-left {
        width: 100%;
        padding-right: 0;
    }

    .test-welcome-image-wrap{
        margin:20px auto; 
    }  

    .preference-test-designs-repeat, .upload-image-hold{
        width: 100%;
        margin:0px;
    }


    .preference-designs-inner-hold{
        margin:0px;	
    }
    .invite-earn-data-text h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .test-result-published button {
        margin: 0px 6px;
    }
    .test-result-published {
        display: flex;
        margin: 0px -6px;
    }
    .test-result-header-wrapper .test-header-tags .tag {
        margin: 0px 7px;
    }
    .test-result-header-wrapper .test-name-wrap .heading {
        margin: 0px 10px 0 0;
    }

    .prefer-taking-test-designs-hold .preference-test-designs-repeat, .prefer-taking-test-designs-hold .upload-image-hold {
        width: 50%;
        margin: 0px;
    }

}
@media screen and (max-width:1200px){
    .ratingscale-option-wrap .emoticon-icon, .ratingscale-option-wrap .star-icon, .ratingscale-option-wrap .number-icon {
        margin: 3px 7px;
    }
    .ratingscale-option-wrap .rating-scale-labels .scale-label:first-child {
        left: -6px;
    }
    .ratingscale-option-wrap .rating-scale-labels .scale-label:last-child {
        right: -6px;
    }

    .tree-testing-top-graph .tasksuccess-outerbox .box-medium {
        width: 100%;
        margin: 0px 0px 30px;
    }
    .tasksuccess-outerbox {
        flex-wrap: wrap;
    }
}

@media screen and (max-width:1250px) and (min-width:1151px){
    .questioninputbox .bd-que-slide-left .dropdown, .questioninputbox .bd-que-slide-left p{
        font-size: 16px;
    }
    .questioninputbox .bd-que-slide-left .dropdown svg{
        width: 16px;
    }
    .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused {
        width: 170px !important;
        min-width: 170px;
        margin-left: 10px;
        zoom: 0.9;
    }
    .rating-scale-option-wrap .filter-button-option, .likert-scale-length-wrap .filter-button-option{
        padding: 4px 10px;
        font-size: 12px;
    }
    .scalebuttonbox.rating-scale-option-wrap span, .likert-scale-length-wrap span{
        font-size: 13px;
        margin-right: 15px;
    }
}




@media screen and (max-width:1199px){
    .none-for-mobile.question-no-for-big-screen {
        display: none;
    }
    .question-no-for-small-screen {
        display: inline-block !important;
    }
    .viewpart-optional{
        font-size: 16px;
    }
    .added-question-card-wrap .questionbox-top > div {
        width: auto !important;
    }
    .added-question-card-wrap .questionbox-top .question-topbuttonbox {
        padding-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .setapassword-info br{
        display: none;
      }
    .screen-user-table .info-wrap:hover .tooltip-wrapper{
        margin: 0;
        top: 42px;
        bottom: auto;
        left: -105px;
        right: auto;
        width: 234px;
    }
    .screen-user-table .info-wrap:hover .tooltip-wrapper.bottom-tooltip:before{
        width: 0px;
    left: 50%;
    top: 6px;
    border: 11px solid transparent;
    border-top: 0;
    border-bottom: 12px solid var(--gray-900);
    transform: translate(-50%, calc(-100% - 5px));
    }
 
    .table-responsive, .max-height-table{
        overflow: auto;
    } 

    .share-link .modal-dialog{
        margin-top: 50px;
    }
    
    .dashboard-filter-left span{
        margin-bottom: 4px;
        margin-right: 1px;
    }
    .box-medium {
        max-width: 100%;
        width: calc(80% - 15px);
    }
    .report-tester-participant table th:nth-child(1), .report-tester-participant table td:nth-child(1) {
        width: 131px;
    }
    .report-testers-modal .table th, .report-testers-modal .table td {
        padding: 9px 5px;
    } 
    .report-tester-participant table th:nth-child(3), .report-tester-participant table td:nth-child(3) {
        width: 256px;
    }
    .report-tester-participant table th:nth-child(2), .report-tester-participant table td:nth-child(2) {
        width: 110px;
    }
    
  
    .workspace-dropdown{
       padding-right: 12px; 
    }
    .header-rhs-side button.ghost-btn.ghost-medium {
        margin-right:12px;
    }
    .header-credits-wrap .header-link:first-child, .score-link-header {
        margin-right: 12px;
    }
    .header-credits-wrap {
        margin-left: 12px;
    }
    .hdr-workspace-data {
        padding-left: 12px;
        margin-left: 12px;
    }
    .figma_prototype_sidebar.questions-sidebar {
        width: 100%;
        padding-left: 15px;
        text-align: left;
        padding-right: 15px;
        left: 0;
        right: auto;
    }
    .figma_prototype_sidebar.questions-sidebar::after{
        display: none;
    }


    .prototype-result-overview-wrap .col-lg-3.col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0px 0px 20px;
    }
    .css-tlfecz-indicatorContainer{
        pointer-events: none;
    }

    .did-you-know-slider {
        padding: 0px 30px;
        max-width: 100%;
    }
    .taking-test-button-wrap .secondary-btn, .taking-test-button-wrap .ghost-btn{
        left: calc(100% - 520px);
    }

    .five-second-result-design{
        justify-content:space-between;	
    }

    .five-second-result-design p{
        width:calc(100% - 200px);	
    }

    .result-device-wrap .box-outer-heading {
        margin-bottom: 5px;
    }

    .parti-overflow-top-graph-wrap .box-outer-heading, .test-result-overview-data .result-pie-chart-wrap .box-outer-heading{
        margin-bottom: 5px;
    }
    .addlogic-singlelogicbox-outer{
        flex-wrap: wrap;
    }
    .profile-info-section.profile-earn-invite{
        padding: 0 15px;
    }
  
    .questioninputbox .addlogic-singlelogicbox-outer .form-group.custom-control.d-flex{
        padding-left: 0px;
        max-width: 100%;
    }
    .addlogic-singlelogicbox-outer .cross-q.position-relative {
        position: absolute !important;
        right: 5px !important;
        left: auto !important;
        top: -15px;
    }
   
    .buy-credits-col-wrap .buy-credit-option-wrap{
        overflow-x: auto;	
    }
    .buy-credits-col-wrap .buy-credit-option-wrap table{
        min-width:575px;	
    }
    .buy-credit-option-wrap table td, .buy-credit-option-wrap table th{
        width:33.33% !important;	
    }
    .design-fixed-full-view .preference-test-design-wrap.preference-taking-task-wrap {
        max-width: 100%;
        margin: 0 auto;
        height: 100vh;
        padding: 18px 0;
    } 
    .wallet-unverified-section {
        margin-right: 0;
        padding-left: 15px;
    }

} 

@media screen and (max-width:1150px){
   
    .das-hdsrch-hold {
        border-bottom: 1px solid #E3E3E3;
        margin-bottom: 20px;
        padding-bottom: 20px; 
    }
    .dashboard-page-heading {
        align-items: start !important;
        border-bottom: 0px;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .dashboard-search-data-wrap{
        width: 100%;
        display:none;
      }
      .dashboard-search-data-wrap .form-group {
          max-width: 100%;
      } 
      .dashboard-search-icon {
        height: 40px;
        width: 40px;
        margin-right:10px;
    }

    .dashboard-search-icon{
      opacity: 1;
    }
    .dashboard-search-icon.active svg path {
        stroke: #9759CB !important;
    }
    .search-field-form-mobile {
        display: block;
    }
    .search-functionlity-data.search-for-desktop {
        display: none;
    }
    .search-icon-mobile {
        display:inline-flex;
    }

    span.dashboard-search-data-wrap.active-search-1{
        width: 100% !important;
        display: block;
        margin-top:18px;
    }
    .search-functionlity-data {
        width: 100%;
        margin-right: 0px;
        top: 0px;
    }

    img.question-card-image {
        min-height: 110px;
        width: 100%;
    }
    .first-click-followup-questions .medium-box-wrapper{
       padding-left: 0px; 
    }
    .behavior-top-left-content .radio-btn-wrap{
        padding-right: 6px;   
    }
    .three-column-layout-right{
        display: none;
    }
    .create-test-preview-area{
        display: none;
    }
    .three-column-layout-center {
        width: calc(100% - 228px);
    }
    
    .first-click-followup-questions .selected-design {
        padding-right: 0;
    }

    .first-click-followup-questions .container{
     padding: 0px; 
    }
    .first-click-followup-questions .taking-test-button-wrap.optional-button .secondary-large{
        position: static !important;
    }
    .preference-test-followup-questions.mt-40.first-click-followup-questions .taking-test-button-wrap .primary-large{
      position:static !important;   
    }
    .first-click-followup-questions .taking-test-page-wrap{
     padding-bottom: 0px !important;
    }
    .preference-test-followup-questions.mt-40.first-click-followup-questions {
        padding: 20px 15px;
        max-width: 100%;
        min-height: auto;
    }
   
    .detailed-analycs-data{
        display: block;  
    }
    .detailed-analy-img {
        width: 100%;
        margin: 0 auto 32px;
        text-align: center;
    }
    .detailed-analy-text {
        width: 100%;
        margin-top: 32px;
    }
    .detailed-analy-text .recruit-tile-bottom {
        display: block;
        justify-content: start;
        text-align: center;
    }
    .detailed-analy-text .recruit-bottom-right {
        font-size: 14px;
        padding: 0;
        justify-content: center;
        margin-top: 20px;
    }
    .percent-inner {
        transform: scale(1); 
        -webkit-transform: scale(1);
    }
    .circle-stats-group.percent {
        width: 33.33%;
    }
    
    .row.add-paymentmethod-wrap .icon-medium{
        display:none;	
    }
    .accordian-header h3 .subtitle-1{
        font-size: 21px;
        line-height: 30px;
    }

    .promocode-field-wrap {
        display: block;
        margin: 30px 0 4px; 
    }
    .promocode-field-wrap  .col-md-7{
        padding: 0px;
    }

    .apply-promo-code-btn button, .remove-promo-code-btn button{
        min-width: 100%;
        margin-left: 0;
        margin-top: 18px;
    }
    .add-paymentmethod-wrap .sc-bcXHqe, .add-paymentmethod-wrap .credit-card-field {
        -webkit-box-flex: 0;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .pubish-payment-inner-wrap .col-md-7, .promocode-field-wrap .col-md-7{
        flex: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 100%;

    }

    .agegender-graph-wrap{
        display: block;
    }
    .graph-hold-wrap{
        width: 100%;
    }
    .agegender-graphoption-wrap {
        width: 100%;
        margin-top: 30px;
    }

    .upload-image-hold, .preference-test-designs-repeat{
        width:100%;	
    }
    .tree-test-top-search{
        display:block;	
    }
    .tree-test-top-search .form-group {
        width: 100%;
        max-width: 100%;
    }
    .tree-test-top-search .tree-test-top-wrap{
        margin-bottom:20px;	
    }

    .preference-test-followup-questions{
        display:block;
    }
    .preference-test-followup-questions .selected-design {
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }

    .preference-test-followup-questions .taking-test-page-wrap {
        width: 100%;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 40px;  
    }

    .preference-test-followup-questions .taking-test-page-height{
        min-height: auto;   
    }    
    .preference-test-followup-questions-wrap {
        padding: 20px 15px;
        max-width: 100%;
    }
    
    .define-start-design-box{
        margin:0 auto;
    }
   
    
    .recuruitment-mid-sec {
        padding: 0 !important;
    }
    .mid-spacing {
        padding: 32px;
    }
    .mobile-panel-hold {
        display: block;
    }
    .arabic_wrapper .question-image-wrap .hamburger-items {
        min-width: 226px;
        right: 37px !important;
        top: -14px !important;
        left: auto;
    }
    .arabic_wrapper .optional-text-hold .tooltip-wrapper.top-tooltip {
        left: auto;
        right: 0;
        top: 9px;
    }
    .arabic_wrapper .sqa-check-top .form-group .info-wrap .tooltip-wrapper.top-tooltip:before {
        left: 91%;
    }
}

@media screen and (max-width:1150px) and (min-width:768px){
    span.dashboard-search-icon.skeleton-search .react-loading-skeleton {
        width: 40px !important;
        height: 40px !important;
    }
    span.dashboard-search-icon.skeleton-search{
        top: 0px;
    }
    .search-functionlity-data{
        align-items: center;
    }

    .create-test-btn{
       font-size: 14px;
       line-height:25px;
       padding: 8px 20px;
       min-height: 58px;
       justify-content: center;
       min-height: auto !important;
    }
    .create-test-btn svg{
       width:16px;
       height:16px;
    }
    .page-heading-wrap .test-publish-fee-header-left h1{
       font-size:30px;
       line-height: 41px;
    }
    .test-publish-fee-header-left p {
       margin: 0px 12px 0px 16px;
       position: relative;
       top: 0px;
   }
   .tester-test-history .col-md-4.col-lg-3{
    width: 320px;
    max-width: 320px;
    flex: unset;
}

.tester-test-history .col-md-8.col-lg-9{
    width: 100%;
    max-width: calc(100% - 320px);
    flex: unset;
}
   }




@media screen and (max-width:1100px){
    .preference-test-followup-questions.mt-40.first-click-followup-questions {
        padding: 20px 15px;
    }
    .card-sort-test-view-lhs, .card-sort-test-view-rhs{
        width: 50% !important; 
    } 
    .card-category-data-hold{
        margin-bottom: 5px !important; 
    }
    .likert-scale-taking-test-view .likert-option-left{
        width: 195px;
    }
    .likert-scale-taking-test-view .likert-option-right {
        width: calc(100% - 195px);
    }
}
@media screen and (max-width:1020px) and (min-width:768px){
    .dashboard-filter-left span {
        font-size: 14px;
        margin-right: 10px;
        padding: 0 2px;
    }
    .filter-menu-btn, .filter-sort-btn {
        font-size: 14px !important;
    }
    em.tests-counter{
        font-size: 12px;
    }
    .filter-menu-btn svg {
        margin-left: 6px;
        width: 16px;
    }
    .filter-sort-btn img, .filter-sort-btn svg {
        margin-left: 5px;
        width: 16px;
    }
}

@media screen and (max-width:992px){
    .question-middlebox .semi-bold-font {
        font-size: 16px;
        line-height:25px;
    }
    .question-topbuttonbox > div{
        width: 32px;
    }
    .questionaddlogic-v{
        margin-right:8px;
    }
    .create-new-test-modal .card-placeholder-img svg {
        height: auto !important; 
    }

    .sub-res-info-area p{
        width:48px;
        margin-right:2px;
    }
    .sub-res-info-hold p {
        margin-left: 0;
        font-size: 0;
        line-height: 18px;
    }
    .sub-res-info-area .caption{
        width: 63px;
        margin-left: 1px;
    }
    .horizonatal-chart-left-side{
        width: 220px;
    }
    .horizonatal-chart-right-side {
        max-width: calc(100% - 220px);
        padding-left: 10px;
    }
    .sub-res-chart-area {
        width: 96px;
        margin: 0px 10px 0px 10px;
    }
   
    .prototype-behavior-content .behavior-top-right-content .form-group{
        max-width: 160px;
        min-width:120px;
        margin-left: 9px;
    }


    .create-test-modal .creat-test-card-repeat {
        width: 50%;
    } 
    .behavior-top-right-content .form-group, .behavior-top-right-content .searchdropdown-box{
        max-width: 100% !important;
        min-width: 100% !important;
        margin-left: 0;
        margin-top: 14px ;
    }

   /** report table responsive***/
   .report-tester-participant thead {
      display: none !important;
   }
   .report-tester-participant tbody {
    display: block;
    max-height: unset;
    overflow-y: unset;
    overflow: visible !important;
}
.report-tester-participant tbody tr {
    display: block !important;
    table-layout: unset;
    width: 100%;
    margin-bottom: 22px;
}
.report-tester-participant.max-height-table.responsive-table-scroll {
    max-height: unset;
    min-height: unset;
    overflow: visible;
}


.report-tester-participant .table td {
    padding: 9px 0px;
    width: 100% !important;
    display: block;
}
.report-tester-participant {
    margin: 0px;
}
}

@media screen and (max-width:991px){
    .tester-profile-account-head-wrap {
        display: block !important;
    }
    .tester-profile-account-head-wrap .researcher-profile-form-btn {
        text-align: right;
        margin-top: 20px;
    }
    .question-image-wrap .hamburger-items{
        z-index: 22;
    }
    .figma-define-row-wrap{
        display: block;
    }
    .define-design-arrow{
        opacity: 0;
    }

    .mobile-preview-define-flow .figma-define-row-wrap {
        display: flex;
    }
    .mobile-preview-define-flow .define-design-arrow {
        margin: 0px 5px;
        opacity: 1;
        width: 16px;
    }

    .estimatepanel-top-info{
        padding:16px 20px;
    }
    .mid-spacing {
        padding: 32px 20px;
    }
   
    .questioninputbox .bd-que-slide-left, .questioninputbox .bd-que-slide-arrow {
        width: 100%;
    }
    .newsingle-question .d-flex.question-topbuttonbox .questionaddlogic-v{
        padding-left: 85px;
    }
    .arabic_wrapper_main .added-question-wrap .questionaddlogic-v{
        padding-right: 85px !important;
    }
     
    .page-data-wrapper {
        padding: 0px 15px;
    }
    .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused {
        width: 100% !important;
    }
    .task-overview-tree-chart .top-head-wrap{
        display: block;
    }
    .tree-overview-results-box .task-overview-tree-chart .top-head-wrap .subtitle-2 {
        width: 100% !important;
        margin-bottom: 16px;
    }
    .task-overview-tree-chart .chart-info-wrap{
            width: 100% !important;
            justify-content: start !important;
            padding-left:5px;
    }
    .tree-path-outcome-filyer .multiselectlist-dropdown-box {
        margin-right: 18px;
        min-width: 210px;
    }

    .cardsorting-wrap-mid-data .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused,
    .prototype-task-followup-questions .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused
    {
        width: 100% !important;
    }

    .prototype-behavior-content .behavior-top-right-content .form-group {
        max-width: 100%;
        min-width: 100%;
        margin-left: 0;
    }
   
    .two-row-legends .chart-info-repeat{
        width: 100%;
        max-width: 100%;
    }

    .behavior-top-right-content.d-flex {
        display: block !important;
    }
    .header .body-text-2{
        font-size: 12px;
        line-height: 18px;	
    }
    .tester-header .body-text-2{
        font-size: unset;
        line-height: unset;	
    }

    .footer {
        padding: 22px 22px;	
    }
    .hdr-workspace-data {
        padding-left: 14px;
        margin-left: 14px;
    }


    .workspace-dropdown {
        padding-right: 12px;
    }
    .header{
        padding: 0px 15px;	
    }	
    .circular-name-icon-wrap span{
        font-size:12px;	
    }
    .test-list-repeat-wrap, .creat-test-card-repeat {
        width: 50%;
    }
    .test-time-data-repeat {
        padding: 0 6px;
        width: 33.33%;
    }
    .page-heading-wrap .h1{
        font-size:40px;	
    }
    
    .filter-menu-btn, .filter-sort-btn {
        font-size: 14px;
    }
    .page-heading-wrap{
        line-height: 30px;
        min-height: 54px;
    }
    .three-column-layout-top-header{
        padding: 10px 15px;	
    }
    .three-column-layout-right, .create-test-preview-area{
        display: none;
    }
    .three-column-layout-center {
        width: calc(100% - 228px);
        padding: 45px 25px;
    }

    .add-more-question-option .stud-tiles-hold .question-card-wrapper{
        width: 50%;
        margin-bottom: 13px !important;
    }
    .profile-earn-invite .row.align-items-center .col-md-6 {
        min-height: 100%;
        width: 100%;
        max-width: 100%;
        flex: 100%;
        padding:0px;
    }
    .invite-earn-form-right {
        padding: 20px;
        margin-top: 30px;
    }
    .invite-earn-data-text {
        padding: 20px 20px;
    }
    .earn-invite-left-info-icons {
        margin: 30px -15px;
    }
    .result-pie-chart-wrap .col-lg-6{
        margin-top:15px;
        margin-bottom:15px;
    }
    .test-result-overview-top-area .col-lg-6{
        margin-top:30px;	
        flex:100%; 
        max-width: 100%;
    } 
    .prefer-test-tacking-wrapper .container{
        width: 100%;
        max-width: 100%;
    }
    .faqs-section-left {
        width: 271px;
    }
    .faqs-section-left .stepper-wrap.test-result-nav-wrap{
        padding: 15px;  
    }
    .faqs-section-right {
        width: calc(100% - 271px);
        padding-left: 40px;
    }

    .figma_prototype_sidebar.prototypesidebar{
        width: 400px;
        padding: 15px
    }
    .figma_prototype_sidebar_body{
        padding: 0px;
    }
    .figma_prototype_footer .caption{
        max-width: 320px;
    }
    .figma_prototype_sidebar:after{
        width: calc(100% - 400px);  
        left: 400px;
    }
    .figma_prototype_design_screen iframe {
        min-height: calc(100vh - 70px);
    }
    .figma_prototype_sidebar.questions-sidebar{
        padding-left: 20px;
        padding-right: 20px;
    }
    .figma_prototype_sidebar_body .taking-test-button-wrap button:first-of-type {
        position: relative;
        margin-right: 20px;
    }

}


@media screen and (min-width:768px){
    
.input-with-image.add-logic-true .form-group, .input-with-image.add-logic-true .answer-input-with-image .form-group{
    padding-left:16px;
}
.ans-list-wrap.survey-logic-added  .small-dropdown.add-logic-dropdown {
    margin-left: 10px;
    position: relative;
    top: -10px; 
}
    .questionreadmode-left{
        /* max-width: calc(100% - 300px); */
        word-wrap: normal;
    }
    .questionreadmode-left .option-value {
        word-break: break-word;
    }
    .likert-view-option-repeat span {
        display: flex;
        align-items: center;
    }
    .likert-view-option-repeat{
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
   
    .mobile-view{
        display: none !important; 
    }
    .hide-for-desktop { 
        display: none;
    }
    .report-tester-confirmation-modal .confirm-buttons-wrap{
      display: inline-flex;
    }
    .report-tester-confirmation-modal .confirm-buttons-wrap button{
       width: auto;
    }
    .prototype-test-preview-for-desktop-mode {
        width: 500px;
        margin: 30px auto;
        background: url(../img/iphone-frame.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 0;
        height: 1000px;
        overflow: hidden;
        min-height: auto;
        background-size: 500px; 
        padding: 28px;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    margin-top: -70px;
    }
    .prototype-test-preview-for-desktop-mode .free-flow-task-flow button {
        display: flex;
    }
     .prototype-test-preview-for-desktop-mode .likert-view-option-repeat{
       justify-content: start;
    }

    .prototype-test-preview-for-desktop-mode-modal .modal-dialog .done-with-task-modal .primary-large{
        max-width: 100%;
       }
    .prototype-test-preview-for-desktop-mode-modal .modal-dialog{
        max-width:331px;
        left:0px;
    }
    .prototype-test-preview-for-desktop-mode-modal .done-with-task-buttons{
        display: block !important; 
        margin: 0px;
    }
    .prototype-test-preview-for-desktop-mode-modal .modal-body{
        padding:20px;
    }
    .fade.fade.custom-modal-wrap.done-with-task-modal.prototype-test-preview-for-desktop-mode-modal.modal.show h2,  .fade.fade.custom-modal-wrap.done-with-task-modal.prototype-test-preview-for-desktop-mode-modal.modal.show .h2 {
        font-size: 24px;
        line-height:28px;
    }
    .fade.fade.custom-modal-wrap.done-with-task-modal.prototype-test-preview-for-desktop-mode-modal.modal.show button {
        margin-top: 26px; 
        margin-bottom: 43px;
        max-width: 100%;
    }

    .prototype-test-preview-for-desktop-mode-modal .done-with-task-buttons button{
        width: 100% !important;
        margin: 20px 0px 0 !important;
    }

    .prototype-test-preview-for-desktop-mode-modal .done-with-task-buttons button:first-child {
        margin-top: 0px !important;
    }

    .prototype-test-preview-for-desktop-mode .prototypesidebar .minimie-screen-icon svg, .prototype-take-test-top-hdr .minimie-screen-icon svg {
        width: 30px;
        height: 30px;
    }
    .prototype-test-preview-for-desktop-mode .sidebar-header .body-text-3{
        font-size: 16px;
    }
    .prototype-test-preview-for-desktop-mode .exit-test-button svg {
        width: 20px;
        height: 20px;
    }
   
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.questions-sidebar .optional-button button{
        width: 100% !important;

    }
    .prototype-test-preview-for-desktop-mode .hdr-wrp {
        width: 454px;
        margin-top: 63px;
        margin-left: 14px;
        position: relative;
    }

    .prototype-test-preview-for-desktop-mode .taking-test-page-height {
        min-height: 649px;
        margin: 0px 0px 0px;
        overflow-y: auto;
        padding: 18px;
    }

    .prototype-test-preview-for-desktop-mode .tester-defiefing-question-step .taking-test-page-height{
        min-height: 733px;
    }
    .prototype-test-preview-for-desktop-mode .taking-test-page-wrap {
        padding-bottom: 24px;
        margin-left: 5px;
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.questions-sidebar .taking-test-page-wrap{
        padding-bottom: 0px;
        width: 100%;
        margin-left: 0px;
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.questions-sidebar .prototype-take-test-top-hdr{
     padding:12px 20px 0px;
    }

    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.questions-sidebar .figma_prototype_sidebar_body{
        height:auto;
        min-height:853px;
        align-items: start; 
        padding:0px 12px 26px;
    } 

    .prototype-test-preview-for-desktop-mode .likert-view-option-repeat{
        padding: 0px;
    }

    .prototype-test-preview-for-desktop-mode .tester-welcome-page-wrap .taking-test-page-height{
        min-height: unset;
        height: unset;
        align-items: start;
        overflow: visible;
    }

    .prototype-test-preview-for-desktop-mode .prototype-test-preview-for-desktop-mode-combined-data {
        max-height: 833px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 426px;
        margin-left: 9px;
    }

    .prototype-test-preview-for-desktop-mode .selected-page-left-side .subtitle-2 {
        margin: 20px 0px 32px;

    }
    

    .prototype-test-preview-for-desktop-mode .header-inner-data.body-text.body-text.body-text-2.medium-font.none-for-mobile {
        display: none;
    }
    .prototype-test-preview-for-desktop-mode .header-for-mobile.none-for-desktop {
        display: block !important;
    }
    .prototype-test-preview-for-desktop-mode .mobile-header-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:20px;
    }
    .prototype-test-preview-for-desktop-mode .footer{
        width: 425px;
        margin-left:0px;
        padding: 0;
        overflow: hidden;
    }
    .tester-login-page-wrapper.arabic_wrapper .prototype-test-preview-for-desktop-mode{
        padding: 28px 37px;
    }

    .tester-login-page-wrapper.arabic_wrapper .footer-right-data a:last-child {
        margin-left:15px;
        margin-right:0px;
    }
    
 .prototype-test-preview-for-desktop-mode .footer-left-data.none-for-mobile
{
    display: none;
}
.prototype-test-preview-for-desktop-mode .footer-left-data.none-for-desktop{
    background: #9C9C9C;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.prototype-test-preview-for-desktop-mode  .footer-right-data {
    margin-top: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prototype-test-preview-for-desktop-mode .footer-inner-data{
    display: block;
}
.prototype-test-preview-for-desktop-mode .inner-page-container{
    padding: 0px 12px !important;
    position: relative;
    left: 0px;
}

    .prototype-test-preview-for-desktop-mode .mobile-menu-wrap {
        display: block;
        position: static;
        background: none;
        padding: 0px;
        width: auto;
        cursor: pointer;
    }

    .prototype-test-preview-for-desktop-mode .m-nagivation-wrap {
        position: absolute;
        z-index: 999;
        background: #000;
        width: 400px;
        right: -112%;
        top: 2px;
        min-height: 918px;
        transition: all ease-in-out .4s;
        width: 380px;
        overflow-y: visible;
        max-height: 918px;
        padding-bottom: 30px;
        border-radius: 0;
    }
    .prototype-test-preview-for-desktop-mode .tester-welcome-page-wrap .button-wrapper.none-for-mobile {
        display: none !important;
    }

    .prototype-test-preview-for-desktop-mode .tester-welcome-page-wrap .button-wrapper.none-for-desktop.taking-test-button {
        display: block !important;
        padding: 10px 12px 20px;
    }

    .prototype-test-preview-for-desktop-mode .m-nagivation-wrap.open-menu{
        right: 0px;
    }
    .prototype-test-preview-for-desktop-mode .tester-welcome-page-wrap .taking-test-page-height {
        min-height: 650px !important;
    }
    .prototype-test-preview-for-desktop-mode .tester-welcome-page-wrap .tester-selected-page-wrap{
          display: block;
    }
    .prototype-test-preview-for-desktop-mode .prototype-test-wrap.five-second-full-view-wrap.prototype-test-fullscreen{
        position: relative !important;
        display: block;
       
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar .sidebar-header{
        padding: 0 15px 0px 15px;
        position: relative;
        top:0px;
        right: 5px;
    }

    .prototype-test-preview-for-desktop-mode  .tester-test-intro{
      padding: 30px 12px;
    }

    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.prototypesidebar {
        padding:22px 12px 12px 14px;
        text-align: left;
        min-height: auto;
        top: 0px;
        left: 0;
        width: 100%;
        height: 930px;
        border-radius: 0;
    }

    .prototype-test-preview-for-desktop-mode .m-nagivation-wrap .mobile-header-top {
        margin-top: 8px !important;
        margin-bottom: 20px;
    }
    .prototype-test-preview-for-desktop-mode .supportnavigationbox.navigation-listing {
        margin: 30px 0px 0px;
        border-top: 1px solid #2B2B2B;
        border-bottom: 1px solid #2B2B2B;
    }
    .prototype-test-preview-for-desktop-mode .navigation-listing ul {
        padding: 0px;
        list-style: none;
        margin-bottom: 0px;
    }
    .prototype-test-preview-for-desktop-mode .middlenavigationlist, .prototype-test-preview-for-desktop-mode .mobilemenubtn-box, .prototype-test-preview-for-desktop-mode .header-workspaceheading, .prototype-test-preview-for-desktop-mode .supportnavigationbox.navigation-listing ul li a, .prototype-test-preview-for-desktop-mode .bottomnavigationlist.navigation-listing {
        padding-left: 20px !important;
    }
    .prototype-test-preview-for-desktop-mode  .header.researcher-header.taking-test-header{
    margin-top: 10px;
    border-radius: 0;
    padding: 0px 12px;
    width: 426px;
    margin-left:9px;
    }

    .figma-screens .prototype-test-preview-for-desktop-mode .tester-page-wrapper.tester-welcome-page-wrap.tester-test-intro{
        padding: 0px;
        position: relative;
    }
    .figma-screens  .prototype-test-preview-for-desktop-mode .footer{
     display: none;
    }
    .figma-screens .prototype-test-preview-for-desktop-mode .prototype-test-preview-for-desktop-mode-combined-data {
        height: 920px;
        overflow-y: hidden;
        overflow-x: hidden;
        width: 426px;
        max-height: unset;
        margin-left: 9px;
        position: relative;
        margin-top: 10px;
    }
    
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.questions-sidebar {
        position: absolute;
        width: 100%;
        min-height: 947px;
        border-radius: 00;
        padding: 13px 0px 0px;
        height: unset !important;
        overflow-y: auto;
        max-height: 947px;
    }

    .prototype-test-preview-for-desktop-mode .navigation-listing ul li a {
        font-size: 16px;
        line-height: 25px;
        font-weight: 500;
        color: #fff;
        display: flex;
        align-items: center;
        padding: 12px 0px;
        text-decoration: none;
        color: #9C9C9C !important;
    }
    .prototype-test-preview-for-desktop-mode .navigation-listing ul li a span {
        margin-left: 12px;
    }

    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.questions-sidebar:after{
        display: none;
    }
    .prototype-test-preview-for-desktop-mode .prototype-take-test-top-hdr {
        display: flex;
        align-items: center;
        justify-content: start;
        width: 100%;
        margin: 0px 0px 12px;
        padding: 0px 15px;
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar_body{
        min-height: 820px;
        padding: 20px 15px;
        overflow-y: auto;
        margin-top: 22px; 
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_footer{
        position: absolute;
        box-shadow: unset;
    border-radius:0px;
    min-height: 61px;
    height: auto;
    }

    .prototype-test-preview-for-desktop-mode .figma_prototype_footer .caption{
      display: none;
    } 

    .prototype-test-preview-for-desktop-mode .taking-test-button-wrap button, .prototype-test-preview-for-desktop-mode .button-wrapper button{
        width: 100%;
    }
    .prototype-test-preview-for-desktop-mode .taking-test-button-wrap{
       padding: 0px 15px; 
       justify-content: space-between !important;
    }
    .prototype-test-preview-for-desktop-mode .selected-page-left-side {
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
    }
    .prototype-test-preview-for-desktop-mode .tester-test-intro{
     min-height: auto;   
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_design_screen iframe{
        height: 916px;
        min-height:916px !important;
        border-radius: 0px 0px 30px 30px;
        }
    .prototype-test-preview-for-desktop-mode .selected-page-right-side {
        width: 100%;
        margin: 0;
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar:after{
       position: absolute; 
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar{
       position: absolute; 
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.prototypesidebar{
        position: fixed;
        top: 38px;
        left: 38px;
        right: auto;
        width: 424px;
        height: 920px;
    }
    
    .prototype-test-preview-for-desktop-mode .arabic_wrapper .tester-welcome-page-wrap .figma_prototype_footer button img, 
    .prototype-test-preview-for-desktop-mode .arabic_wrapper .tester-welcome-page-wrap .figma_prototype_footer button svg{
    margin-right:8px !important;
    margin-left:0px !important;
}

.tester-login-page-wrapper.arabic_wrapper.fixed-tree-sec .prototype-test-preview-for-desktop-mode .btn-with-icon.btn-with-icon-left {
    text-align: right !important;
    direction: rtl !important;
}


    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.prototypesidebar::after{
        display: none;
    }

    .prototype-test-preview-for-desktop-mode .optional-button .secondary-btn, .prototype-test-preview-for-desktop-mode .optional-button .ghost-btn {
        left: 0;
        position: static;
    }
    .prototype-test-preview-for-desktop-mode  .optional-button button:first-child{
        left: 0;
    }
    .prototype-test-preview-for-desktop-mode  .optional-button button{
     width: 48% !important;
    }
    .prototype-test-preview-for-desktop-mode .likert-scale-taking-test-view .ans-list-repeat.saved-ans-repeat {
        display: block;
    }
    .prototype-test-preview-for-desktop-mode .likert-scale-taking-test-view .likert-option-left {
        width: 100%;
        padding-right: 0px;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 18px;
        margin-top: 8px;
    }
    .prototype-test-preview-for-desktop-mode .likert-scale-taking-test-view .likert-option-right {
        display: block;
        width: 100%;
    }
    .prototype-test-preview-for-desktop-mode .likert-scale-taking-test-view .checkboxes.radio_btn_class.d-flex.rating-answer-options-radio.w-100 {
        display: block !important;
    }
    .prototype-test-preview-for-desktop-mode .likert-view-option-repeat {
        width: 100%;
        text-align: left;
    }

    .prototype-test-preview-for-desktop-mode .likert-view-option-repeat label {
        width: 100%;
        padding: 0;
        text-align: left;
        justify-content: flex-start;
        margin: 0 0px 12px;
    }
    .prototype-test-preview-for-desktop-mode .likert-scale-taking-test-view .likert-option-right .radio-btn-label {
        display: block;
        color: #000;
        font-size: 12px;
        margin-left: 13px;
        line-height: 18px;
    }
    .prototype-test-preview-for-desktop-mode .survey-rating-options-wrap.likret-scale-top-row.none-for-mobile {
      display: none !important;
    }
    
    .prototype-test-preview-for-desktop-mode .likert-scale-taking-test-view .take-test-heading-wrap {
        margin-bottom: 32px;
    }
    .prototype-test-preview-for-desktop-mode .figma_prototype_sidebar.questions-sidebar .taking-test-page-height {
     min-height:701px !important;
    align-items: start;
    padding: 8px 15px;
    margin: 0;
    }

    .prototype-test-preview-for-desktop-mode .figma_prototype_footer button {
        min-height: 41px;
    }
    .prototype-test-preview-for-desktop-mode .proto-type-take-test-btn button {
        margin: 5px 0;
    }
    
    .prototype-test-preview-for-desktop-mode .proto-type-take-test-btn {
        display: block !important;
    }
    .prototype-test-preview-for-desktop-mode .proto-type-take-test-btn{
        margin: 0px;
    }
    
} 
@media screen and (max-width:900px){
    .create-new-test-modal .subtitle-2 {
        font-size: 19px;
        line-height: 19px;
    }
    .search-functionlity-data{
     top:0px;
     align-items: center;
    }
   .dashbaord-header-right-with-search{
        align-items: center;
    }
    .ratingscale-option-wrap .emoticon-icon, .ratingscale-option-wrap .star-icon, .ratingscale-option-wrap .number-icon {
        margin: 3px 2px;
    }
    .header .secondary-medium{
        padding:5px 17px;
        min-height: 39px;
        font-size: 12px;
        line-height: 25px;
    }
    .dashboard-filter-right{
        min-width: auto;
    }
    .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused {
        width: 100% !important;
    }
    
  
    .free-flow-task-flow button {
        display:flex;
    } 
    .circle-stats-group.percent {
        width: 50%;
    }	
    .card-sort-test-view-lhs, .card-sort-test-view-rhs{
        width: 100% !important;
        padding:0px !important;
    }
    .card-category-data-hold{
        margin-bottom: 10px !important; 
    }
    .behavior-top-right-content{
        display: block !important;
    }
    .behavior-top-right-content.d-flex button {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .report-tester-search-modal-data-wrap{
        display: block;
    }
    .guide-line-link {
        margin-top: 10px;
    }
    .report-tester-search-modal-data-wrap .form-group {
        width: 100%;
    }
}
@media screen and (max-width:767.88px){
    .screening_options_group .questioninputbox .ans-data {
        width: calc(100% - 80px);
    }
    .screening_options_group .ans-list-repeat.saved-ans-repeat .ans-close-row, .screening_options_group .ans-list-repeat.saved-ans-repeat .ans-icon {
        top: -10px;
    }
    .screening_options_group .questioninputbox .dropdown-container.form-group.input-field.mb-0.focused {
        width: 100%;
        min-width: 100%;
        margin-left: 0px;
    }
    .screening_options_group .questioninputbox .ans-list-repeat.saved-ans-repeat{
        flex-wrap: wrap;
    }
    .screening_options_group .ans-list-wrap .ans-list-repeat .form-group .caption{
        position: static;
    }
    .prototype-result-space-hold .prototype-result-overview-wrap{
        padding:32px 0px !important;
    }
    .prototype-result-space-hold .accountnaviagtion-outer.result-navigation-outer{
        padding: 16px 15px 0px 15px !important;
        position: static !important;
    }
    .tooltip-deviceinfo:hover .tooltip-wrapper{
        right: -75px;
        bottom: 43px;
    }
    .sub-res-info-area p {
        width: auto;
        margin-right: 6px;
    }
    .sub-res-info-area .caption {
        width: auto;
        margin-left: 0;
    }
    .tooltip-deviceinfo .bottom-tooltip::before{
        left: 50%;
    }
    .panel-info-left .tooltip-deviceinfo.tooltip-estimatedpanel{
        display: none;
    }
    .pricepnl-small .create-test-preview-area.estimated-panel-size{
        margin-bottom: 0px;
        padding-bottom:15px;
    }
    .estimatepanel-top-info {
        padding: 16px 0px;
        border-top: 1px solid #e9e9e9;
        position: relative;
    }

    .panel-info-left .estimate-progress-wrap h1{
        margin-left:0px;
    }
    .mid-spacing {
        padding: 32px 0px 2px;
    }
    .pricepnl-small{
        position: static;
        width: 100%;
        border-radius: 10px;
        border-bottom: 1px solid  #E9E9E9;
        background: #FFF;
        margin-top: 32px;
    }
    .pricepnl-small .create-test-preview-area-inner{
        background: unset;
        box-shadow: unset;
        border-radius: 0;
        padding: 0px;
        margin-bottom:0px;
        padding-bottom:15px;
    }
    
    .sub-residency-repeat {
        display: block !important;
    }
    .sub-res-left-side {
        display: block !important;
    }
    .sub-res-chart-area {
        width: 100%;
        margin: 5px 0 0;
    }
    .sub-res-right-side {
        margin-bottom: 16px;
    }
    .sub-residency-wrap {
        margin-bottom: 30px;
        position: relative;
        top: -20px;
    }
    .test-name-action {
        display: flex;
        align-items: center;
    }
    .three-column-layout-right.estimated-panel-side-bar {
        display: none;
    }
    .tree-test-result .question-dropdown-container .dropdown-header {
        border: 0px;
        padding-bottom: 12px;
    }
    .tree-test-result .question-dropdown-container{
        border-bottom: 1px solid var(--gray-400);
    }
    .tree-test-follow-up-questions .question-result-data {
        padding: 0 !important;
    }
    .tree-test-follow-up-questions .bd-question-view-wrap .question-result-data {
        padding: 15px 15px 0 !important;
    }
    .tree-test-follow-up-questions .bd-que-slide-arrow.tablebottompagination {
        padding: 0px 15px;
        margin-top: 0;
    }    
    .tree-test-follow-up-questions .question-result-header.question-result-data {
        padding: 0 !important;
    }
    .tree-test-result .test-result-inner-data {
        padding: 20px 0px;
    }
    .question-dropdown-container .dropdown-header span{
        font-size:16px;
        line-height: 24px;
    }
    .dropdown-header-top p, .dropdown-header-top p span{
        font-size: 10px !important;
    }
    .card-sorting-test-results-header p span {
        font-size: 10px !important;
    }
    .row.phoneno-field-row {
        margin-bottom: 0;
        margin-top: 32px;
    }
    .add-logic-enabled {
        position: static;
        padding-top: 10px;
        padding-left: 15px;
        background: #fcfcfc;
    }
    .credits-link-header {
        font-size: 16px !important;
    }
    .add-logic-modal-wrap .modal-body {
        padding: 15px;
    }
    .screening_options_group .survey-added-question-repeat .question-optionbox{
        display: block;
    }
    .screening_options_group .survey-added-question-repeat .question-optionbox .questionreadmode-left{
        width: 100%;
        margin-bottom: 16px;
    }
    .screening_options_group .question-optionbox {
        margin-top: 32px;
    }
    .screening_options_group .question-optionbox .option-value {
        word-break: break-all;
    }
    .newsingle-question .d-flex.question-topbuttonbox .questionaddlogic-v{
        padding-left:0px;
    }

    .prototype-task-followup-questions {
        padding: 21px 15px 0;
    }
    .question-dropdown-container .dropdown-header-arrow-buttons{
        display: none;
    }
   
    .question-dropdown-container .dropdown-header-arrow-buttons.mobile-nav-arrows {
        width: 100%;
        background: #fcfcfc;
        margin: 0;
        padding:0px 5px 20px;
        justify-content: space-between;
        display:none;
    }

    .question-dropdown-container .dropdown-header-arrow-buttons.mobile-nav-arrows .bd-que-slide-arrow {
        margin: 0;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .dropdown-header-selected-question{
        width: 100%;
    }
    .topnavigationlist.navigation-listing span.inline-svg--, 
    .middlenavigationlist.navigation-listing span.inline-svg--,
    .supportnavigationbox.navigation-listing span.inline-svg--
    {
        margin-left: 0;
    }
    .horiz-chart-data-repeat {
        flex-wrap: wrap;
        border-bottom: 1px solid #E3E3E3;
        margin-bottom: 32px;
    }
    .horiz-chart-data-repeat:last-child{
        border-bottom: 0px;
        margin-bottom: 0px;
    }
    .horizonatal-chart-right-side {
        max-width: 100%;
        padding-left: 0;
        padding: 20px 0 32px;
    }
    .horizonatal-chart-left-side{
        width: 100%;
    } 

    .onfido-detail-summary-modal .header-data .d-flex img {
        margin-right: 10px;
    }
    .filter-menu-wrap .react-loading-skeleton{
        width: 100px !important;
    }
    .dashboard-sorting-wrap .react-loading-skeleton{
        width: 30px !important;

    }
    .page-head-right .react-loading-skeleton{
        width: 260px !important;
        min-width: 260px !important;
    }
    .filter-menu-wrap .react-loading-skeleton{
        margin-left:5px !important;
    }
    .screen-question-radio .toggle-custom-class .tooltip-wrapper{
        right:-20px !important;
        left: auto !important;
        width: 300px;
    }
    .section-minimum-height, .test-welcome-inner-data-hold {
        min-height: calc(100vh - 380px);
        padding-bottom: 10px;
    }
    .recurit-panel-tabs-wrap .accordian-header h3 {
        width: calc(100% - 42px);
    }
    .recurit-panel-tabs-wrap .accordian-header h3 .subtitle-1{
        width: 100%;
    }
    .recurit-panel-tabs-wrap .accordian-header h3 .tooltip-wrapper{
        right: -15px;
    left: auto;
    width: 260px;
    } 
    .recurit-panel-tabs-wrap .accordian-header h3 .bottom-tooltip::before{
      left: 90%;
    }

    .screen-question-radio p.toggle_btn_label.toggle-btn-label-right{
        font-size: 20px;
    }

    .screen-question-radio .toggle-custom-class .bottom-tooltip::before{
      left: 89%;
    }

    .tester-dashboard .support-button, .tester-dashboard .support-button:hover{
        bottom: 85px !important; 
    }
    .tooltip-hold-wrap:hover .tooltip-wrapper{
        right: -83px;
        width: 190px;
    }
    .tooltip-hold-wrap:hover .tooltip-wrapper

    .likertscale-subquestion-chart .star-icon {
        justify-content: start;
    }
    .rating-scale-labels.d-flex.justify-content-between.resule-rating-scale-labels {
        margin-bottom: 20px;
    }
    .rating_scale_calculation .body-text-1{
        font-size: 13px;
    }
    

    .tester-user-head .tooltip-hold:hover .tooltip-wrapper {
        left: -99px;

    }
    .rating-scale-label {
        padding: 10px 0;
        width: 100%;
    }
    .rating-scale-labels-container.d-flex {
        margin: 0;
        flex-wrap: wrap;
    }
    .rating-scale-dropdown-wrap .dropdown-container.form-group.input-field.mb-0.focused {
        width: 100% !important;
    }
    .rating-scale-option-wrap {
        display: block;
        align-items: center;
        width: 100%;
    }
    .filter-buttons-wrap {
        width: 100%;
        justify-content: center;
        margin-top: 12px;
    }
   
    .points-outer.rating-scale-dropdown-wrap {
        margin-bottom: 10px;
    }
    .bd-question-bottom-pagination-arrow.prev-next-button-bottom {
        padding: 0 0px 30px;
    }

    .fixed-toast-wrapper {
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 105px;
    }
    .add-bank-detail-sub-info.mt-32.mb-32 {
        margin: 16px 0px 20px;
    }
    .edit-payments-button.d-flex {
        display: block !important;
    }
    .edit-payments-button.d-flex .secondary-large{
     width: 100% !important;
    }
    .add-payments-button .primary-large,  .add-payments-button .secondary-large,  .add-payments-button .ghost-large{
        width: 100% !important;
    }
    .delete-bank-aacounts{
        margin-left: 0;
    margin-top: 20px;
    }
    .delete-bank-aacounts .secondary-large {
        width: 100%;
        max-width: 100%;
    }
    .report-tester-instruction .confirm-buttons-wrap {
        width: 100%;
    }
    .report-tester-instruction .confirm-buttons-wrap button {
        width: 50%;
    }
    .report-testers-modal .modal-dialog{
       padding: 0px;
       margin: 0px; 
    }
    .report-tester-participant{
       padding-bottom:0px; 
    }
    .report-tester-participant tbody{ 
        padding-bottom:0px;
    }

    .report-tester-submitted-participant {
    margin: 0px 0px;
    min-height: calc(100vh - 259px);
}
    .report-testers-modal.confirmation-modal-wrap.modal.show {
        padding: 0px !important;
        border-radius: 0px;
    }
    .report-testers-modal .modal-body{
        padding: 0px !important;
    }
    .report-testers-modal .modal-header-top {
        margin-bottom: 30px;
        padding: 15px 15px 0;
    }
    .report-tester-modal-data-wrap {
        padding: 0px 15px;
        min-height: calc(100vh - 222px);
        padding-bottom: 50px !important;
    }

    .report-testers-modal .confirm-buttons.d-flex{
       flex-wrap: wrap; 
    }
    .report-testers-modal .confirm-buttons-wrap {
        margin: 0px -10px 0px;
        width: 100%;
        flex-wrap: wrap;
    }
    .report-tester-modal-data-wrap {
        padding: 0px 15px;
    }
    .report-testers-modal .modal-content{
     border-radius: 0px;
    }
    .report-testers-modal .confirm-buttons.d-flex {
        width: 100%;
        position: sticky;
        bottom: 0px;
        display: block !important;
        background: #fff;
        z-index: 222;
        padding: 33px 13px 9px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }
    .report-testers-modal .confirm-buttons-wrap {
        margin: 0;
        width: 100%;
        flex-wrap: wrap;
        position: relative;
    }
    .report-testers-modal .confirm-buttons-wrap .secondary-btn{
        position: absolute;
        top: -35px;
        right: 0;
        margin: 0;
        width: auto;
        padding: 8px 30px;
    }

.report-testers-modal .confirm-buttons-wrap .btn.primary-large{
    margin: 31px 0 0;
    width: 100%;
}

    body{
        overflow-x: hidden; 
    }
    .result-body .bd-question-view-wrap .question-result-header {
        position: static !important;
        padding: 0px;
    }
    .result-body .bd-question-bottom-pagination-arrow.prev-next-button-bottom {
        padding: 0px 0px;
    }
    .col-md-6.text-right.mb-20.mainten-img {
        text-align: center !important;
        padding: 10px 15px;
    }
    .first-click-design-screen .figma_prototype_footer button{
        position: static;
    }

    .first-click-design-screen .figma_prototype_footer {
        justify-content: center; 
    }

    .test-result-header-wrapper .test-name-wrap { 
        max-width: calc(100% - 50px) !important;
    }
    .test-header-tags.test-header-tag-for-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
    }
    .test-result-header-wrapper .test-header-left-data{
      justify-content: space-between;
    }

    .test-result-header-hamburger-menu .dropdown-menu{
        right: 0px !important;
        top: 36px !important;
        width: 250px;
    }
    .test-result-header-hamburger-menu .hamburger-items .dropdown-item{
      display: flex;
      align-items: center;  
    }
    .test-result-header-hamburger-menu .hamburger-items .dropdown-item img, .test-result-header-hamburger-menu .hamburger-items .dropdown-item svg {
        margin-right: 10px;
    }
    
    .completed-ended-data { 
        display: block;
        padding: 18px 20px;
    }

    .figma_prototype_sidebar.questions-sidebar {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    .figma_prototype_sidebar_body {
        width: 100%;
        padding: 0px 15px;
    }
    .figma_prototype_sidebar_body .taking-test-button-wrap{
        margin-top: 30px;
    }
    .tester-welcome-page-wrap .prototype-test-wrap .taking-test-page-height {
        padding: 0;
    }
    .figma_prototype_footer .caption{
        display: none;
    }
    .faqs-section{
        display: block; 
    }
    .create-new-test-modal .card-placeholder-img svg {
        height: auto;
    }

    .sign-up-single-btn button{
        width: 100%;
    }

    .faqs-section-left {
        width: 100%;
    }
    .faqs-section-left .stepper-wrap.test-result-nav-wrap {
        background: none;
        border: 0;
        padding: 0 15px !important;
        width: 100%;
        margin: 0px 0px 20px!important;
    }

    .faqs-section-right {
        width: 100%;
        padding: 10px 15px;
    }

    .faqs-section-left .stepper-wrap.test-result-nav-wrap li {
        cursor: pointer;
        white-space: nowrap;
        min-width: auto;
        margin-right: 22px;
    }

    .preference-test-followup-questions .likert-scale-taking-test-view .likert-option-right {
        display: flex;
        width: 100%;
    }
    .preference-test-followup-questions .taking-test-page-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    #next-screen-btns button{
        width: 100%;
    }
    .preference-test-followup-questions .likert-scale-taking-test-view .likert-option-left {
        width: 100%;
        padding-right: 0;
    }
    .participants-result-page-data {
         display: none;
    }
    
    .hide-for-mobile {
        display: none;
    }
    .tester-dashboard .dashboard-filter-left span{
        margin-right: 2px;  
    }

    .chart-new-tab-data .participants-result-responsive-section{
        min-height: calc(100vh - 100px);	
    }
    .chart-new-tab-data {
        padding-top: 0px;
    }

    .five-second-result-design {
        margin: 40px 5px 0;
        text-align:center;
        display:block !important;
    }
    .five-second-result-design p {
        width: 100% !important;
        margin: 0px 0px 15px;
        text-align: center;
    }
    .five-second-result-design .btn {
        margin: 8px auto;
    }

    .participants-result-responsive-section {
        display: block;
        text-align: center;
        padding: 20px;
        min-height: calc(100vh - 350px);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size:16px;
        line-height:24px;
        font-family: 'Inter', sans-serif;
        font-weight: 500;
        color: var(--gray-900);
    }


    .no-page-data-wrap .subtitle-1 {
        font-size: 16px;
        line-height: 24px;
    }

    .test-results-navigation {
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: unset;
        overflow-x: auto;
        position: relative;
        display: flex;
        padding-left: 15px;
        width:100% !important;
    }

    .test-results-navigation::-webkit-scrollbar, .test-result-nav-wrap::-webkit-scrollbar{
        width:0px;
        background-color: unset;
    }
    .test-results-navigation::-webkit-scrollbar, .test-result-nav-wrap::-webkit-scrollbar{
        height:0px;
    }
    .test-results-navigation::-webkit-scrollbar-thumb, .test-result-nav-wrap::-webkit-scrollbar-thumb{
        border-radius: 10px;
        -webkit-box-shadow:none;
        background-color: unset;
    }

    .test-results-navigation li {
        margin-right:30px;
        white-space:nowrap;
        margin-bottom: 0px; 
    }
    .stepper-wrap.test-result-nav-wrap {
        height: 40px !important;
        /* overflow: hidden !important; */
        display: block !important;
        margin: 20px 0 !important;
    }
    .test-results-navigation li, .test-results-navigation li a {
        font-size: 16px;
        line-height: 27px;
    }
    .live-test-header .test-header-left-data {
        width: 100% !important;
        justify-content: space-between;

    }

    .test-result-header-wrapper .test-header-tags {
        display: flex;
    }
    .two-column-right-side {
        width: 100%;
        padding: 0px 0;
        border-left: 0px;
    }
    .test-result-inner-data {
        padding: 20px 15px;
    }
    .box-full-width .box-small, .box-full-width .box-medium {
        max-width: 100%;
        width: 100%;
        margin: 15px 0;
    }
    .chart-hold-wrap .box-medium{
        margin-top:0px;
    }

    .pie-chart-box{
        display: block;  
    }
    .result-pie-chart-wrap .chart-info-wrap {
        padding-left: 0;
        display: table;
        margin: 0 auto;
    }
    .engagement-overview-results-data-wrap {
        display: block !important;
    }
    .engagement-overview-results-data-wrap .participants-overview-right {
        padding-left: 0;
        width: 100%;
        margin-top: 40px;
    }
    .pie-chart-area {
        display: table;
        margin: 0 auto;
    }
    .checkout-modal-wrap .ordersummary-table-wrap{
        min-height:auto;	
    }
    .total-test-count-filter{
        top:0px;
        margin:10px 0px;	 
    }
    .col-md-6.summary-left, .col-md-6.summary-right{
        width: 100% !important;
        flex: 100% !important;
        max-width: 100% !important;
        padding-right: 0px !important;
    }
    .test-summary-participants .col-md-6.summary-right{
        text-align:left;	
    }

    .test-summary-modal-wrap .modal-dialog {
        max-width: 98%;
    }
    .test-summary-modal-wrap .preference-test-design-wrap{
        width:100%;	
    }

    .summary-right-sec-wrap {
        margin-top: 12px;
    }
    .test-summary-modal-data .uploaded-project-img.study-review-image-wrap{
        margin-top:22px;	
    }

    .congrats-modal-text{
        padding: 0px 10px 50px 10px;	
    }
    .congrats-modal-text p{
        padding:0px 10px;	
    }
    .share-link .congrats-modal-text{ 
        padding:20px;	
    }

    .desktop-view{
        display: none !important;
    }
    .welcome-test-preview-area {
        display: none;
    } 
   

    .mobile-header-bottom-bar{
        display: none !important;
    }
    .dashboard-filter-right .filter-menu-btn {
        text-transform: capitalize;   
        font-size: 16px;
    }
    .dashboard-filter-right .filter-menu-btn svg {
        margin-left: 6px;
    }
    .dashboard-filter-right .filter-menu-btn svg path{
        stroke: #000;
    }
    .header-inner-data{
        display:block;
    }
    .test-card-info .info-wrap .bottom-tooltip {
        margin: 0px auto;
        bottom: 37px;
        right: -98px;
        left: auto !important;
    }

    .publish-page-row {
        padding-top: 15px;
    }



    .create-new-test-modal .modal-header-top{
        align-items: self-start;
    } 
    

    .header-lhs-side{
        justify-content:center;	
    }
    .header-rhs-side{
        justify-content:center;	
        margin-top:10px;
    }

    .footer-inner-data {
        display: block;
        text-align: center;
    }
    .footer-right-data {
        margin-top: 10px;
    }	
    .tooltip-wrapper{
        margin-left: 40px;
        width: 220px;	
    }	
    .page-data-wrapper {
        padding: 0px 15px;
        margin:10px 0px 15px !important;
    }
    .researcher-resultwrap.result-body {
        margin-top: 0 !important;
    }
    .page-heading-wrap {
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding: 8px 0 15px;
    }
    .dashboard-sub-head-wrap {
        margin-bottom: 15px;
    }
    
    .page-heading-wrap .primary-large img{
        margin:0px 4px 0px 0px;	
    }

    .page-heading-wrap .h1 {
        font-size: 30px;
    }
    .dashboard-page-heading .h1{
        font-size: 24px;
    }

    .dashboard-filter-wrap{
        display:block;	
    }
   

    .dashboard-filter-left {
        margin-bottom: 14px;
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 14px;
        justify-content: space-between; 
        width: 100%;
        display: flex; 
    }


    .dashboard-filter-right {
        justify-content: start;
        align-items: center;
    }

    .dashboard-filter-right .dropdown{
        margin-right: 20px;  
    }
    .dashboard-filter-right .dashboard-sorting-wrap { 
        width: 100%;
        text-align: right;
        justify-content: end;
        display: flex;
    }
    .tester-dashboard .dashboard-filter-left {
        margin-bottom: 14px;
        border-bottom: 1px solid #f5f5f5; 
        padding-bottom: 14px;
        justify-content: start;
        width: 100%;
        display: flex; 
    }
    .tester-dashboard .dashboard-filter-left.d-flex .dropdown {
        margin-right: 20px;
    }
    .tester-dashboard .dashboard-filter-right {
        align-items: center;
        float: right;
        width: 100%;
        text-align: right;
        justify-content: end;
    }
    .dashboard-sub-head-wrap .publish-fees-required-wrap .h3 {
        font-size: 18px !important;
        line-height: 30px !important;
    } 
    .none-for-mobile{
        display:none !important;	
    }
    .test-list-head .heading{
        max-width:79%;	
    }
    .dashboard-sub-head-wrap p {
        font-size: 14px;
        line-height: 25px;
    }
    .dashboard-sub-head-wrap p a{
        font-size: 14px;
    }

    /***Mobile header***/
    .header {
        padding: 0;
    }
    .header{
        min-height: 80px;
    }
    .mobile-header-top {
        display: flex; 
        align-items: center;
        justify-content: space-between;
        padding:10px 15px 10px; 
    }
    .mobile-header-bottom-bar .hdr-workspace-data {
        justify-content: space-between;
        padding: 0;
        margin: 0;
        border: 0;
    }
    .mobile-header-bottom-bar {
        background: #2B2B2B;
        padding: 20px;
    }
    .mobile-header-bottom-bar .hdr-workspace-data {
        justify-content: space-between;
    }
    .mobile-header-bottom-bar .workspace-dropdown{
        display:flex;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px;	
    }
    .navigation-listing ul{
        padding:0px;
        list-style:none;
        margin-bottom: 0px;
    }
    .navigation-listing ul li a {
        font-size: 16px;
        line-height:25px;
        font-weight:500;
        color: #fff;
        display: flex;
        align-items: center;
        padding: 12px 0px;
        text-decoration:none;
        color: #9C9C9C !important;
    }

    .navigation-listing ul li a span{
        margin-left: 12px;
    }
    .mobile-menu-wrap span {

        display: inline-block;
        cursor:pointer;
    }
    .navigation-listing ul li a svg {
        width: 24px;
        height: 24px;
    }

    .m-nagivation-wrap{
        position: fixed;
        z-index: 999;
        background: #000;
        width: 400px;
        right: -100%;
        top: 0;
        min-height: 100vh;
        transition: all ease-in-out .4s;
        max-width: calc(100% - 40px);
        overflow-y: auto;
        max-height: 100vh;
        padding-bottom:130px;
    }
    
    .m-nagivation-wrap.open-menu{
        right: 0px;
    }
    body.open-m-menu:after {
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        left: -100%;
        background: rgba(0,0,0,0.5);
        top: 0;
        left: 0;
        z-index: 2;
    }
    
    .m-nagivation-wrap .mobile-header-top{
        background: #000;	
    }
    .test-header-right-data {
        display: none;
    }
    .test-header-tags{
        display:none;	
    }

    .test-name-wrap .heading{
        max-width: calc(100% - 60px);
    }
    .length-icon {
        margin-right: 0;
        margin-left: 8px;
    }
   
    .page-data-wrapper.create-test-data-wrapper {
        margin-top: 0px !important;
    }
    .test-length-wrap .tooltip-wrapper{
        left: auto;
        right:-8px;
        margin: 0;
        top: 39px;
        z-index: 2;
        width: 150px;
        text-align: center;
        padding-left: 4px;
        padding-right: 4px;
    }
    .test-length-wrap .top-tooltip::before{
        left:87%;
    }

    .test-name-wrap {
        max-width: calc(100%);
        justify-content: space-between;
        width: 100%;
    }
    .test-header-left-data{
        width:100% !important;	
    }
    .three-column-layout-top-header{
        position:static;	
    }
    .three-column-layout-top-header {
        padding:0px 0px 10px 0px;
        background: #fff;
    }
    .edit-test-name{
        margin:0px;	
    }
    .test-name-wrap .heading, .test-name-wrap .edit-test-name.heading input, .test-name-wrap .edit-test-name.heading input:focus{
        font-size:24px;
        line-height:28px;	
    }
    /***Mobile header***/	

    /***Three layout mobile css***/
    .three-column-layout-body{
        display:block;	
    }
    .three-column-layout{
        padding:15px !important;	
    }
    .three-column-layout-left {
        width: 100%;
        padding: 0;
        background: #fff;
    }
    .card-sorting-result-matrix_buttons{
        display: none !important; 
    }
    .step-repeat.sub-pages-steps{
        display:none;	
    }
    .stepper-wrap {
        display: flex !important;
        margin: 20px 0px 20px !important;
        position: static !important;
        justify-content: space-between;
    }
    .three-column-layout-center {
        width: 100%;
        border: 0;
        padding:0px;
    }

    .step-repeat:before {
        background: url(../img/stepper-arrow-right-gray.svg);
        width: 100%;
        height: 24px;
        background-repeat: no-repeat;
        left: -100%;
        bottom: 4px;
    }
    .step-repeat.completed-step:before{
        background: url(../img/stepper-arrow-right-pink.svg);
        background-repeat: no-repeat;	
    }
    .step-repeat{
        margin:0px !important;	
    }
    .three-column-layout-right {
        display: block;
        background: #fff;
        width: 100%;
        margin-top:0px;
        padding:10px 0px;
    }
   

    .step-repeat{
        font-size:16px;
        font-weight:500;	
    }

    /***Three layout mobile css end***/
    .create-test-modal .creat-test-card-repeat {
        width: 100%;
    }
   

    .modal-header-top h2, .confirmation-modal-wrap .modal-header-top h2 {
        font-size: 24px;
        line-height: 28px;
        width: calc(100% - 40px);
    }
    .test-section-loader{
        min-height:calc(100vh - 300px); 
        align-items:center;
        justify-content:center;	
    }
    .confirmation-modal-wrap .subtitle-2{
        max-width:100%;	
    }
    .confirmation-modal-wrap .modal-body {
        padding: 20px;
    }
   
    .test-setting-modal .radio-btn-label{
        font-size: 18px;
        line-height: 25px;
    }
   
    .test-welcome-page-wrap {
        margin-top:32px;
    }
    .test-welcome-top-head .subtitle-1{
        font-size: 20px;
        line-height: 26px;  
    }
    .test-welcome-top-head p{
        font-size: 14px;
        line-height: 25px;
    }

    .score-link-header:hover .tooltip-wrapper {
        right: 0;
        z-index: 222;
        position: static;
        width: 100%;
        padding: 6px 6px 6px 0px;
    }
    .score-link-header {
        min-height: auto;
        margin: 0 !important;
        flex-wrap: wrap;
    }

    .create-test-card.first-click-box:hover{
        border: 1px solid var(--gray-400);
    }

    .create-test-card:hover .card-placeholder-img .first-click-placeholder .change-hover, .selected-card .card-placeholder-img .first-click-placeholder .change-hover {
        fill: #EFDCFF;
        stroke: #9759CB;
    }
    .footer {
        padding: 0px 0px;
        height: auto;
        min-height: auto;
    }
    .footer-left-data.none-for-desktop{
        background: #9C9C9C;
        height: 50px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
    .footer-right-data {
        margin-top: 0;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tester-login-page-wrapper.arabic_wrapper .footer-right-data a:last-child{
        margin-left: 0;
        margin-right: 13px !important;
    } 

    .stepper-wrap .info-wrap{
        display:none;	
    }
    .m-nagivation-wrap .mobile-header-top{
        margin-top:8px !important;	
        margin-bottom:20px;
    } 
    .checkout-modal-wrap .pay-on-fly-promo-code-hdr + .row .col-md-8 {
        max-width: 100%;
        flex: 100%;
        padding:15px !important;
    }
    .checkout-modal-wrap .modal-body {
        padding: 20px;
    }
    .checkout-modal-wrap .pay-on-fly-payment-methods .row .col-md-4 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        border-top: 1px solid #E3E3E3;
        padding: 15px;
        border-left: 0px;
        margin-top: 12px;
    }

    /***taking test survey responsive css***/
    .taking-test-page-height {
        min-height: calc(100vh - 296px);
    }
    .likert-scale-taking-test-view .ans-list-repeat.saved-ans-repeat{
        display: block;  
    }
    .likert-scale-taking-test-view .likert-option-right .radio-btn-label {
        display: block;
        color: #000;
        font-size: 12px;
        margin-left: 13px;
        line-height: 18px;
    }
    .arabic_wrapper .likert-scale-taking-test-view .likert-option-right .radio-btn-label{
        margin-right: 13px;
        margin-left:0px;
    }
    .likert-scale-taking-test-view .likert-option-right {
        display: block;
        width: 100%;
    }
    .likert-scale-taking-test-view .checkboxes.radio_btn_class.d-flex.rating-answer-options-radio.w-100 {
        display: block !important;
    }
    .likert-view-option-repeat {
        width: 100%;
        text-align: left;
        padding-left: 0px;
    }

    .likert-view-option-repeat label {
        width: 100%;
        padding: 0;
        text-align: left;
        justify-content: flex-start;
        margin: 0 0px 12px;
    }
    .likert-scale-taking-test-view .likert-option-left {
        width: 100%;
        padding-right: 0px;
        font-size:18px;
        line-height: 30px;
        margin-bottom: 18px;
        margin-top: 8px;
    }
    .likert-scale-taking-test-view .take-test-heading-wrap{
        margin-bottom: 32px;
    }
    .taking-test-button-wrap {
        width: 100%;
        margin: 0px 0px;
    }

    .prefer-taking-test-data-hold .taking-test-button-wrap, .tree-test-preview-hold .taking-test-button-wrap{
        margin-bottom: 40px; 
    }

    .taking-test-button-wrap button{
        width: 100%; 
        left:0px !important;
    }

    .taking-test-button-wrap.d-flex.justify-content-center.optional-button button {
        width: 50%;
        margin: 0px 10px;
    }
    .tester-login-page-wrapper.arabic_wrapper .selected-page-left-side {
        padding-left: 0;
        padding-right: 0px;
    }

    .reset-pass-innerwrap {
        padding-top:32px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .researcher-register-wrap,.reset-pass-innerwrap{
        min-height: 0px;
    }
    .researcher-register-wrap{
        padding-bottom: 60px;
    }
    .login-hdr-right .btn.btn-with-icon{
        display: flex;
        padding: 8px 15px;
        justify-content: center;
    }
    .card-sorting-test-mobile-view {
        min-height: calc(100vh - 197px);
        display: flex;
        align-items: center;
        padding: 20px 28px;
        text-align: center;
        justify-content: center;
    }

    .cardsorting-mobile-text img {
        display: table;
        width: 114px;
        height: 114px;
        margin: 0 auto 18px;
    } 
    .cardsorting-mobile-text {
        padding-bottom: calc(100vh - 760px);
    }  
    .cardsorting-mobile-text span{
        width: 210px;
        display: table;
        margin: 0 auto;   
    }
    .cardsorting-mobile-inner-data button {
        margin-top: 40px;
    }
    .login-data-wrap.flex-wrap.already-taken-testlogin-wrap {
        min-height: calc(100vh - 195px);
    }
    .login-data-wrap.flex-wrap.already-taken-testlogin-wrap .no-page-data-wrap .subtitle-1 {
        font-size: 24px;
        line-height: 33px;
    }
    .prefer-taking-test-designs-hold .preference-test-designs-repeat, .prefer-taking-test-designs-hold .upload-image-hold {
        width: 100%;
        margin: 0px;
    }
    .preference-taking-test-designs-wrapper .test-design-name-and-option-wrap p {
        white-space: unset;
        overflow: visible;
        text-overflow: unset;
        max-width: 90%;
        text-align: left;
    }
    .preference-taking-test-designs-wrapper .design-max-screen-icon {
        top: 4px;
    }
    .five-second-image-hold {
        padding: 0px;
        background-color: #f5f5f5;
        width: 100%;
    }
    .five-second-full-view-wrap .five-seconds-task-design.small-screen{
        width: 100%; 
        height: calc(100vh - 67px);
    }

    .five-second-full-view-wrap .five-second-image-hold .five-seconds-timer {
        position: fixed !important;
        bottom: 19px !important;
        right: 0px !important;
        left: auto !important;
    }
    .five-second-full-view-wrap {
        padding: 0px !important;
    }
    .five-second-full-view-wrap{
        align-items: flex-start;
    }
   
    .researcher-verify-bottomlink > div{
        width: 100%;
        text-align: center;
    } 
    .researcher-verify-bottomlink > div:first-of-type{
        margin-bottom: 5px;
    }
    .likert-view-option-repeat a {
        text-decoration: none;
        display: flex;
        width: 100%;
        /* margin: 0 auto; */
    }
    .researcher-forgot-pass-main .researcher-registerheader {
        padding-top: 20px;
        padding-bottom: 32px;
    }
    .forgot-pass-wrap .login-form-inner-data {
        margin-top: 32px;
    }
    .forgot-pass-wrap .resarcher-btn-register {
        margin-top: 40px;
    }
    .login-data-wrap.researcher-register-wrap.forgot-pass-wrap {
        padding-top: 0;
        padding-bottom: 40px;
        min-height: calc(100vh - 197px);
    }
    .researcher-forgot-pass-main footer {
        position: static;
        width: 100%;
        bottom: 0px;
    }

    .login-data-wrap.researcher-register-wrap.forgot-pass-wrap {
        padding-top: 0;
    }
    .researcher-register-wrap, .reset-pass-innerwrap {
        min-height: calc(100vh - 210px);
    }    

    .preference-test-analytics-data .box-medium{
        width: 100%; 
    }
    .preference-test-analytics-data .table{
        min-width: 767px;
    }

    .free-question-result-data td.bd-q-ans-col {
        width: 200px;
    } 
    .register-page-min-hegiht{
        padding-bottom: 32px; 
    }
    .goal-screen-modal-wrap .modal-header-top .modal-set-goal-top .btn{
        min-width:170px;
    }


    .figma-screens .figma_prototype_sidebar.prototypesidebar {
        width: 100% !important;
    } 
    .figma-screens .prototype-test-wrap.five-second-full-view-wrap.prototype-test-fullscreen {
        position: static !important;
    }
    .figma-screens .profile-complete-progress-wrap.notify-info.d-flex.justify-content-center {
        display: none !important;
    }
    .figma-screens .tester-page-wrapper.tester-welcome-page-wrap.tester-test-intro {
        padding: 0;
    }  
    .figma-screens footer.footer {
        display: none;
    }
    
    .figma-screens  .figma_prototype_design_screen iframe {
        min-height: calc(100vh - 70px);
        height: calc(100vh - 70px);
        padding-bottom: 30px;
        background-color:var(--gray-900);
    } 
    /**Rating scale responsive css**/
    .test-form-hold.mt-32.rating-options {
        text-align: center;
        max-width: 320px;
        margin: 32px auto auto; 
    }

    .ratingscale-option-wrap {
        display: flex;
        margin: 0px;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ratingscale-option-wrap .tester-rating-scale-holder{
        width: 50%;
        margin: 0;
        flex-wrap: wrap;
    }
    .ratingscale-option-wrap .rating-scale-labels {
        margin:10px 0px;
        width: 50%;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .ratingscale-option-wrap .scale-label:nth-child(1) {
        padding-left: 0;
    }
    .ratingscale-option-wrap .scale-label:nth-child(3) {
        padding-right: 0;
    }
    .rating-options .emoticon-icon {
      width: 72px !important;
      height: 72px !important;
      align-items: center;
    justify-content: center;
    display: flex;
    margin: 0px;
    }

    .ratingscale-option-wrap .rating-scale-icon{
     width:100%;
     display: flex; 
     align-items: center;
     justify-content: center;
     margin: 10px 0px;
    }
    .rating-options .number-icon, .rating-options .star-icon{
        margin: 0px;
    }

    .star-icon {
        padding: 0;
        margin-bottom: 20px;
    }

    .ratingscale-option-wrap .scale-label {
        text-align: left !important;
        height: 33%;
        width: 100%;
        overflow: hidden;
        padding: 8px 0px;
    }
    .scale-label:nth-child(2) {
        display: flex;
    width: 100%; 
    align-items: center;
    padding: 0;
    }

    .scale-label:nth-child(3) {
        align-items: end;
        display: flex;
        width: 100%; 
    }

    .welcome_tester_userq_modal .modal-dialog {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0px;
        padding: 0px;
        min-height: 100vh !important;
        align-items: end;
    }
    .welcom-userq-modal .modal-content {
        overflow: hidden; 
        border-radius: 20px 20px 0 0;
        position: fixed;
        bottom: 0;
        width: 100%; 
        left: 0;
        z-index: 99;
    }
    .welcome_tester_userq_modal .modal-dialog{
        padding: 0;
        width: 100%;
        left: 0;
        margin: 0;
    }
    .welcome_tester_userq_modal .congrats-modal-text p {
        padding: 0px;
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 25px;
    }
    .welcome_tester_userq_modal .congrats-modal-header-step-second img {
        width: 100%;
    }
    .tester-idv-doctype {
        padding: 0px 0;
        flex-wrap: nowrap !important;
    }
    .tester-doctype-repeat p {
        padding-left: 6px !important;
        font-size: 12px !important;
        padding: 0px 2px !important;
    }
    .tester-doctype-repeat img {
        width: 20px;
    }
    .welcome_tester_userq_modal.modal.show {
        padding: 0px !important;
    }
    .welcome_tester_userq_modal .congrats-modal-text h3 {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 26px;
    }

    .welcome_tester_userq_modal .congrts-modal-wrap.is_welcome_btn, .welcome_tester_userq_modal .congrts-modal-wrap.is_tester_score_btn{
    display: flex;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-size: 100% 50%, 100% 50%;
    align-items: center !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 46.88%);
    padding-top: 40px;
    left: 0;
    padding: 40px 10px 24px; 
}

.welcome_tester_userq_modal .congrts-modal-wrap.is_tester_score_btn button {
    min-width: auto !important;
    margin: 0 auto;
}

    .congrts-modal-wrap.is_welcome_btn button {
        min-width: auto !important;
        padding: 8px 20px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }
    .welcom-userq-modal .modal-body{
        padding: 12px !important;
    }
    .welcome_tester_userq_modal .modal-body {
        border-radius: 0px !important;
        max-height: 70vh;
        overflow-y: auto !important;
        padding:12px 12px 95px !important; 
    }
    .tester-doctype-repeat svg {
        width: 20px;
        height: 20px; 
        margin-right: 3px;
    }
    .welcome_tester_userq_modal.fade{
            transition: opacity .0s linear;
    }
    .welcome_tester_userq_modal .modal-dialog {
        -webkit-transform: unset !important;
        transform: unset !important;
    }

    .welcome_tester_userq_modal .modal-dialog {
        transition: unset !important;
        transition: unset !important;
        transition: unset !important;
        -webkit-transform: unset !important;
        transform: unset !important;
    }

    .tester-setting-page .accountnaviagtion-outer, 
    .rs-inner-profile-wrapper .accountnaviagtion-outer,
    .accountnaviagtion-outer .accountnaviagtion-outer, 
    .studies-hpage-wrapper .accountnaviagtion-outer, 
   .wallet-page-wrapper .accountnaviagtion-outer{
        overflow-y: auto !important; 
    }
    .accordian-body-text{
        margin-top:22px;
    }
    .accordian-body-text .body-text-2{
     font-size: 14px;
     line-height:25px; 
    }
    .cat-card-top-sub-data a{ 
      font-size: 14px;
      margin:0px;
    }
    .question-card-inner{
        padding:14px;
    }
    .question-card-inner p{
        margin-top:0px;
    }
    .questioninputbox .button-wrap.d-flex.justify-content-start .btn, .questioninputbox button.btn.primary-small{
        width: 100%;
    }
    .questioninputbox .button-wrap {
        margin-top: 20px;
    }
    .add-othrnone-survey .none-of-the-above-text {
        margin-left:0px;
    }

    .add-other-survey{
        margin-bottom:20px;
    }
    .input-with-image .form-group, .answer-input-with-image .form-group {
        max-width: calc(100% - 60px) !important;
    }
    .questioninputbox .ans-list-repeat.saved-ans-repeat{
        margin-top: 20px;
    }
    .scalebuttonbox .filter-buttons-wrap{
        min-width: auto;
        width: auto;
        margin-top: 20px;
        margin-bottom: 16px;
        display:inline-flex;
    }
    .scalebuttonbox span{
        display: block;
    }
    .questioninputbox .points-outer .dropdown-container.form-group.input-field.mb-0.focused {
        width: 100% !important;
    }
    .sqa-check-top .logicbuttonbox{
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 0 !important;
        width: auto !important;
        min-width: auto !important;
    }
    .sqa-check-top .form-group{
        max-width: 100%;
        width: 100%;
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .ans-list-repeat.saved-ans-repeat{
       flex-wrap: wrap; 
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .ans-data {
        width: calc(100% - 70px); 
    }
    .add-logic-true .dropdown-container.form-group.input-field.mb-0{
        min-width:100% !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    .add-logic-true{
        flex-wrap: wrap;
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .dropdown-container.form-group.input-field.mb-0.focused {
        width: 100% !important;
        margin-left: 0px !important;
        min-width: 100%;
    }
    .small-dropdown.add-logic-dropdown {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }
    .logic-dropdown-readmode { 
        width: 100%;
        margin-top: 20px;
        margin-left: 0px !important;
    }
    
    .questionreadmode-left, .added-question-left.d-flex {
        width: 100%;
    }
    .question-optionbox.logicq-view, .questiondescription-s.d-flex.question-added-view-wrap{
        flex-wrap: wrap;
    }
    .logic-dropdown-readmode .css-b62m3t-container {
        width: 100%;
    }
    .logic-dropdown-readmode .form-group {
        width: 100%;
        max-width: 100%;
    }

   .added-question-readtmode-top-wrap .question-topleftbox{
     width: auto;
   }
   .added-question-readtmode-top-wrap {
    flex-wrap: unset !important;
    align-items: start;
   }
   .added-question-readtmode-top-wrap .question-topleftbox, .added-question-readtmode-top-wrap .question-topbuttonbox{
    width: auto !important;
  }
  .added-question-readtmode-top-wrap .question-topbuttonbox{
    margin-top: 0px !important;
  }
  .lightgraybox.questionbox-s.newsingle-question.added-question-card-wrap {
    padding: 20px 20px 20px 5px !important;
}
.survey-logic-toggle .switch{
  display: inline-flex;
}
.survey-logic-toggle {
    padding-right: 0;
    padding-left: 23px;
}
.survey-logic-toggle .toggle_btn_label {
    left: 0 !important;
    padding-left: 0 !important;
    padding-right: 49px !important;
}

.survey-logic-toggle .toggle-btn-wrap{
    display: flex;
    margin:10px 0px;
}
.questiondescription-s.d-flex .survey-question-added-info {
    margin-bottom: 12px; 
    font-size: 14px;
    line-height: 25px;
}
.questioninputbox .bd-que-slide-left .dropdown, .bd-que-slide-left p.body-text-2 {
    font-size: 16px;
}
.accordian-wrapper{
    padding-bottom:20px;
   margin-bottom:20px;
}
.screening_options_group .cross-q.m-cross-q.mobile-view{
 z-index: 22;
}
.selected-divice-wrap{
    border-radius: 5px;
    border: 1px solid #9759CB;
    background:#EFDCFF;
    padding: 3px 12px;
}
.device-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    color: #000;
    margin-left: 4px;
}
.selected-divice-wrap .secondry-purple-200-svg path, .selected-divice-wrap .secondary-purple-200 path, .selected-divice-wrap .secondary-purple-200-svg path {
    stroke: #000;
}
.selected-divice-wrap rect#Rectangle\ 1752 {
    fill: #efdcff;
}
.viewpart-optional{
    font-size: 16px;
}
.arabic_wrapper .sqa-check-top .logicbuttonbox{
    left:-20px;
    right: auto;
}
.arabic_wrapper .input-with-image .form-group, .arabic_wrapper .answer-input-with-image .form-group {
    width: calc(100% - 66px) !important;
}
.ans-list-wrap.survey-logic-added.arabic_wrapper .small-dropdown.add-logic-dropdown .dropdown-container.form-group {
    margin-right: 0px !important;
}
.arabic_wrapper .scalebuttonbox{
  width:100%;
}
.arabic_wrapper .likert-scale-length-wrap .css-qc6sy-singleValue {
    text-align: right;
}
.taking-test-header .score-link-header{
    margin-left: 20px !important;
    padding: 8px 0 8px;
    font-weight: 500
}
.arabic_wrapper .taking-test-header .score-link-header{
    margin-left: 0px !important;
    margin-right: 40px !important; 
} 
.arabic_wrapper .m-nagivation-wrap.open-menu:before{
    left:auto;
    right: -100%;
   }
.taking-test-header .score-link-header .tooltip-wrapper a{
 margin:0px !important;
 padding:0px !important;
}
.taking-test-header .score-link-header .tooltip-wrapper p{
    font-size: 16px;
    line-height:24px;
}
.header .score-star-icon{ 
    font-weight:500;
}
.taking-test-header .supportnavigationbox.navigation-listing{
 margin-top:0px;
}
.taking-test-header .header-workspaceheading {
    margin-top: 8px;
}
.chart-download-with-heading .download-chart-png {
    top: 52px;
    z-index: 1;
    right: 3px;
}
.multichoice-chart-hold .download-chart-png {
    top: 4px;
    right: 2px;
}
.added-question-card-wrap .questiondrag{
 align-items: self-start;
}
.add-othrnone-survey-btn {
    display: flex;
    min-width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
} 
.questioninputbox .tooltip-wrapper.top-tooltip{
    filter: none !important;
}
.sb-main-padded .test-results-header-researcher{
   flex-wrap: wrap;
}
.sb-main-padded .test-results-header-researcher .test-header-tag-for-mobile{
 width:100% !important;
 justify-content: space-between;
}
.device-test-icon-wrap .tooltip-deviceinfo{
 margin-left: 8px;
 margin-right:0px;
}
.credit-skelton-loading .react-loading-skeleton {
    width: 100% !important;
}
}  

@media screen and (max-width:600px){ 
   
    .rst__rowLabel {
        width: calc(100% - 170px);
        padding-right: 0px;
    }
    .rst__rowToolbar .ghost-btn{
      padding-left: 0px;
      padding-right: 0px;
      border: 0px !important;
    }
    .rst__row.error_class .rst__rowContents .rst__rowLabel{
        width: calc(100% - 70px);
    }

    .device-selection-radio.d-flex label {
        padding: 18px 15px;
        margin: 0px 5px 12px;
    }
    .device-selection-radio.d-flex{
        margin: 0px -5px 12px;
    }
    .modal-body {
        padding: 20px;
    }
    .document-match-modal-buttons-wrap button{
        width: 100%;
        margin:0px;
    }
    .document-match-modal-buttons-wrap {
        margin: 0;
        display: block;
    }
    .document-match-modal-buttons-wrap button:first-child {
        margin-bottom: 32px;
    }
    .add-other-survey.add-othrnone-survey {
        flex-wrap: wrap;
    }
    .add-othrnone-survey .add-other-survey-left {
        margin-right: 0;
    }
    .recruitmentSlider .rc-slider-mark{
        width: 97%;
    }
    .multiselectlist-dropdown-box-container, .multiselectlist-dropdown-box{
        width: 100% !important; 
    }
   
    .next-pre-btn.d-flex {
        margin:20px 0 20px;
        justify-content: center;
        width: 100%;
    }
    .welcome_tester_userq_modal .congrats-modal-text p br{
     display: none;
    } 
    
    .accounts-score-chip{
      display: block;  
    }
    .accounts-score-chip { 
        display: inline-block;
        margin: 15px 0 0px;
        width: auto;
    }
    .page-heading-wrap.accounts-page--heading {
        display: block;
    }

    .accounts-score-chip .account-guidelines-link {
        margin-left: 0;
        margin-top: 5px;
    }
    .protolink-head-left {
        padding-right: 0;
        width: 100%;
    }
 
    .figma_prototype_sidebar.prototypesidebar{
        width: 100%;

    }
    .figma_prototype_sidebar:after{
        content: none;
    }
    .prototype-text-heading{
        display: block;
    }
    .protolink-head-right {
        margin-top: 12px;
    }
    .arabic_wrapper_main .added-question-wrap .questionaddlogic-v{
        position: static !important; 
        width: 60% !important;
    }
    .arabic_wrapper_main .added-question-wrap .questionaddlogic-v .toggle-with-label .toggle_btn_label{
        left: -55px;
        padding-left: 0px;

    }
    .arabic_wrapper_main .added-question-wrap .questionaddlogic-v {
        margin-left:70px !important;
        margin-right: 0px;
    }

    .arabic_wrapper_main .added-question-wrap .newsingle-question .d-flex.question-topbuttonbox{
        padding-left: 0px !important;
    }
    
    .logic-dropdown-readmode .css-b62m3t-container {
        width: 100%;
    }

    .preference-test-analytics-data .free-question-table-header-right{
        display: block; 
    }
    .card-sorting-creating-test-wrap .arabic_wrapper .input-position-relative.dropdown-field.singleselect-dropdown, .arabic_wrapper .survey-question-holder .input-position-relative.dropdown-field.singleselect-dropdown {
        margin-left: 0px !important;
        margin-right: 0 !important;
        min-width: 180px;
    }

    .page-data-wrapper{
        min-height: calc(100vh - 234px);
    }
    .tree-task-search-wrap{
        display:block;	
    }	
    .billing-plan-page-wrapper .card-right-side .make-primary-card {
        position: static;
        margin: 0px 4px;
    }
    .tree-task-search-wrap .form-group {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px !important;
    }
    .tree-search-inner .form-group{
        max-width:100%;	
    }
    .test-summary-modal-wrap .modal-body {
        padding: 20px;
    }
    .free-question-table-header{
        display: block; 
    }
    .free-question-table-header-left {
        width: 100%;
        margin-bottom: 10px;
    }
    .free-question-table-header-right{
        width: 100%;
    }
    .free-question-table-header-right .form-group{
        max-width: 100%;
        width: 100%;
        margin-top: 10px;
    }
    .free-question-table-header-right input.form-control.body-text.body-text-2 {
        min-width: 100%;
        max-width: 100%;
    }
    .matrix-full-view{
        max-width: 100%; 
    }
    .matricx-chart-top-head {
        display: block !important;
    }
    .matricx-top-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .matricx-top-right .hamburger-items {
        right:auto !important;
        left: 0px !important;
    }

    .defefing-question-step-data{
        max-width: 100%;
        width: 100%;
        padding: 40px 20px;  
    }
    .defefing-question-step-inner-data h1 {
        font-size: 40px;
        line-height:48px; 
    }
}

@media screen and (max-width:600px) and (min-width:390px){

    .accounts-score-chip{
        display: flex;
    }
    .accounts-score-chip .account-guidelines-link p a {
        display: table;
    }
    .accounts-score-chip .account-guidelines-link {
        margin: 0;
        margin-left: 20px;
    }
    .accounts-score-chip p.body-text.body-text-3{
        font-weight: 500;
    } 
}



@media screen and (max-width:575px){ 

    .confirm-buttons-wrap button {
        margin: 6px 10px 6px;
        justify-content: center;
        width: 100%;
    }
   
    .mobile-iframe-wrapper .modal-dialog, .task-order-modal .modal-dialog, .goal-screen-modal-wrap .modal-dialog{
        margin: 0 auto;
    }

    .create-prototype-test .cardsorting-wrap-mid-data{
        padding: 20px 15px 20px;
    }
    .panel-total-price {
        margin-left: 10px;
    }
    .designs-preview-modal .modal-header-top .close{
        right: 15px;
        top: 15px; 
    }
    .btn.nextPage{
        right: 15px;
    }
    .btn.prevPage{
        left: 15px
    }
    .zoom-controls{
        bottom:15px;
    left:15px;
    }
    .zoom-percentage{
        bottom: 52px;
    left: 76px;
    }
    .recruit-tile-button button {
        width: 100%;
    }
    .free-question-table-header-right.tree-path-outcome-filyer {
        display: block;
    }
    .tree-path-outcome-filyer .multiselectlist-dropdown-box {
        margin-right: 0;
       margin-top: 10px;
        margin-bottom: 16px;
    }
    .dropdown-question-item{
        display: block;
    }
    .dropdown-question-item p {
        max-width: 100%;
    }
    .dropdown-question-item .tag {
        margin-left: 0;
        margin-top: 7px;
    }
    .screening_options_group .question-optionbox{
        display: block !important;
    }
    .screening_options_group .question-optionbox .logic-dropdown-readmode{
        margin-top: 20px;
    }

    .new-feature-body-row{
        display: block;
        text-align: center;
    }
    .multiselectgroup-dropdown .css-1hwfws3{
        position: relative;
        top: 2px;
    }

    .new-feature-body-left {
        width: 253px;
        margin: 0 auto 20px;
    }
    .new-feature-body-right {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .new-feature-body-right p a {
        display: inline-block;
    }
    
    .behavior-top-right-content .form-group {
        max-width: 100%;
        min-width: 100%;
    }
    .tester-welcome-page-wrap .prototype-test-wrap .taking-test-page-height{
        min-height: calc(100vh - 290px);
    }

    .prototype-take-test-top-hdr .exit-test-button {
        margin-right: 32px;
    }
    .slide-count-info {
        margin: 11px 0px;
        width: 100%;
    } 
    .slider-time-bottom {
        width: 100%;
        flex-wrap: wrap;
    }


    .formbox .change-email-option button.secondary-btn.secondary-small {
        right: 0px;
        position: static;
        transform: none;
        margin-top: 13px;
    }
  
    .behavior-top-left-content.d-flex {
        display: block !important;
    }
    .prototype-behavior-content{
        padding: 15px !important;
    }
    .prototype-result-overview-wrap {
        padding: 30px 15px;
    }
    .test-setting-modal .language-selection-radio{
        margin: 0px -45px 35px; 
        justify-content:start;
    }
    .edu-graph-data-repeat{
        display:block;	
    }
    .edu-grph-data-rhs{
        width:100%;	
    }

    .test-setting-modal .language-selection-radio label {
        margin: 0px 45px;
    }

    .step-repeat:before{
        left: -95%;	
    }	
    .upload-project-img img, .uploaded-project-img img {
        width: 100%;
    }
    .test-welcome-image-wrap {
        width: 100%;
        margin: 32px auto 0;
    }
    .test-welcome-image-wrap img.upload-image-placeholder {
        height: auto;
    }

    .btns-wrap-bottom{
        margin: 50px -4px 20px;
    }
    .btns-wrap-bottom button{
        border: 1px solid var(--gray-900);	
    }
    .recruit-participants-wrapper {
        padding-top: 10px;
    }
   
    .recurit-panel-tabs-wrap .accordian-header h3{
        display: flex;
        flex-wrap: unset;
    }
    .recurit-panel-tabs-wrap .accordian-header h3 .info-wrap{
        margin-left: 4px;
    }
    .household-number-wrap .inc-dec-counter{
        margin-top: 15px; 
    }
   
    .new-tester-given-test .congrats-modal-text{
        margin-top: -25px;
    }

}

@media screen and (max-width:560px){
    .test-result-password-inner{
        padding: 22px;
    }
    .step-repeat:before{
        left: -72%;	
    }	
    .followup-questions-container .cross-q.m-cross-q.mobile-view {
        /* opacity: 1; */
        position: absolute;
        right:0px;
        top: 50%;
        transform: translateY(-50%);
    }

    .figma_prototype_design_screen_container{
        width: 100%;
    }
    .document_not_match_modal .confirm-buttons-wrap{
      flex-wrap: wrap;
    }
    .document_not_match_modal .confirm-buttons-wrap button{
        width: 100%;
        margin:0 0 32px;
        font-size: 18px;
        line-height:30px;
      }
      .document_not_match_modal .confirm-buttons-wrap button:last-child{
        margin-bottom: 0px;
      }
      .done-with-task-buttons{
        display: block !important;
        margin:0px;
      }

      .done-with-task-buttons button{
        width: 100%;
        margin:20px 0px 0;
      }
      .done-with-task-buttons button:first-child{
        margin-top: 0px;
      }
}

@media screen and (max-width:500px){
    .taking-test-login-status-change-modal .confirm-buttons-wrap{
        flex-wrap: wrap; 
    }

    .summary-modal-data .filter-button-option{
        padding: 4px 20px;
    }
    .summary-modal-data .filter-buttons-wrap{
        width: auto;
    } 
    .user-response-wrap .info-wrap:hover .tooltip-wrapper {
        bottom: 24px;
        right: -20px;
        z-index: 2;
        width: 290px;
        left: auto;
    }
    .user-response-wrap .bottom-tooltip::before{
     left:90%;
    }
    .user-response-wrap.participants_info-tooltip:hover .tooltip-wrapper {
        left: -168px !important;
    }
    .credit-score-tooltip-info p{
        flex-wrap: wrap;
    }
    .profile-change-password-btn-wrap {
        display: block !important;
    }

    .profile-change-password-btn-wrap .secondary-btn{
      margin-top: 16px;
    }

    .screening_options_group .questioninputbox .ans-list-repeat.saved-ans-repeat{
      flex-wrap: wrap;
    }
    .screening_options_group  .questioninputbox .ans-data {
        width: calc(100% - 80px);
    }
    .screening_options_group .small-dropdown.add-logic-dropdown{
        margin-left: 0;
    width: 100%;
    margin-top: 30px;
    }
    .screening_options_group .questioninputbox .dropdown-container.form-group.input-field.mb-0.focused {
        width: 100%;
        min-width: 257px;
        margin-left: 0px;
    }

    .tester-rating-scale-holder.d-flex{
      margin: 0px -7px;   
    }
    .emoticon-icon{
        margin: 3px 3.5px;
        height: 64px;
        width: 64px;
    }
    .offcanvas.offcanvas-end{
        padding: 20px 0px 0;
    } 
    .offcanvas-header {
        padding: 0px 20px;
    }
    .offcanvas-body {
        max-height: calc(100vh - 91px);
        padding: 0px 20px 32px;
    }
    .squaretile-wrapper .square-tile-wrap {
        margin: 0px 6px;
    }
    .squaretile-wrapper {
        margin: 0px -6px; 
    }
    .share-feedback-btn{
        padding: 16px 15px;
    }
    .share-feedback-btn img { 
        width: 90px;
        margin-left: 5px;
    }
   
    .signup_user_left_info {
    width: 100% !important;
    margin-bottom: 14px;
    }
    .signup_user_left_info .color-black {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 120px);
    }
    .signup_user_left_info .user_info_label {
        width: 104px; 
    }
    .screening_options_group .ans-list-wrap .ans-list-repeat .form-group .caption {
        position: static;
    }
    .screening_options_group .questioninputbox .ans-list-repeat.saved-ans-repeat {
        margin-bottom: 0px !important;
    }
    .screening_options_group .ans-list-repeat.saved-ans-repeat .ans-close-row, .screening_options_group .ans-list-repeat.saved-ans-repeat .ans-icon{
        top: -10px;
    }
    
}

@media screen and (max-width:490px){ 
    .square-time-heading span{
        font-size: 16px;
        line-height: 24px;
    }
    .square-tile-wrap{
        min-height: 158px;
    }
    .test-publish-fee-header-left p {
        margin: 0px 12px 0px 0px;
        display: inline-block;
        position: relative;
        top: -10px;
    }
    span.add-other-survey-left span {
        font-size: 12px;
        line-height: 17px;
    }

    
}



@media screen and (max-width:480px){


    .device-selection-radio.d-flex label {
        padding: 18px 12px;
        margin: 0px 6px 32px;
        width: 46%;
    }
    .device-selection-radio.d-flex label:last-child{
        margin-bottom:12px; 
    }
   

    .device-selection-radio.d-flex{
        margin:0px -6px;
    }

    .download-xlsx-report .confirm-buttons-wrap button{
        padding: 14px 20px; 
    }
    .task-prototype-test-sync-row{
        display: block !important;
    }
    .task-prototype-test-sync-right {
        width: 100%;
        padding: 20px 0 0 0;
    }
    .task-prototype-test-sync-left{
        margin: 0 auto;
    }
    .mobile-preview-define-flow .figma-define-row-wrap{
        display: block;
    }
    .mobile-preview-define-flow .define-start-design-box {
        width: fit-content;
        background: unset;
    }
    .mobile-preview-define-flow .define-design-arrow{
        opacity: 0;
    }
    .mobile-preview-device .task-prototype-test-sync-right {
        width: 100%;
        padding-left: 0;
    }
    
    .phone-number-dropdown .country-list{
        width: 300px !important;
    }
    .test-exit-modal .modal-body{
        padding:20px;
    }
    .add-othrnone-survey-btn {
        display: flex;
        min-width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
   
    .tester-dashboard-no-test-available-data .tester-dashboard-no-test-available-data-inner .subtitle-2{
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }
    .recruitmentSlider .rc-slider-mark {
        width: 94%;
        left: 2px;
    }

    .estimate-count-area.inc-dec-holder span {
        margin-left: 6px;
        font-size: 10px;
        line-height: 13px;
    }
    
    .screening_options_group .newsingle-question .d-flex.questionbox-top {
        flex-wrap: wrap !important;
    }
    .screening_options_group .logic-dropdown-readmode .css-b62m3t-container{
        width: 100%;
    }
   
    .test-summary-participants.test-summary-screening-questions.screening_options_group .questiondrag{
        display: none;
    }

    .bd-que-slide-arrow{
       flex-wrap: wrap;
    }
    .bd-que-slide-arrow button{
        width: 100%;
        margin: 10px 0px;
        justify-content: center;
        text-align: center;
    }
    
    .done-with-task-modal .buttons button {
        margin-top: 26px;
        margin-bottom: 28px;
        font-size: 14px;
        padding: 14px 16px;
    }
    
    .wallet-page-wrapper .table-center-div{
        width: 100px;
    }
    .account-blocked-message > div img {
        width: 32px;
        height: 32px;
        margin-right: 15px;
    }
    .account-blocked-message > div:nth-child(2) {
        width: calc(100% - 32px);
    }

    .done-with-task-modal .modal-body {
        padding:20px;
    }

    .header-link img { 
        margin-right: 3px;
    }
    .header-credits-wrap .header-link:first-child {
        margin-right: 5px;
    }
    .header-credits-wrap .header-link:first-child, .header-credits-wrap {
        margin-left: 5px;
    }
    .recruit-tile {
        padding: 20px;
    }
    .recruit-tile-bottom{
        display:block;
        text-align:center;	
    }
    .recruit-bottom-right {
        font-size: 12px;
        line-height: 17px;
        justify-content: center;
        margin-top: 15px;
    }
    .step-repeat:before {
        left: -58%;
    }
    
    .accordian-header-subtitle{
        margin-left:0px; 
    }
    .cardsorting-wrap-top, .cardsorting-wrap-mid-data{
        padding: 21px 15px;
    }
    .select-card-option-repeat {
        margin-bottom: 31px;
    }
    .added-cardsorting-category-wrap > div{
        justify-content:center;	
    }
    .change-email-modal.confirmation-modal-wrap .modal-body {
        padding: 20px;
    }
    .add-payments-button.d-flex.paypal-button-wrap {
        display: block !important;
        text-align: center;
    }
    .paypal-button-wrap p {
        margin: 12px 15px;
    }   
    .wallet-overview-tile .balance-row-right button {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

}

@media screen and (max-width:479px){
    .confirm-buttons-wrap{
        flex-wrap: wrap;
    }
    .goal-screen-modal-wrap .modal-header-top .modal-set-goal-top .btn{
        display:none
    }

    .test-setting-modal .language-selection-radio{
        margin: 0px -15px 35px; 
        justify-content:start;
    }
    .tree-nodes-delete-all-count{
        display:block;
        text-align:center;	  
    }
    .tree-nodes-delete-all-count span{
        margin-right: 0;
        width: 100%;
        display: block;   
    }

    .test-setting-modal .language-selection-radio label {
        margin: 0px 15px;
    }	
    .added-cat-count-data{
        flex-wrap:wrap;
        justify-content:center;
    }
    .cardsort-data-count{
        display: block;
        width:100%;
        text-align: center;
        margin-bottom: 8px;	
    }
}

@media screen and (max-width:414px){
    .cache-profile-login-btn .profile-social-login-btn {
        max-width: 100%;
        width: 100%;
    }
    .phone-number-dropdown .country-list{
        width: 270px !important;
    }
    .workspace-dropdown {
        display: none;
    }

    .header-credits-wrap .header-link:first-child{
        display:none;	
    }	
    .step-repeat:before {
        left: -37px;
    }
    .prefer-test-preview-bottom-wrap {
        display:block;	
        text-align:center;
    }

    .prefer-thum-bg-color-wrap{
        margin-bottom: 0px;
        height: 34px;
        overflow: hidden;
    }
    .prefer-bg-colorpiker{
        justify-content:center; 	
    } 

    .prefer-test-preview-bottom-wrap button{
        margin-top:20px;	
    }


    .edit-payments-button.d-flex {
        display: block !important;
        text-align:left;
        position:relative;
    }
    .delete-bank-aacounts {
        justify-content: center;
        margin-top: 20px;
        position: static;
        right: 0;
        top: 0;
        padding: 0;
        margin-left: 0;
        margin-right: 0px;
    }
}

@media screen and (max-width:375px){
    .step-repeat:before {
        left: -30px;
    }	
    .added-card-cat-repeat{
        width:100%;	
    }
    .added-cat-count-data {
        flex-wrap: wrap;
        justify-content: center;
    }

    .emoticon-icon {
        margin: 1px 3px;
        height: 54px;
        width: 54px;
        padding: 12px;
    }
    .tester-rating-scale-holder{
        margin: 0px -3px; 
        justify-content: space-between;
    }
    .add-othrnone-survey .none-of-the-above-text {
        margin-left:0px;
    }

}

@media screen and (max-width:360px){
    .device-selection-radio.d-flex label{ 
        width: 100%;
    }
    .test-result-overview-data .primary-large{
        font-size: 14px;
    }
    .step-repeat {
        font-size: 13px;
    }
    .stepper-count{
        width: 28px;
        height: 28px;	
        font-size:13px;
    }	
    .step-repeat:before {
        left: -36px;
        bottom: 3px;
    }
    .create-new-test-modal span.subtitle-2.tag {
        font-size: 10px;
    }
    .filter-buttons-wrap{
        min-width: auto; 
    }
    .filter-button-option{
        padding: 4px 25px; 
    }

}

@media screen and (max-width:340px){
    .step-repeat:before {
        left: -26px;
        bottom: 2px;
    }	
    .edit-payments-button.d-flex {
        text-align:center;
    }
    .delete-bank-aacounts {
        justify-content: center;
        position:static;
    }
}


@media screen and (min-width:992px) and (max-width:1199px){
   
    .add-more-question-option .stud-tiles-hold .question-card-wrapper{
        width: 50%;
        margin-bottom: 10px !important;
    }
    .question-card-inner {
        width: 100%;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
    .singlesurvey-view .questionbox-top{
        flex-wrap: wrap; 
    }
    .singlesurvey-view .questionbox-top > div{
        width:100%; 
    }
    .singlesurvey-view .questionbox-top .question-topbuttonbox{
        padding-left: 81px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
}

@media screen and (min-width:992px) and (max-width:1080px){
   
    .questioninputbox .sqa-check-top .custom-control.custom-checkbox {
        align-items: center;
        display: flex;
        padding-left: 0;
    }
    .questioninputbox .survey-question-dropdoen-wrap{
        flex-wrap: wrap;
    }
    .questioninputbox .bd-que-slide-left{
        margin-bottom: 20px;
    }
    .cross-q.position-relative {
        position: absolute !important;
        right: 5px !important;
        left: auto !important;
        top: -15px;
    }
    .questioninputbox .form-group.custom-control.d-flex{
        padding-left: 0px;
    }
  
    .points-outer{
        flex-wrap: wrap; 
    }
    .scalebuttonbox {
        margin-bottom: 20px;
    }
    .questioninputbox .dropdown-container.form-group.input-field.mb-0.focused{
        margin-left: 0px;
    }
    .add-logic-true .dropdown-container.form-group{
        margin-left: 20px !important;
       }
}

@media screen and (max-width:1150px){
    .card-sorting-creating-test-wrap .arabic_wrapper .input-position-relative.dropdown-field.singleselect-dropdown, .arabic_wrapper .survey-question-holder .input-position-relative.dropdown-field.singleselect-dropdown{
     margin-right: 0px;
    }

    .common-path-info-data-repeat {
        padding-right: 20px;
    }
    .common-path-info-data-repeat p{
        font-size:12px;
        line-height:17px;
    }
    .two-row-legends .chart-info-repeat {
        max-width: 100%;
        width: 100%;
    }
    .three-column-layout-left{
        width: 208px;
    }

    .three-column-layout-center{
        border-right:0px;
    }
    .rating_scale_calculation_repeat{
        width: 100%;
    }

    .checkout-modal-wrap .promocode-field-wrap .col-md-7 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        padding: 0;
        margin-bottom: 13px;
    }

    .checkout-modal-wrap .promocode-field-wrap .remove-promo-code-btn, .checkout-modal-wrap .promocode-field-wrap .apply-promo-code-btn {
        padding-left: 0;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .checkout-modal-wrap .promocode-field-wrap .coupon-code-error{
        text-align:center;	
    }

    .tester-welcome-page-wrap .inner-page-container {
        max-width: 100%;
        padding: 0px 40px;
    }

}

@media screen and (min-width:1200px) and (max-width:1300px){
    .overview-results-test-details-data-wrap .items h1 {
        font-size: 30px;
    }
  
    .overview-results-test-details-data-wrap .items p {
        padding-left: 7px;
        font-size: 13px;
    }
    .participants-overview-left .h2{
        font-size: 40px;
        line-height: 52px;
    }
    .participants-overview-right {
        padding-left: 12px;
    }
    .participants-overview-right p{
        font-size: 13px;
    }
}
@media screen and (min-width:1024px) and (max-width:1199px){
    .wallet-top-wrap .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
        margin-bottom: 25px;

    }
    .wallet-top-wrap .wallet-overview-tile-hold .box-small{
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .test-result-overview-top-area .col-lg-3.col-md-6{
        max-width: 50%;
        flex: 50%;
    }

    .result-pie-chart-wrap .col-lg-6{
        max-width: 100%;
        margin-top:15px;
        margin-bottom:15px; 
        flex:100%; 
    }

    .test-result-overview-top-area .col-lg-6{
        margin-top:30px;	
        flex:100%; 
        max-width: 100%;
    } 
    .pie-chart-box{
        justify-content: space-between;  
    }

}
@media screen and (max-width:1070px){
   
    .add-othrnone-survey-btn {
        margin-top: 10px;
    }
}

@media screen and (max-width:1023px) {
    .add-bank-detail-wrap {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
    .wallet-unverified-section{
        padding-left: 0px;
        margin-top: 32px;
    }
    

    .wallet-bank-detail-wrap{
        flex-wrap: wrap;   

    }

    .bank-account-details-data-view{
        max-width: 100%;
        margin-top: 25px;  
        flex-wrap: wrap;
        width: 100%;
    }
}
@media screen and (max-width:991px){

    .taking-test-header .header-credits-wrap .header-link:first-child, .taking-test-header .score-link-header{
        font-size: 12px; 
       }
       .taking-test-header .score-link-header svg {
        width: 24px;
        height: 24px;
    }
    .taking-test-header .score-star-icon{
        display: flex;
    }
    .taking-test-header .workspace-dropdown button, .taking-test-header .header-credits-wrap button{
     font-size: 12px !important;
    }
    .header-credits-wrap .logged-in-user-info svg{
        width: 24px;
    }

    .header .score-star-icon svg {
        width: 24px !important;
    }

    .sqa-check-top .form-group.custom-control {
        margin-left: 0;
        padding: 0;
    }

    .search-functionlity-data{
        width: auto;
    }
    
    .free-question-table-header-right .form-group {
        max-width: 100%;
        width: 100%;
        margin-top: 10px;
    }

  

    .free-question-table-header-right input.form-control.body-text.body-text-2 {
        min-width: 220px;
        max-width: 100%;
    }
    .prototype-path-info-top {
        flex-wrap: wrap;
    }
    .box-medium {
        max-width: 100%;
        width: 100%;
    }
    .common-path-info-data-repeat {
        padding-right: 10px;
        width: auto;
        margin: 8px 0;
    }
    .behavior-content-top{
        display: block !important;
    }
    .behavior-top-right-content {
        margin-top: 20px;
    }
    .hide-for-tablet{
        display: none !important;
    }
    .graytext.researcher-profilebox-right-outerbox {
        flex: 100%;
        width: 100%;
        max-width: 100%;
    }
    .wallet-top-wrap .wallet-overview-tile-hold .box-small {
        min-width: 100%;
        margin-bottom: 25px;
        width: 100%;
    }   
    .wallet-bank-detail-wrap {
        margin-top: 20px;
    }
    .accountnaviagtion-outer {
        white-space: nowrap;
        overflow-y: auto;
        padding-bottom: 5px;
    }

    .profile-form-wrap.profile-tester-wrap .row .col-md-8{
        -webkit-box-flex: 0;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .register-page-min-hegiht .graytext.researcher-profilebox-right-outerbox {
        flex: 50%;
        width: 50%;
        max-width: 50%;
    }

}
@media screen and (max-width:991px){
    .questioninputbox .bd-que-slide-left{
        margin-bottom: 12px;
    }
    .bd-question-top-slide.d-flex.justify-content-between.survey-question-dropdoen-wrap {
        flex-wrap: wrap;
    }
    .arabic_wrapper .optional-button button:first-child {
        position: relative;
        left: -120px;
    }
    .taking-test-button-wrap .secondary-btn,  .taking-test-button-wrap .ghost-btn{
        left: calc(100% - 551px);
    }
    .create-projectmodal-form-group.d-flex.arabic-add-logic-true.add-logic-true .dropdown-container{
        margin-right:0px; 
        margin-left:0px; 	
    }

    .create-projectmodal-form-group.d-flex.add-logic-true .dropdown-container{
        margin-right:0px;
        margin-left:0px;	
    }

    .bd-question-top-slide.d-flex.justify-content-between.survey-question-dropdoen-wrap .d-flex.form-group.custom-control.custom-checkbox.mb-0.dark-checkbox{
        margin-left: 0;
        padding: 0;
    } 

    
    
    .newsingle-question .d-flex.question-topbuttonbox{
        padding-left:0px;
        margin-top: 15px;
        margin-bottom: 5px;	
        justify-content: end;
        width: 100%;
    }

    .create-projectmodal-form-group.d-flex.add-logic-true {
        display: flex !important;
        flex-wrap: wrap;
    }
    .create-projectmodal-form-group.d-flex.add-logic-true .dropdown-container.form-group.input-field.mb-0{
        width:100%;
        margin-top:20px;	
        min-width:100%;
    }


    .points-outer{
        flex-wrap: wrap;
    }
    .scalebuttonbox {
        margin-bottom: 20px;
    }
    .questioninputbox .dropdown-container.form-group.input-field.mb-0.focused{
        margin-left: 0px;
    }
    .questioninputbox .ans-close-row {
        margin-left: 10px;
    }
    .question-card-inner{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .taking-test-page-wrap .container{
        max-width: 100%;
    }
    .taking-test-button-wrap .secondary-btn, .taking-test-button-wrap .ghost-btn{
        left: calc(100% - 620px);
    }

}
@media screen and (min-width:768px) and (max-width:1365px){
    .likert-scale-scrollable-area {
        overflow-x: auto;
    }
    .likert-scale-scrollable-area .likert-innerview
    {

        min-width: 785px;
    } 
    .likert-scale-scrollable-area  .ans-list-repeat.saved-ans-repeat.w-100.mt-32 {
        min-width: 741px;
    }
}

@media screen and (min-width:768px) and (max-width:1200px){
     .test-result-header-wrapper{
        /*overflow-x: auto;*/
     }

    .test-result-inner-hdr{
    /*min-width: 1200px;*/
    white-space: nowrap; 
    }
    
}

@media screen and (min-width:768px) and (max-width:991px){
    .sidentity_tile_inner-footer {
        display: block !important;
    }
    .identity_tile_wrap .subtitle-2{
        font-size:14px;
    }
    .sidentity_tile_inner-footer .right-content {
        margin-top: 10px;
    }
   
   
    .singlesurvey-view .questionbox-top .question-topbuttonbox{
        padding-left: 81px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .ans-close-row {
        margin: 0px 10px;
    }

    .engagement-overview-results{
        margin: 15px 0px;
    }
    .result-pie-chart-wrap .box-medium{
        margin-bottom: 15px;
    }
    .testhistory-box .table-responsive .table tr td{
        padding: 7px;
    }
}

@media screen and (max-width:900px){
    .add-logic-modal-wrap .modal-dialog {
        max-width: 560px;
    }
    .tester-count-hold{
        display: block;
    }
    .total-users-skip{
        margin-left: 0px;
    }
    .add-logic-modal-wrap .total-users, .total-users-skip{
        width: 100%;
    }
    .users-navigate-from .navigate-text-question .info-wrap{
        position:static !important;
    }
    .users-navigate-from .navigate-text-question{
        position: relative;
    }
    .users-navigate-from .navigate-text-question .info-wrap .tooltip-wrapper {
        right: 0;
        top: 36px;
        bottom: auto;
        width: 100%;
        word-break: break-word;
        padding: 5px;
    }
    .users-navigate-from .navigate-text-question .info-wrap .top-tooltip::before{
        left: 86%;
    }
   
    .header-rhs-side button.ghost-btn.ghost-medium {
        margin-right: 15px;
        padding: 0 3px;
        font-size: 12px;
        line-height: 19px;
    }
    .credits-link-header{
      font-size: 12px;
    }
    .tester-header .credits-link-header{
      font-size: 16px;
    }
    .header .profile-menu-btn {
        font-size: 12px;
        line-height: 18px;
    }
    .tester-header .profile-menu-btn{
      font-size: 16px;
      line-height: 24px;
    }
    .header-link img, .header-link svg {
        margin-right:8px;
        width: 24px;
    }

    .tester-header .header-link img, .tester-header .header-link svg {
        margin-right:12px;
        width:32px;
    }

    .header .header-credits-wrap .dropdown img, .header .header-credits-wrap .dropdown svg {
        margin-right: 12px;
        width: 24px;
    }

    .tester-header  .header-credits-wrap .dropdown img, .tester-header  .header-credits-wrap .dropdown svg {
        margin-right: 12px;
        width:32px;
    }

    .rs-inner-profile-wrapper .profile-tester-wrap #gender .d-flex-radiobtn {
        margin-left: 0;
    }
    .header-credits-wrap .header-link:first-child, .score-link-header{
        margin-right: 8px;
    }

    .header-credits-wrap .header-link:first-child, .header-credits-wrap {
        margin-left: 8px;
        margin-right: 8px;
    }

    .workspace-dropdown button, .header .header-credits-wrap button {
        font-size: 12px;
        line-height: 16px;
    }
    .taking-test-header .workspace-dropdown button, .taking-test-header .header-credits-wrap button {
        font-size: 16px;
        line-height: 24px;
    }

    
    .change-email-body{
        padding-left: 100px;
        padding-right: 100px;
    }
    .selected-page-left-side {
        width: calc(100% - 325px);
        padding-right: 30px;
    }
    .selected-page-right-side {
        width: 325px;
    }
    .d-flex-radiobtn{
        justify-content: flex-start;
        width: 100%;
    }
    .d-flex-radiobtn > label{
        margin-right: 20px;  
    }
    .formbox.d-flex-radiobox, .full.d-flex-radiobox{
        flex-wrap: wrap;
    }
    .formbox.d-flex-radiobox .bold, .full.d-flex-radiobox .bold{
        margin-bottom: 15px !important;
    }

    .taking-test-button-wrap .secondary-btn, .taking-test-button-wrap .ghost-btn {
        left: calc(100% - 530px);
    }
    .testhistory-box .load-more-data{
        padding-bottom: 25px;
    }

    .create-new-test-modal .test-publish-fee-header-left.align-items-center.d-flex {
        display: block !important;
    }
    .create-new-test-modal .test-publish-fee-header-left p {
        margin: 20px 10px 0px 0px;
        display: inline-block;
    }
    .create-new-test-modal .test-publish-fee-header-left span.tag.purple-tag.tag-icon-left{
        position: relative;
        top:14px;
    }
    .create-new-test-modal .test-publish-fee-header-left.align-items-center.d-flex .tag.pink-tag.tag-icon-left{
        margin-left: 0;
        margin-top: 20px;
    }

}

/* Styles for Apple phones */
@media screen and (max-width:767.88px){
    .tester-profile-account-head.d-flex.align-items-center {
        display: block !important;
    }
    .tester-profile-account-head.d-flex.align-items-center h1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #E3E3E3;
    }
    
    .tester-profile-account-head.d-flex.align-items-center h1 button{
        padding: 8px 20px;
        min-height: 41px;
        font-size: 14px;
        line-height: 25px;
    }

    .tester-profile-account-head-wrap .researcher-profile-form-btn{
        margin-top:0px;
    }
    .tester-profile-account-head-wrap .accounts-score-chip {
        margin-left: 0;
        margin-top: 20px;
    }
/*     
    @media not all and (min-resolution: .001dpcm) { 
            .prefer-design-full-view{
            bottom:94px; 
            }
    }  */

    .accordian-header h3 .subtitle-1 {
        font-size: 16px;
        line-height: 24px;
        margin-right:8px;
    }
    .question-count{
        right:34px;
    }
    .accordian-header-subtitle {
        font-size: 12px;
        margin-left:0px;
        line-height: 17px;
    }
    .accordian-header h3 {
        display: inline-flex;
        flex-wrap: wrap;
    }
    .test-welcome-image-wrap .project-modal-img{
        margin-bottom: 20px;
    }
    .test-welcome-image-wrap .change-image-link{
     font-size: 18px;
    }
    .test-welcome-top-head {
        margin-bottom: 27px;
    }

    .create-test-card {
        padding: 18px;
    }
    .modal-header-top .h3 {
        padding-right: 12px;
        font-size: 24px;
        line-height: 28px;
    }

    .report-testers-modal .modal-dialog{
        max-width:100%;
    }
    span.zoom-percentage {
        display: none !important;
    }
    span.dashboard-search-icon.skeleton-search{
        top:0px; 
    }

  
    .prefer-design-full-view{
        bottom:20px;
    }


    em.tests-counter{
      min-width:unset;  
    }
    .publish-fees-required-wrap h3 {
        width: 100%;
    }
    .publish-fees-required-wrap .tag {
        margin-left: 0;
        margin-top: 12px;
    }
   .page-head-right.dashbaord-header-right-with-search .react-loading-skeleton{
    width:40px !important;
    min-width:40px !important;
    max-width: 40px !important;
    border-radius:100% !important;
    min-height:40px !important;
    height:40px !important;
    position: relative;
    top: -7px;
} 
    .create-test-btn img, .create-test-btn svg{
        margin-right:0px !important;
    }
   
    .create-test-btn {
        width: 40px;
        height: 40px;
        font-size: 0;
        min-height: auto;
        text-align: center;
        border-radius: 100%;
        padding: 0;
        line-height: 0;
    }
    .test-publish-fee-header-left{
        display: block !important;
    }
    .test-publish-fee-header-left p{
        margin: 4px 12px 0px 0px;
        top:-7px;
        display: inline-block;
    }
    .dashbaord-header-right-with-search {
        position: relative;
        top: 5px;
    }
    .test-publish-fee-header-left .tag.pink-tag.tag-icon-left{
        margin-left:0px;
    }
    .test-publish-fee-header-left .tag.purple-tag.tag-icon-left{
        margin-top:5px;
    }
    .create-new-test-modal .test-publish-fee-header-left span.tag.purple-tag.tag-icon-left {
        position: relative;
        top: 0;
        margin-top: 7px;
    }
  
    

    .test-result-overview-top-area .col-lg-6{
        margin-top:0px;
    }

  

    .three-column-layout-top-header{
        min-height: 60px;
    }
    .insufficient-responses-wrap {
        margin-left: 0;
    }
    .insufficient-responses-wrap p {
        font-size: 14px;
        line-height: 25px;
    }
    .panel-info-right {
        position: static;
    }
    .prototype-arrow-hold {
        padding: 0px 20px;
        margin: -6px -5px;
    }
    .common-path-info-data-repeat{
        padding:0px 5px;
        width: 50%;
        margin: 6px 0 6px;
    }
    .three-column-layout-left{
        width:100%;
    }
    .common-path-info-data-repeat p{
        font-size:12px;
        line-height:17px;
    }

    .mobile-header-top .logo {
        top:3px;
        position: relative;
    }
    .test-header-with-ans-img{
        display: block;
    }
    .test-header-with-ans-img .question-result-img {
        min-width: auto;
        text-align: left;
        margin-top: 12px;
        justify-content:start;
    }
    .test-result-header-wrapper .test-header-tags .tag{
        margin: 0px;
    }
    
    .box-medium.single-choice-pie-chart {
        width: 100%;
        display: inline-block;
    }
    .logic-enabled .dropdown-header-selected-question {
        padding-right: 0;
    }
    .result-body .preference-test-result-wrap #followup-results .accountnaviagtion-outer.result-navigation-outer.d-block.follow-up-question-header {
        top: 0;
        position: relative;
        overflow: visible;
        width: 111.6%;
        left: -27px;
        padding-left: 12px !important;
    }

    .result-follow-up-heading {
        padding: 5px 15px 15px;
    }
    .preference-test-result-wrap .prefer-anayl-data-table .test-result-inner-data {
        padding:20px 0px;
    }
    .profile-form-repeat .form-group, .profile-form-repeat .phone-number-field{
        max-width: 100%;
    }
    .profile-form-wrap.profile-tester-wrap .date-picker-field .css-i44wyl, .profile-form-wrap.profile-tester-wrap .fullformbox .form-group{
        width: 100% !important;
        max-width: 100%;
    }
    .profile-tester-wrap .form-group, .profile-tester-wrap .employment-type-wrap .form-group .input-position-relative {
        max-width: 100%;
        margin-bottom: 0px !important;
    }
    .cache_login_wrapper .row.align-items-center .col-md-6 {
        margin-top: 0;
    }
    .login-data-wrap.researcher-register-wrap.cache_login_wrapper.social_login_wrapper.single-social-box {
        margin-top: 0;
    }
    .login-data-wrap.researcher-register-wrap.cache_login_wrapper.cache_login_tester_wrapper.single-social-box {
        margin-top: 0;
    } 
    .search-functionlity-data {
        width: 100%;
        margin-right: 0px;
        top:0px;
    }
 
    .confirmation-modal-wrap.welcom-userq-modal .modal-dialog{
        padding: 0px;
        margin: 0px;
        min-height: 100vh;
 
    }
    .confirmation-modal-wrap.welcom-userq-modal .modal-dialog{
        max-width: 100%;
        width: 100%;
    }
    .good-to-go-data-hold {
        padding: 0;
    }
    .dropdown-container.focused .css-1d8n9bt, .dropdown-container.active .css-1d8n9bt, .dropdown-container .css-319lph-ValueContainer{
        z-index: 1;
        position: relative;
    }  
    .image-radio-btns-wrap{
        justify-content: center;
    }
    .screen-question-radio .toggle-custom-class .info-wrap {
        top: 5px !important;
    }
    .sqa-check-top .form-group .info-wrap .tooltip-wrapper.top-tooltip:before{
        left: 31%;
    }
/***Hover remove****/
    .secondary-btn:hover {
        background: unset !important;
        color: var(--gray-900) !important;
        border-color: var(--gray-900) !important;
    }
    .secondary-btn:hover img {
        -webkit-filter:unset;
        filter:unset;
    }
    .secondary-btn:active {
        background: var(--gray-900) !important;
        color: var(--gray-50) !important;
        border-color: var(--gray-900) !important;
    }
    .secondary-btn:active img {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }
    .delete-account-section .secondary-btn:hover {
        background: unset !important;
        color: #FF0000 !important;
        border-color: #FF0000 !important;
    }

    .delete-account-section .secondary-btn:active {
        background: #FF0000 !important;
        color:var(--gray-50) !important;
        border-color: #FF0000 !important;
    }
    .question-card-inner:hover {
        border: 1px solid var(--gray-400);
    }
    
/****/
    .create-test-publish-page-data .section-minimum-height{
       min-height: auto;
       padding-bottom: 26px;
    }
    
    .publish-btn-custom button{
        width: 100%;
    }
    .create-test-publish-page-data .btns-wrap-bottom button{
        font-size: 18px;
        line-height: 30px;
        padding: 14px 30px;
        width: 100%;
    }
    .create-test-publish-page-data .btns-wrap-bottom{
      margin-top: 0px;
    }

    .register-page-min-hegiht .graytext.researcher-profilebox-right-outerbox {
        flex:100%;
        width:100%; 
        max-width:100%;
    }
    .free-question-result-data.test-result-inner-data {
        padding: 20px 0;
    }
    .question-result-data.black-overlay:before{
        left: 0px;
    }

    .tester-profile.active-profile .tester_profole_guide_info.mb-32{
        margin-bottom: 60px;
    }


    .profile-sec-wrap .formbox.mb-0 {
        margin-bottom: 27px !important;
    }

    .profile-sec-wrap.mb-60 .row .formbox:last-child {
        margin-bottom: 0px !important;
    }
    .profile-sec-wrap.mb-60 .row.change-email-row{
        margin-bottom: 0px !important;
    }

    .profile-tester-wrap .profile-sec-wrap.mb-60 #spoken_language.d-flex-radiobox {
        margin-bottom: 32px !important;
    }
    .profile-tester-wrap .profile-sec-wrap.mb-60  .change-email-button {
        margin-top: 0;
    } 
    .profile-tester-wrap .delete-account-section.mt-60 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .profile-tester-wrap .change-password-section {
        margin-top: 40px;
    }
    .profile-tester-wrap .formbox {
        margin-bottom: 32px;
    }

    em.tests-counter{
        font-size: 11px;
        margin-left: 3px; 
        top: 0px;
    }
    .result-pie-chart-wrap .chart-info-wrap, .chart-info-wrap{
        padding-left: 0px;
    }

    .dashboard-filter-right{
        min-width:auto;
    }

    .tester-guidelines-wrap .section-1 h1{
        margin-bottom: 32px;
    }
    .tester-guidelines-wrap .section-1 {
        margin-bottom: 40px;
    }
    .tester-guidelines-wrap .section-2-intro{
       display: block; 
       margin: 30px 0px;
    }
    .access-to-tests-body {
        background: #FCFCFC; 
        border-radius: 20px;
        padding: 15px 15px;
    }
    .access-to-tests-body{
       display: block; 
    }
    .access-to-tests-body p{
       width: 100%; 
    }
    .section-3-intro {
        display: block;
        margin: 32px 0px 32px;
    }
    .sec3-intro-right svg {
        width: 100%;
        margin-top: 32px;
    }
    .orange-gradient-box{
       padding: 20px; 
    }

    .access-to-tests-body svg {
        width: 100%;
        padding-left: 0;
        margin-top: 25px;
    } 
    .tester-guidelines-wrap .section-2-intro p {
        width: 100%;
        padding-right: 0;
    }
    .tester-guidelines-wrap .section-2-intro svg{
        width: 100%;
    height: auto;
    margin-top: 32px;
    }
    .figma_prototype_design_screen .first-click-image{
        /*height: calc(100vh - 61px);*/
    }
    
    .first-click-design-screen .figma_prototype_footer{
        bottom:0px;
    }
   

    .tester-login-page-wrapper.tester-test-preview.figma-screens.first-click-design-screen{
     min-height: 100vh;
    overflow: hidden;
    }

    .first-click-design-screen .footer{
        display: none !important;
    }

    .prototype-map-slider-wrap{
       overflow-x: auto; 
    }

    .prototype-map-slider-wrap .heatmapImage, .clickMapImage {
        min-width: 1024px;
    }

    .prototype-test-questions .free-question-result-data{
        overflow-x: auto;
    } 
    .prototype-test-questions .free-question-result-data table{
        min-width:575px;
    }
    .test-result-header-wrapper .test-name-wrap {
        max-width: calc(100% - 201px);
    }
    .proto-type-take-test-btn button {
        margin: 6px 0px !important;
    }
    .figma_prototype_sidebar_body .proto-type-take-test-btn{
        display: block !important;
    }

    .figma_prototype_sidebar.questions-sidebar:after{
        display: none;
    }
    .figma_prototype_sidebar.questions-sidebar .taking-test-page-wrap .medium-box-wrapper{
     min-width: 100%;   
    }
    .figma_prototype_sidebar.questions-sidebar .figma_prototype_sidebar_body {
        padding: 0px 15px;
    }
    .prototype-result-overview-wrap .col-lg-3.col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0px 0px 20px;
    }

    .fullheight-minusHF {
        min-height: calc(100vh - 195px);
    }
    .tasksuccess-outerbox{
        flex-flow: column;
    }
    .tasksuccess-outerbox .box-medium:first-of-type{
        margin-bottom: 30px;
    }
    .tasksuccess-outerbox .box-medium{
        width: 100%;
    }
    .did-you-know-left-box {
        height: auto;
        margin: 40px 0px 30px;
    }
    .did-you-know-slider {
        padding: 0px 0px;
        max-width: 100%;
    }
    .edu-label-graph-bg {
        padding: 0px 0px;
    }


    .questioninputbox .survey-question-dropdoen-wrap{
        flex-wrap: wrap;
    }
    .questioninputbox .bd-que-slide-left,.questioninputbox .bd-que-slide-arrow{
        width: 100%;
    }
    .bd-que-slide-arrow .form-group.custom-control.d-flex{
        padding-left: 0px;
    }

    .questioninputbox .bd-que-slide-arrow{
        margin-top: 10px;
    }
    .cross-q.m-cross-q.mobile-view  svg path {
        stroke: var(--gray-700) !important;
        stroke-width: 1.5px !important;
    }
    .question-card-inner p {
        margin-top: 10px;
    }
    .card-sorting-creating-test-wrap {
        padding-top: 15px;
    }
    .question-tags {
        display: flex;
        flex-wrap: wrap;
    }
    .question-tags > div {
        margin-right: 2px;
        margin-bottom: 7px;
    }
    .question-topbuttonbox > div{
        width: 35px;
    }
    /*    
        .question-topbuttonbox {
            width: 80px;
        }*/
    .questioninputbox .bd-que-slide-left{
        position: relative;
    }
    .cross-q.m-cross-q.mobile-view {
        /*        opacity: 1;*/
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .sqa-check-top .cross-q{
        display: none !important;
    }
    span.add-other-survey-left {
        display: flex;
        font-size: 14px;
        align-items: center;
    }
    .arabic_wrapper .cross-q.m-cross-q.mobile-view{
        left: 0;
        right: auto;
    }
    .researcher-header .mobile-menu-wrap{
        display: block;
        position:static;	
        background:none;
        padding:0px; 
        width:auto;	 
    }	
    .dashboard-filter-right .dropdown.mobile-view .dropdown-menu{
        top:35px !important;
    }
    .singlesurvey-view .questionbox-top {
        flex-wrap: wrap;
    }
    .singlesurvey-view .questionbox-top .question-topbuttonbox{
        padding-left: 81px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .singlesurvey-view .questionbox-top .d-flex.question-topleftbox {
        width: 100%;
    }
    .singlesurvey-view .questionbox-top .question-topbuttonbox{
        justify-content: flex-end;
        padding-left: 0px;
        position: relative;
        width: 100%;
    }
    .newsingle-question .d-flex.question-topbuttonbox{
        justify-content: end;
        width: 100%;
        position: relative;
        top:4px;
    }

    .newsingle-question .questionaddlogic-v.custom-control.mb-0{
        position: absolute;
        left: 94px;	
    }

    .arabic_wrapper_main .added-question-wrap .questionaddlogic-v {
        padding-right: 0px !important;
        left:0px !important;
    }

    .singlesurvey-view .questionbox-top .questionaddlogic-v {
        position: absolute;
        left: 0 !important;
    }


    .singlesurvey-view .questionbox-top .questionaddlogic-v .toggle-with-label .toggle_btn_label {
        left: 25px;
        padding-left: 0px;
        padding-right: 85px;
    }
    .buy-credits-col-wrap .buy-credit-option-wrap {
        border-left: 0px;
        border-top: 1px solid #E3E3E3;
    }
    .custom-package-col-wrap .buy-credit-option-wrap {
        padding: 20px 0px;
    }
    .package-top-section {
        padding: 0px 20px;
    }
    .package-buld-amount-discount {
        padding: 20px 20px;
    }
    .package-button-wrapper {
        padding: 20px 20px 0;
        margin-top: 20px;
    }
    .buy-credit-option-wrap {
        padding: 20px 20px;
    }
    .buy-credits-faq-wrapper {
        padding-top: 60px;
    }
    .bd-question-top-slide.d-flex.justify-content-between {
        flex-flow: column;
    }
    .bd-que-slide-right.tree-options-right.treechartbtn{
        margin-top: 20px;
    }
    .researcher-profilebox-right-outerbox{
        margin-top: 40px;
    }
    .col-md-6.graytext.researcher-profilebox-right-outerbox{
        margin-top: 12px;
    }
    .login-right-side{
        margin-top: 20px;
    }
    .researcher-registerheader .row{
        flex-flow: inherit;
    }
    .tester-welcome-page-wrap .tester-selected-page-wrap{
        display: block;
    }
    .tester-welcome-page-wrap .inner-page-container {
        max-width: 100%;
        padding: 0;
    }
    .selected-page-right-side {
        width: 100%;
        max-width: 435px;
        margin: auto;
    }
    .selected-page-left-side {
        width: 100%;
        padding-right: 0;
        margin-top: 32px;
    }
    .tester-welcome-page-wrap  .taking-test-page-height {
        min-height: auto;
        padding: 20px;
        display: flex;
        align-items: center;
    }
    .tester-welcome-page-wrap .taking-test-button {
        padding: 0px 20px;
        margin-bottom: 32px;
    }
    .tester-welcome-page-wrap .taking-test-button button{
        width: 100%; 
    }
    .tester-test-intro .five-seconds-timer{
        position: relative;
        right: 0;
        display: flex;
        align-items: center;
        bottom: 0;
        text-align: center;
        width: 100%;
        justify-content: center;
        padding-top: 10px;
    }

    .tester-profilebox .profile-form-group .checkbox-wrap .checkmark{
        top: 1px;
    }
    .formbox.tester-step-backbox {
        position: relative;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;

    }
    .login-right-side{
        display: none !important;
    }

    .test-selected-main-cat-wrap .sl-mt-link-wrp.test-answer-selected{
        flex-wrap: wrap;
    }
    .sl-mt-link-wrp.test-answer-selected .task-tree-cat-data{
        width: calc(100%);
        padding-right: 0px;
    }

    .tree-test-preview-wrap .sl-mt-link-wrp.test-answer-selected .task-tree-cat-data{
        width: calc(100% - 125px);
        padding-right: 0px;

    }
    .tree-test-preview-wrap .sl-mt-link-wrp.test-answer-selected .selected-correct-answer{
        width:125px;
       margin-top: 0px;
    }

    .sl-mt-link-wrp.test-answer-selected .selected-correct-answer{
        width: calc(100%);
        margin-top: 10px;
    }

    .dropdown-container.country-with-value .country-dropdown .css-1d8n9bt {
        padding-left: 41px !important;
        display: flex;
        align-items: center;
    }

    .table-wrapper.study-history-table.testhistory-box {
        padding-left: 0;
        margin-top: 30px;
    }
    .testhistory-box table td {
        font-weight: 500;
        padding: 10px 6px;
    }

    .middlenavigationlist, .mobilemenubtn-box,.header-workspaceheading,
    .supportnavigationbox.navigation-listing ul li a,
    .bottomnavigationlist.navigation-listing{
        padding-left: 20px;
    }
    body.open-m-menu {
        overflow: hidden !important;
    }
    .ranking-scale-chart .likertscale-subquestion-chart{
        display: block;
    }
    .ranking-scale-chart .likertscale-subquestion-chart > div {
        margin:16px 0px;
        display: flex;
        align-items: center;
    }
    .ranking-scale-chart .subquestion-chart-outer {
        height: 40px;
        width: 100%;
        margin-left: 15px;
    }
    .ranking-scale-chart .subquestion-chart-inner{
        height: 40px !important;
    }
    .ranking-scale-chart .subquestion-chart-inner h4 {
        margin-top: 0;
        position: static;
        top: 0;
        bottom: auto;
        padding-left: 32px !important;
        font-size: 16px;
    }
    .ranking-scale-chart .star-icon{
        max-width: 140px;
        margin: 0;
    }
    .ranking-scale-chart .number-icon, .ranking-scale-chart .emoticon-icon{
        margin: 0px;
    }
    .rating_scale_calculation{
        margin: 0px;
    }
    .ranking-scale-chart .star-icon.selected-icon img{
        width: 24px;
    }
    .rating_scale_calculation_repeat {
        margin: 10px 0;
        width: 100%;
        justify-content: space-between;
        min-width: 100%;
    }
    .result-body .three-column-layout {
        padding: 0px !important;
    }
    .result-body .three-column-layout-top-header {
        width:100%;
        padding:15px 15px 12px;
        margin: 0 auto;
        display: block;
    }
    .question-dropdown-container .dropdown-header{
        padding: 20px 15px;
    }
    .result-body .question-result-data {
        position: relative;
        padding: 0px 15px;
    }

    .document_not_match_modal .p-32.modal-body{
     padding:32px 20px;
    }

    .document_not_match_modal .modal-header-top h2{
        width: 100%;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    }

    .doc_modal_info_bottom.mt-40.mb-40.text-center {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .document_not_match_modal .modal-header-top {
        margin-bottom: 32px;
    }
    .document_table_data tr td:first-child, .document_table_data tr th:first-child {
        border: 0px;
        width: 150px;
    }
    .document_table_data tr td, .document_table_data tr th {
        padding: 15px 24px;
    }
    .tester-profile .profile-sec-wrap.mb-60 .whatsupplabel {
        margin-top: 17px;
        position: static;
        bottom: 0;
        margin-bottom: 5px;
    }
    .tester-profile .profile-sec-wrap.mb-60 .whatsupplabel .checkbox-wrap{
       margin: 0px; 
    }
    
    .no-page-data-wrap {
        padding: 0px 15px;
    }
    .aggregated-data-table .table-responsive {
        overflow: auto;
    }

    .idverify-message .toast-message-wrap {
        display: block;
        padding: 16px;
    }
    .idverify-message .toast-message-wrap .toast-data {
        padding: 12px 0 0;
    width: 100%;
    }
    .idverify-message .toast-message-wrap .toast-data .link-text{
        display: table;
        background: #000;
        color: #fff !important;
        text-decoration: none;
        padding: 8px 20px 8px 46px;
        margin:5px 0 5px 0;
        border-radius: 50px;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
        position: relative;
    }
    .idverify-message .toast-message-wrap .toast-data .link-text::before{
        position: absolute;
    content: "";
    width: 20px;
    height: 18px;
    background-image: url(../img/id-doc-white.svg);
    left: 21px;
    background-size: 18px;
    top: 11px;
    background-repeat: no-repeat;
    }

    
    .idverify-message .toast-message-wrap .icon-medium {
        width: 32px;
        height: 32px;
    }
    .idverify-message .toast-message-wrap .toast-data  p{
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px;
    }
    .tester_profole_guide_info p, .tester_profole_guide_info .link-text{
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 25px;
    }
    .tester_profole_guide_info .link-text{
        margin-bottom: 0px;
    }
        
.selected-btn, .selected-btn:hover{
    background: #378B10 !important;
    color:var(--gray-50) !important;  
    border: #378B10 !important; 
}
    
}

@media screen and (max-width:699px){
    .test-list-repeat-wrap, .creat-test-card-repeat {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
}


@media only screen 
  and (max-device-width: 575px) /* iPhone 6/7/8 Plus, iPhone X, iPhone XS Max */
  and (-webkit-device-pixel-ratio: 3) /* Retina display */
  and (orientation: portrait) /* Portrait mode */ {
  
    
    .first-click-design-screen .figma_prototype_footer{
        bottom:0px !important;
    }
}


@media screen and (max-width:610px){
    .prototype-test-title {
        display: block !important;
    }
    .change-order-button-wrap {
        margin-top: 20px;
    }
    .singlesurvey-view .questionbox-top{
        flex-wrap: wrap; 
    }
    .singlesurvey-view .questionbox-top > div{
        width:100%; 
    }

    .question-middlebox .semi-bold-font{
        font-size: 16px;
    }
   
    .publish-test-modal-data{
        display:block;	
    }
    .publish-modal-text {
        width: 100%;
        padding-right: 0;
    }
    .publish-modal-image-wrap {
        text-align: center;
        margin-bottom: 20px;
    }
    .formbox .change-email-option button.secondary-btn.secondary-small{
        right: 0px;
    }
    .formbox .change-email-option .form-group {
        width:100%;
    }
    .row.change-email-row {
        align-items: center;
        margin-bottom: 25px;
    }
    .change-email-body{
        padding-left: 30px;
        padding-right: 30px;
    }



    .preference-test-question-table-bottom {
        flex-flow: column;
        align-items: flex-start;
    }
    .preference-test-question-table-bottom > p{
        margin-left: 0px;
    }
    .load-more-data {
        margin-top: 10px;
    }

    .tester-test-intro .five-second-show-design-button .subheading{
        align-items: flex-start;
    }
    .five-second-show-design-button .body-text-3{
        text-align: left;
    }

    .no-tests-rating-information{
        display:block;  
      }
      .no-tests-rating-information .rating-info-left {
          width: 100%;
          justify-content: center;
          border-right: 0;
          padding-right: 0;
          padding-bottom: 20px;
      }
      .no-tests-rating-information .rating-info-right {
          width: 100%;
          padding-left: 0;
          text-align: center;
      }
      .no-tests-rating-information .score-link-header svg {
          margin-right: 10px;
          width: 32px;
          height: 32px;
      }
      .no-tests-rating-information .rating-info-right br{
          display: none;
      }
      .nps-modal .modal-body {
        padding: 20px;
    }
} 

@media screen and (max-width:480px){
    .create-prototype-test .cardsorting-wrap-mid-data {
        padding: 21px 15px 25px;
    }
    .testhistory-box table td {
        font-weight: 500;
        padding: 8px 6px;
        font-size: 13px;
    }
    .wallet-overview-tile-hold .box-small {
        min-width: 100%;
        max-width: 100%;
        display: inline-flex;
    }
    .wallet-overview-tile .balance-row {
        display: block;
    }
    .wallet-overview-tile .balance-row-left {
        margin-right: 0;
        width: 100%;
    }
    .wallet-overview-tile .balance-row-right {
        width: 100%;
        margin-top: 18px;
    }
    .wallet-overview-tile .balance-row-right button{
        width: 100%;
    }

    .wallet-overview-tile-hold .box-content{
        width: 100%;
    }
    .questiondescription-s.d-flex {
        display: block !important;
    }
    .questiondescription-s.d-flex  .survey-question-added-info{
        margin-bottom:12px;	
    }

    .cross-q.position-relative {
        position: absolute !important;
        right: 5px !important;
        left: auto !important;
        top: -15px;
    }
    .question-topbuttonbox > div {
        width: 25px;
        margin-left:3px;
    }
    .question-topbuttonbox > div svg{
        width: 24px;
    }

    .questioninputbox .bd-que-slide-left,.questioninputbox .bd-que-slide-arrow{
        width: 100%;
    }
    .questioninputbox .sqa-check-top .custom-control.custom-checkbox {
        align-items: center;
        display: flex;
        padding-left: 0;
    }
    .questioninputbox .survey-question-dropdoen-wrap{
        flex-wrap: wrap;
    }
    .questioninputbox .bd-que-slide-left{
        margin-bottom: 20px;
    }
    .cross-q.position-relative {
        position: absolute !important;
        right: 5px !important;
        left: auto !important;
        top: -24px;
    }
    .questioninputbox .form-group.custom-control.d-flex{
        padding-left: 0px;
    }
    .bd-que-slide-arrow.add-logic-survey-option.addlogic-singlelogicbox {
        width: 100%;
        padding-left: 0;
    }
    .points-outer{
        flex-wrap: wrap;
    }
    .scalebuttonbox {
        margin-bottom: 20px;
    }
    .questioninputbox .dropdown-container.form-group.input-field.mb-0.focused{
        margin-left: 0px;
    }
    .questioninputbox .dropdown-container.form-group.input-field.mb-0.focused{
        width: 150px;
    }
    .questioninputbox .points-outer .dropdown-container.form-group.input-field.mb-0.focused{
        width: 220px;
    }
    .add-other-survey{
        flex-wrap: wrap;
    }
    .add-other-survey .secondary-btn{
        margin-top: 10px;
    }
    .arabic_wrapper .sqa-check-top .cross-q.position-relative, .arabic_wrapper .bd-question-top-slide .cross-q.position-relative{
        left: 0px !important;
        right: auto !important;
    }
    .survey-question-dropdoen-wrap.arabic_wrapper .bd-que-slide-arrow.add-logic-survey-option{
        width: 100%;
    }
    .arabic_wrapper .points-outer {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .question-middlebox .subtitle-2{
        font-size: 16px;
    }
    .question-topbuttonbox .icon-medium {
        width: 20px;
        height: 20px;
    }

    .lightgraybox {
        border-radius: 10px;
        padding: 20px 15px 20px 15px;
    }
    .questiondescription-s {
        padding-left: 27px;
        padding-top: 6px;
        font-size: 16px;
        line-height: 24px;
    }
    .singlesurvey-view .questionbox-top .question-topbuttonbox{
        margin-top: 10px;
    }
    .survey-added-question-repeat {
        margin-top: 20px;
    }

    /****** Survey Single In Mobile ******/
    .questioninputbox .ans-list-wrap.survey-logic-added .ans-list-repeat.saved-ans-repeat{
        flex-wrap: wrap;
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .ans-icon{
        width: 25px;
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .ans-data {
        width: calc(100% - 70px);
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .ans-close-row {
        margin-left: 5px;
        width: 20px;
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .small-dropdown.add-logic-dropdown {
        width: calc(100% - 70px);
        margin: 20px auto 0px;
        padding: 0;
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .dropdown-container.form-group.input-field.mb-0.focused{
        width: 100% !important;
        margin-left: 0px !important;
    }

    .questioninputbox .ans-list-wrap.survey-logic-added .css-13cymwt-control{
        min-height: 55px !important;
    }
    .questioninputbox .ans-list-wrap.survey-logic-added .css-t3ipsp-control:hover{
        min-height: 55px !important; 
    }
    /****** Survey Single In Mobile ******/

    .questioninputbox .bd-que-slide-arrow{
        margin-top: 0px;
    }
    .viewpart-optional{
        font-size: 16px;
    display: block !important;
    margin-left: 0px;
    }
    .change-questiontype-dropdown .dropdown-menu{
        right: 0px !important;
    }
    .arabic_wrapper .change-questiontype-dropdown .dropdown-menu{
        right: auto !important;
        left: 0 !important;
    }

    .change-questiontype-dropdown .dropdown-menu .dropdown-item{
        padding: 10px 20px; 
    }

    .questionreadmode-left {
        width: 100%;
    }
   
    .question-optionbox.logicq-view{
        flex-wrap: wrap;
    }

    .accountnaviagtion-outer a{
        padding: 0px 10px 5px;
        font-size: 20px;
    }
    .accountnaviagtion-outer .active a{ 
        border-bottom: 2px solid #000;
    }
    .accountnaviagtion-outer{
        margin-bottom: 35px;
    }
    .account-subtitle {
        margin-bottom: 30px;
    }
    .delete-account-section {
        margin-bottom: 35px;
    }
    .change-email-modal.confirmation-modal-wrap .subtitle-2 {
        font-size: 12px;
        line-height: 1.4;
    }

    .figma_prototype_sidebar_body .taking-test-button-wrap{
        flex-wrap: wrap;
    }
    .figma_prototype_sidebar_body .taking-test-button-wrap button:first-of-type {
        position: relative;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .sidentity_tile_inner .subtitle-2 {
        font-size: 16px;
        line-height: 24px;
        width: calc(100% - 126px);
    }

    .identity_tile_wrap{
        padding: 27px 15px;
    }
}

@media screen and (max-width:449px){
    .sidentity_tile_inner-footer{
        display: block !important;
    }
    .sidentity_tile_inner-footer .right-content {
        margin-top:10px;
    }
    .identity_tile_wrap{
        background-position: center;
    }
}

@media screen and (max-width:430px){
    .questionbox-top.optional-q-top{
        flex-wrap: wrap;
    }
    .viewpart-optional{
        margin-right: 5px; 
    }
    .optional-q-top  .d-flex.question-topbuttonbox {
        padding-left: 20px;
        width: 100%;
        justify-content: flex-end;
    }
    .nda-agreement-modal .modal-body {
        padding: 20px;
    }
    .figma_prototype_footer{
        padding: 10px 5px;
    }
    .prototype-task-followup-questions  .arabic_wrapper .cross-q.m-cross-q.mobile-view{
        left: -30px;
    }

}
@media screen and (max-width:414px){
    
   
    .all-credits-count-wrap{
        display:block;	
        text-align:center;
    }
    .all-credits-count-wrap h3 {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .earn-invite-left-info-icons svg, .earn-invite-left-info-icons img {
        width: 40px;
        height: 40px;
        margin: 0px 15px;
    }
    .invite-earn-balancebox h2, .invite-earn-balancebox h1{
        font-size:20px;
        line-height:26px; 
    }
    .tester-test-cards .test-footer-lhs .test-time-data-repeat:nth-child(2){
        position:relative;
        left:-10px;
    }
    .tester-dashboard .tester-test-cards .test-footer-lhs .test-time-data-repeat:nth-child(2){
        left: 0px; 
    }
    .error-page-footer-wrap.d-flex.text-center {
        display: block !important;
        text-align: center !important;
        padding: 0px 10px;
    }
    .login-data-wrap.flex-wrap.already-taken-testlogin-wrap.error-404 {
        padding-bottom: 150px;
    }

    .error-timer-hold {
        justify-content: center;
        margin-top: 12px;
    }
    .marketing-section-wrap .form-info-text .body-text-3 {
        width: 90%;
    }
    .filter-sort-btn{
        margin-left: 0px;
    }
    .dashboard-filter-right .dropdown {
        margin-right: 10px;
    }
    .dashboard-filter-right .filter-menu-btn svg {
        margin-left: 4px;
    }
    .dashboard-filter-right .filter-menu-btn {
        font-size: 14px;
    }
}

@media screen and (max-width:375px){
    .sidentity_tile_inner .subtitle-2 {
        font-size: 14px;
        line-height: 22px;
    }
    .question-middlebox .subtitle-2 {
        font-size: 15px;
    } 

    .recruit-participant-top-heading button {
        min-width: 142px;
        font-size: 11px;
    }
    .share-social-links-success .share-social-links.text-center button {
        margin: 0 4px;
    }
    .share-social-links-success h5{
        margin-right:3px;
        font-size:12px; 
        line-height:24px;	
    } 

    .change-email-modal.confirmation-modal-wrap .subtitle-2 {
        font-size: 10px;
        line-height: 1.4; 
    }
    .no-tests-rating-information .score-star-icon span{
        font-size: 20px;
    }
}
@media screen and (max-width:380px){ 
    .test-publish-fee-header-left{
      position: relative;
    }
    .test-publish-fee-header-left p{
        margin-top:16px;
    }
    .test-publish-fee-header-left .tag.purple-tag.tag-icon-left {
        position: absolute;
        bottom: 4px;
        min-width: 129px;
    }
}

@media screen and (max-width:359px){ 
    .zoom-controls{
        left:5px;
    }
    .accordian-header h3 {
        display: block;
    }
    .test-setting-modal .radio-btn-label{
        font-size: 16px;
        line-height:25px;
    }
    .confirm-buttons-wrap{
        flex-wrap: wrap;

    }
  
    .payments-cards.d-flex{
        height: auto;
        display: block !important;
        padding: 15px 15px;
    }
    .card-right-side {
        display: block !important;
        align-items: center;
        margin-top: 15px;
    }
    .delete-account-btn{
        margin-top: 10px;
    }
    .billing-plan-page-wrapper .card-right-side .make-primary-card{
        line-height: 0px;
       margin-top: 10px;
    }
    .accountnaviagtion-outer a {
        padding: 0px 8px 5px;
        font-size: 15px;
    }	
    .login-hdr-right .btn.btn-with-icon {
        display: flex;
        padding: 8px 26px 8px 25px;
    }
    .profile-complete-progress-wrap.notify-info .no-data-icon {
        margin: 0 6px 0 0;
        position: relative;
        top: 0;
        width: 30px;
    }
    .done-with-task-modal .buttons button{
        white-space: break-spaces;
    }

    .done-with-task-modal .buttons button {
        font-size: 14px;
        padding: 14px 14px;
    }
    .squaretile-wrapper .square-tile-wrap {
        margin: 0px 3px;
        padding: 8px;
    }
    .squaretile-wrapper {
        margin: 0px -3px;
    }
    .emoticon-icon {
        margin: 1px 3px;
        height: 45px;
        width: 45px;
        padding: 9px;
    }
    .nps-modal .modal-body {
        padding: 14px; 
    }
} 

@media screen and (max-width:340px){
    .dashboard-filter-right .filter-menu-btn {
        font-size: 12px;
    }
    .treeScrollbar .ans-list-repeat.selected-card-cat-repeat .ghost-btn {
        right: 49px; 
    }
    .treeScrollbar .ans-data {
        width: calc(100% - 157px);  
    }
    .tester-doctype-repeat p {
        padding-left: 6px !important;
        font-size: 9px !important;
        padding: 0px 4px !important;
    } 
    .document_not_match_modal .confirm-buttons-wrap button{
        font-size: 14px; 
    line-height: 24px;  
    }
}