/* ********************************************************************************************
    Design for a width of 1400px and above
*********************************************************************************************** */

@media only screen and (max-width: 1920px) and (min-width: 1400px) {
}

/* ********************************************************************************************
    Design for a width of 768px and above
*********************************************************************************************** */

@media only screen and (min-width: 768px) {
}

/* ********************************************************************************************
    Design for a width of 992px and above
*********************************************************************************************** */

@media only screen and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding: .8rem 1rem;
        font-size: 15px;
        font-weight: 500;
    }
}

/* ********************************************************************************************
    Design for a width of 12000px and above
*********************************************************************************************** */

@media only screen and (min-width: 1200px) {

}

/* ********************************************************************************************
    Design for a width of 1200px and below
*********************************************************************************************** */

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

/* ********************************************************************************************
    Design for a width of 1024px and below
*********************************************************************************************** */

@media only screen and (max-width: 1024px) {
    html, body{
        height: auto;
        overflow: visible;
    }
}

/* ********************************************************************************************
    Design for a width of 992px and below
*********************************************************************************************** */

@media only screen and (min-width: 768px) and (max-width: 991px)  {
}


/* ********************************************************************************************
    Design for a width of 991px and below
*********************************************************************************************** */

@media only screen and (max-width: 991px) {
    .navbar-toggler {
        color: #ffffff;
        padding-left: 0px;
        margin-right: 10px;
    }

}

/* ********************************************************************************************
    Design for a width of 767px and below
*********************************************************************************************** */

@media only screen and (max-width: 767px) {
    .navbar-collapse {
        background: #f7f7f7;
        border-bottom: 1px solid #e2e2e2;
    }
    .h1, h1 {
        font-size: 1.875rem;
    }
    .h4, h4 {
        font-size: 1.25rem;
    }
    .h5, h5 {
        font-size: 1rem;
    }
    .responsive-wrap {
        padding: 15px;
    }
    .user-img {
        height: 120px;
        width: 120px;
    }
    .sidebar-card {
        height: auto;
    }
}



/* ********************************************************************************************
    Design for a width of 639px and below
*********************************************************************************************** */

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

/* ********************************************************************************************
    Design for a width of 500px and below
*********************************************************************************************** */

@media only screen and (min-width: 576px) {

}

/* ********************************************************************************************
    Design for a width of 520px and below
*********************************************************************************************** */

@media only screen and (min-width: 480px) and (max-width: 520px)  {
}

/* ********************************************************************************************
    Design for a width of 479px and below
*********************************************************************************************** */

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


}

/* ********************************************************************************************
    Design for a width of 380px and below
*********************************************************************************************** */

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

}

/* ********************************************************************************************
    Design for a width of 320px and below
*********************************************************************************************** */

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


@media (min-width: 1200px){
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1240px;
    }
}