/*================================= RESPONSIVE CSS ==================================*/
/*================== TABLET AND MINI LAPTOP ==================*/
@media screen and (min-width:768px) and (max-width:991px) {

    /*================== HERO SLIDER =================*/
    .hero {
        bottom: 4%;
    }

    .hero-contact {
        padding-left: 3rem;
    }

    .hero-social {
        padding-right: 3rem;
    }

    /*==================== ABOUT SECTION ====================*/
    #about .image-wrapper img {
        width: 100%;
    }

    /*==================== PROCESS SECTION ================*/
    #process {
        height: auto;
        clip-path: polygon(0 12%, 100% 0, 100% 88%, 0 100%);
        padding-top: 8rem;
        padding-bottom: 11rem;
    }

    #process .section-heading {
        margin-bottom: 2.5rem;
    }

    #process .process-border {
        border-bottom: none;
    }

    #process .process-item.top {
        bottom: 0;
    }

    #process .process-item.bottom {
        top: 0;
    }

    #counter {
        height: auto;
        clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 100%);
        padding: 8rem 0rem 7rem;
    }

    .tabcontent h3 {
        display: none;
    }

    /*============= TESTIMONIAL SECTION ===============*/
    #testimonial .testimonial-card {
        padding: 2rem 4rem;
    }

    .footer-above .footer-card {
        padding: 1.5rem;
    }

    /* ================== RESEARCH SOLUTION PAGE ==================*/
    .reasearch-solution-content .survey-box {
        flex-wrap: wrap;
    }

    .reasearch-solution-content .survey-box li {
        margin: 18px 5px;
        width: 31%;
    }

    /* ================== RESEARCH CONSULTANCY PAGE ==================*/
    .consultancy-item .image img {
        height: 420px;
        object-fit: cover;
    }

    .process-card {
        height: 420px;
    }

}

/*================== TABLET ==================*/
@media screen and (max-width:767.8px) {
    #root p {
        font-size: 1.5rem;
    }

    /*================== HERO SLIDER =================*/
    .hero-slide {
        padding: 0rem .8rem;
    }

    .hero-slide h1 {
        font-size: 3.6rem;
    }

    .hero {
        bottom: 4%;
    }

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

    .hero-contact a {
        font-size: 1.6rem;
    }

    .hero-social {
        padding-right: 2rem;
    }

    .hero-social a {
        font-size: 1.6rem;
    }

    /*==================== ABOUT SECTION ====================*/
    .content-wrapper .section-heading h2 {
        font-size: 2.6rem;
    }

    .brief-card {
        padding: 3.5rem 1.2rem 2rem 1.6rem;
    }

    .brief-card .about-icon {
        top: -13%;
    }

    .brief-card .about-icon i {
        font-size: 2.4rem;
    }

    /*==================== CUSTOM BUTTON =================*/
    .btnfos {
        max-width: 90px;
        font-size: 1.2rem;
    }

    /*==================== CUSTOM TITLE ==================*/
    .section-heading h5 {
        font-size: 1.5rem;
    }

    .section-heading h2 {
        font-size: 3.3rem;
    }

    /*==================== PROCESS SECTION ================*/
    #process {
        height: auto;
        clip-path: polygon(0 12%, 100% 0, 100% 88%, 0 100%);
        padding-top: 8rem;
        padding-bottom: 11rem;
    }

    #process .section-heading {
        margin-bottom: 2.5rem;
    }

    #process .process-border {
        border-bottom: none;
    }

    #process .process-item.top {
        bottom: 0;
    }

    #process .process-item.bottom {
        top: 0;
    }

    #process .process-item span {
        font-size: 1.8rem;
    }

    #process .process-item .icon i {
        font-size: 3rem;
    }

    /*================ COUNTER SECTION ==================*/
    #counter {
        height: auto;
        clip-path: polygon(0 11%, 100% 0, 100% 89%, 0 100%);
        padding: 8rem 0rem 10rem;
    }

    .counter-item {
        border-radius: 3rem 0rem 3rem 3rem;
    }

    .counter-item .value h3 {
        font-size: 2.2rem;
    }

    /*============= INDUSTRY SECTION ===============*/
    .tabs button {
        font-size: 1.6rem;
        padding: .8rem 1.2rem;
    }

    #industry .img-card img {
        height: 90px;
    }

    .tabcontent h3 {
        display: none;
    }

    /*============= TESTIMONIAL SECTION ===============*/
    #testimonial .testimonial-card {
        padding: 2rem 2rem;
    }

    /*============= FOOTER SECTION ==============*/
    /*============= FOOTER TOP ============*/
    #footer .footer-above {
        border-bottom: none;
    }

    #footer .footer-above .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-above .footer-card {
        border-left: none;
        border-bottom: 1px solid rgb(189 189 189 / 0.45);
        padding: 3rem;
    }

    .footer-above .footer-card .icon i {
        font-size: 2.6rem;
    }

    .footer-above .footer-card .title h4 {
        font-size: 1.4rem;
        font-family: var(--oswald-regular);
    }

    .footer-above .footer-card a {
        font-size: 1.8rem;
    }

    /*=================================== FOOTER MAIN =======================================*/
    #footer .footer-main {
        padding: 2rem 0rem;
    }

    #footer .footer-main .content p {
        margin-bottom: 2rem;
    }

    #footer .footer-main .recent-post .image img {
        width: 70px;
        height: 55px;
        object-fit: cover;
    }

    /*================================= FOOTER BOTTOM ==================================*/
    #footer .footer-bottom {
        background: rgb(0 0 0 / 60%);
        border-top: none;
    }

    #footer .footer-bottom .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-bottom .footer-logo,
    .footer-bottom .footer-social,
    .footer-bottom .footer-copyright {
        border-left: none;
        border-top: 1px solid rgb(189 189 189 / 0.45);
    }

    .footer-bottom .footer-social a i {
        font-size: 1.5rem;
        width: 33px;
        height: 33px;
        line-height: 3.3rem;
    }

    /*===================== ABOUT PAGE ===========================*/
    .core-value-card {
        flex-direction: column;
    }

    .core-value-card .content-wrapper {
        padding: 1rem 1rem 1rem 1rem;
        text-align: justify;
    }

    /* ================== RESEARCH SOLUTION PAGE ==================*/
    .reasearch-solution-content .survey-box {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .reasearch-solution-content .survey-box li {
        margin: 18px 5px;
        width: 45%;
    }

    /*====================== RESEARCH CONSULTANCY PAGE ====================*/
    .research-consultancy-list .consultancy-item {
        padding-left: 1rem;
        box-shadow: none;
    }

    .consultancy-item .flex-direction {
        flex-direction: column-reverse;
    }

    .consultancy-item .content {
        right: 0%;
        border-radius: 0rem;
        padding: 2rem 2rem;
    }

    .consultancy-item .content.right {
        left: 0%;
    }

    .consultancy-item .image {
        padding: 0rem;
    }

    .consultancy-item .image.right {
        padding: 0rem;
    }

    /*============================= B2B PAGE =========================*/
    .itemContent .accordion-list ul {
        grid-template-columns: repeat(2, 1fr);
    }

    /*======================== CATI PAGE ==================*/
    .banner-slider .banner-video2 {
        display: none;
    }

    .banner-slider .banner-text h2 {
        font-size: 3.2rem;
    }

    #company .company-item img {
        padding: 0rem 2rem;
        height: 80px;
        margin: 0 auto;
     }

     #cati-industry .slick-track {
        height: auto;
    }

    #cati-industry .slick-slide {
        margin: 0rem;
        padding: 0rem 1rem;
    }

}

/*============================= MOBILE =========================*/
@media screen and (max-width:575.8px) {
    #root p {
        font-size: 1.4rem;
    }

    /*================== HERO SLIDER =================*/
    .hero-slide {
        padding: 0rem .8rem;
    }

    .hero-slide h1 {
        font-size: 3.3rem;
    }

    .hero-contact a {
        font-size: 1.5rem;
    }

    .hero-social a {
        font-size: 1.5rem;
    }

    .inner-banner .content-wrapper h3 {
        font-size: 3.6rem;
    }

    /*==================== ABOUT SECTION ====================*/
    .content-wrapper .section-heading h2 {
        font-size: 2.6rem;
    }

    .brief-card {
        padding: 3.5rem 1.2rem 2rem 1.6rem;
    }

    .brief-card .about-icon {
        top: -13%;
    }

    .brief-card .about-icon i {
        font-size: 2.4rem;
    }

    /*==================== CUSTOM TITLE ==================*/
    .section-heading h5 {
        font-size: 1.4rem;
    }

    .section-heading h2 {
        font-size: 3rem;
    }

    /*==================== PROCESS SECTION ================*/
    #process {
        height: 820px;
        clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
        padding-top: 11rem;
    }

    #process .process-item span {
        font-size: 1.7rem;
    }

    #process .process-item .icon i {
        font-size: 2.6rem;
    }

    /*================ COUNTER SECTION ==================*/
    #counter {
        height: auto;
        clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 100%);
        padding: 10rem 0rem 8rem;
    }

    .counter .counter-icon {
        font-size: 3rem;
    }

    .counter .counter-value {
        font-size: 2.6rem;
    }

    .counter h3 {
        font-size: 1.4rem;
    }

    /*============= INDUSTRY SECTION ===============*/
    .tabs button {
        font-size: 1.4rem;
        padding: .6rem .8rem;
    }

    #industry .img-card img {
        height: 80px;
    }

    /*============= TESTIMONIAL SECTION ===============*/
    #testimonial .testimonial-card {
        padding: 2rem 2rem;
        margin-top: 2rem;
    }

    /*================== ROADMAP SECTION ==============*/
    .embla {
        padding: 20px 5px;
    }

    .embla__slide {
        min-width: 100%;
    }

    .embla-slide-content {
        width: 75%;
    }

    .embla-slide-content h2 {
        font-size: 2rem;
    }

    .embla__button--prev {
        left: 10px;
    }

    .embla__button--next {
        right: 10px;
    }

    /*============= AFFILIATION ===============*/
    .affiliation-area {
        padding: 2rem 0rem;
    }

    .affiliation-area .affiliation-img img {
        height: 50px;
    }

    /*===================== ABOUT PAGE ===========================*/
    .brief-card {
        height: auto;
    }

    .core-value-card {
        flex-direction: column;
    }

    /* ================== RESEARCH SOLUTION PAGE ==================*/
    .nav-tabs li.filter-menu {
        width: 100%;
    }

    .nav-tabs li.filter-menu .nav-link {
        border-left: none !important;
        border-bottom: 1px solid var(--slide-text) !important
    }

    .nav-tabs li.filter-menu:last-child .nav-link {
        border-bottom: none !important;
    }

    .reasearch-solution-content h6 {
        font-size: 1.8rem;
    }

    .accordion-body .content h6 {
        font-size: 1.8rem;
    }

    .reasearch-solution-content .survey-box {
        display: block;
    }

    .reasearch-solution-content .survey-box li {
        margin: 18px 5px;
        width: 100%;
    }

    .reasearch-solution-content .survey-box li img {
        height: 160px;
        object-fit: cover;
    }

    .Unique-Delivery li {
        font-size: 1.4rem;
    }

    /*====================== RESEARCH CONSULTANCY PAGE ====================*/
    .quantitative-heading h3 {
        font-size: 2.5rem;
    }

    .quantitative-heading h5 {
        font-size: 1.8rem;
    }

    .section-head h3 {
        font-size: 2rem;
    }

    .research-consultancy-list .consultancy-item {
        padding: 2rem 1rem;
    }

    .consultancy-item .content h6 {
        font-size: 1.8rem;
    }

    .process-card {
        min-height: auto;
    }

    .process-card h4 {
        font-size: 1.6rem;
    }

    /*================== B2B PAGE =================*/
    .entry-section-head h2 {
        font-size: 3.4rem;
    }
    .itemContent .accordion-list ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .rp-card .head h3 {
        font-size: 2rem;
    }

    .concultancy-item-box .content ul {
        column-count: 1;
    }

    /*=================== ESOMAR PAGE ================*/
    .esomaritemBtn {
        font-size: 1.8rem;
        padding: .9rem 1.4rem;
    }


    /*================== CAREER PAGE ==================*/
    .contact-map iframe {
        height: 400px;
    }

    /*==================== POPUP ================*/
    .popup-form {
        width: 93%;
    }

    .popup-success {
        width: 93%;
    }    .banner-slider .banner-text h2 {
        font-size: 2.6rem;
    }

    .popup-download {
        width: 92%;
    }

    /*==================== CATI PAGE ================*/
    .banner-slider .banner-video2 {
        display: none;
    }

    .banner-slider .banner-text h2 {
        font-size: 2.6rem;
    }

    #cati-industry .slick-track {
        height: auto;
    }

    #cati-industry .slick-slide {
        margin: 0rem;
        padding: 0rem 1rem;
    }

    #language ul.language .list-title ul {
        column-count: 2;
    }
    
    #keybenefit ul {
        grid-template-columns: repeat(1, 1fr);
    }

    #company .company-item img {
       margin: 0 auto;
       height: 80px;
    }

}

@media screen and (max-width:430px) {
    .tabs {
        flex-wrap: wrap;
    }

    .tabs button {
        width: 100%;
    }
}