/*===== X-Small devices (portrait phones, less than 576px) ====*/
@media (max-width: 575.98px) { 
/*====Home Page =======*/
.mobile_nav{
    display: block;
}
.desktop_head{
    display: none;
}
.sub_header_wrapper , .navbar .btn-primary-bt{
    display: none;
}

.is-sticky{
    position: relative;
}
.grid.categories_card_box , .grid{
    grid-template-columns: auto !important;
}
.banner_heading{
    padding: 20px 0px 20px 0px;
}
.banner_heading p {
    font-size: 16px;
    padding: 40px 20px 0px 20px;
}
.job_search_form {
    width: 100%;

}
.feature_idl_wrapper .card_wrapper {
    padding-top: 140px;
}
.banner_heading h1 {

    font-size: 22px;
}
.form-control,     .job_search_form .btn-primary-bt {
    width: 90%;
}
.feature_idl_wrapper .card_wrapper .card{
    margin-bottom: 40px;
}
.widget_content_wrapper h2 {
    font-size: 22px;
}
.lf_content_wrapper {
    padding: 50px 20px;
}
.heading_title {
    font-size: 24px;
}
.about_lt_wrapper img{
 width: 100%;    
}
.copywrite_footer{
    flex-direction: column;
}
.footer_wrapper .d-flex.justify-content-between{
    flex-direction: column;
    justify-content: flex-start !important;
    margin-top: 20px;
}
.footer_wrapper .d-flex.justify-content-between a {
    margin: 10px 0px;
}
.footer_logo{
    text-align: center;
}

/*=====About us =================*/
.about_wrapper_cantainer .my-auto h1 {
    font-size: 28.87px;
}
.about_wrapper_cantainer .my-auto h2{
    font-size: 20.87px;
}
.about_wrapper_cantainer .my-auto{
    text-align: center;
    padding: 30px 10px;
}
.about_wrapper_cantainer .input-group{
    width: 100% !important;
}
.overview .overImg{
    margin-bottom: 100px;
}
.valinner{
    position: relative;
    width: 90%;
    margin-bottom: 20px;
}
/*=====About us =================*/

/*===============Contact-US===========*/
.contact-section .upper-box{
    padding: 20px;
}
/*===============Contact-US-END===========*/


}

/*==== Small devices (landscape phones, less than 768px) ====*/
@media (max-width: 767.98px) { 
    .mobile_nav{
        display: block;
    }
    .desktop_head{
        display: none;
    }
    /*====Home Page =======*/
.sub_header_wrapper , .navbar .btn-primary-bt{
    display: none;
}

.is-sticky{
    position: relative;
}
.grid.categories_card_box , .grid{
    grid-template-columns: auto !important;
}
.banner_heading{
    padding: 20px 0px 20px 0px;
}
.banner_heading p {
    font-size: 16px;
    padding: 40px 20px 0px 20px;
}
.job_search_form {
    width: 100%;

}
.feature_idl_wrapper .card_wrapper {
    padding-top: 140px;
}
.banner_heading h1 {

    font-size: 22px;
}
.form-control,     .job_search_form .btn-primary-bt {
    width: 90%;
}
.feature_idl_wrapper .card_wrapper .card{
    margin-bottom: 40px;
}
.widget_content_wrapper h2 {
    font-size: 22px;
}
.lf_content_wrapper {
    padding: 50px 20px;
}
.heading_title {
    font-size: 24px;
}
.copywrite_footer{
    flex-direction: column;
}
.footer_wrapper .d-flex.justify-content-between{
    flex-direction: column;
    justify-content: flex-start !important;
    margin-top: 20px;
}
.footer_wrapper .d-flex.justify-content-between a {
    margin: 10px 0px;
}
.footer_logo{
    text-align: center;
}
/*====Home Page =======*/
/*=====About us =================*/
.about_wrapper_cantainer .my-auto h1 {
    font-size: 28.87px;
}
.about_wrapper_cantainer .my-auto h2{
    font-size: 20.87px;
}
.about_wrapper_cantainer .my-auto{
    text-align: center;
    padding: 30px 10px;
}
.about_wrapper_cantainer .input-group{
    width: 100% !important;
}
.overview .overImg{
    margin-bottom: 100px;
}
.valinner{
    position: relative;
    width: 90%;
    margin-bottom: 20px;
}
/*=====About us =================*/
.contact-section .upper-box{
    padding: 40px;
}
 }


/*=====Medium devices (tablets, less than 992px) ====*/
@media (max-width: 991.98px) { 
    

 }

/*===== Large devices (desktops, less than 1200px) ====*/
@media (max-width: 1199.98px) { 

 }

/*===== X-Large devices (large desktops, less than 1400px) ====*/
@media (max-width: 1399.98px) { 

 }