@media (min-width: 768px) and (max-width: 1024px) {

    .nav-tabs .nav-item{
        margin: 2px 3px 4px 5px;
        font-size: 20px;
    }
    .nav-tabs li a.active {
        color: #fff !important;
        background-color: #5369f8 !important;
        border-color: #5369f8  !important;
    }
    .form-control{
        min-height: 65px;
    }
    .note-editable {
        border-radius: 0.3rem;
        padding: 0.5rem 0.75rem;
        min-height: 70px;
        border: 1px solid #e2e7f1;
    }
    .navbar-custom .button-menu-mobile{
        font-weight: bold;
        color: white !important;
    }

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .nav-tabs .nav-item{
        margin: 2px 3px 4px 5px;
        font-size: 20px;
    }
    .nav-tabs li a.active {
        color: #fff !important;
        background-color: #5369f8 !important;
        border-color: #5369f8  !important;
    }
    .form-control{
        min-height: 65px;
    }
    .note-editable {
        border-radius: 0.3rem;
        padding: 0.5rem 0.75rem;
        min-height: 70px;
        border: 1px solid #e2e7f1;
    }
    .navbar-custom .button-menu-mobile{
        font-weight: bold;
        color: white !important;
    }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {


    .nav-tabs .nav-item{
        margin: 2px 3px 4px 5px;
        font-size: 20px;
    }
    .nav-tabs li a.active {
        color: #fff !important;
        background-color: #5369f8 !important;
        border-color: #5369f8  !important;
    }
    .form-control{
        min-height: 65px;
    }
    .note-editable {
        border-radius: 0.3rem;
        padding: 0.5rem 0.75rem;
        min-height: 70px;
        border: 1px solid #e2e7f1;
    }
    .navbar-custom .button-menu-mobile{
        font-weight: bold;
        color: white !important;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    .nav-tabs .nav-item{
        margin: 2px 3px 4px 5px;
        font-size: 20px;
    }
    .nav-tabs li a.active {
        color: #fff !important;
        background-color: #5369f8 !important;
        border-color: #5369f8  !important;
    }
    .form-control{
        min-height: 65px;
    }
    .note-editable {
        border-radius: 0.3rem;
        padding: 0.5rem 0.75rem;
        min-height: 70px;
        border: 1px solid #e2e7f1;
    }
    .navbar-custom .button-menu-mobile{
        font-weight: bold;
        color: white !important;
    }

}