/* Small Devices, Phones */ 



@media only screen and (max-width: 320px) {
    .nav-item{
        margin-right: 0px !important;
    }
    .navbar-collapse ul{
        margin-left:0px !important;
        margin-right: 30px !important;
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    .signup{
        margin-left:0px !important;
    }
    #nav{
        background: #162753;
    }
    .f-contents{
        margin:30px 0px;
    }
    .f-title, .f-desc{
        text-align: center;
        width:100%;
    }
    .f-img{
        width:100%;
    }
    .integration-img{
        margin-top:50px;
    }
}

@media only screen and (max-width: 576px) {
    .nav-item{
        margin-right: 0px !important;
    }
    .navbar-collapse ul{
        margin-left:0px !important;
        margin-right: 30px !important;
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    .signup{
        margin-left:0px !important;
    }
    .nav-item{
        margin-left:0px;
        margin-right: 0px !important;
    }
    #nav{
        background: #162753;
    } 
    .f-contents{
        margin:30px 0px;
    }
    .f-title, .f-desc{
        text-align: center;
        width:100%;
    }
    .f-img{
        width:100%;
    }
    .integration-img{
        margin-top:50px;
    }
}
/* Medium Devices, Tablets */
@media only screen and (max-width: 768px) {
    .nav-item{
        margin-right: 0px !important;
    }
    .navbar-collapse ul{
        margin-left:0px !important;
        margin-right: 30px !important;
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    .signup{
        margin-left:0px !important;
    }
    #nav{
        background: #2B6B75;
    }
    
    .f-title, .f-desc{
        text-align: center;
        width:100%;
    }
    .f-img{
        width:100%;
    }
    .integration-img{
        margin-top:50px;
    }
    .activate-form{
        width: 100%;
    }
}

/* Large Devices, Desktops */
@media only screen and (max-width: 992px) {
    
}

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
}

@media only screen and (max-width: 768px) {
    .onboarding-cont{
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .onboarding-steps-cont{
        display: none;
    }

    .btn-remove-rep{
        text-align: center;
    }

    .ob-titles{
        text-align: center !important;
    }

    .btn-remove-rep-btm{
        display: block;
        margin-bottom: 1rem;
    }

    .btn-remove-rep{
        display: none;
    }
}

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

@media only screen and (max-width: 425px){
    .onboarding-panel{
        height: 100%;
    }

    .btn-submit{
        width: 100% !important;
    }

    .ob-btns{
        width: 100% !important;
        margin: 0 !important;
    }

    .ob-btn-add{
        width: 100% !important;
    }
}

@media only screen and (max-width: 320px){
    .ob-file label{
        max-width: 100%;
    }

    .ob-file-btn{
        float: unset;
        text-align: center;
        margin-top: 10px;
    }
}

@media only screen and (max-height: 860px){
    .onboarding-cont{
        margin-top: -300px;
    }
}