/*
    // X-Small devices (portrait phones, less than 576px)
    // No media query for `xs` since this is the default in Bootstrap
    // Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) {

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    header .navbar .has-megamenu{position:static!important;}
    header .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
    header .navbar .nav-item .dropdown-menu{ display: none; }
    header .navbar .nav-item:hover > .dropdown-menu{ display: block; }

    header .navbar .dropdown.dropend:hover >  .dropdown-menu,header .navbar .dropdown.dropstart:hover >  .dropdown-menu {
        top: 0;
        margin-top: 0;
        margin-right: var(--bs-dropdown-spacer);
    }
    header .navbar .dropdown.dropend:hover >  .dropdown-menu {
        right: auto;
        left: 100%;
    }
    html[lang="ar"] header .navbar .dropdown.dropend:hover >  .dropdown-menu {
        left: auto;
        right: 100%;
    }
    header .navbar .dropdown.dropstart:hover >  .dropdown-menu {
        left: auto;
        right: 100%;
    }
    html[lang="ar"] header .navbar .dropdown.dropstart:hover >  .dropdown-menu {
        right: auto;
        left: 100%;
    }
    /*header .navbar .nav-item .dropdown-menu.show {
        display: block;
    }*/
    header .navbar .dropdown:hover > .dropdown-menu{ display: block; }

    header .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}

/*// `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399px) {

}

/*// `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {

}

/*// `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {
    header .navbar.fixed-top, header .navbar-collapse{
        overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
    }
    /*#top-bar .navbar-brand{
        display: none;
    }*/
    header .navbar-brand{
        width:80px;
    }
}

/*// `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {

}

/*// `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {

}


/* Large desktop :1280px. */

@media (min-width: 1201px) and (max-width: 1439px) {

}

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1200px) {

}

/* Tablet desktop :768px. */

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

}

/* small mobile :320px. */

@media only screen and (min-width: 320px) and (max-width: 574px) {
    .fa-xs-fx08{font-size: 0.7em !important}
    .fa-xs-fx09{font-size: 0.8em !important}
    .fa-xs-fx1{font-size: 0.9em !important}
    .fa-xs-fx2{font-size: 1.1em !important}
    .fa-xs-fx3{font-size: 1.2em !important}
    .fa-xs-fx4{font-size: 1.3em !important}
    .fa-xs-fx5{font-size: 1.4em !important}
    .fa-xs-fx6{font-size: 1.7em !important}
    .fa-xs-fx65{font-size: 2em !important}
    .fa-xs-fx7{font-size: 2.4em !important}
    .fa-xs-fx8{font-size: 3.2em !important}
    .fa-xs-fx9{font-size: 4em !important}
    .fa-xs-fx10{font-size: 5em !important}
    .copyright div {width: 100% !important;}
    .copyright { flex-direction: column-reverse;}

    .aspect-ratio-xs-4-4{aspect-ratio: 4  / 4 !important;}
    .aspect-ratio-xs-4-3{aspect-ratio: 4  / 3 !important;}
    .aspect-ratio-xs-4-2{aspect-ratio: 4  / 2 !important;}

    .aspect-ratio-xs-5-5{aspect-ratio: 5  / 5 !important;}
    .aspect-ratio-xs-5-4{aspect-ratio: 5  / 4 !important;}
    .aspect-ratio-xs-5-3{aspect-ratio: 5  / 3 !important;}
    .aspect-ratio-xs-5-2{aspect-ratio: 5  / 2 !important;}

    .aspect-ratio-xs-6-6{aspect-ratio: 6  / 6 !important;}
    .aspect-ratio-xs-6-5{aspect-ratio: 6  / 5 !important;}
    .aspect-ratio-xs-6-4{aspect-ratio: 6  / 4 !important;}
    .aspect-ratio-xs-6-3{aspect-ratio: 6  / 3 !important;}
    .aspect-ratio-xs-6-2{aspect-ratio: 6  / 2 !important;}

    .aspect-ratio-xs-7-7{aspect-ratio: 7  / 7 !important;}
    .aspect-ratio-xs-7-6{aspect-ratio: 7  / 6 !important;}
    .aspect-ratio-xs-7-5{aspect-ratio: 7  / 5 !important;}
    .aspect-ratio-xs-7-4{aspect-ratio: 7  / 4 !important;}
    .aspect-ratio-xs-7-3{aspect-ratio: 7  / 3 !important;}
    .aspect-ratio-xs-7-2{aspect-ratio: 7  / 2 !important;}
}

/* Large Mobile :575px. */

@media only screen and (min-width: 575px) and (max-width: 767px) {
    .fa-sm-fx08{font-size: 0.75em !important}
    .fa-sm-fx09{font-size: 0.85em !important}
    .fa-sm-fx1{font-size: 0.95em !important}
    .fa-sm-fx2{font-size: 1.15em !important}
    .fa-sm-fx3{font-size: 1.25em !important}
    .fa-sm-fx4{font-size: 1.35em !important}
    .fa-sm-fx5{font-size: 1.5em !important}
    .fa-sm-fx6{font-size: 1.9em !important}
    .fa-sm-fx65{font-size: 2.1em !important}
    .fa-sm-fx7{font-size: 2.6em !important}
    .fa-sm-fx8{font-size: 3.5em !important}
    .fa-sm-fx9{font-size: 4.5em !important}
    .fa-sm-fx10{font-size: 5.5em !important}
    .copyright div {width: 100% !important;}
    .copyright { flex-direction: column-reverse;}

    .aspect-ratio-sm-4-4{aspect-ratio: 4  / 4 !important;}
    .aspect-ratio-sm-4-3{aspect-ratio: 4  / 3 !important;}
    .aspect-ratio-sm-4-2{aspect-ratio: 4  / 2 !important;}

    .aspect-ratio-sm-5-5{aspect-ratio: 5  / 5 !important;}
    .aspect-ratio-sm-5-4{aspect-ratio: 5  / 4 !important;}
    .aspect-ratio-sm-5-3{aspect-ratio: 5  / 3 !important;}
    .aspect-ratio-sm-5-2{aspect-ratio: 5  / 2 !important;}

    .aspect-ratio-sm-6-6{aspect-ratio: 6  / 6 !important;}
    .aspect-ratio-sm-6-5{aspect-ratio: 6  / 5 !important;}
    .aspect-ratio-sm-6-4{aspect-ratio: 6  / 4 !important;}
    .aspect-ratio-sm-6-3{aspect-ratio: 6  / 3 !important;}
    .aspect-ratio-sm-6-2{aspect-ratio: 6  / 2 !important;}

    .aspect-ratio-sm-7-7{aspect-ratio: 7  / 7 !important;}
    .aspect-ratio-sm-7-6{aspect-ratio: 7  / 6 !important;}
    .aspect-ratio-sm-7-5{aspect-ratio: 7  / 5 !important;}
    .aspect-ratio-sm-7-4{aspect-ratio: 7  / 4 !important;}
    .aspect-ratio-sm-7-3{aspect-ratio: 7  / 3 !important;}
    .aspect-ratio-sm-7-2{aspect-ratio: 7  / 2 !important;}
}


/* Responsive CSS END
/*----------------------------------------*/