@media(max-width:1440px) {
    .container-main {
        padding: 0px 40px;
    }

    button.prev-btn1 {
        margin-left: -30px;
    }

    button.next-btn1 {
        margin-right: -30px;
    }

    .home-about-right {
        padding-left: 25px;
    }

    .home-about-right h2,
    .service-heading h2,
    .our-commitment-content h2,
    .our-clients-heading h2,
    .customer-reviews-heading h2,
    .home-contact-left h2,
    .home-cta h2,
    .our-team-heading h2,
    .country-we-serve-heading h2,
    .why-klarity-heading h2,
    .contact-form-left h2,
    .career-detail-right h2 {
        font-size: 42px;
    }

    .home-cta h2 {
        font-size: 34px;
    }

    .ot-widget-area {
        margin-left: -40px;
    }

    .home-about-flex.about-page .home-about-right,
    .home-about-flex.associate-network .home-about-right {
        padding-left: 55px;
    }

    .box-info p {
        font-size: 16px;
        line-height: 24px;
    }

    .box-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .box-icon img {
        width: 25px;
        height: 25px;
    }
}

@media(max-width:1280px) {
    .ot-widget-area {
        margin-left: -55px;
    }

    .home-banner-content h1 {
        font-size: 56px;
    }

    .home-about-right h2,
    .service-heading h2,
    .our-commitment-content h2,
    .our-clients-heading h2,
    .customer-reviews-heading h2,
    .home-contact-left h2,
    .our-team-heading h2,
    .country-we-serve-heading h2,
    .why-klarity-heading h2,
    .contact-form-left h2,
    .career-detail-right h2 {
        font-size: 40px;
    }

    .home-about-flex.about-page.company-leaders .home-about-right {
        padding-left: 30px;
    }

    .home-about-flex.about-page.company-leaders.reverse .home-about-right {
        padding-right: 30px;
    }
}

@media(max-width:1200px) {

    .home-banner-content h1 {
        font-size: 52px;
        line-height: 65px;
    }

    .home-btn-flex button {
        width: 53px;
        height: 53px;
    }

    .home-about-right h2,
    .service-heading h2,
    .our-commitment-content h2,
    .our-clients-heading h2,
    .customer-reviews-heading h2,
    .home-contact-left h2,
    .our-team-heading h2,
    .country-we-serve-heading h2,
    .why-klarity-heading h2,
    .contact-form-left h2,
    .career-detail-right h2 {
        font-size: 38px;
        line-height: 46px;
    }

    .home-about-right h2 {
        font-size: 37px;
    }

    .ot-widget-area {
        margin-left: -75px;
    }

    .block-bg {
        height: 260px;
    }

    .home-contact-left {
        padding-right: 55px;
    }

    .home-cta h2 {
        font-size: 32px;
    }

    .footer-block p {
        max-width: 260px;
    }

    .breadcrumbs-content h1 {
        font-size: 48px;
    }

    .contact-box-inner {
        flex-flow: column;
    }

    .country-flag-flex .country-flag-block {
        width: 25%;
    }
}

@media(max-width:1150px) {
    .header-links ul {
        gap: 20px;
    }
}

@media(max-width:1100px) {
    .ot-widget-area {
        margin-left: -100px;
    }
}

@media(max-width:1060px) {
    .header-links ul li {
        font-size: 16px;
    }
}

@media(max-width:1024px) {

    .profile-name h4,
    .contact-box-right p,
    .team-modal .modal-body h4,
    .leader-details h4,
    .home-about-right span,
    .job-block h4,
    .job-details h4 {
        font-size: 18px;
    }

    .footer-flex {
        flex-wrap: wrap;
    }

    .footer-block:first-child {
        width: 100%;
        padding-bottom: 30px;
    }

    .footer-block p {
        max-width: 500px;
    }
}

@media(max-width:991px) {

    .main-header,
    .top-bar-right,
    .top-bar-links {
        display: none;
    }

    .top-bar-left {
        width: 100%;
    }

    .top-bar-left ul {
        justify-content: space-between;
    }

    .top-bar-main .container-main {
        padding: 0px 20px;
    }

    .mob-header {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        margin-top: 35px;
    }

    .mob-header .navbar {
        background-color: #fff;
        padding: 15px 0px;
    }

    .mob-header .navbar>.container-fluid {
        padding: 0px 20px;
    }

    .mob-header .navbar-brand img {
        max-width: 120px;
    }

    .mob-header .navbar-brand {
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 12;
    }

    .mob-header .navbar-toggler {
        padding: 0;
        border: unset;
        position: relative;
        z-index: 12;
    }

    .mob-header .navbar-toggler-icon {
        background-image: url(../images/menu-icon.webp);
        background-repeat: no-repeat;
        width: 30px;
        height: 28px;

    }

    body.menu-open .mob-header .navbar-toggler-icon {
        background-image: url(../images/close-icon.webp);
        height: 30px;
        margin-right: 7px;
    }

    body.menu-open {
        overflow: hidden;
        height:100vh;
    }

    .mob-header .navbar-collapse {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 0px 20px;
        z-index: 10;
    }

    .mob-header .navbar-nav {
        padding-bottom: 600px;
        padding-top: 185px;
    }

    .mob-header .nav-link {
        font-size: 18px;
        display: block;
        font-weight: 600;
        color: #0b182a;
        padding: 10px 0px;
    }

    .dropdown-menu {
        border: unset;
        background-color: unset;
        color: #0b182a;
    }

    .dropdown-item {
        color: #0b182a;
    }

    .dropdown-item:hover {
        background-color: unset;
        color: #0b182a;
    }

    .navbar-nav .dropdown-menu {
        margin: 10px 0px;
    }

    .dropdown-toggle::after {
        background-image: url(../images/down_arrow.webp);
        border: unset;
        filter: invert(1);
        width: 16px;
        height: 11px;
        top: 14px;
        position: absolute;
        content: "";
        right: 0;
    }

    .navbar-toggler:focus {
        box-shadow: unset;
    }

    .header-right.mob {
        margin-top: 20px;
    }

    .home-banner-main {
        padding-top: 133px;
    }

    .home-banner-content h1 {
        font-size: 46px;
        line-height: 58px;
    }

    .home-banner-content {
        max-width: 700px;
    }

    .ot-widget-area {
        margin-left: -120px;
    }

    .block-bg {
        height: 220px;
    }

    .home-about-right h2,
    .service-heading h2,
    .our-commitment-content h2,
    .our-clients-heading h2,
    .customer-reviews-heading h2,
    .home-contact-left h2,
    .our-team-heading h2,
    .country-we-serve-heading h2,
    .why-klarity-heading h2,
    .contact-form-left h2,
    .career-detail-right h2 {
        font-size: 34px;
    }

    .home-cta h2 {
        font-size: 30px;
    }

    .our-team-main .container-main {
        max-width: 800px;
    }

    .team-bg button {
        height: 300px;
    }

    .breadcrumbs-content h1 {
        font-size: 42px;
        line-height: 55px;
    }

    .breadcrumbs-bg-main,
    .breadcrumbs-info {
        padding-top: 132px;
    }

    .career-field-flex {
        display: -webkit-box;
        overflow: scroll;
        overflow-y: hidden;
    }

    .career-field {
        width: 33.33%;
    }

    .home-about-flex.about-page.company-leaders .home-about-right {
        width: 70%;
    }

    .home-about-flex.about-page.company-leaders .home-about-left {
        width: 30%;
    }

    .country-flag-flex .country-flag-block {
        width: 33.33%;
    }

    .career-detail-main {
        padding-top: 185px;
    }

    .career-detail-right {
        width: 55%;
    }

    .career-detail-left {
        width: 45%;
    }

    .vision-block {
        width: 50%;
    }
}

@media(max-width:850px) {
    .home-banner-bg {
        height: 570px;
    }

    .home-banner-content {
        max-width: 600px;
    }

    .home-about-left,
    .home-about-right,
    .our-experties-block,
    .home-contact-left,
    .home-contact-right,
    .contact-form-left,
    .contact-form-right {
        width: 100%;
    }

    .img-box {
        width: 100%;
    }

    .ot-widget-area {
        margin-left: 0;
        left: 28%;
    }

    .home-about-right {
        padding-left: 0;
        padding-top: 30px;
    }

    .services-block,
    .contact-box,
    .certificates-block {
        width: 50%;
    }

    .home-contact-left {
        padding-right: 0;
        padding-bottom: 40px;
    }

    .home-cta h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .vision-block {
        width: 50%;
    }

    .home-about-flex.about-page .home-about-right,
    .home-about-flex.associate-network .home-about-right {
        padding-left: 0px;
    }

    .job-block {
        width: 50%;
    }

    .home-about-flex.about-page.company-leaders .home-about-right {
        width: 55%;
    }

    .home-about-flex.about-page.company-leaders .home-about-left {
        width: 45%;
    }

    .contact-box {
        width: 50%;
    }


}

@media(max-width:768px) {

    .home-btn-flex,
    .client-btn-flex {
        display: none;
    }

    .home-banner-content {
        max-width: unset;
    }

    .home-banner-content h1 {
        font-size: 40px;
        line-height: 53px;
    }

    .img-box {
        height: 400px;
    }

    .home-about-right h2,
    .service-heading h2,
    .our-commitment-content h2,
    .our-clients-heading h2,
    .customer-reviews-heading h2,
    .home-contact-left h2,
    .our-team-heading h2,
    .country-we-serve-heading h2,
    .why-klarity-heading h2,
    .contact-form-left h2,
    .career-detail-right h2 {
        font-size: 32px;
        line-height: 44px;
    }

    .home-cta h2 {
        font-size: 26px;
        line-height: 38px;
    }

    .footer-block {
        width: 100%;
        padding-bottom: 30px;
    }

    .footer-block:last-child {
        padding-bottom: 0;
    }

    .footer-block ul li {
        padding-top: 10px;
    }

    .home-about-flex.about-page.company-leaders .home-about-right {
        width: 100%;
    }

    .home-about-flex.about-page.company-leaders .home-about-left {
        width: 100%;
    }

    .home-about-flex.about-page.company-leaders .home-about-right {
        padding-left: 0px;
    }

    .home-about-flex.about-page.company-leaders.reverse {
        flex-flow: column;
    }

    .home-about-flex.about-page.company-leaders.reverse .home-about-right {
        padding-right: 0px;
    }

    .country-flag-flex .country-flag-block {
        width: 50%;
    }

    .career-detail-right {
        width: 100%;
        padding-left: 0;
        padding-bottom: 40px;
    }

    .career-detail-left {
        width: 100%;
    }

    .career-detail-flex {
        flex-flow: column-reverse;
    }

    .home-about-flex.service-detail.reverse {
        flex-flow: column;
    }

    .home-about-flex.service-detail.reverse .home-about-right {
        padding-right: 0;
    }

    .vision-block {
        width: 100%;
    }
}

@media(max-width:600px) {
    .container-main {
        padding: 0px 20px;
    }

    .mob-header .navbar-brand img {
        max-width: 100px;
    }

    .top-bar-left ul li,
    .top-bar-right ul li,
    .top-bar-links ul li {
        font-size: 13px;
    }

    .mob-header .navbar-nav {
        padding-top: 145px;
    }

    .mob-header .nav-link {
        font-size: 16px;
    }

    .home-banner-main {
        padding-top: 115px;
    }

    .home-banner-content h6 {
        font-size: 14px;
        max-width: 300px;
    }

    .home-banner-content h1 {
        font-size: 34px;
        line-height: 43px;
        margin-bottom: 13px;
    }

    .home-banner-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .inquire-btn,
    .home-banner-content a,
    .home-about-right a,
    .submit-btn input,
    .home-cta a,
    .job-block p a {
        height: 47px;
        font-size: 16px;
        border-radius: 7px;
    }

    .home-about-main,
    .our-clients-main,
    .customer-reviews-main,
    .home-contact-main,
    .home-cta-main,
    .home-services-main,
    .our-team-main,
    .country-we-serve-main,
    .recruitment-service-main,
    .our-story-main,
    .contact-details-main,
    .contact-form-main,
    .certificates-main,
    .service-detail-main,
    .career-main {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .img-box {
        height: 300px;
    }

    .ot-widget-area p {
        font-size: 16px;
    }

    .ot-widget-area img {
        width: 30px;
        height: 30px;
    }

    .ot-widget-area {
        left: 0;
        margin-left: 20px;
    }

    .home-about-right {
        padding-top: 13px;
    }

    .home-about-right h2,
    .service-heading h2,
    .our-commitment-content h2,
    .our-clients-heading h2,
    .customer-reviews-heading h2,
    .home-contact-left h2,
    .our-team-heading h2,
    .country-we-serve-heading h2,
    .why-klarity-heading h2,
    .contact-form-left h2,
    .career-detail-right h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .home-about-right p,
    .our-experties-block p,
    .block-content p,
    .our-commitment-content p,
    .testimonials-block p,
    .profile-name span,
    .home-contact-left p,
    .contact-box-right h5,
    .vision-block p,
    .team-title p,
    .team-modal .modal-body p,
    .team-modal .modal-body ul li,
    .recruitment-service p,
    .recruitment-service ul li,
    .leader-details p,
    .leader-details ul li,
    .why-klarity-heading p,
    .home-services-main.industries .service-heading p,
    .detail-block p,
    .detail-block ul li,
    .home-about-flex.service-detail .home-about-right ul li,
    .home-cta-main.service-detail p,
    .job-details p,
    .job-details ul li,
    .home-about-right ul li,
    .story-block p {
        font-size: 16px;
        line-height: 24px;
    }

    .our-experties-block h3,
    .vision-block h3,
    .team-title h4,
    .flag-title h4,
    .form-inner h2 {
        font-size: 20px;
    }

    .our-experties-block,
    .vision-block,
    .our-team-block {
        padding: 10px 0px;
    }

    .our-experties-flex,
    .vision-flex,
    .our-team-flex,
    .sevices-flex,
    .contact-details-flex,
    .certificates-flex {
        margin: -10px 0px;
    }

    .services-block,
    .contact-box,
    .certificates-block {
        width: 100%;
        padding: 10px 0px;
    }

    .service-heading,
    .our-clients-heading,
    .customer-reviews-heading,
    .our-team-heading,
    .country-we-serve-heading {
        margin-bottom: 25px;
    }

    .home-about-right h6,
    .service-heading h6,
    .our-clients-heading h6,
    .customer-reviews-heading h6,
    .home-contact-left h6,
    .our-team-heading h6,
    .contact-form-left h6 {
        font-size: 15px;
    }

    .block-content a.read-more-btn {
        font-size: 16px;
        margin-top: 13px;
    }

    .block-content h4 {
        margin-bottom: 10px;
    }

    .our-commitment-bg {
        height: 500px;
    }

    .form-field {
        width: 100%;
    }

    .form-field input,
    .form-field textarea,
    .career-field select,
    .career-field input {
        padding: 15px 13px;
    }

    .form-field label {
        font-size: 16px;
    }

    .contact-box-left img {
        width: 17px;
        height: 17px;
    }

    .contact-box-left {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .home-cta h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .footer-block ul li,
    .footer-block p {
        font-size: 15px;
    }

    .footer-block h6 {
        font-size: 22px;
        padding-bottom: 10px;
    }

    .footer-copyright {
        padding: 15px 0;
    }

    .footer-copyright p {
        font-size: 15px;
        line-height: 26px;
        max-width: 255px;
        margin: 0 auto;
    }

    .footer-block {
        padding-bottom: 25px;
    }

    .breadcrumbs-content h1 {
        font-size: 34px;
        line-height: 38px;
    }

    .breadcrumbs-bg-main,
    .breadcrumbs-info {
        padding-top: 115px;
    }

    .breadcrumbs-bg {
        height: 200px;
    }

    .vision-block {
        width: 100%;
    }

    .home-about-flex.about-page .home-about-right p:last-child {
        margin-bottom: 0;
    }

    .vision-main {
        padding-bottom: 50px;
    }

    .home-about-left,
    .home-about-right,
    .our-experties-block,
    .home-contact-left,
    .home-contact-right,
    .our-team-block,
    .contact-form-left,
    .contact-form-right {
        width: 100%;
    }

    .team-title {
        padding: 20px;
    }

    .flag-bg {
        height: 120px;
    }

    .career-field {
        width: 80%;
    }

    .career-field-flex::-webkit-scrollbar {
        display: none;
    }

    .job-block {
        width: 100%;
        padding: 10px 0px;
    }

    .job-flex {
        margin: -10px 0px;
    }

    .leader-details ul li:last-child {
        margin-bottom: 0;
    }

    .leader-details ul:last-child {
        margin-bottom: 0;
    }

    .home-about-flex.about-page.company-leaders .home-about-right span {
        margin-bottom: 7px;
    }

    .contact-details-main {
        padding-bottom: 0;
    }

    .contact-box-inner {
        gap: 20px;
    }

    .home-contact-flex.contact-form .home-contact-left {
        height: 350px;
    }

    .map,
    .map iframe {
        height: 350px;
    }

    .country-flag-flex {
        margin: -10px 0px;
    }

    .country-flag-flex .country-flag-block {
        width: 100%;
        padding: 10px 0px;
    }

    .career-detail-main {
        padding-top: 165px;
        padding-bottom: 50px;
    }

    .our-story-slider .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 35px;
    }

    .detail-block {
        margin-bottom: 15px;
    }

    .detail-block:last-child {
        margin-bottom: 0;
    }

    .home-about-flex.service-detail.reverse .home-about-right ul li:last-child {
        margin-bottom: 0;
    }

    .vision-flex.why-klarity {
        padding-top: 55px;
    }

    .home-cta-main.service-detail .home-cta h2{
        margin-bottom: 20px;
    }
    
    .vision-block h3 {
        margin-bottom: 8px;
    }
}