/* ---------------------- | DESKTOP | ---------------------- */
/**/
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {

}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

}

/* ---------------------- | TABLET | ---------------------- */

/* For Tablet View */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}

/* ---------------------- | MOBILE | ---------------------- */


/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) and (orientation: portrait) {

}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
}

/* small mobile :320px. */
@media (max-width: 767px) {
 
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 767px){

    .card-menu {
        background-color: var(--base-color);
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        background-color: #fff !important;
        color: var(--base-color) !important;
    }
    
    .nav-pills .nav-link:not(.active):hover {
        color: #fff;
    }

    .nav-pills .nav-link {
        color: #fff;
    }

    .nav-pills .modal-link {
        color: var(--base-color) !important;
    }

    .modal-menu {
        background-color: transparent;
    }

    /* .nav-pills .nav-link.active, .nav-pills .show>.nav-link .modal-style{
        background-color: var(--base-color) !important;
        color: white !important;
    } */

    .nav-pills .nav-link:not(.active):hover .modal-style {
        color: var(--base-color) !important;
    }    

}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {
    
}