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

    .how-it-works__sec.desc__right .how-it-works__desc{

        margin-block-start: 80px;

    }

    .how-it-works__image{

        flex-basis:50%;

        position: absolute;

        width:50%;

    }

    .list-without-header ul{

        margin-block-start:1.6rem;      

    }

}

@media screen and (max-width: 1920px){
.employer-sec .employee-sec__image{
    padding-right: 25px;
}
.employer-sec .employee-sec__desc{
    padding-left: 25px;
}
}

@media screen and (max-width: 1366px){
    #testimonial-table tbody tr td:last-child {width: 80px;}
}


@media screen and (max-width: 1112px){
.banner__desc {
    padding-left: 15px;
}

.faq-sec .row{
    padding-inline: 20px
}
.features\.front section{
    padding-inline: 15px;
}
}


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

    :root{

        --fs-h1:36px;

        --fs-h2:30px;

        --fs-h6:18px;

        --fs-p:16px;

        

        --fs-nav:16px;

        --fs-nav-footer:14px;

    }
.banner__desc {
    padding-left: 15px;
}
.banner__desc a{
    margin-top: 15px;
}
.how-it-works__header {
    padding: 0px 25px;
}
.labour-dispute-sec .col-lg-6:nth-child(1),.color-bg .col-lg-6:nth-child(1){
    padding-left: 3%;
}
.news\.front .news-sidebar :is(.__search,.__category) p{
    font-size: 22px;
}
header {
    height: auto;
  }
nav li.nav-item:last-child a {
    width: 30%;
    margin: 0 auto;
}
.news\.front .news__card-image {
    max-height: 358px;
}
.news\.detail .__image {
    max-height: 492px;
}
}

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

    .contact-us__form-container{

        margin-block-start:0px;

    }

    .contact-us__form-sec ._row-gap{

        flex-direction:column-reverse;
	align-items: center;

    }

    .social-links {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        gap: 1rem;

    }

    .social-links .__header {

        flex-basis: 100%;

        text-align: center;

    }
.contact\.front .contact-us__form-sec .col-lg-2 {
    width: 100%;
}
.news\.front .news__card-details {
    padding: 20px 20px;
}
.news\.front .__social-link{
    width: 100%;
}
.navbar-brand img {
    width: 100%;
}
.faq-sec .row{
    padding: 0 30px;
}
.news-sidebar {
   /* margin-top: 50px;*/
    border-radius: 10px;
}
.social-links {
    margin-top: 30px;
}
.news__detail-main .row{
    padding-left: 20px;
}
.news\.detail .news__detail-main div:nth-child(3) .__subtitle-tags div:nth-child(2) {
    justify-content: start;
}
.news\.detail .news__detail-main div:nth-child(4) {
    margin-top: 20px;
}


    .contact-us__form-sec .social-links > a {width: 30%;}
    .news-list-sec .social-links > a {width: 100%;}

}

@media screen and (max-width: 960px){
.how-it-works__sec.desc__left .how-it-works__image {
    top: 70px;
}
.features\.front section{
    padding-inline:15px;
}
.news__card .row{
    margin-top: 50px;
}
}

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

/*
    .custom-btn{
        align-self: center;
    }
*/

    .banner__desc{

        padding-block: 3rem;

    }

    .how-it-works__desc{

        margin-block-start:1rem;       

    }

/*
    .employer-sec .row {
        flex-direction:column-reverse;
    }
*/

    
.employer-sec .__img-with-thumbs {
    justify-content: space-between;
}
.benefits-sec .col-md-4{
    width: 50%;
}
section.section:not(.getStartedNow) {
    padding-inline: 5%;
}
.features\.front section:nth-child(even) .row{
    flex-direction: column-reverse;
}
section :is(.heroimg, .accountabilty_img, .workforceImg) {
    display: flex;
    justify-content: center;
}
.hero_text {
    padding: 20px 0px;
}
.banner__desc .__border{
    padding: 10px 25px;
}
.pricing-sec .pricing__image{
    display: flex;
    justify-content: center;
}
.contact\.front .contact, .trail\.front .contact{
    padding-top: 50px;
}
.trail\.front .col-md-8 {
    width: 100%;
}
.trail\.front .col-md-4 {
    display: none;
}
.news\.front :is(.col-md-9,.col-md-3){
    width: 50%;
}
.news\.front .news-list-sec .col-md-9 .row{
    display: flex;
    flex-direction:column
}

.news\.front .news-list-sec .col-md-9 .row .col-md-6{
    width: 100%;
}
.news\.front .labour-news-sec .row{
    align-items: flex-start;
}
.news\.front .labour-news-sec .col-md-5{
    padding-top: 80px;
}
.home\.front .banner-sec .row {
    flex-direction: column;
}
.home\.front .employer-sec .row {
    flex-direction: column-reverse;
}

.home\.front :is(.banner-sec,.employer-sec) .row .col-md-6 {
    width: 80%;
    margin: 0 auto;
}
.home\.front .banner-sec .row .col-md-6 .banner__image{
    padding-top: 50px;
}
.home\.front .how-it-works-sec .how-it-works__sec .row {
    flex-direction: column;
}
.how-it-works__sec .row{
    flex-direction: column;
}
.how-it-works__sec .row .col-md-7{
    width: 100%;
    margin: 0;
}

.how-it-works__sec .row .how-it-works__image{
    width: 80%;
    margin: 0 auto;
    position: static;
}
.__img-with-thumbs {
    justify-content: space-between;
}
footer {
    padding-inline:5%;
  }
.navbar-brand img {
    width: 80%;
}
.news\.detail .labour-news-sec .row{
    flex-direction: column;
}
.news\.detail .labour-news-sec .row :is(.col-md-7,.col-md-5){
    width: 80%;
    margin: 0 auto;
}

.news\.detail .news-detail-sec .row{
    flex-direction: column-reverse;
}

.news\.detail .news-detail-sec .row :is(.col-md-9,.col-md-3){
    width: 100%;
    margin: 0 auto;
}

.news\.detail .news-detail-sec .news-sidebar{
    border-radius: 10px;
}
.news\.detail .news-detail-sec .social-links {
    justify-content: start;
}
.news\.detail .news-detail-sec .social-links .__header {
    text-align: left;
    margin-top: 30px;
}

.news\.detail .news-detail-sec .row > .col-md-9 .news__detail-main .row{
    flex-direction: column;
}
.pricing\.front .banner__desc .d-flex {
    position: relative;
    justify-content: center;
}
.features\.front .col-md-6 {
    width: 100%;
}
main.pricing\.front .labour-news-sec .row{
    flex-direction: column;
}
main.pricing\.front .labour-news-sec :is(.col-md-7,.col-md-5){
    width: 80%;
    margin: 0 auto;
}
main.pricing\.front .labour-news-sec .col-md-5 .banner__image{
    margin: 0 auto;
}
.news-sidebar {
    margin-top: 50px;
}
.news\.detail .__image {
    max-height: 456px;
}
.benefits-sec .row .col-md-4 {
    width: 50%;
}
.employer-sec .employee-sec__image {
    padding-right: 0px;
}
.news\.detail .news__detail-main div:nth-child(3) .__subtitle-tags .col-md-6 {
    width: 100%;
    gap: 20px;
    margin-bottom: 20px;
}

.news\.detail .news__detail-main .row {
    padding-left: 0px;
}

.__img-with-thumbs > :not(:first-child){
    display: none;
}

    .employer-sec .inner_section_mob_swiper{display: block;}


}

@media screen and (max-width: 767px){
/*
.banner__desc, .banner__image, .employee-sec__desc, .employee-sec__image,.how-it-works__sec-two {
    width: 80%;
    margin: auto;
}*/
:is(.employer-sec,.how-it-works-sec) .__img-with-thumbs > :not(:first-child) {
    width: 33%;
    object-fit: contain;
}
.employer-sec .row {
    flex-direction:column-reverse;
}
.how-it-works_sec-two-img .__img-with-thumbs {
    justify-content: space-between;
}
.faq-sec .col-md-6{
    text-align: center;
}
.contact-form__image{
        display:block;
    }
.contact-form__form form >div:last-child {
    text-align: center;
}
.trail\.front .col-md-6 {
    width: 50%;
}
.news\.front >.row{
    flex-direction: column-reverse;
}
.news\.front .labour-news-sec .col-md-5{
    padding-top: 20px;
padding-bottom: 50px;
}
.contact-us__form-container .row .col-md-5{
    text-align: center;
}

    #testimonial-table_filter, #social_media-table_filter, #cms-table_filter {width: fit-content;}
    #testimonial-table_wrapper > .row {justify-content: space-between;}
    #social_media-table_wrapper > .row, #cms-table_wrapper > .row {justify-content: space-between;}

}


@media screen and (max-width: 600px){
    .home_image_swiper .image_wrapper { height: 300px; width: 100%; overflow: hidden;}
    .contact-us__form-sec .social-links > a {width: 50%;}
    #testimonial-table tbody tr td:last-child {width: 90px;}

    .dataTables_wrapper .dataTables_paginate {display: block; width: 100%; text-align: center;}
    .dataTables_wrapper .dataTables_paginate .pagination{justify-content: center !important;}
    .dataTables_wrapper #social_media-table_info{width: 100%; display: block;}
}


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

    .footer__col-inner {

        width: 50%;

        margin-inline: auto;

    }

}

@media screen and (max-width: 540px){
.benefits-sec .col-md-4 {
    width: 80%;
    margin: auto;
}
:root {
    --fs-h2: 28px;
}
.pricing\.front .banner__desc{
    width: 100%;
}
.trail\.front .col-md-6 {
    width: 100%;
}
.trail\.front button {
    font-size: 14px;
    padding: 10px 25px;
}
.news\.front .news-list-sec :is(.col-md-9, .col-md-3){
    width: 100%;
}
.news\.front .news-list-sec .row{
    flex-direction: column-reverse;
}
.news\.front .__social-link {
    width: 100%;
    justify-content: center;
}
.home\.front :is(.banner-sec,.employer-sec) .row .col-md-6 {
    width: 100%;
    margin: 0 auto;
}
.news\.detail .labour-news-sec .row :is(.col-md-7,.col-md-5) {
    width: 100%;
}
.features\.front .heroimg {
    max-height: 318.2px;
}
.features\.front :is(.accountabilty_img, .workforceImg) {
    max-height: 340px;
}
main.pricing\.front .labour-news-sec :is(.col-md-7,.col-md-5) {
    width: 95%;
    margin: 0 auto;
}
.pricing\.front .pricing__image{
    max-height: 340px;
}
.news\.front .news__card-image {
    max-width: 462px;
	overflow: hidden;
}
.news__detail-main .row {
     padding-left: 0px; 
}
.news\.detail .__image {
    max-height: 332px;
}
.benefits-sec .row .col-md-4 {
    width: 90%;
    margin: 0 auto;
}
.news\.front .news-list-sec .row{
    flex-direction: row-reverse;
}
}

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

    .footer__col-inner {

        width: 70%;

    }
:root {
    --fs-h2: 26px;
}
.footer__col-inner {
    width: 100%;
}
/*
.__img-with-thumbs > :first-child, .how-it-works__image {
    max-width: 555px;
    height: 333.33px;
}
:is(.image__thumb-1,.image__thumb-2,.image__thumb-3) {
    height: 134.16px;
}
.features\.front .heroimg {
    max-height: 282.2px;
}
.features\.front :is(.accountabilty_img, .workforceImg) {
    max-height: 304px;
}
:is(.news\.front,.pricing\.front) .banner__image {
    max-height: 462px;
}
.pricing\.front .pricing__image{
    max-height: 340px;
}
.news\.detail .__image {
    max-height: 294px;
}
*/

    .news-list-sec .social-links > a {width: 60%;}
    #testimonial-table_wrapper > .row {flex-direction: column; align-items: center; gap: 15px}
    #social_media-table_wrapper > .row {flex-direction: column; align-items: center; gap: 15px}
    #cms-table_wrapper > .row {flex-direction: column; align-items: center; gap: 15px}
    #testimonial-table_wrapper #testimonial-table_length, #social_media-table_wrapper #social_media-table_length, #cms-table_wrapper #cms-table_length{width: fit-content;}

}

@media screen and (max-width: 425px){
.banner__desc, .banner__image, .employee-sec__desc, .employee-sec__image, .how-it-works__sec-two {
    width: 100%;
    margin: auto;
}
:root {
    --fs-h2: 22px;
--fs-p-big: 19px;
}
.hero_text {
    margin-top: 20px;
}
.getStartedNow .custmInnerDiv {
    padding: 30px 25px;
}
.banner__desc .__border {
    padding: 10px 20px;
}
.trail\.front .w-75 {
    width: 95%!important;
}
.how-it-works__sec .row .how-it-works__image {
    width: 100%;
}
.how-it-works__desc {
    padding: 48px 25px;
}
.benefits-sec .col-md-4 {
    width: 100%;
}
/*
:is(.image__thumb-1,.image__thumb-2,.image__thumb-3) {
    height: 118.16px;
}
.features\.front .heroimg {
    max-height: 256.2px;
}
.features\.front :is(.accountabilty_img, .workforceImg) {
    max-height: 272px;
}
*/
main.pricing\.front .labour-news-sec :is(.col-md-7,.col-md-5) {
    width: 100%;
    margin: 0 auto;
}
/*
:is(.news\.front,.pricing\.front) .banner__image {
    max-height: 444px;
}
.pricing\.front .pricing__image{
    max-height: 340px;
}
.news\.front .news__card-image {
    max-height: 333px;
}
.news\.detail .__image {
    max-height: 258px;
}
*/
}

@media screen and (max-width: 375px){
/*
.banner__desc .__border {
    padding: 0px;
}
.custom-btn.__border {
    outline: none; 
    text-decoration: underline;
}*/
.banner__desc .d-flex{
    justify-content: center;
}
.banner__desc .__border {
    padding: 10px 20px;
    font-size: 12px;
}
.contact\.front .contact-us__form-container {
    padding: 32px 15px;
    border-radius: 25px;
}
.contact-us__form-container {
    padding: 32px 15px;
    border-radius: 15px;
    margin-top: 30px;
}
.navbar-brand img {
    width: 70%;
}
nav li.nav-item:last-child a {
    width: 35%;
}
.banner__desc .d-flex{
    flex-direction: row;
    justify-content: start;
    align-items: self-start;
}
.banner__desc .d-flex a.custom-btn{
    padding: 10px 25px;
}
.banner__desc a#share{
    padding: 10px 25px;
}
.news\.detail .news-detail-sec .social-links {
    justify-content: center;
}
.news\.detail .news-detail-sec .social-links .__header {
    text-align: center;
}
/*
:is(.image__thumb-1,.image__thumb-2,.image__thumb-3) {
    height: 106.16px;
}
.features\.front .heroimg {
    max-height: 224.2px;
}
.features\.front :is(.accountabilty_img, .workforceImg) {
    max-height: 232px;
}
:is(.news\.front,.pricing\.front) .banner__image {
    max-height: 390px;
}
.pricing\.front .pricing__image{
    max-height: 340px;
}
.news\.front .news__card-image {
    max-height: 310px;
}
.news\.detail .__image {
    max-height: 226px;
}
*/
.news\.front .banner__desc #share {
    padding: 10px 44px;
}
.benefits-sec .row .col-md-4 {
    width: 100%;
    margin: 0 auto;
}

    .contact-us__form-sec .social-links > a {width: 100%;}
    .news-list-sec .social-links > a {width: 100%;}
    button#create_record{display: block; width: 100%; margin-bottom: 10px;}
    button#bulk_delete{display: block; width: 100%; margin-bottom: 10px;}
    button#sectionDetails{display: block; width: 100%; margin-bottom: 10px;}

}

@media screen and (max-width: 360px){
.features\.front :is(.custom-btn,#share) {
    padding: 10px 30px;
}
.navbar>.container {
    display: block;
}
.news\.front .labour-news-sec .custom-btn{
    padding: 10px 34px;
}
.news\.front .labour-news-sec #share{
    padding: 10px 34px;
}

}

@media screen and (max-width: 320px){
:root{
--fs-h1: 30px;
}
.benefits-sec .col-md-4 {
    width: 100%;
    margin: auto;
}
.navbar-brand {
    width: 75%;
}
.pricing\.front .banner__desc {
    padding-left: 0;
}
.pricing\.front .banner__desc .d-flex a.__border {
    padding: 10px 20px;
}
.__img-with-thumbs > :first-child, .how-it-works__image {
    height: 210.33px;
}
:is(.image__thumb-1,.image__thumb-2,.image__thumb-3) {
    height: 90.16px;
}
/*1 june*/

.features\.front section.section:not(.getStartedNow) {
    padding-inline: 2%;
}

.features\.front .hero_text {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    text-align: center;
}
.features\.front #share {
    width: fit-content;
    margin: 0 auto;
    margin-top: 10px;
}
.features\.front #share {
    width: fit-content;
    margin: 0 auto;
    margin-top: 10px;
}
.features\.front .custom-btn{
    align-self: center;
}
/*
.features\.front .heroimg {
    max-height: 206.2px;
}
.features\.front :is(.accountabilty_img, .workforceImg) {
    max-height: 212px;
}
:is(.news\.front,.pricing\.front) .banner__image {
    max-height: 328px;
}
.pricing\.front .pricing__image{
    max-height: 340px;
}
*/
.news\.front .banner__desc {
    display: flex;
    position: relative;
}
.news\.front .banner__desc #share{
    margin-left: 0;
    width: fit-content;
}
/*
.news\.detail .__image {
    max-height: 192px;
}
*/
.testimonial__card {
    padding: 32px 18px 0px;
}
}