@media only screen and (max-width:1199px) {
    :root{
        --gap10: 8px; --gap20: 16px; --gap30: 24px; --gap40: 32px;
        --gap50: 40px; --gap60: 45px; --gap70: 50px; --gap80: 60px;
    }
    .logo{
        max-width: 230px;
    }
    .nav_menu ul{
        font-size: 15px;
        column-gap: 20px;
    }
    .section {
        padding: 40px 0px;
    }
    .section.section-md {
        padding: 55px 0;
    }
    .section.section-lg {
        padding: 70px 0;
    }
    [class*="rj-btn-"], .woocommerce button{
        --height: 40px;
        min-width: 120px;
        padding: 0 20px;
        font-size: 14px;
    }
    .titleWrap .subtitle{
        font-size: 21px;
    }
    .rj_box{
        font-size: 14px;
    }
    .boxCount {
        --space: 36px;
    }
    .rj_para {
        --max: 102px;
    }
    .jobinfo-in{
        font-size: 15px;
    }
    .jobTime{
        font-size: 13px;
    }
    [class*="rj-btn-"].lg {
        min-width: 140px;
        font-size: 15px;
        --height: 44px;
        padding-inline: 20px;
    }
    .rj_content{
        margin-bottom: 30px;
    }
    .btn_center, .btn_left{
        margin-top: 40px;
    }
    .btn_center.sm, .btn_left.sm{
        margin-top: 24px;
    }
    .inlineForm.bannerForm{
        bottom: 70px;
    }
    .joxBox-in .boxSpace {
        padding: 8px 16px 20px;
    }
    .headtag{
        font-size: 22px;
    }
    .widgetBox {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .mt50.contactPage {
        margin-top: 24px;
    }
    .loginForm.form_wrap {
        padding: 60px 40px;
    }
    label{
        font-size: 16px;
    }
    .dashboard-right .tw-max-w-\[384px\] {
        width: calc(50% - 12px);
        margin: 0 !important;
    }
}
@media only screen and (min-width:992px)  and (max-width:1199px) {
    .jobSeach-page .jobBox [class*="rj-btn-"] {
        font-size: 13px;
        padding-inline: 14px;
    }
}
/* ============768px============ */
@media only screen and (max-width:991px) {
    :root{
        --offsetTop:87px;
    }
    .logo {
        max-width: 220px;
    }
    .nav_menu{
        display: none;
    }
    .header_main [class*="rj-btn-"]{
        min-width: auto;
    }
    .scrollup {
        bottom: 12px;
        right: 12px;
    }
    .scrollup i {
        font-size: 16px;
        width: 42px;
        height: 42px;
    }
    body{
        font-size: 14px;
    }
    .homeslider .item {
        padding: 80px 0;
    }
    .inlineForm{
        margin-top: 20px;
    }
    .subheading{
        font-size: 21px;
    }
    .subtitle{
        font-size: 18px;
    }
    .jobinfo-in{
        font-size: 14px;
    }
    .jobTime{
        font-size: 12px;
    }
    [class*="rj-btn-"].sm {
        font-size: 12px;
        --height: 34px;
        padding-inline: 12px;
    }
    .btn_center, .btn_left{
        margin-top: 30px;
    }
    .btn_center.sm, .btn_left.sm{
        margin-top: 20px;
    }
    .my30.call-to-action {
        margin: 0;
    }
    .mb50.how-it-works {
        margin-bottom: 20px;
        padding-top: 0px;
    }
    .tab-button, .tab-link {
        min-width: 150px;
        padding: 10px 20px;
        font-size: 14px;
    }
    .rjCountWrap{
        font-size: 28px;
    }
    .rjCounter-icon img {
        max-width: 64px;
        max-height: 48px;
    }
    .counter-count .subtag{
        font-size: 15px;
    }
    .homeslider .item::before {
        background: linear-gradient(99.57deg, rgb(50 48 48 / 70%) 0%, rgb(30 25 25 / 39%) 50.88%, rgb(0 0 0 / 48%) 99.77%);
    }
    .section.how-it-works {
        padding-top: 16px;
    }
    .logo {
        margin: -16px 0;
    }
    .breadcrumbs{
        font-size: 16px;
    }
    .breadcrumb-list li:not(:last-child)::after{
        margin: 0px 8px;
    }
    .sidebar-wrapper {
        position: fixed;
        top: var(--offsetTop);
        bottom: 0;
        --width: 320px;
        left: calc(-1 * var(--width));
        width: var(--width);
        background: var( --white-color);
        z-index: 99;
        padding: 16px;
        border: 1px solid var( --border-color);
        transition: all 300ms ease-in-out;
    }
    .show-sidebar .sidebar-wrapper{
        left: 0;
    }
    .sidebar {
        padding: 20px 16px;
        max-height: calc(calc(100svh - var(--offsetTop)) - 60px);
        overflow: hidden;
        overflow-y: auto;
    }
    .widgetBox {
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .sidebar-button {
        width: 36px;
        padding: 4px;
        position: absolute;
        top: 12px;
        left: 100%;
        background: var(--white-color);
    }
    .sidebar-button svg{
        vertical-align: middle;
    }
    .contact-info-wrap .subtitle {
        font-size: 20px;
    }
    .contact-info-inner ul {
        row-gap: 16px;
        font-size: 15px;
    }
    .mt50.contactPage {
        margin-top: 0;
    }
    .social a i{
        --width: 36px;
    }
    textarea.form-control, textarea.wpcf7-form-control, .comment-form-comment textarea, .woocommerce form .form-row textarea{
        height: 140px;
    }
    .loginPoster img {
        margin-inline: auto;
    }
    .formSection .form_wrap {
        padding: 40px 30px;
    }
    .jobsearchBox .fromGroup{
        border: 1px solid #edeff5;
    }
    .leaflet-map-results {
        gap: 16px;
    }
    .fromGroup .icon-badge,
    .has-icon .select2-container .select2-selection--single .select2-selection__rendered{
        padding-left: 46px;
    }
    .fromGroup .icon-badge{
        padding-left: 12px;
    }
    .tw-py-10 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .sidebar-open-nav {
        border-radius: 4px;
        display: grid;
        place-items: center;
    }
    body[dir=ltr] .d-sidebar, body[dir=rtl] .d-sidebar{
        top: var(--offsetTop);
        min-height: auto;
    }
    .sidebar-menu {
        max-height: 380px;
        overflow: hidden;
        overflow-y: auto;
    }
    .d-sidebar .subtitle {
        font-size: 19px;
    }
    .applied-job-on h2,
    .location-wrapper h2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .f-size-18 {
        font-size: 16px!important;
    }
}
/* ============576px============ */
@media only screen and (max-width:767px) {
    .nav_menu{
        display: none;
    }
    .header_main [class*="rj-btn-"]{
        min-width: auto;
    }
    .responsive_nav ul li{
        font-size: 16px;
    }
    .mainFooter{
        font-size: 14px;
        padding-block: 50px 10px;
    }
    .fTitle{
        font-size: 20px;
        margin-bottom: 16px;
    }
    .contact-info ul {
        gap: 12px;
        font-size: 14px;
    }
    .fnav ul{
        gap: 8px;
        font-size: 14px;
    }
    .copyright hr {
        margin-block: 40px 12px;
    }
    .copyright_wrapper {
        flex-direction: column;
        font-size: 13px;
    }
    .counter-show {
            grid-template-columns: repeat(2, 1fr);
    }
    .counter-count {
        background: rgba(252, 252, 252, 0.75);
        border: 1px solid var(--black-color);
    }
    .section.home-about {
        padding-bottom: 0;
    }
    .home_banner {
        --height: 360px;
    }
    .homeslider .bannertext{
        margin-bottom: 0;
    }
    .inlineForm.bannerForm {
        color: var(--black-color);
        position: static;
    }
    .bannerForm-in, .inlineForm.inlineForm-inner{
        border: 1px solid var(--border-color);
        background: var(--white-color);
        box-shadow: var(--box-shadow);
        padding: 16px;
    }
    .inlineForm form{
        display: grid;
        padding: 0;
    }
    .inlineForm .form-control{
        border: 1px solid #80808066;
    }
    .inpuElement img{
        left: 8px;
    }
    .bannerForm .inpuElement img{
        right: 8px;
    }
    .inlineForm-inner .inpuElement:has(img) .form-control {
        padding-left: 30px;
    }
    .rj_text-bottom-top{
        flex-wrap: wrap;
    }
    .loginForm.form_wrap {
        padding: 40px 24px;
    }
    .formSection .form-control:not(textarea) {
        height: 40px;
    }
    .eyeWrap{
        height: 38px;
    }
    .dashboard-right .tw-max-w-\[384px\] {
        width: 100%;
        max-width: 100%;
    }
}
/* ============480px============ */
@media only screen and (max-width:575px) {    
    :root{
        --gap30: 20px; --gap40: 24px;
        --gap50: 30px; --gap60: 36px; --gap70: 40px; --gap80: 45px;
        --offsetTop: 80px;
    }
    .logo {
        max-width: 120px !important;
        margin: -8px 0px -14px !important;
    }
    .responsive_btn {
        width: 36px;
        height: 36px;
    }
    .header_main [class*="rj-btn-"]{
        --height: 36px;
    }
    .responsive_nav ul li{
        font-size: 15px;
    }
    [class*="rj-btn-"], .woocommerce button {
        padding: 0 16px;
        font-size: 13px;
    }
    .owl-nav [class*="owl-"], .flex-prev, .flex-next{
        --offset: -12px;
    }
    .counter-count{
        padding: 16px;
    }
    .rjCounter-icon{
        margin-bottom: 10px;
    }
    .btn_center, .btn_left {
        margin-top: 20px;
    }
    .call-to-action::before {
        background: linear-gradient(99.57deg, rgb(54 53 53 / 60%) 0%, rgb(62 61 61 / 48%) 50.88%, rgb(48 54 54 / 90%) 99.77%);
    }
    .secondary-font{
        font-size: 1em;
    }
    .homeslider .item {
        padding: 50px 0;
    }
    .home_banner {
        --height: 300px;
    }
    .section.how-it-works {
        padding: 0 0 20px;
    }.tab-button, .tab-link {
        min-width: 120px;
        font-size: 13px;
    }
    label{
        font-size: 15px;
    }
    .section.section-md {
        padding: 45px 0;
    }
    .section.section-lg {
        padding: 55px 0;
    }
    .dashboard-right {
        padding: 20px 0px 12px 0px;
    }
    ul#pills-tab ::-webkit-scrollbar {
        height: 4px;
    }
}
/* ============360px============ */
@media only screen and (max-width:479px) {
    :root{
        --offsetTop: 68px;
    }
    .logo {
        max-width: 100px !important;
    }    
    .header_main [class*="rj-btn-"]{
        font-size: 12px;
    }
    .responsive_nav ul li{
        font-size: 14px;
    }
    .mainFooter{
        padding-top: 40px;
    }
    .mainFooter .col-6, .mobileFull{
        width: 100%;
    }
    .inner_banner{
        min-height: 200px;
    }
    .counter-show{
        gap: 16px;
    }
    .mb50.how-it-works {
        margin-bottom: 0;
    }
    .bannertext .heading{
        font-size: 28px;
        margin-bottom: 12px;
    }
    .jobinfo-in{
        font-size: 13px;
    }
    .jobTime{
        font-size: 11px;
    }
    .boxSpace {
        padding: 16px;
    }
    .rj_text-bottom-top {
        margin: 12px 0 10px;
    }
    [class*="rj-btn-"], .woocommerce button{
        font-size: 12px;
    }
    [class*="rj-btn-"].lg {
        min-width: 120px;
        font-size: 13px;
        --height: 40px;
        padding-inline: 16px;
    }
    [class*="rj-btn-"].sm {
        font-size: 11px;
    }
    .breadcrumbs{
        display: none;
    }
    .tab-button, .tab-link {
        min-width: 110px;
        padding: 8px 16px;
        font-size: 12px;
    }
    .sidebar-wrapper{
        --width: 300px;
    }
    .social {
        gap: 6px;
    }
    .social a i {
        --width: 34px;
        font-size: 15px;
    }
    .inlineForm .form-control,
    .form-control, .wpcf7-form-control, .comment-form :is(input, textarea, select){
        padding-inline: 15px;
        font-size: 13px;
    }
    .woocommerceFormCheck {
        flex-wrap: wrap;
        margin-block: 0px 12px !important;
    }
    .formSection .form_wrap {
        padding: 30px 20px;
    }
    .form_wrap em{
        font-size: 13px;
    }
    .rj_content {
        margin-bottom: 24px;
    }
    label {
        font-size: 14px;
    }
}
/* ============320px============ */
@media only screen and (max-width:359px) {
    :root{
        --offsetTop: 60px;
    }
    .logo {
        max-width: 86px !important;
    }    
    .header_main [class*="rj-btn-"]{
        padding-inline: 10px;
        --height: 32px;
    }
    .btn-wrap{
        gap: 6px;
    }
    .responsive_btn {
        width: 32px;
        height: 32px;
    }
    .responsive_btn span{
        width: 18px;
    }
    .responsive_nav ul li {
        font-size: 13px;
    }
    .subtitle{
        font-size: 17px;
    }
    .subheading{
        font-size: 19px;
    }
    .counter-show {
        grid-template-columns: inherit;
    }
    .heading{
        font-size: 26px;
    }
    .inner_banner {
        min-height: 180px;
    }
    .sidebar-wrapper{
        --width: 270px;
        padding: 16px 8px;
    }
    .title{
        font-size: 24px;
    }
}