/* :root {

    --font_14: 14px;

    --font_15: 15px;

    --font_16: 16px;

    --font_18: 18px;

    --font_20: 20px;

    --font_22: 22px;

    --font_24: 24px;

    --font_26: 26px;

    --font_28: 28px;

    --font_30: 30px;

    --font_32: 32px;

    --font_34: 34px;

    --font_36: 36px;

    --font_38: 38px;

    --font_40: 40px;

    --font_42: 42px;

    --font_44: 44px;

    --font_46: 46px;

    --font_48: 48px;

    --font_50: 50px;

    --font_60: 60px;

    --font_70: 70px;

} */







/*--------------------------------------- safari css start here ---------------------------------------*/

@supports (-webkit-appearance:none) {

    .container{

        max-width: 1600px;

    }

}

/* @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

  .container{

        max-width: 1600px;

    } 

} */



/*--------------------------------------- safari css end here ---------------------------------------*/













/* ============================================================================================================================================ */





/* ============================================================================================================================================ */



@media only screen and (min-width: 2560px) {}





/* ============================================================================================================================================ */





/* ============================================================================================================================================ */



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

    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1640px;

        margin: auto;

    }

}







/* ============================================================================================================================================ */







/* ============================================================================================================================================ */



@media only screen and (min-width: 1600px) and (max-width: 1900px) {

    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1500px;

        margin: auto;

    }

    p {

        font-size: var(--font_16);

        line-height: 24px;

    }

    .comntitle {

        font-size: var(--font_32);

    }

    .banner .comntitle {

        font-size: var(--font_34);

        line-height: 64px;

    }

    .banner p {

        margin: 20px auto;

    }

    .subline {

        font-size: var(--font_28);

    }

    .features_tab .nav-link {

        padding: 15px;

    }

    .hrms_icon svg {

        width: 50px;

        height: 50px;

    }

    .tab_text {

        width: 83%;

    }

    .list_two li {

        width: 31.9%;

    }

    /* .left_side h5 {

        font-size: var(--font_30);

    } */

    .myco_one h5 {

        font-size: var(--font_26);

    }

    .meeting {

        left: 0;

        width: 15%;

    }

}





/* ============================================================================================================================================ */





/* ============================================================================================================================================ */



@media only screen and (min-width: 1200px) and (max-width: 1590px) {

    p {

        font-size: var(--font_15);

        line-height: 24px;

    }

    .top_space {

        margin-top: 50px;

    }

    .banner {

        padding-top: 130px;

    }

    .comnpadding {

        padding: 70px 0;

    }

    .comntitle {

        font-size: var(--font_34);

    }

    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 96%;

    }

    /* .navbar-light ul li {

        padding: 20px 27px;

    } */

    .modal-header h5 {

        font-size: var(--font_24);

    }

    .banner .comntitle {

        font-size: var(--font_32);

        line-height: 50px;

    }

    .subline {

        font-size: var(--font_26);

    }

    .banner p {

        font-size: var(--font_16);

    }

    header .navbar-light .navbar-nav .nav-link {

        padding: 23px 15px;

    }

    .tab_text {

        width: 81%;

    }

    .features_tab .nav-tabs {

        border-radius: 15px;

        /* overflow-x: auto;

        overflow-y: hidden; */

    }

    .features_tab .nav-link {

        font-size: var(--font_15);

        width: calc(17% - 5px);

    }

    .features_tab .nav-tabs,

    .features_tab .nav-link,

    .features_tab .nav-link.active {

        border-radius: 15px;

    }

    .tab_management .nav-pills .nav-link {

        gap: 15px;

        padding: 15px;

    }

    .icon_round svg {

        width: 50px;

        height: 50px;

    }

    .icon_round::before {

        top: 7px;

        left: 3px;

        width: 60px;

        height: 60px;

    }

    .tab_text h5 {

        font-size: var(--font_18);

    }

    .left_side {

        padding: 30px;

    }

    .left_side h5 {

        font-size: var(--font_26);

        margin-bottom: 20px;

    }

    .hrms_icon svg {

        width: 45px;

        height: 45px;

    }

    .list_one li {

        font-size: var(--font_18);

    }

    .list_two li {

        width: 31.5%;

    }

    /* .shift_set {

        padding-bottom: 30px;

        margin-bottom: 30px;

    } */

    .client_profile {

        width: 10%;

    }

    .tag_line {

        width: 84%;

    }

    .ft_img svg {

        max-width: 100%;

    }

    .leave_img {

        width: 23%;

    }

    .myco_one {

        padding-left: 30px;

    }

    .myco_one h5 {

        font-size: var(--font_22);

    }

    .tick_img {

        left: 8%;

        width: 20%;

    }

    .meeting {

        left: -3%;

        width: 15%;

    }

    .cmn_center_banner,

    .payroll_banner_2,

    .Features_Category {

        padding: 170px 0 100px;

    }

    .simplifies .comntitle {

        padding: 0;

    }

    .work_list li {

        width: 45%;

    }

    /* .work_list li {

        width: 22.9%;

    } */

    .feature_cta p {

        font-size: var(--font_22);

    }

    /* .icon_tailored::before {

        width: 120px;

        right: -50%;

    } */

    .simplifies .comntitle {

        margin-bottom: 50px;

    }

    .team_list li {

        width: 48.5%;

    }

    .faq_section ul li a {

        padding: 5px 24px;

    }

    .sub_tabline .nav-link {

        padding: 14px;

    }

    .effective_tab .left_side {

        padding: 30px 15px 0 15px;

    }

    .effective_tab .left_side .list_one {

        width: 50%;

    }

    .effective_tab_img {

        width: 46%;

        margin-top: -50px;

    }

    .what_is_img {

        top: -50%;

        width: 7%;

    }

    .send_us form .connect_img {

        top: -26%;

        left: 0;

    }

    .tem_ul li {

        width: 100%;

        margin: 0 auto 70px;

    }

    .content_paregraph {

        height: 345px;

    }

    .email_adress button {

        padding: 10px 15px;

    }

    /*--------------------------------------------------------*/

    .ft_news_letter .ft_otherlink a {

        font-size: var(--font_15);

    }

    .stor_link a img {

        max-width: 120px;

    }

    .ftlogo>a {

        width: 100px;

        height: 100px;

        padding: 15px;

    }

    .ftlogo p {

        margin: 15px 0;

    }

    footer>.container>.row {

        padding: 50px 0 30px;

    }

    .copyright aside {

        font-size: var(--font_16);

        padding: 15px 0;

    }

    .comnpadding {

        padding: 50px 0;

    }

    .icon_ani {

        padding: 10px 20px;

    }

    .dropdown-item {

        padding: 10px;

    }

    .had_btn {

        font-size: var(--font_18);

        padding: 22px 17px;

    }

    .arrow_loti {

        width: 26px;

    }

}





/* ============================================================================================================================================ */





/* ============================================================================================================================================ */



@media only screen and (min-width: 1200px) and (max-width: 1399px) {}





/* ============================================================================================================================================ */





/* ============================================================================================================================================ */



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

    .top_space {

        margin-top: 40px;

    }

     ::-webkit-scrollbar {

        width: 5px;

        height: 5px;

    }

     ::-webkit-scrollbar-track {

        background: var(--blue);

        -webkit-border-radius: 10px;

        border-radius: 5px;

    }

     ::-webkit-scrollbar-thumb {

        -webkit-border-radius: 10px;

        border-radius: 5px;

        background: var(--light_green);

    }

    .modal-header h5 {

        font-size: var(--font_22);

    }

    .comnpadding {

        padding: 50px 0;

    }

    .comntitle {

        font-size: var(--font_28);

    }

    p {

        font-size: var(--font_15);

    }

    header .navbar-light .navbar-nav .nav-link {

        font-size: var(--font_16);

        padding: 18px 4px;

    }

    .Main_Logo::before {

        width: 80px;

        height: 80px;

        top: -14px;

        left: -11px;

    }

    .Main_Logo .navbar-brand {

        max-width: 55px;

    }

    .cmn_btn {

        font-size: var(--font_18);

    }

    .arrow_loti {

        width: 30px;

    }

    .banner {

        padding-top: 130px;

    }

    .banner .comntitle {

        font-size: var(--font_30);

        line-height: 44px;

    }

    .subline {

        font-size: var(--font_26);

    }

    .banner p {

        font-size: var(--font_16);

        max-width: fit-content;

    }

    .icon_ani img {

        max-width: 27px;

    }

    .tab_text h5 {

        font-size: var(--font_20);

    }

    .tab_management .nav-pills .nav-link {

        padding: 15px;

    }

    .icon_round {

        width: 50px;

    }

    .icon_round::before {

        width: 60px;

        height: 60px;

    }

    .tab_text {

        width: 80%;

    }

    .myco_one {

        margin: 15px 0 0 0;

        padding-left: 0;

    }

    .myco_one h5 {

        font-size: var(--font_22);

        margin-bottom: 5px;

    }

    .left_side {

        padding: 30px;

    }

    .myco_one .cmn_btn,

    .left_side .cmn_btn {

        margin-top: 15px;

    }

    .list_two li {

        width: 31%;

    }

    .shift_set {

        padding-bottom: 15px;

        margin-bottom: 15px;

    }

    .slick-slider {

        padding-top: 0;

    }

    .client_profile {

        width: 10%;

    }

    .tag_line {

        width: 83%;

    }

    .hero__title .slick-slide {

        padding: 5px 0;

    }

    .priority_img {

        left: 22%;

        width: 18%;

    }

    .tick_img {

        bottom: 0;

        left: 20%;

        width: 15%;

    }

    .activity_img {

        right: 17%;

        width: 18%;

    }

    .icon_round svg {

        width: 50px;

        height: 50px;

    }

    .icon_round::before {

        top: 7px;

        left: -3px;

        width: 60px;

        height: 60px;

    }

    .shift_set h6,

    .tab_text h5 {

        font-size: var(--font_18);

    }

    .features_tab .tab-content {

        margin-top: 30px;

    }

    .tab_management {

        flex-direction: column-reverse;

    }

    .tab_management .tab-content,

    .tab_management .nav {

        width: 100%;

    }

    .tab_management .nav {

        margin-top: 30px;

    }

    .mobile_img {

        width: 40%;

        margin: 0 auto;

    }

    .copyright aside,

    .ft_about h5,

    .ft_about a,

    .ft_about aside,

    .list-unstyled li a {

        font-size: var(--font_16);

    }

    .mail_div {

        display: flex;

    }

    .left_side h5 {

        font-size: var(--font_22);

        margin-bottom: 15px;

    }

    .features_tab .nav-tabs {

        border-radius: 15px;

        overflow-x: auto;

        overflow-y: hidden;

        flex-wrap: nowrap;

        background: none;

        gap: 10px;

    }

    .features_tab .nav-link {

        background: rgb(13 76 125 / 10%);

        width: auto;

        border-radius: 15px;

        margin-bottom: 8px;

    }

    .features_tab .nav-link::after,

    .features_tab .nav-link.active::before,

    .features_tab .nav-link.active::after,

    .features_tab .nav-link.active .polygon_shape {

        display: none;

    }

    .features_tab .nav-link.active {

        border-radius: 15px;

    }

    .hrms_icon svg {

        width: 45px;

        height: 45px;

    }

    .left_side,

    .right_side {

        width: 50%;

    }

    .list_one li {

        font-size: var(--font_18);

    }

    .list_two li {

        width: 31.1%;

    }

    .ft_img {

        width: 90%;

    }

    .leave_img {

        top: 13%;

        width: 26%;

    }

    .salary_img {

        top: 20%;

    }

    .payroll_img {

        bottom: 26%;

        right: -6%;

    }

    .hover_box {

        padding: 10px;

    }

    .meeting {

        left: -3%;

        width: 15%;

    }

    .contact div a {

        display: block;

    }

    .cmn_center_banner,

    .payroll_banner_2,

    .Features_Category {

        padding: 130px 0 100px;

    }

    .work_list {

        gap: 85px;

    }

    .work_list li {

        width: 45%;

        padding: 15px;

    }

    .work_list_img svg {

        max-width: 60px;

        height: auto;

        width: 100%;

        aspect-ratio: 1/1;

        object-fit: contain;

    }

    /* .work_list li {

        width: 22.5%;

    } */

    /* .work_list li {

        width: 31%;

        padding: 15px;

    } */

    .work_list h5 {

        font-size: var(--font_16);

    }

    .work_list span {

        font-size: var(--font_15);

    }

    .work_list a {

        font-size: var(--font_16);

    }

    .simplifies .comntitle {

        padding: 0;

    }

    /* .icon_tailored {

        width: 90px;

        height: 90px;

    } */

    /* .icon_tailored img {

        max-width: 45px;

    } */

    .team_list li h6 {

        font-size: var(--font_20);

    }

    /* .icon_tailored::before {

        width: 100px;

        right: -50%;

        transform: translate(50%, -50%);

    } */

    .feature_cta p {

        font-size: var(--font_20);

        margin: 0 0 15px;

    }

    .simplifies .comntitle {

        margin-bottom: 50px;

    }

    .team_list li {

        width: 47.9%;

    }

    /* .list_four li {

        width: 48%;

    } */

    .effective_tab .nav-link {

        padding: 10px 15px;

    }

    .full_list li {

        width: 100%;

    }

    .send_us form {

        width: 100%;

        padding: 30px;

    }

    .contact_detail {

        padding: 15px;

    }

    .map {

        height: 300px;

        margin-bottom: 40px;

    }

    .main_faq #accordionExample .accordion-button {

        font-size: var(--font_18);

    }

    .payroll_banner {

        padding: 50px 0;

    }

    .sub_tabline .nav-tabs {

        flex-wrap: unset;

        overflow-x: auto;

        overflow-y: hidden;

        justify-content: unset;

    }

    .sub_tabline .nav-link {

        padding: 15px;

    }

    .faq_section ul li a {

        font-size: var(--font_16);

        padding: 6px 21px;

    }

    .effective_tab .left_side .list_one {

        width: 100%;

    }

    .effective_tab .left_side {

        padding: 30px;

    }

    .effective_tab_img {

        display: none;

    }

    .what_is_img {

        top: -37%;

    }

    .send_us form .connect_img {

        top: -26%;

        left: 2%;

        width: 20%;

    }

    .ad_title,

    .Recent_articles h4,

    .Categories_list h4,

    .blog_title {

        font-size: var(--font_22);

    }

    .Recent_articles li img {

        max-width: 80px;

        margin-right: 10px;

    }

    .artical_content {

        width: calc(100% - 93px);

    }

    .artical_content p {

        font-size: 14px;

        line-height: 20px;

    }

    .blog_ad_caption .cmn_btn {

        padding: 10px 30px;

    }

    .blog_ad_caption img {

        right: 25px;

        top: 80px;

        max-width: 40px;

    }

    .down_rat li span {

        font-size: 30px;

    }

    .down_rat li {

        padding-right: 20px;

        margin-right: 20px;

    }

    .down_rat {

        margin: 10px 0;

    }

    .story_content strong {

        font-size: var(--font_36);

    }

    .story_content span {

        font-size: var(--font_30);

    }

    .tem_ul li {

        width: 100%;

        gap: 30px;

        margin: 0 auto 50px;

    }

    .content_paregraph {

        height: 250px;

    }

    /*--------------------------------------------------------*/

    .ft_news_letter .ft_otherlink a {

        font-size: var(--font_15);

    }

    .stor_link a img {

        max-width: 120px;

    }

    .ftlogo>a {

        width: 100px;

        height: 100px;

        padding: 15px;

    }

    .ftlogo p {

        margin: 15px 0;

    }

    footer>.container>.row {

        padding: 50px 0 30px;

    }

    .copyright aside {

        font-size: var(--font_16);

        padding: 15px 0;

    }

    .comnpadding {

        padding: 50px 0;

    }

    .icon_ani {

        padding: 10px 20px;

    }

    .dropdown-item {

        padding: 10px;

    }

    .had_btn {

        font-size: var(--font_16);

        padding: 15px;

    }

    .arrow_loti {

        width: 26px;

    }

    .ios_text h3,

    .android_text h3 {

        font-size: var(--font_22);

    }

}





/* ============================================================================================================================================ */





/* ============================================================================================================================================ */



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

    br {

        display: none;

    }

    .dropdown-menu {

        left: unset;

        transform: unset;

    }

    .dropdown-item {

        padding: 10px;

    }

    .top_space {

        margin-top: 25px;

    }

    p {

        font-size: var(--font_15);

        line-height: 22px;

    }

    .comnpadding {

        padding: 40px 0;

    }

    .comntitle {

        font-size: var(--font_26);

        margin-bottom: 20px;

    }

    .cmn_btn {

        font-size: var(--font_18);

    }

    .icon_ani {

        padding: 10px 20px;

    }

    .Main_Logo {

        display: none;

    }

    header {

        position: fixed;

        padding: 5px 0;

        top: 0;

        background: #fff;

    }

    header .navbar-collapse {

        position: fixed;

        top: 83px;

        right: 0;

        width: 100%;

        height: 100%;

        background: white;

        transition: 0.5s;

        z-index: 2;

        padding: 15px 30px;

        transform: translateX(100%);

    }

    header .navbar-collapse.show {

        transform: translateX(0%);

    }

    header.hide-header {

        transform: inherit;

    }

    header.fixed-header .navbar {

        background: var(--white);

    }

    header.fixed-header .navbar .navbar-nav .nav-link {

        color: var(--blue);

    }

    header .navbar-nav>li:first-child {

        padding: 0px;

    }

    header .navbar-light .navbar-nav .nav-link {

        font-size: var(--font_16);

        padding: 0 0 3px 0;

        display: block;

    }

    header .navbar {

        border: none;

        border-radius: unset;

    }

    header .navbar-brand.d-none {

        display: inline-block !important;

    }

    header .navbar-brand.d-none img {

        max-width: 75px;

        width: 100%;

    }

    header .navbar-toggler {

        margin-left: auto;

        border: none;

    }

    header .navbar-toggler:focus {

        text-decoration: none;

        outline: 0;

        box-shadow: none;

    }

    header .collapse .navbar-nav {

        align-items: unset;

        justify-content: unset;

    }

    header .navbar-light .navbar-nav>li {

        padding: 10px 0px;

        border-bottom: 1px dotted #dedede;

    }

    header .navbar-light .navbar-nav li:last-child {

        border: none;

    }

    .banner {

        padding: 130px 0 0px;

        text-align: center;

    }

    .banner .comntitle {

        font-size: var(--font_26);

    }

    .subline {

        font-size: var(--font_22);

    }

    .banner p {

        max-width: fit-content;

        margin: 10px auto 15px;

    }

    .had_btn {

        font-size: var(--font_16);

        padding: 8px 25px;

        border-radius: 30px;

        margin: 10px 0 0 0;

    }

    .arrow_loti {

        width: 30px;

    }

    .top_had {

        font-size: var(--font_14);

    }

    #exampleModal .modal-dialog {

        max-width: 650px;

    }

    .popup_body .input-group {

        margin-bottom: 20px;

    }

    select,

    input {

        font-size: var(--font_15) !important;

        height: 45px;

    }

    label {

        font-size: var(--font_16);

        margin-bottom: 5px;

    }

    .popup_body .cmn_btn {

        padding: 8px 25px;

    }

    .boxone_img {

        left: 20%;

        width: 26%;

        top: 5%;

    }

    .watch_lotti {

        max-width: 40px;

        right: 10%;

        margin: unset;

        left: unset;

        top: 5%;

    }

    /* .priority_img {

        left: 22%;

        width: 18%;

    }

    .tick_img {

        bottom: 0;

        left: 28%;

        width: 18%;

    }

    .activity_img {

        right: 20%;

        width: 25%;

    } */

    /* .tab_management {

        flex-direction: column-reverse;

    }

    .tab_management .tab-content,

    .tab_management .nav {

        width: 100%;

    }

    .tab_management .nav {

        margin-top: 30px;

    }

    .mobile_img {

        width: 40%;

        margin: 0 auto;

    }

    .tab_text h5 {

        font-size: var(--font_18);

    } */

    .video_part::before {

        top: 3%;

        left: -3%;

    }

    .payroll3d {

        bottom: 0%;

        left: -2%;

    }

    .myco_one h5 {

        font-size: var(--font_22);

    }

    .list_two li {

        width: 100%;

    }

    .list_two li:nth-child(2) {

        order: 1;

        width: 30%;

        margin: auto;

    }

    .list_two li:first-child {

        order: 2;

        margin-top: 30px;

    }

    .list_two li:last-child {

        order: 3;

        text-align: left;

    }

    .shift_set {

        padding-bottom: 15px;

        margin-bottom: 15px;

    }

    .client_slider .comntitle {

        margin: 60px 0 30px;

        display: flex;

        justify-content: center;

    }

    .client {

        width: 100%;

    }

    footer .col-xl-3 {

        order: 4;

    }

    footer .col-lg-4 {

        order: 1;

    }

    .ftlogo {

        text-align: center;

        margin-top: 30px;

    }

    .ftlogo>a {

        margin: auto;

    }

    .ft_social {

        justify-content: center;

    }

    .icon_round svg {

        width: 70px;

        height: 70px;

    }

    .tab_slider,

    .mobile_banner_img {

        display: block;

    }

    #vertical_slider,

    .hero__title,

    .Career_img,

    .boxfive_img,

    .send_us form .connect_img,

    .connect_img,

    .what_is_img,

    .video_part::before,

    .icon_round::before,

    .desktop_none,

    .boxtwo_img,

    .boxthree_img,

    header .nav-link:before,

    .banner_full_img,

    .automated,

    .payroll3d,

    .features_tab .nav-link.active .polygon_shape,

    .polygon_shape,

    .right_side,

    .top_arrow,

    .three_line,

    .listen {

        display: none;

    }

    .banner_animation2,

    .box3,

    .box2,

    .box1,

    .tab_management .nav-pills .nav-link,

    .hero__title,

    .client_slider,

    .myco_content,

    .story_myco,

    .navbar-light .navbar-nav>li,

    .features_box2,

    .features_box1 {

        transform: unset !important;

        opacity: 1 !important;

    }

    .icon_round {

        margin-bottom: 30px;

    }

    .email_adress button {

        border-radius: 8px;

        padding: 0 15px;

    }

    .tab_text {

        width: 100%;

    }

    #tab_slider_mobile .nav-link {

        padding: 15px;

    }

    #partner_slider .owl-nav {

        display: flex;

        justify-content: center;

        gap: 30px;

        margin-top: 30px;

    }

    #partner_slider .owl-nav i {

        font-size: 30px;

    }

    #partner_slider .owl-nav i:hover {

        color: var(--yellow);

    }

    .left_side {

        width: 100%;

    }

    .features_tab .tab-content {

        margin-top: 30px;

    }

    .left_side p {

        margin: 15px 0;

    }

    .list_one li {

        font-size: var(--font_18);

        margin-bottom: 15px;

        padding-left: 25px;

    }

    .left_side .cmn_btn {

        margin: 20px 0 0px;

    }

    .blog_part {

        margin: 15px;

    }

    .hover_box {

        padding: 10px;

        position: initial;

        transform: unset;

        margin-top: 15px;

        border-radius: 0;

        margin: 0;

        width: 100%;

    }

    .video_blog .nav-link,

    .top_name h5 {

        font-size: var(--font_20);

    }

    a.more.cmn_btn {

        font-size: var(--font_18);

    }

    .tab_management .nav {

        margin: 0 !important;

    }

    .line_div svg {

        bottom: -13px;

    }

    .list_one li::before {

        font-size: var(--font_16);

    }

    #real_story {

        display: block;

    }

    .saying {

        gap: 15px;

        padding: 15px;

    }

    /* .client_profile {

        width: 25%;

    }

    .tag_line {

        width: 100%;

    } */

    .tag_line {

        width: 78%;

    }

    .tag_line h6 {

        font-size: var(--font_20);

    }

    .Features_Category .cmn_btn {

        margin: auto;

    }

    .why_myco .myco_one {

        margin-top: 30px;

    }

    .why_myco .comntitle {

        margin-bottom: 15px;

    }

    .work_list {

        justify-content: unset;

        gap: 30px;

        margin-top: 30px;

    }

    .work_list li {

        /* width: 30.4%; */

        padding: 15px;

    }

    .work_list li {

        width: 47%;

    }

    .work_list_img {

        margin: 0px auto 15px;

    }

    .simplifies .comntitle {

        margin: 0 0 30px;

    }

    /* .simplifies .row {

        flex-direction: column-reverse;

    } */

    /* .icon_tailored {

        margin: 0 auto 15px;

    }

    .icon_tailored::before {

        width: 70px;

    } */

    .team_list li h6 {

        font-size: var(--font_18);

    }

    .feature_cta p {

        font-size: var(--font_16);

        margin-bottom: 10px;

    }

    .simplifies .comntitle {

        margin-bottom: 30px;

    }

    .team_list li {

        width: 100%;

    }

    .payroll_banner {

        text-align: center;

        padding: 40px 0 0;

    }

    .payroll_banner_2 .cmn_btn,

    .payroll_banner .cmn_btn {

        margin: 30px auto 0;

    }

    .list_four {

        margin-top: 30px;

        gap: 15px;

    }

    .list_four li img {

        margin: 0 auto 15px;

    }

    .list_top {

        margin-top: 30px;

    }

    .effective .comntitle {

        margin-bottom: 30px;

    }

    .effective_tab .nav-tabs {

        flex-direction: unset;

        width: 100%;

        gap: 5px;

    }

    .effective_tab .nav-link {

        width: auto;

        gap: 10px;

    }

    .effective_tab .tab-content {

        width: 100%;

    }

    .main_faq #accordionExample .accordion-button {

        font-size: var(--font_18);

        padding: 15px 30px;

    }

    .faq_section ul li a {

        font-size: var(--font_16);

        padding: 5px 15px;

    }

    .main_faq #accordionExample .accordion-body {

        padding: 25px 30px;

    }

    /* .sub_tabline .nav-tabs {

        flex-wrap: unset;

        overflow-x: auto;

        overflow-y: hidden;

        justify-content: unset;

    }

    .sub_tabline .nav-link {

        padding: 15px;

    } */

    .send_us form {

        margin-bottom: 30px;

    }

    .send_us iframe {

        height: 350px;

    }

    .send_us .cmn_btn {

        padding: 10px 45px;

    }

    .contact_detail .Sales_no {

        margin-bottom: 15px;

    }

    /* team css start here */

    .cmn_center_banner {

        padding: 130px 0 30px;

    }

    .tem_ul li {

        align-items: center;

        text-align: center;

    }

    .tem_ul li:nth-child(even) {

        flex-direction: column-reverse;

    }

    .team_heading h4 {

        font-size: var(--font_20);

    }

    .team_heading span {

        font-size: var(--font_16);

    }

    .team_div_img {

        width: 40%;

    }

    .team_div_content {

        width: 100%;

    }

    .content_paregraph {

        height: 210px;

    }

    /* team css end here */

    .faq_input {

        width: 70%;

    }

    .contact_banner .banner_img {

        width: 80%;

    }

    .ad_title,

    .Recent_articles h4,

    .Categories_list h4,

    .blog_title {

        font-size: var(--font_20);

    }

    .Categories_list li {

        font-size: var(--font_15);

    }

    .blog_lable a {

        font-size: var(--font_16);

    }

    .list_roman li,

    .right_arrow li,

    .custom-counter li {

        font-size: var(--font_15);

    }

    .right_arrow {

        margin-bottom: 0;

    }

    .all_map img {

        width: 100%;

    }

    .list_roman li {

        margin: 0 0 15px 0;

        padding-bottom: 15px;

    }

    .privacy_content h5 {

        font-size: var(--font_18);

    }

    .our_story {

        margin: 30px 0;

    }

    .story_content strong {

        font-size: var(--font_30);

    }

    .story_content span {

        font-size: var(--font_26);

    }

    .payroll_banner .banner_img img,

    .payroll_banner .banner_img svg {

        height: 400px;

        object-fit: contain;

    }

    .payroll_banner .cmn_btn {

        margin-bottom: 15px;

    }

    .payroll_banner .line_div svg {

        width: 100%;

        right: 0;

        margin: auto;

    }

    .payroll_banner .line_div svg {

        bottom: -10px;

        width: 40%;

    }

    .Features_Category .line_div svg {

        width: 100%;

        margin: auto;

        right: 0;

    }

    .dropdown-toggle::after {

        position: absolute;

        right: 0;

    }

    .partner_img img {

        height: 80px;

    }

    .saying::before {

        top: 10px;

        right: 10px;

    }

    .blog_ad_caption img {

        right: 195px;

        top: 30px;

    }

    .ios_text h3,

    .android_text h3 {

        font-size: var(--font_20);

    }

}





/* ============================================================================================================================================ */





/* ============================================================================================================================================ */



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

    /* .banner {

        padding: 120px 0 0px;

    } */

    .banner .comntitle {

        font-size: var(--font_26);

    }

    .cmn_btn {

        font-size: var(--font_18);

    }

    .comntitle {

        font-size: var(--font_24);

    }

    .banner p {

        margin: 15px 0 30px;

    }

    .right_animate {

        padding-top: 15px;

    }

    .icon_ani {

        padding: 10px 20px;

    }

    .copyright aside {

        padding: 15px 0;

    }

    #real_story .owl-nav,

    #tab_slider_mobile .owl-nav,

    #blog_slider .owl-nav,

    #video_slider .owl-nav,

    #testimonial_client .owl-nav {

        margin-top: 15px;

    }

    .priority_img {

        left: 16%;

    }

    .stor_link a {

        display: inline-block;

        width: 25%;

    }

    .client_profile {

        width: 10%;

    }

    .tag_line {

        width: 73%;

    }

    .tag_line h6 {

        font-size: var(--font_18);

    }

    .ftlogo {

        margin-top: 0;

    }

    footer .col-md-5 {

        margin: 30px 0;

    }

    .glass_effect {

        padding: 10px;

    }

    .left_side {

        padding: 30px;

    }

    .myco_one h5,

    .left_side h5 {

        font-size: var(--font_20);

    }

    .left_side h5 {

        margin-bottom: 15px;

    }

    .why_myco .myco_one p,

    .why_myco .myco_one .comntitle {

        text-align: center;

    }

    .list_one li {

        margin-bottom: 8px;

    }

    /* .work_list li {

        width: 47%;

    } */

    .team_list {

        gap: 30px;

    }

    /* .team_list li {

        width: 45%;

    } */

    /* .icon_tailored {

        width: 80px;

        height: 80px;

    } */

    /* .icon_tailored img {

        max-width: 42px;

    } */

    /* .icon_tailored::before {

        content: unset;

    } */

    .icon_round {

        margin-bottom: 15px;

    }

    .video_part svg,

    .day_work svg {

        max-width: 60px;

    }

    /* .payroll_banner {

        padding: 40px 0;

    } */

    .Payroll_Software .list_four li {

        width: 48%;

    }

    .effective_tab .nav-tabs {

        overflow-x: auto;

        overflow-y: hidden;

        flex-wrap: nowrap;

    }

    .effective_tab .hrms_icon svg {

        width: 45px;

        height: 45px;

    }

    .effective_tab .nav-link {

        margin-bottom: 8px;

    }

    /* .sub_tabline .nav-link {

        margin-bottom: 8px;

    } */

    .map {

        height: 200px;

        margin-bottom: 30px;

    }

    .mission_box {

        padding: 20px;

        margin-top: 30px;

    }

    #big .item {

        padding: 20px;

    }

    .work_list li {

        width: 100%;

        text-align: center;

    }

    .work_list a {

        justify-content: center;

    }

    .work_list p {

        margin-bottom: 10px;

    }

    .main_faq #accordionExample .accordion-button {

        font-size: var(--font_16);

        padding: 15px 30px;

    }

    .faq_input {

        width: 100%;

    }

    .contact_banner {

        display: none;

    }

    .send_us {

        margin-top: 100px;

    }

    .blog_info {

        padding: 15px;

        gap: 10px;

    }

    .blog_info span img {

        margin-right: 5px;

        max-width: 16px;

    }

    .blog_info span,

    .blog_info>div>span {

        font-size: var(--font_14);

    }

    .blog_info>div>span {

        margin-right: 10px;

    }

    .blog_info span {

        margin-right: 0px;

    }

    .ios_img img,

    .android_img img {

        max-height: 300px;

        margin-bottom: 30px;

    }

    .story_content {

        text-align: center;

    }

    .story_content img,

    .story_content svg {

        display: none;

    }

    .story_img svg {

        width: 80%;

        margin: auto;

        display: block;

    }

    .payroll_banner .banner_img img,

    .payroll_banner .banner_img svg {

        height: auto;

    }

    .career_banner p {

        max-width: none;

    }

    .blog_ad_caption img {

        right: 35px;

        top: 30px;

    }

    .payroll_banner .line_div svg {

        width: 100%;

    }

}





/* ============================================================================================================================================ */





/* ============================================================================================================================================ */



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

    .client_profile {

        width: 18%;

    }

    .tag_line {

        width: 100%;

    }

    .line_div svg {

        bottom: -20px;

    }

    .icon_round::before {

        top: 0px;

    }

    .features_tab .nav-link {

        padding: 15px;

        font-size: var(--font_16);

    }

    .ftlogo>a {

        width: 110px;

        height: 110px;

    }

    .banner .comntitle {

        font-size: var(--font_24);

        line-height: 34px;

    }

    .tab_management .nav-pills .nav-link {

        gap: 15px;

        justify-content: center;

    }

    .tab_text {

        width: 100%;

        text-align: center;

    }

    .list-unstyled li {

        margin-bottom: 3px;

    }

    .contact,

    .ft_about h6 {

        margin-bottom: 15px;

    }

    footer .col-md-4 {

        margin: 30px 0 0;

    }

    footer>.container>.row {

        padding: 40px 0;

    }

    .left_side {

        padding: 15px;

    }

    .list_one li {

        font-size: var(--font_16);

    }

    .icon_round {

        margin: 0 auto 15px;

    }

    .team_details {

        text-align: center;

        padding: 15px;

    }

    .icon_tailored,

    .team_details,

    .Payroll_Software .list_four li {

        width: 100%;

    }

    .icon_tailored {

        height: auto;

        padding: 15px 0;

    }

    .main_faq #accordionExample .accordion-button {

        padding: 10px 20px;

    }

    .main_faq #accordionExample .accordion-body {

        padding: 10px 20px;

    }

    .main_faq .accordion-item {

        border-radius: 10px;

    }

    .main_faq #accordionExample .accordion-button:not(.collapsed) {

        border-radius: 10px 10px 0 0;

    }

    .send_us form {

        padding: 15px;

    }

    .timeline_slide-h {

        width: 100%;

        padding: 30px;

    }

    /* team css start here */

    .tem_ul li {

        gap: 15px;

    }

    /* team css end here */

}





/* ============================================================================================================================================ */





/* ============================================================================================================================================ */