

@media screen and (max-width: 1478px) {
  .banner-right-image{
    left: unset !important;
    }
    .banner-right-image figure{
        padding-left: unset !important;
        height: 500px !important;
    } 
    .banner-right-image{
        left: unset !important;
    }
    .banner-bottom-content {
                margin-top: 35px !important;
    }
    .banner-bottom-content .wp-block-group-is-layout-grid {
        grid-template-columns: 1fr 1fr;
    }
    .banner-counter-heading{
        font-size: 15px !important;
    }
}
@media screen and (max-width: 1400px) {
    .header-section{
        padding: 0 10px !important;
    }
    .header-primary-menu {
        gap: 25px !important;
    }
    .header-primary-menu .wp-block-navigation-item__label::after{
            right: -15px !important;
    }
  
}
@media screen and (max-width: 1399px) {
    .header-section{
        padding-top: 20px !important;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1200px){
    .header-primary-menu{
        gap: 40px !important;
    }
    .header-primary-menu .wp-block-navigation-item__label::after {
        right: -23px !important;
    }
    .find-job-page .wjportal-newest-jobs-date{
        font-size: 16px;
    }
}
@media screen and (max-width: 1199px) {
    .wp-block-post-template-is-layout-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .wjportal-jobs-list-top-wrp{
    flex-direction: column;
    }
  
    .about-images-grid > *:nth-child(4){
        left: 0 !important;
    }
    .wjportal-newest-jobs-date{
        width: 50% !important;
    }
}

@media screen and (max-width: 1023px) {
        .header-section{
            padding-bottom: 20px !important;
        }
        .header-primary-menu{
            gap: 10px !important;
        }   
        .wjportal-jobs-list-top-wrp{
            height: 285px;
        }
        .wjportal-jobs-action-wrp,.wjportal-newest-jobs-date{
            width: 50% !important;
            font-size: 14px !important;
            margin-bottom: 0 !important;
        }     
       .banner-bottom-content{
            margin-top: unset !important;
        }
        .archive-blog h4.wp-block-post-title a{
            font-size: 17px !important;
        }
        .header-primary-menu .wp-block-navigation-item__label::after{
            content: unset !important;
        }
        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{
            font-size: 15px !important;
        }
        .wp-block-post-comments.is-style-job-recruitment-agency-pro-pro-post-comments textarea{
            width: 90% !important;
            margin: 0 auto !important;
        }
        .banner-right-image{
            left: unset !important;
        }
        .banner-right-image figure{
            padding-left: unset !important;
            height: 500px !important;
        } 
    }

    @media screen and (max-width: 1199px) and (min-width: 992px){
           .banner-right-image{
            left: unset !important;
        }
        .banner-right-image figure{
            padding-left: unset !important;
            height: 500px !important;
        } 
           .banner-right-image{
            left: unset !important;

        }
        .banner-right-image figure{
            padding-left: unset !important;
            height: 535px !important;
        }
        .banner-btm-right-wrap{
            flex-direction: column !important;
        }
        .banner-bottom-content .wp-block-group-is-layout-grid{
             grid-template-columns: 1fr 1fr;
        }
        .banner-counter-heading{
                font-size: 13px !important;
        }
        .banner-bottom-content{
                padding: 15px 20px !important;
                margin-top: unset !important;
        }
        .banner-btm-right-wrap{
                gap: 10px !important;
        }        
    }
    @media screen and (max-width: 1023px) and (min-width: 768px){
        .page-template-blog-page .archive-blog ul{
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .newsletter-section .wp-block-gutena-field-group {
             flex-basis: 70% !important;
        }
        .newsletter-section .wp-block-button__link{
            padding: 10px 8px !important;
        }
    }
    @media screen and (max-width: 768px) {
         .about-images-grid{
            width: 80%;
            margin: 0 auto;
        }
    }
    @media screen and (max-width: 991px) {
        .news-form-main input[type="submit"]{
            padding: 0 9px !important;
        }
        .newsletter-section input[type="email"]{
            font-size: 12px !important;
        }
        .contact-page .contact-details p{
            text-align: center;
        }
       
        .blog-meta-col{
            display: grid !important;
            grid-template-columns: 1fr 1fr 1fr;
        }
        .find-job-page .wjportal-jobs-act-btn-apply{
            padding: 10px 10px;
                        font-size: 13px !important;
        }
        .find-job-page .wjportal-newest-jobs-date{
            font-size: 14px;
              margin-bottom: 0;
        }
        .find-job-page  .wjportal-jobs-list-top-wrp{      
        width: 100%;
        display: block;
        }
        .find-job-page .wjportal-jobs-list-top-wrp{
            height: auto !important;
        }
        .find-job-page .wjportal-jobs-list {
             margin-bottom: 30px;
        }
        .wjportal-login-form{    width: 70% !important;
        }
        .wjportal-jobs-right-wrp{
                margin-top: 10px;
        }
        .wjportal-jobs-list-btm-wrp{
            flex-wrap: nowrap !important;
        }
        .wjportal-jobs-act-btn-apply {
            font-size: 14px !important;
        }
        .courses-section .wjportal-jobs-list-wrapper{
                display: flex;
                flex-wrap: nowrap;
                overflow: scroll;
        }
        .courses-section .wjportal-jobs-list{
                overflow: visible;
                flex: 0 0 45%;
                max-width: 100%;
                margin: 10px;
        }
        .courses-section .wjportal-jobs-list-top-wrp {
            flex-wrap: nowrap;
            flex-direction: column;
            gap: 10px;
            height: 365px;
        }
     
        .banner-bottom-content .banner-man-img{
            margin-top: unset !important;
        }
        .banner-section{
            text-align: center;
        }
        .wjportal-jobs-list .wjportal-job-company-logo{
            margin: 0 auto !important;
            float: unset!important;
        }
        .banner-bottom-content .wp-block-buttons{
            justify-content: center !important;
        }
    }
@media screen and (max-width: 767px) {
    .get-col p{
        text-align: center !important;
    }
    .newsletter-section .wpcf7 form .wpcf7-response-output{
        width: 100% !important;
    }
    .project-listing-header{
        position: unset !important;
    }
    .newsletter-section input[type="email"]{
        font-size: 13px !important;
    }
 
    .wp-block-post-author__name,.event-section .wp-block-heading {
        text-align: center !important;
    }
    .page-template-blog-page .archive-blog ul{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer-section .wp-block-columns{
        text-align: center;
    }
    .footer-section  .wp-block-navigation .wp-block-navigation-item{
        margin: 0 auto;
    }
    .footer-section .wp-block-getwid-icon-box{
            margin: 0 auto;
    width: max-content;
    }
    .footer-section .wp-block-social-links-is-layout-flex{
        justify-content: center;
    }
    .event-section .wp-block-heading{
        text-align: center;
    }
    .project-filter-wrap{
        width: max-content;
        margin: 0 auto;
    }
    .event-section .small-title{
        width: max-content !important;
        margin: 0 auto !important;
        display: block !important;
    }
    .project-filter-wrap{
        justify-content: center;
    }
    .header-primary-menu .wp-block-navigation-item__label{
        font-weight: 500 !important
    }
    .candidate-list-wrapper,.page-template-employers #wpjobportal_module_wrapper{
        grid-template-columns: 1fr !important;
    }
    .wjportal-main-up-wrapper #loginform-custom p{
        padding: 0 !important
    }
    .wjportal-main-up-wrapper form#loginform-custom input#wp-submit{
        margin-top: 20px;
    }
    .wjportal-login-form{
        width: 100% !important;
    }
     .courses-section .wjportal-jobs-list-top-wrp{
                  height: 365px;
    }
        .courses-section .wjportal-jobs-list{
                        flex:0 0 92%;
        }
        .courses-section{
                padding: 10px !important;
        }
       
        .sticky-header{
            padding: 10px;
        }
        .testimonial-section span.wp-block-getwid-testimonial__title, .testimonial-section span.wp-block-getwid-testimonial__subtitle {
        font-size: 17px;
        }
        .testimonial-section span.wp-block-getwid-testimonial__subtitle{
                font-size: 14px;
        }
   
        .single-blog-group h2.post_title {
            top: 20px !important;
            line-height: 30px !important;
            right: 0 !important;
            left: 0 !important;
            max-width: 320px;
            width: 100%;
            text-align: center;
            margin: 0px auto;
        }
        .author-date-row {
            top: 100px !important;
            right: 0 !important;
            left: 0 !important; 
            max-width: 320px !important;
            margin: 0px auto !important;
            justify-content: space-between !important;
            padding: 0 10px;
        }
        .wp-block-post-comments.is-style-job-recruitment-agency-pro-pro-post-comments textarea{
            width: 90% !important;
            margin: 0 auto !important;
        }
        .post-info {
            padding: 20px 12px !important;
        }
}
@media screen and (max-width: 575px) {
    .get-col .wp-block-heading{
        text-align: center !important;

    }
    .about-images-grid{
        width: 100%;
    }
     .newsletter-section input[type="email"]{
        font-size: 14px !important;
    }
     .wp-block-post-terms a{
        font-size: 12px !important;
    }
    .blog-meta-col{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
    .footer-contact .gutentor-text{
        font-size: 14px !important;
    }

    .about-section .about-icon{
        display: block !important;
    }
    .about-section .about-icon{
        left: 0 !important;
    }
    .blog-meta-col {
        text-align: center;
    }

    .page-template-blog-page .archive-blog ul,  .wp-block-post-template-is-layout-grid{
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
   .find-job-page .wjportal-jobs-list-wrapper{
    grid-template-columns: 1fr
   }
    .banner-section .banner-left-content .wp-block-search button.wp-block-search__button{
        padding: 5px 10px !important;
    }
    .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{
        font-size: 11px !important;
    }
    .header-img .wp-block-cover__inner-container h2{
        margin-top: 160px;
    }
    .banner-heading{
        font-size: 40px !important;
    }
    .banner-bottom-content .gutentor-divider-separator{
        display: none;
    }
    .is-style-ct-agape-pro-button{
        justify-content: center !important;
    }

    .event-section ul.wp-block-getwid-tabs__nav-links{
        position: unset !important;
        margin-bottom: 10px;
    }
}