@media (min-width:781px) and (max-width:1030px){
    #menu-primary-menu{
        gap:6px !important;
        padding-left: 0 !important;
    }
    .my-custome-menu ul li a{
        padding:24px 6px 9px;
        font-size:14px;
    }
    .site-header .nav-wrapper .my-custome-menu>ul>li:nth-last-child(1)>a{
        gap:0;
        font-size:14px;
        line-height:14px;
        padding:8px
    }
    .banner_inner_box{
        padding-top:0;
    }
    .banner_hero_image img{
        width:100%;
        height:100%;
        max-width:100%;
    }
    /* .site-header .nav-wrapper .my-custome-menu>ul>li:last-child>a::after{
        content:none;
    } */
}
@media (max-width: 780px){
    .navbar-collapse{
        padding-left:0;
        padding-right:0;
    }
    .my-custome-menu ul li a{
        padding:16px 0;
    }
    .my-custome-menu ul li a, .my-custome-menu ul li:last-child a{
        margin-bottom:0;
    }
    .site-header .nav-wrapper .my-custome-menu>ul>li:nth-last-child(1)>a{
        margin:16px 0;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
        background:transparent;
    }
    .home-banner-sectiton .banner_title br{
        display:block
    }
    .client_title_update{
        text-align:left;
    }
}

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


    .banner_hero_image img {
        height: 465px;
        width: 500px;
    }

    .banner_hero_image #videoBtn img {
        height: 120px;
        width: 120px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .tastimaonial-item .cts-item-block-left {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tastimaonial-item .cts-item-block-right {
        flex: 0 0 calc(100%);
        max-width: calc(100%);
        padding-right: 0px;
    }

    .video-popup-content {
        height: 45vh;

    }

    /* .site-header .nav-wrapper .my-custome-menu>ul>li:nth-last-child(1) {
        display: none;
    } */

    .banner_hero_image img {
        height: 100%;
        width: 100%;
    }

    .banner_title {
        font-size: 40px;
        line-height: 48px;
        font-weight: 600;
    }

    .video-popup video {
        width: 100%;
        height: 440px;
    }

    .close-video {
        top: -33px;
        right: -31px;
        font-size: 65px;
        z-index: 99;
    }

    /* .stata_wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    } */

    .challenges-title {
        font-size: 32px;
        line-height: 42px;
        width: 293px;
        margin: auto;
    }

    .challenge-card {
        width: 259px;
        padding: 12px;
        font-size: 14px;
        line-height: 20px;
    }

    .challenges-wrapper {
        padding: 280px 0px;
        position: relative;
        /* min-height: 820px; */
        z-index: 99;
    }

    /* .challenge-card.card-1 {
        top: 7px;
        left: unset;
        right: 12px;
    }

    .challenge-card.card-2 {
        top: 134px;
        right: unset;
        left: 10px;
    }

    .challenge-card.card-3 {
        top: 423px;
        right: 12px;
    }

    .challenge-card.card-4 {
        bottom: 202px;
        left: 10px;
    }

    .challenge-card.card-5 {
        bottom: 86px;
        right: 10px;
    } */

    .intent-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .section-5grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991px) {
    /* .stata_wrapper .slick-slide {
        margin: 0 8px;
    }

    .stata_wrapper .slick-list {
        margin: 0 -8px;
    } */
     .stata_wrapper .stat{
        padding-right:16px;
     }
    
}

@media (max-width: 992px) {
    .hero-actions {
        flex-direction: column;
    }

    .hero-actions .btn-borderded-bokaap {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 780px) {
    /* .section-5grid {
        display: block !important;
    } */
    .section-5grid .grid-inner-box {
        margin: 0 8px;
        max-width: 300px;
    }
    .section-5grid .slick-track {
        display: flex !important;
    }
    .font-24-update {
        font-size: 20px;
        line-height: 30px;
    }

    .video-popup video {
        width: 100%;
        height: 100%;
    }

    .site-header {
        display: block;
    }

    #menu-primary-menu {
        display: block;
    }

    .my-custome-menu {
        padding-top: 13px;
    }

    .banner_title {
        /* font-size: 40px;
        line-height: 48px; */       
        font-size: clamp(28px, 9vw, 40px);
        line-height: clamp(34px, 10.8vw, 48px);
    }
    .banner-text br{
        display: none;
    }
    /* .video-control-btn {
        top: 31%;
    } */

    /* .banner_hero_content {
        flex: 0 0 100%;
        padding-right: 0px;
        z-index: 2;

    } */

    .banner_inner_box {
        position: relative;
        padding-top: 0;
    }

    .banner_hero_image {
        flex: 0 0 100%;
        position: absolute;
        z-index: 1;
        top: 21px;
        right: -12px;
    }

    .video-control-btn {
        z-index: 99999999;
    }

    .banner_hero_image img {
        width: 273px;
        height: 273px;
    }

    .btn-borderded-bokaap.dark-btn {
        display: flex;
        justify-content: center;
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
    }

    .banner-bottom-text a {
        color: #222D3A;
        border: 1px solid #222D3A;
        padding: 14px 28px;
        display: flex;
        justify-content: center;
        text-transform: uppercase;
    }

    .challenges-title {
        font-size: 32px;
        line-height: 42px;
        width: 293px;
        margin: auto;
    }

    .challenge-card {
        width: 260px;
        padding: 12px;
        font-size: 16px;
        line-height: 24px;
    }

    .challenges-wrapper {
        padding: 280px 0px;
        position: relative;
        min-height: 820px;
        z-index: 99;
    }

    /* .challenge-card.card-1 {
        top: 25%;
        left: unset;
        right: 12px;
    }

    .challenge-card.card-2 {
        top: 30%;
        right: unset;
        left: 10px;
    }

    .challenge-card.card-3 {
        top: 35%;
        right: 12px;
    }

    .challenge-card.card-4 {
        bottom: 15%;
        left: 10px;
    }

    .challenge-card.card-5 {
        bottom: 20%;
        right: 10px;
    }

    .challenge-card.card-6 {
        top: 20%;
        left: 22px;
    } */

    .font-48-update {
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
    }

    .intent-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 26px;
    }

    .intent-text {
        font-size: 20px;
        line-height: 30px;
    }

    .acc-left-text {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
    }

    .acc-left-head.font-48-update {
        margin-bottom: 13px;
    }

    .mobile_hide {
        display: none;
    }

    .hs2-accordion {
        margin-top: 0px;
        margin-bottom: 17px;
    }

    .desktop__show {
        display: none;
    }

    /* .stats-section {
        margin-top: 5px;
    } */

    .stata_wrapper {
        margin-bottom: 21px;
    }

    .about-left-2 {
        width: 100%;
    }

    .about-right-2 {
        width: 100%;
    }

    .about-banner-image-wrapper {
        display: flex;
        gap: 24px;
        flex-wrap: wrap;
    }

    .about-buttons {
        flex-direction: column;
    }

    .btn-borderded-bokaap {
        display: flex;
        justify-content: center;
    }

    .inner-pages-top {
        padding-top: 0 !important;
    }

    /* .process_wrapper img {
        height: 302px;
    } */

    .about-section-3 {
        padding-top: 32px;
        padding-bottom: 276px;
    }

    .tastimaonial-item .cts-item-block-left {
        flex: 0 0 150px;
        max-width: 150px;
    }

    .tastimaonial-item .cts-item-block-right {
        flex: 0 0 calc(100%);
        max-width: calc(100%);
        padding-right: 0px;
    }

    .tastimaonial-item {
        margin: 0 0px;
    }

    .tastimaonial-item .cts-item-block {
        flex-direction: column;
        justify-content: start;
        align-items: self-start;
    }

    .about-section-2 {
        padding: 52px 0;
    }

    .client-testimonial-slider .slick-dots {
        margin-top: 18px;
    }

    .client-sec-3 .skill_title {
        font-size: 32px;
        line-height: 40px;
    }

    .about-banner-image {
        height: 310px !important;
    }

    .about-section-wrapper .cs3-block {
        row-gap: 48px;
    }

    .footer-common {
        height: 484px;
    }

    .footer .footer-bottom {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .banner_hero_image #videoBtn img {
        height: 64px;
        width: 64px;
    }

    .video-popup video {
        height: 300px;

    }

    .video-popup-content {
        height: 36vh;
    }

    .close-video {
        top: -82px;
        right: 2px;
    }

    .section-5grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-inner-title h4 {
        font-size: 20px;
        line-height: 30px;
    }

    textarea.input-box {
        height: 83px;
        padding-top: 10px;
    }

    /* .stata_wrapper {
        display: flex;
        gap: 35px;
        padding: 15px 0px;
        flex-wrap: wrap;
    } */
    .stata_wrapper {
        padding: 15px 0px;
    }
    .mt-80.home_service_sec {
        margin-top: 48px;
    }

    #myAccordion button {
        padding: 12px 32px 12px 0;
    }

    .home-sec-4 {
        padding-top: 10px;
        padding-bottom: 25px;
    }

    .font-48-update.intent_title.work_mobile {
        margin-bottom: 17px;
    }

    .responsive-social-icons li:first-child:after {
        content: '';
        position: absolute;
        width: 4px;
        height: 4px;
        background: #283749;
        border-radius: 8px;
        right: -15px;
        top: 65%;
        transform: translateY(-50%);
    }

    .responsive-social-icons li {
        position: relative;
        margin-right: 24px;
    }

    .partnered_slider:after {
        display: none;
    }

    .partnered_slider:before {
        display: none;
    }

    .accordion-text-block {
        border-top: 0px solid #D3D3D3;
    }

    .hs2-accordion .panel:last-child button.colaps-button {
        border-bottom: 0px solid #D3D3D3;
    }

    .hs2-accordion .panel:last-child button.colaps-button.collapsed {
        border-bottom: 1px solid #D3D3D3;
    }
    
}
@media (min-width:992px) and (max-width:1439px){
    .banner_title, .clients-sec-1 h1{
        font-size: clamp(48px, 5vw, 64px) !important;
        line-height: clamp(56px, 5.8vw, 72px) !important;
    }
}
@media (min-width: 992px) and (max-width:1366px) {
    .close-video {
        top: -34px;
        right: -43px;
    }
}

@media (max-width: 1100px) {
    #menu-primary-menu {
        gap: 11px;
    }
}

/* Desktop: hide mobile duplicate */
.banner_hero_image_mobile {
    display: none;
}

@media (max-width: 992px) {
    .media-block p, .media-block p a{
        font-size:20px;
        line-height:30px;
    }
    .stats-section {
        margin-top: 32px;
    }
    /* Make hero action buttons sit side by side */
    .hero-actions {
    flex-direction: row !important;
    flex-wrap: wrap;
    }
    .banner_hero_content{
        flex: 0 0 100%;
        padding-right: 0px;
        z-index: 2;
    }
    /* Hide original image in banner on mobile */
    .banner_hero_image {
        display: none;
    }

    /* Show and center the duplicate below stats */
    .banner_hero_image_mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 24px auto 0;
        text-align: center;
        padding-left:20px;
        padding-right:20px;
    }

    .banner_hero_image_mobile img.banner-right-image {
        /* width: 273px; */
        width:100%;
        height: 273px;
        object-fit: cover;
    }

    .banner_hero_image_mobile .video-control-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

    .banner_hero_image_mobile .video-control-btn img {
        height: 120px;
        width: 120px;
    } 
}
@media (max-width: 1439px) {
    .top-common-section {
        padding-top: 48px;
    }
}
@media (max-width: 767px) {
    .top-common-section {
        padding-top: 32px;
    }
    .challenge-card.card-1 {
        top: 5%;
        left: unset;
        right: 12px;
    }

    .challenge-card.card-2 {
        top: 18%;
        right: unset;
        left: 10px;
    }

    .challenge-card.card-6 {
        top: 31%;
        left: 22px;
    }

    .challenge-card.card-3 {
        top: 24%;
        right: 12px;
        left: auto;
    }

    .challenge-card.card-4 {
        top: 34%;
        left: 10px;
        bottom: auto;
    }

    .challenge-card.card-5 {
        top: 70%;
        right: 10px;
        bottom: auto;
        left: auto;
    }

    .challenges-wrapper {
        padding: 0;
        position: relative;
        min-height: 100vh;
        z-index: 99;
    }

    .challenge-card {
        width: 220px;
        padding: 12px;
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .home-sec-spacing {
        margin-top: 60px !important;
    }
    .home-sec-last {
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .home-sec-spacing {
        margin-top: 32px !important;
    }
    .home-sec-last {
        padding-bottom: 48px;
    }
    .stats-section .btn-borderded-bokaap,
    .stats-section .btn-borderded-bokaap.dark-btn {
        width: 100%;
    }
}