@media (min-width: 320px) and (max-width: 575px){
    .navbar-brand img{
        width: 35%;
    }
    .custom-header{
        padding: 20px 0;
    }
    .banner-text h2 {
        font-size: 30px;
    }
    .company-profile {
        padding: 20px 0px;
    }
    .city{
        font-size: 14px;
        padding: 3px 15px;
        margin-bottom: 5px;
    }
    .banner-text p {
         width: 100%; 
        margin-top: 10px;
        font-size: 15px;
        line-height: 24px;
    }
    .custom-btn{
        width: 100%;
    }
    .company-profile button{
        margin-top: 20px;
    }
    .banner-img{
        display: none;
    }
    .events-wrap {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .events-wrap .nav-pills .nav-link{
        font-size: 20px;
    }
    .events-filter{
        margin-top: 10px;
    }
    .event-content-wrap .shape1{
        display: none;
    }
    .social-icons-wrap{
        display: none;
    }
    .community-wrap {
        margin-top: 30px;
    }
    .community-wrap h3 {
        font-size: 24px;
    }
    .community-wrap p {
        font-size: 14px;
    }
    .get-started-wrap img {
        display: none;
    }
    .bg-img{
        background-img: none;
        padding: 40px 0;
    }
    .heading{
        font-size: 16px;
        border-bottom: 2px solid #2dbc9d;
        padding: 8px 20px;
    }
    .job-wrap.mt-5{
        margin-top: 0!important;
    }

    .bg-img h2 {
        font-size: 22px;
        line-height: 30px;
        width: 90%;
    }
    .get-started button{
        width: auto;
        top: -1px;
    } 
    .get-started {
        width: 100%;
        margin-top: 20px;
    }
    .get-started input {
        font-size: 12px;
    }
    .community-wrap .row.text-center.w-100 {
        /*margin-right: 0;*/
        width: auto !important;
    }
    .custom-top{
        margin-top: 0;
    }
    .community-wrap .row.text-center.w-100.mt-4{
        margin-top: 0px !important;
    }
    .mt-5.get-in-touch-wrap{
        margin-top: 0 !important;
    }
    .get-in-touch-wrap{
        padding: 0;
    }
    .get-in-touch {
        font-size: 30px;
        width: 100%; 
        padding-top: 20px;
        text-align: center;
    }
    .sign-up-form {
        padding: 20px;
    }
    /*.wrapper{*/
    /*    padding: 0 15px;*/
    /*}*/
    .ham-menu{
        display: none !important;
    }
    .navbar .dropdown-menu{
        box-shadow: none;
    }
    .tab-content .custom-btn.mt-4{
        margin-top: 0 !important;
    }
    .container.mt-5{
        margin-top: 30px !important;
    }
    .quick-links{
        display: block;
    }
    .quick-links a {
         margin-left: 0px; 
         margin-right: 10px;
         font-size: 14px;
    }
    .footer-bottom p{
        text-align: center;
    }
    .footer .footer-bottom {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-toggler{
        border: 0;
    }
    
    /*login*/
    .container-fluid.login-wrap .login-form-wrap{
        display: flex;
        flex-direction: column-reverse;
    }
    .banner-section img{
        height: 150px !important;
    }
    .login-form h2 {
        font-size: 35px;
        margin-bottom: 0;
    }
    .login-text span {
        font-size: 16px;
    }
    .login-form{
        padding: 0;
    }
    .new-account.text-right{
        text-align: left !important;
    }
    .login-wrap .row.mt-5{
        margin-top: 20px !important;
    }
    .login-form .input-group input{
        font-size: 14px;
    }
    .login-form .input-group-text img{
        width: 80%;
    }
    .forgot-psw a {
        font-size: 12px;
    }
    .social-login p:before {
        width: 50px;
    }
    .social-login p:after {
        width: 50px;
    }
    .job-list li{
        padding: 15px; 
    }
    .job-wrap .item .hire-box{
        min-height: 100px;
    }
    .owl-nav button{
        width: 30px;
        height: 30px;
    }
    .owl-prev {
        position: absolute;
        top: 40px;
        left: -20px;
    }
    .owl-next {
        position: absolute;
        top: 40px;
        right: -20px;
    }
    
    .job-list li{
        padding: 15px; 
    }
    .job-list h4{
        font-size: 18px;
    }
    .job-list .company-logo{
        height: 60px;
    }
    .company-logo img {
        width: 100%;
    }
    .job-content{
        margin-top: 20px;
    }
    .details span{
        display: block;
    }
    
    .job-keys span{
        display: block;
    }
    
    .job-profile .d-flex.flex-row-reverse.justify-content-around{
        display: flex !important;
        flex-direction: column !important;
    }
    
    .create-purchase-order-wrap .overview-details{
        padding: 0;
    }
    .custom-stepper{
        flex-wrap: nowrap;
        overflow-x: scroll;
        justify-content: start;
    }
    .custom-stepper li{
        min-width: 150px;
    }
}

@media (min-width: 576px) and (max-width: 767px){
    /*login*/
    .container-fluid.login-wrap .login-form-wrap{
        display: flex;
        flex-direction: column-reverse;
    }
    .banner-section img{
        height: 250px !important;
    }
    .login-form h2 {
        font-size: 35px;
        margin-bottom: 0;
    }
    .login-text span {
        font-size: 16px;
    }
    .login-form{
        padding: 0 15px;
    }
    .login-wrap .row.mt-5{
        margin-top: 20px !important;
    }
    .login-form .input-group input{
        font-size: 14px;
    }
    .login-form .input-group-text img{
        width: 80%;
    }
    .forgot-psw a {
        font-size: 12px;
    }
    .social-login p:before {
        width: 50px;
    }
    .social-login p:after {
        width: 50px;
    }
    
}