/* Extra small devices (portrait phones, less than 576px) XS */ 
@media(min-width: 320px) and (max-width: 575px) {    
    .navbar-light .navbar-toggler{
        border-color: transparent; 
    }
    .navbar-light .navbar-toggler svg{
        color: #2c343b;
        font-size: 26px;
    }
    .header_section .navbar{
        padding: 0;
    }
    .navbar-light .navbar-brand img{
        width: 80px;
    }
    .hero_section{
        background-image: none;
    }
    .hero_txt{
        padding-top: 20px;
    }
    .hero_txt h1{
        text-align: center;
    }
    br{
        display: none;
    }
    .mobile_btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        padding: 7px 8px;
        border: 2px solid #0083dd;
        border-radius: 0px;
        font-size: 15px;
        color: #0083dd;
        transition: all linear .3s;
    }
    .mobile_btn:hover{
        background-color: #0083dd;
        color: #fff;
    }
    .header_section{
        box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%);
    }
    .hero_section{
        padding-top: 0;
    }
    .search_icon  {
        display: block;
        width: 90%; 
        margin: 0!important;
       
    }
    .search_icon .btn_search{
        display: block;
        width: 100%;
        margin-top: 25px; 
    }
    .hero_txt h5{ 
        padding-top: 20px;
        font-size: 16px; 
        text-align: center;
    }
    .hero_txt h6{ 
        font-size: 14px; 
        line-height: 21px;
        text-align: center;
    }
    .hero_img{
        margin-top: 30px;
    } 
    .all_companies a{
        display: block;
    }
    .search_icon svg {
        display: block;
        width: 100%; 
    } 
    .hero_txt h1{
        font-size: 30px;
        line-height: 40px;
    }
    .hero_search_wrap{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .hero_search_wrap input{
        max-width: 100%;
    }
    .search_lft,
    .search_filtr{
        width: 100%;
    }
    .search_filtr select{
        margin: 0;
        margin-top: 15px;
        max-width: 100%;
    }
    .search_icon{
        margin-left: 0;
    }
    .servies_text h2{
        font-size: 25px;
        line-height: 40px;
        margin-top: 25px;
    }
    .recent_job_wrap{
        flex-direction: column;
        align-items: flex-start;
    }
    .recent_job_wrap .media{
        margin: 10px 0px;
    }
    .per_hour p{
        margin: 10px 0px;
    }
    .details_rgt::before ,
    .recent_job_time::before {
       display: none;
    }
    .hire_section{
        background-image: none;
    }
    .slidre_arrw{
        top: -20px;
    }
    .search_filtr svg {
        left: 23px;
        top: 38px;
    }
    .job_details_header .media h5{
        margin-bottom: 5px;
    }
    .related_job_box{
        padding: 10px;
    }
    .related_job_box span{
        font-size: 10px;
    }
    .contact_box_wrap{
        margin-top: 15px;
    }
    .listing_select select{
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .listing_select svg{
        left: 20px;
    }
    .related_job_box .media h5{
        font-size: 14px;
    }
    .related_job_box{
        flex-direction: column;
        align-items: flex-start;
    }
    .product_item_pagginaiton{
        margin-bottom: 25px;
    } 
    .hero_section{
        padding-bottom: 40px;
    }
    .ftr_link_top{
        margin-top: 25px;
    }
    .ftr_date br{
        display: block;
    }
    .orddr_1{
        order: 1;
    }
    .orddr_2{
        order: 2;
    }
    .hero_bgs {
        display: none;
    }
    .services_section{
        padding-top: 50px;
    }
}

/* Small devices (landscape phones, 576px and up) SM */
@media (min-width: 576px) and (max-width: 767px) {
    .navbar-light .navbar-toggler{
        border-color: transparent; 
    }
    .services_section{
        padding-top: 50px;
    }
    .hero_bgs{
        display: none;
    }
    .navbar-light .navbar-toggler svg{
        color: #2c343b;
        font-size: 26px;
    }
    .header_section .navbar{
        padding: 0;
    }
    .navbar-light .navbar-brand img{
        width: 80px;
    }
    .hero_section{
        background-image: none;
    }
    .hero_txt{
        padding-top: 20px;
    }
    .hero_txt h1{
        text-align: center;
    }
    br{
        display: none;
    }
    .mobile_btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        padding: 7px 8px;
        border: 2px solid #0083dd;
        border-radius: 0px;
        font-size: 15px;
        color: #0083dd;
        transition: all linear .3s;
    }
    .mobile_btn:hover{
        background-color: #0083dd;
        color: #fff;
    }
    .header_section{
        box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%);
    }
    .hero_section{
        padding-top: 0;
    }
    .search_icon  {
        display: block;
        width: 90%; 
        margin: 0!important;
       
    }
    .search_icon .btn_search{
        display: block;
        width: 100%;
        margin-top: 25px; 
    }
    .hero_txt h5{ 
        padding-top: 20px;
        font-size: 16px; 
        text-align: center;
    }
    .hero_txt h6{ 
        font-size: 14px; 
        line-height: 21px;
        text-align: center;
    }
    .hero_img{
        margin-top: 30px;
    } 
    .all_companies a{
        display: block;
    }
    .search_icon svg {
        display: block;
        width: 100%; 
    } 
    .hero_txt h1{
        font-size: 30px;
        line-height: 40px;
    }
    .hero_search_wrap{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .hero_search_wrap input{
        max-width: 100%;
    }
    .search_lft,
    .search_filtr{
        width: 100%;
    }
    .search_filtr select{
        margin: 0;
        margin-top: 15px;
        max-width: 100%;
    }
    .search_icon{
        margin-left: 0;
    }
    .servies_text h2{
        font-size: 25px;
        line-height: 40px;
        margin-top: 25px;
    }
    .recent_job_wrap{
        flex-direction: column;
        align-items: flex-start;
    }
    .recent_job_wrap .media{
        margin: 10px 0px;
    }
    .per_hour p{
        margin: 10px 0px;
    }
    .details_rgt::before ,
    .recent_job_time::before {
       display: none;
    }
    .hire_section{
        background-image: none;
    }
    .slidre_arrw{
        top: -20px;
    }
    .search_filtr svg {
        left: 23px;
        top: 38px;
    }
    .job_details_header .media h5{
        margin-bottom: 5px;
    }
    .related_job_box{
        padding: 10px;
    }
    .related_job_box span{
        font-size: 10px;
    }
    .contact_box_wrap{
        margin-top: 15px;
    }
    .listing_select select{
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .listing_select svg{
        left: 20px;
    }
    .related_job_box .media h5{
        font-size: 14px;
    }
    .related_job_box{
        flex-direction: column;
        align-items: flex-start;
    }
    .product_item_pagginaiton{
        margin-bottom: 25px;
    } 
    .hero_section{
        padding-bottom: 40px;
    }
    .ftr_link_top{
        margin-top: 25px;
    }
    .ftr_date br{
        display: block;
    }
    .orddr_1{
        order: 1;
    }
    .orddr_2{
        order: 2;
    }
}

/* Medium devices (tablets, 768px and up) MD */ 
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-light .navbar-toggler{
        border-color: transparent; 
    }
    .navbar-light .navbar-toggler svg{
        color: #2c343b;
        font-size: 26px;
    }
    .header_section .navbar{
        padding: 0;
    }
    .navbar-light .navbar-brand img{
        width: 80px;
    }
    .hero_section{
        background-image: none;
    }
    .hero_txt{
        padding-top: 20px;
    }
    .hero_txt h1{
        text-align: center;
    }
    br{
        display: none;
    }
    .mobile_btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        padding: 7px 8px;
        border: 2px solid #0083dd;
        border-radius: 0px;
        font-size: 15px;
        color: #0083dd;
        transition: all linear .3s;
    }
    .mobile_btn:hover{
        background-color: #0083dd;
        color: #fff;
    }
    .header_section{
        box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%);
    }
    .hero_section{
        padding-top: 0;
    }
    .search_icon  {
        display: block;
        width: 90%; 
        margin: 0!important;
       
    }
    .search_icon .btn_search{
        display: block;
        width: 100%;
        margin-top: 25px; 
    }
    .hero_txt h5{ 
        padding-top: 20px;
        font-size: 16px; 
        text-align: center;
    }
    .hero_txt h6{ 
        font-size: 14px; 
        line-height: 21px;
        text-align: center;
    }
    .hero_img{
        margin-top: 30px;
    } 
    .all_companies a{
        display: block;
    }
    .search_icon svg {
        display: block;
        width: 100%; 
    } 
    .hero_txt h1{
        font-size: 30px;
        line-height: 40px;
    }
    .hero_search_wrap{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .hero_search_wrap input{
        max-width: 100%;
    }
    .search_lft,
    .search_filtr{
        width: 100%;
    }
    .search_filtr select{
        margin: 0;
        margin-top: 15px;
        max-width: 100%;
    }
    .search_icon{
        margin-left: 0;
    }
    .servies_text h2{
        font-size: 25px;
        line-height: 40px;
        margin-top: 25px;
    }
    .recent_job_wrap{
        padding-left: 0;
        padding-right: 0;
    }
    .hire_section br{
        display: block;
    }
    .hire_section{
        background-size: 92%;
    }
    .slidre_arrw{
        top: -20px;
    }
    .search_filtr svg {
        left: 23px;
        top: 38px;
    }
    .job_details_header .media h5{
        margin-bottom: 5px;
    }
    .related_job_box{
        padding: 10px;
    }
    .related_job_box span{
        font-size: 10px;
    }
    .contact_box_wrap{
        margin-top: 15px;
    }
    .listing_select select{
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .listing_select svg{
        left: 20px;
    }
    .related_job_box .media h5{
        font-size: 14px;
    } 
    .product_item_pagginaiton{
        margin-bottom: 25px;
    } 
    .hero_section{
        padding-bottom: 40px;
    }
    .ftr_link_top{
        margin-top: 25px;
    }
    .ftr_date br{
        display: block;
    }

    .servies_img{
        text-align: center;
    }
    .ftr_date a{
        display: inline-block;
        margin-right: 25px;
    }
    .details_rgt:before{
        display: none;
    }
    .job_details_header .media h5{
        margin-top: 0;
    }
    .listing_select select{
        margin-top: 0;
    }
    .job_listing_wrap .btn-search{
        display: block;
        width: 100%;
        text-align: center;
    }
    .orddr_1{
        order: 1;
    }
    .orddr_2{
        order: 2;
    } 
}

/* Large devices (desktops, 992px and up) LG */
@media (min-width: 992px) and (max-width: 1199px) {
       
}

/* Extra large devices (large desktops, 1200px and up) XL */
@media (min-width: 1200px) and (max-width: 1399px) {
       
}

/* Extra extra large devices (extra large desktops, 1400px and up) XXL */
@media (min-width: 1400px) {

}