@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {
     .db-header .db-h-left{
        width: auto;
        display: block;
    }
    .db-header .db-logo{
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }
    .db-header .db-menu{
        display: block;
        text-align: center;
        width: auto;
    }
     .db-header .db-h-right{
         float:none;
        width: auto;
        display: block;
        text-align: center;
        padding-bottom: 20px;
    }
   
    .login-sec .inr{
        background: #f7f7f7;
        width: auto;
        max-width: none;
        padding: 10px;
    }
    .inline-form .single-inp > label{
        flex: none;
        max-width: none;
        margin-bottom: 8px;
    }
    .inline-form .single-inp .inp{
        flex: none;
        max-width: none;
        width: 100%;
    }
    
    .inline-form .single-inp > label.label-textarea{
        margin-top: 0;
    }
    .common-sec .content .system-btn{
    text-align: center;
}
    .common-sec .heading h2{
         width: auto;
    }
    .common-sec .heading .heading-btn{
        width: auto;
    }
    .common-sec .content .system-btn .bg-orange{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .create-project-sec .inline-form{
        padding: 50px 10px;
    }
    .create-project-sec .inline-form .inp .bg-orange {
    margin-right: 0;
}
.common-sec .content .system-btn .formbg-orange{
    margin-right: 0;
    margin-bottom: 20px;
}
   
}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 575px) {}

@media only screen and (max-width: 400px) {}