/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{

}

/* Laptop */
@media (max-width: 1366px)
{
   
}

@media (max-width: 1280px)
{
   .wd-property-box{display: block;}
    .wd-property-img img{margin-bottom: 15px;}
}

/* Large devices (desktops, less than 1200px) */


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
    br{display: none;}
    /* Authentication flow */
    .auth_login{position: relative;max-width: 100%;height: 300px;object-fit: cover;object-position: center;border-radius: 0 0 20px 20px;}
    .auth_blog{box-shadow: 0 0 10px #ccc;background: #FFFFFF;border-radius: 10px;padding: 20px;margin: -100px auto 30px;max-width: 80%;width: 100%;}
    /* Header & Footer */
    header .navbar .menu .menu-item:first-child:after, header .navbar .menu .menu-item:nth-child(3):after, header .navbar .menu .menu-item:nth-child(4):after{display: none;}   
    header .navbar {padding: 10px 0;margin: 0 auto;}    
    header .navbar #nav:checked ~ .wrapper {width: 50%;right: auto;background: #fff;opacity: 1;display: flex;align-items: flex-start;flex-direction: column;z-index: 99; height: 100%;transition: all 0.3s ease;box-shadow: 0px 0px 10px #ccc;}
    header .navbar .wrapper {position: fixed;top: 0;left:0;bottom: 0; width: 0;height: unset;z-index: -1;opacity: 0;background: #d1dee7;transition: all 0.3s ease;display: none;}   
    header .navbar .wrapper .menu-item {width: 100%;text-align: left;padding: 12px 25px;margin-bottom: 0px;}    
    header .navbar .wrapper .menu-item:nth-child(1) .nav-link {transition-delay: 0.2s;}
    header .navbar .wrapper .menu-item:nth-child(2) .nav-link {transition-delay: 0.3s;}
    header .navbar .wrapper .menu-item:nth-child(3) .nav-link {transition-delay: 0.4s;}
    header .navbar .wrapper .menu-item:nth-child(4) .nav-link {transition-delay: 0.5s;}
    header .navbar .wrapper .menu-item:not(:first-child) {margin-left: 0;}
    header .navbar .wrapper .menu-item .nav-link {opacity: 0;transform: translateX(-20px);transition: all 0.3s ease-in-out;display: flex;align-items: center;font-size: 16px;gap:10px;}
    header .navbar .nav-toggle {display: block;cursor: pointer;z-index: 999;margin-bottom: 0;position: relative;}
    header .navbar .nav-toggle span {display: block;width: 22px;height: 2px;background: #141C28;border-radius: 2px;margin-left: 14px;}
    header .navbar .nav-toggle span:nth-child(2) {margin: 5px 0;opacity: 1;width: 18px;margin-left: auto;}      
    header .navbar .wrapper .menu-item .nav-link span {display: flex;align-items: center;justify-content: space-between;width: 100%;color: #424242;}
    header .navbar .wrapper .menu-item .nav-link span svg path {fill: #009EFF;} 
    header .navbar #nav:checked ~ .wrapper .menu{display: block;flex-direction: column;}
    header .navbar #nav:checked ~ .wrapper .menu-item .nav-link {opacity: 1;transform: translateX(0);}
    /* footer */
    footer{border-radius: 30px 30px 0 0;}
    .social_link{margin-bottom: 20px;}
    .copyright_content{margin-top: 15px;}
    footer ul li, footer ul li a{font-size: 14px;margin-bottom: 12px;}
    .copyright_content{font-size: 14px; padding: 12px 0;}
    footer h6{margin-bottom: 12px;}
    /*contact us*/
    .wd-contact-img{border-radius: 15px 15px 0 0;height: 420px;padding: 15px;}
    .wd-contact-img h2, .wd-contact-form h2{font-size: 22px;}
    .wd-contact-img img{height: 70px; margin-bottom: 15px;}
    .wd-contact-form{padding: 20px;}
    .wd-contact-form p{font-size: 16px; margin-bottom: 15px;}
    .auth_object{width: 32px; height: 32px;}
    .auth_box .form-control{padding: 18px 18px 18px 55px;}
    .wd-send-btn{padding: 12px 30px;}
    .wd-contact-box .pr-0{padding-right: 15px !important;}
    /* home */
    #banner{padding: 0 0 30px;}
    .content_box h1{font-size: 40px;}
    .text_object{height: 46px;}
    .get_btn, .content_box p, .contact_btn{font-size: 15px;}
    #about, #customer{padding: 36px 0;}
    .wd-about-img img, .wd-review-img img, .filter__blog, .policy-blog h1, .wd-contact-blog h1{margin-bottom: 20px;}
    .content_box h2{font-size: 26px;}
    #job .get_btn, #property .get_btn{margin: 30px auto 0;}
    #job, #property{padding: 80px 0 30px;}
    .star_rating svg{width: 18px; height: 18px;}
    .quote_img{width: 40px; height: 40px;}
    .owl-jobs .owl-nav button, .owl-property .owl-nav button{width: 36px; height: 36px;}
    .contact__blog{padding: 30px;display: flex;justify-content: center; flex-direction: column; text-align: center;}
    .contact_btn{margin: 0 auto;}
    #contact{padding: 0 0 36px;}
    /* job listing */
    .form-group-main{flex-flow: column;}
    .form-group-main .form-group::after, .filter__blog li svg{display: none;}
    .wd-search-btn{width: 100%; padding: 12px 8px; height: auto;}
    .wd-job-filter .form-control, .wd-job-filter .select2-container{border: 1px solid #DCDCDC; padding: 12px 15px 12px 45px !important; height: auto; border-radius: 14px;}
    .form-group-main .form-group svg{margin: 14px;}
    .wd-job-filter .select2-hidden-accessible{height: auto !important;}
    .wd-job-filter .select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0;}
    /* job details */
    .breadcrumb li a, .breadcrumb li{font-size: 16px;}
    .wd-job-dtls-blog, .wd-edit-job-blog{padding: 30px 0 50px;}
    .wd-apply-job, .wd-msg-job, .wd-property-tile p, .profile__blog .get_btn, .wd-modal-btn button{font-size: 15px;}
    .wd-property-skill{flex-wrap: wrap;}
    .wd-job-lft{gap: 15px;}
    /* property Details */
    .wd-property-tile h1, .profile__blog ul li h5, .wd-confrm-title{font-size: 20px;}
    .wd-proprty-fotr .wd-prize{margin-bottom: 8px;}
    .wd-pro-describe-bx,.wd-job-listing-box, .filter__blog li a{padding: 15px;}
    .wd-feature-grid{grid-template-columns: repeat(3, 1fr);}
    /* chat */
    .wd-chat-area, .wd-job-dtls-blog, .wd-edit-job-blog, .policy-blog, .wd-contact-blog{padding: 30px 0 50px;}
    /* my account */
    .profile__blog ul li h6{font-size: 18px;}
    .profile__blog ul li{max-width: unset;}
    .profile__blog ul{padding: 0 15px;}
    .wd-profl-modal .modal-footer{gap: 20px;}
    .create-job-btn{padding: 10px 18px;}
    #general{padding: 30px 0;}
    .filter__blog ul{display: flex; align-items: center;overflow-x: auto;}
    .filter__blog ul li{border-bottom: none;}
    .filter__blog span{justify-items: center;grid-auto-flow: unset;}
    /* edit Job & Create job */
    .wd-edit-job-box,.wd-job-blog, .change-pswrd-blog, .wd-policy-area, .account_headpart{padding: 20px;}
    .wd-edit-dtls{padding: 0 15px 15px;}
    .wd-edit-job-box .form-control{padding: 14px 20px;}
    .wd-edit-job-box .custom_selectjs{padding: 13px 20px;}
    .wd-save-btn{font-size: 15px; padding: 13px 20px; width: 80%;}
    .wd-edit-job-box .form-group{margin-bottom: 12px;}
    /* sidebar */
    #sidebar-wrapper{
        min-height: 100vh;
        max-width: 290px;
        width: 100%;
        transform: translateX(-290px);
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 5;
        display: block;
        margin: 83px 0;
    }
    #sidebarToggle {
        padding: 0 10px;
        margin: 87px 0 0;
        transform: translateX(0px);
    }
    #sidebarToggle {
        display: block;
    }
    .sidenav-toggled#sidebar-wrapper {
        transform: translateX(0px);
        min-height: auto;
        box-shadow: 0 0 10px #ccc;
    }
    .active_scroll #sidebarToggle {
        transform: translateX(290px);
    }
    .sidenav-toggled .scrollbar{
        height: 90vh;
        overflow-x: auto;
    }
    .filter-btngrp{flex-flow: column;}
   






}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767px)
{   
    br{display: none;}
    /* Authentication flow */
    .auth_headbx, .auth_headbx img{margin-bottom: 1rem;}
    .auth_login{height: 280px;border-radius: 0 0 10px 10px;}
    .auth_blog{max-width: 90%;justify-content: flex-start;height: auto;}
    .auth_headbx p, .auth_box label{font-size: 14px;}
    .interlink{margin: 1rem 0 0;font-size: 14px;}
    .auth_btn{margin: 1rem 0 0;font-size: 14px;padding: 15px 10px;}
    .signup_link{font-size: 14px;}
    .otp_box .form-control{width: 60px;height: 60px;font-size: 22px;border-radius: 10px;}
    /* Header & Footer */
    header .navbar #nav:checked ~ .wrapper{width: 85%;}
    /* contact us */
    .wd-contact-img {height: 320px;}
    .wd-send-btn {padding: 10px 30px;}
    /* home */
    .contact__blog{border-radius: 30px;}
    .owl-jobs .owl-nav, .owl-property .owl-nav{transform: translate(0px, -50px);}
    .text_object {height: 32px;}
    .content_box h1{font-size: 28px;}
    .wd-property-skill li{margin: 0 15px 8px 0;}
    .content_box h2 {font-size: 24px;}
    /* property */
    .wd-proprty-fotr{display: block;}
    .wd-job-txt p{font-size: 16px;}
    /* saved */
    .wd-job-blog .nav .nav-link{padding: 10px 36px; min-width: 135px;}
    .pagination li a{width: 38px; height: 38px;}
    /* change password */
    .change-pswrd-blog .auth_box{width: 90%;}
    

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
    /* property details */
    .wd-feature-grid{grid-template-columns: repeat(2, 1fr);}
    /* my account */
    .profile__blog ul{flex-flow: column;}
    .title-line{display: none;}
    
   
   

}

@media (max-width: 475px)
{
    .wd-job-list-top{flex-flow: column; align-items: flex-start; gap: 15px;}

}

/* height media query */
@media (max-height: 767px)
{
    .auth_blog{height: auto;justify-content:flex-start;}
}