/* Small devices (portrait phones, less than 576px) */
@media (min-width: 320px) and (max-width: 575.98px) {
    .ftr-social-wrap {
        margin-top: 10px;
    }
    .boxlinkf2 {
      
        margin: 0px -12px;
    }
    ul.navbar-nav.main-menu.client-menu {
        position: inherit !important;
    }
}
    @media (max-width: 575.98px) {
        h4.mt-5.mb-4 {
            margin: 0px;
            padding: 0;
        }
        .payrolbox {
            padding-left: 0;
        }
        ul.doted-list {
            margin-left: 10px;
        }
        .client-menu a.nav-link.blc {
            color: #fff;
        }
        .main-header::before {
            display: none;
        }

        .clientLogo-wrap .clinetlogtringle {
            display: none;
        }

        .tempWork-wrap .temwork-triangle {
            display: none;
        }

        .contact-heading:before {
            display: none;
        }

        .contact-heading:after {
            display: none;
        }

        .about-section .aboutTriangle {
            display: none;
        }

        .timeline-triangl {
            display: none;
        }

        .projectFactsWrap {
            display: initial;
        }

        .outsourcing-video .video-items {
            max-width: inherit;
        }

            .outsourcing-video .video-items .playbtn {
                right: 20px;
            }

        .container {
            padding-left: 15px;
            padding-right: 15px;
        }

        .contact-map {
            width: 100%;
        }

            .contact-map:before {
                display: none;
            }

        .contact-map2 {
            width: 100%;
        }

            .contact-map2:after {
                display: none;
            }

        iframe {
            width: 94%;
            display: block;
        }
        .contact-map2 iframe {
            width: 100%;
        }

        .banner-video video {
            height: 170px !important;
        }

        .mobileapp-content .list li {
            text-align: left;
        }

        .shap-title-wrap .shap {
            height: 28px;
            letter-spacing: -0.5px;
        }

        /* inner page*/
        .testimonial-wrap .section-title {
            font-size: 24px;
            margin-bottom: 40px;
        }

        body {
            font-size: 16px;
        }

        .about-yearsof span {
            font-size: 96px;
            line-height: 100px;
        }

        .outsourcing-video .video-items {
            font-size: 16px;
            height: 74px;
            padding: 15px 15px;
            padding-right: 28px;
            margin-bottom: 15px;
        }

            .outsourcing-video .video-items .playbtn {
                border-left: solid 10px #18084b;
                border-top: solid 7px transparent;
                border-bottom: solid 7px transparent;
                right: 8px;
                margin-top: -7px;
            }

        .about-section {
            padding-top: 30px;
        }

        .timeline {
            padding: 30px 0px;
        }

        .shap-title-wrap .title,
        .service-title-wrap .title {
            font-size: 18px;
        }

        .whyOutsource-section {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .mobileapp-section {
            margin-top: 44px;
        }

        .testimonial-section {
            padding-top: 40px;
            padding-bottom: 0;
        }

        .testimonial-item {
            padding: 0;
            margin-bottom: 40px;
        }

        .testimonial-wrap .section-title {
            font-size: 20px;
            margin-bottom: 30px;
        }

        .clientLogo-section {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .clientLogo-wrap .logo-wrap .logo-1 {
            margin-right: 10px;
        }

        .login-form-box .top-bar h1 {
            font-size: 36px;
        }

        .login-form-box .top-bar .logo img {
            width: 174px;
        }

        .staffAcess-box .title {
            font-size: 30px;
        }

        .staffAcess-box .icon img {
            height: 78px;
        }

        .staffAcess-box .icon {
            margin-bottom: 30px;
        }

        .loginPage-section {
            padding-top: 20px;
            padding-bottom: 40px;
        }

        .login-form-box,
        .staffAcess-box {
            min-height: 264px;
        }

        .loginPage-wrap .login-form-box {
            padding: 30px 24px;
        }

        .service-thumbs.last h2 {
            font-size: 22px;
        }

        .ftr-content .copyright {
            font-size: 13px;
        }

        .contactAdrees-wrap {
            margin-top: 40px;
        }

        .contactForm-wrap {
            margin-top: 40px;
        }

        .h5-heading {
            font-size: 20px;
            margin-bottom: 22px;
        }

        .aboutPage-slider-wrap {
            margin-top: 0;
        }

        .shap-title-wrap.without-bg .title {
            font-size: 20px;
        }

        .blog-thumb-wrap {
            padding: 0;
        }

        .blog-thumb {
            margin-bottom: 40px;
        }

        .jobBoard-title-bar .title-wrap {
            width: 100%;
            padding-right: 0;
            margin-bottom: 12px;
        }

            .jobBoard-title-bar .title-wrap h2 {
                font-size: 28px;
            }

        .jobBoard-title-bar .search-wrap {
            width: 100%;
        }

        .jb-thumbs {
            margin-bottom: 15px;
        }

            .jb-thumbs .content .title {
                font-size: 18px;
            }

        .blog-thumb .content .title {
            min-height: auto;
        }

        .whyOutsource-wrap .shap-title-wrap .shap {
            left: calc(-470% - 170px);
        }

        .tempWork-title-wrap .tempWork-title .title {
            font-size: 22px;
        }


        .tempWork-title .tempWork-shap:after {
            top: 74px;
            right: -44px;
        }

        .h-box {
            height: auto;
        }

        .tempWork-title-wrap .tempWork-title {
            padding: 30px 40px;
        }
        .staffOutsourcing-section,
        .payrollOutsourcing-section {
            margin-bottom: 40px;
        }

        .recruitmentConsultation-section {
            margin-bottom: 20px;
        }

        .page-content {
            padding-top: 0px;
        }

        .line-height-lg {
            line-height: 1.5;
        }

        .line-height-xl {
            line-height: 1.8;
        }
        video#video2 {
            height: auto;
        }
        .contact-heading {
            font-size: 24px;
            margin: 0px;
        }
        .contact-map {
            padding: 20px;
        }
        .contact-address h5 {
            font-size: 18px;
        }
        .contact-address {
            text-align: left;
        }

        .tempWork-title-wrap .tempWork-title .des {
            font-size: 16px;
            margin-top: 20px;
            margin-bottom: 0;
            text-align: left;
            padding-left: 20px;
        }

        .p40p {
            padding-left: 6%;
        }

     
        .flag-box2 {
            float: inherit;
            margin-right: 0;
            margin: 0px auto;
        }

        .va-mdle {
            margin: 0;
            position: inherit;
            top: 0;
            -ms-transform: inherit;
            transform: inherit;
        }

        .mobilet {
            margin-top: 10px !important;
        }
        .flag-box {
            max-width: 100%;
            margin-bottom: 20px;
        }
        .row.boxfixed {
            margin: 0px;
            padding: 0px;
            background: #7dd956;
        }
        .box-tran {
        display:none;}
        .box-tran2 {
            display: none;
        }
        .box-tran3 {
            display: none;
        }

    }


    /* Medium devices (landscape phones, less than 768px) */

    @media (max-width: 767.98px) {
        .main-footer .row {
            padding: 0px 0;
        }
        .aboutTrianglemain {
            display: none;
        }

        .footer-logo {
            display: none;
        }

        .ftr-menu {
            text-align: center;
        }

        .services-section .reConsultation-colum .triangle-icon {
            display: none;
        }

        .ftr-social-wrap {
            margin-top: 68px;
        }

        .whyOutsource-wrap .description,
        .whyOutsource-wrap .shap-title-wrap {
            padding-right: 0;
        }

        .about-yearsof {
            margin-top: 20px;
        }

        .aboutTrianglemain-img {
            margin-top: 20px;
        }

            .aboutTrianglemain-img img {
                margin: 0 auto;
            }

        .main-logo img {
            width: 166px;
        }

        .main-header {
            min-height: 70px;
        }

        .wrapper {
            padding-top: 70px;
        }

        .whyOutsource-wrap .shap-title-wrap .shap {
            left: calc(-470% - 218px);
        }

        .services-section {
            padding-top: 60px;
        }

        .mobileapp-content .title {
            font-size: 24px;
        }

        .clientLogo-wrap .logo-wrap {
            margin-left: 0;
        }

        .contactMap-wrap .map-wrap iframe {
            height: 370px;
        }

        .msg-wrap .left {
            flex: 0 0 100%;
        }

        .msg-wrap .right {
            flex: 0 0 100%;
        }

        .loginPage-wrap .login-tringletcs {
            display: none;
        }

        .jobBoard-wrap .jb-sidebar {
            width: 100%;
        }

            .jobBoard-wrap .jb-sidebar .filters-wrap {
                height: auto;
                margin-bottom: 20px;
            }

        .jobBoard-thumbs-wrap {
            width: 100%;
        }

        .blog-triangle-rb,
        .blog-triangle-lc,
        .jb-triangle-rc,
        .jb-triangle-lb,
        .abt-triangle-lb,
        .abt-triangle-rc {
            display: none;
        }

        .aboutPage-slider-wrap {
            margin-bottom: 30px;
        }
    }


    /* Large devices (tablets, less than 992px) */

    @media (max-width: 991.98px) {
        .main-header::before {
            display: none;
        }

        ul.navbar-nav.main-menu.client-menu {
            float: inherit;
        }

        .service-thumbs {
            max-width: 100%;
        }

        .clinetlogtringle {
            display: none;
        }

        .banner-video video {
            height: 388px;
        }
    }

    /*===========================================
Responsive
============================================*/


    @media (max-width: 991px) {
        .outsourcing-video-wrap {
            margin-top: 10px;
        }

        .outsourcing-video .video-items {
            margin-left: auto;
            margin-right: auto;
        }

        .about-yearsof span {
            font-size: 130px;
            line-height: 130px;
        }

        .mobileapp-section .mobileapp-img {
            text-align: center;
            padding-right: 0;
            padding-bottom: 30px;
        }

        .mobileapp-section .mobileapp-content {
            text-align: center;
        }

        .mobileapp-section .mobileapp-appstore {
            justify-content: center;
        }

        .testimonial-wrap .section-title {
            font-size: 28px;
            margin-bottom: 40px;
        }

        .services-section .reConsultation-colum .triangle-icon {
            top: -80px;
        }

        .ftr-social-wrap {
            margin-top: 104px;
        }

        .main-menu .nav-item {
            margin: 5px 0;
        }

        .navbar-light .main-menu > .nav-item > .nav-link.active:before {
            display: none;
        }
    }


    @media (max-width: 1023px) {
        .ftr-menu li {
            line-height:28px;
        }
        .reConsultation-colum .triangle-icon img {
            margin-left: 0;
        }

        .jb-signUp-box .des {
            padding-bottom: 12px;
        }
    }

@media (min-width: 1024px) and (max-width: 1280px) {
    .box-tran img {
        top: 74%;
    }
    .box-tran2 img {
        top: 74%;
    }
}

    @media (max-width: 1024px) {
        ul.navbar-nav.main-menu.client-menu {
            position: absolute;
            right: 2%;
        }

        .clinetlogtringle {
            display: none;
        }

        .client-menu li {
            padding-right: 24px;
        }

        .main-header::before {
            width: 46%;
            height: 80px;
        }

        .navbar {
            padding-left: 15px;
        }

        .main-menu .nav-item {
            margin: 0 8px !important;
        }

        .navbar-light .main-menu .nav-link {
            font-size: 14px;
        }

        .client-menu a.nav-link.blc {
            font-size: 14px;
        }

        .main-header {
            min-height: auto;
        }

        .banner-video video {
            height: 409px;
        }

  

        .shap-title-wrap.without-bg .title {
            font-size: 24px;
        }

        .iconsbox {
            padding: 6px;
            height: 72px;
        }

            .iconsbox h4 {
                font-size: 12px;
            }

        .image {
            padding-left: 0px;
        }

            .image img {
                width: 28px;
                margin-right: 6px;
                margin-left: 6px;
            }

        .iconsbox p {
            font-size: 12px;
        }

        .row {
            margin-top: 0;
            margin-right: 0;
            margin-left: 0;
        }

        .outsourcing-video .col-lg-2.col-md-6 {
            width: 20%;
            padding: 0px;
        }

        .bluebox .video-items {
            padding: 8px;
            font-size: 16px;
        }

        .page-content {
            padding-top: 0;
        }

        .jobBoard-section .container {
            padding: 20px;
        }

       
    }

    @media (max-width: 1199px) {
        .services-wrap .triangle-shap {
            display: none;
        }

        .service-title-wrap {
            display: inline-block;
        }

        .contact-wrap .contact-map {
            padding-right: 0;
        }

        .services-section .reConsultation-colum .triangle-icon {
            top: -90px;
        }

        .ftr-social-wrap {
            margin-top: 80px;
        }

        .main-menu .nav-item {
            margin: 0 12px;
        }
    }

    @media (min-width: 1280px) {
        .outsourcing-video-wrap .col-lg-2.col-md-6 {
            width: 20%;
        }
    }

    @media (min-width: 1280px) {
        .outsourcing-video-wrap .col-lg-12.col-md-6 {
            width: 20%;
        }
    }

    /* X-Large devices (desktops, less than 1200px) */

    @media (max-width: 1199.98px) {
    }


    /* XX-Large devices (large desktops, less than 1400px) */

    @media (max-width: 1366px) {
        .main-menu .nav-item {
            margin: 0 36px;
        }
        .clientLogo-wrap .clinetlogtringle {
            position: absolute;
            z-index: 0;
            right: -13%;
            top: 4%;
            width: 17%;
        }
        .outsourcing-video {
            margin: 0px auto;
            align-items: center;
            padding-left: 4%;
        }
    }
    @media (max-width: 1399.98px) {
        .container {
            max-width: 1600px !important;
        }
    }

    @media (min-width: 1399.98px) {
        .navbar-expand-lg .navbar-collapse {
            display: contents !important;
        }
    }