.menu {
    width: 100%;
    position: relative;
    z-index: 1000;
}

/*dropdown button*/
.menu_arrow_btn {
    display: block;
    width: 30px;
    height: 30px;
    background: red;
    border-radius: 30px;
    position: absolute;
    top: 15px;
    right: 0;
}

.menu_arrow_btn:before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    top: 45%;
    transform: translate(0%, -50%) rotate(45deg);
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    margin: auto;
    border-right: 1px solid #F8F8F8;
    border-bottom: 1px solid #F8F8F8;
}

.menu_arrow_btn.menu_open:before {
    border-top: 1px solid #F8F8F8;
    border-left: 1px solid #F8F8F8;
    border-bottom: none;
    border-right: none;
    top: 55%;
}

.menu-container {
    margin: 0 auto;
}

.menu a.logo {
    display: inline-block;
    padding: 1.5em 3em;
    width: 19%;
    float: left;
}

.menu img {
    max-width: 100%;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu .nav-ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
    clear: right;
    text-align: center;
}

.menu .nav-ul:before,
.menu .nav-ul:after {
    content: "";
    display: table;
}

.menu .nav-ul:after {
    clear: both;
}

.menu .nav-ul>li {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.menu .nav-ul>li a {
    color: #000;
    text-decoration: none;
    display: block;
    cursor: pointer;
    font-size: 18px;
    font-family: 'poppins-medium';
    text-align: center;
}

.menu .nav-ul>li>a:hover {
    color: #ff0001;
}

.menu ul li .active {
    color: #ff0001 !important;
}

/*.menu > ul > li:hover {
  background: #f0f0f0;
}*/
.menu .nav-ul>li>ul {
    display: none;
    width: 100%;
    background: #ffff;
    padding: 30px 0 60px 0;
    position: fixed;
    z-index: 99;
    left: 0;
    margin: 0;
    margin-top: 29px;
}

a.nav-link.dropdown_toggle:after {
    content: '';
    background: url(/assets/img/icon/dropdown-icon.png);
    padding: 3px;
    background-repeat: no-repeat;
    background-position: 100% -280%;
    background-size: contain;
    position: relative;
    margin-left: 5px;
    transition: 0.5s;
}

a.nav-link.dropdown_toggle.dropIcon::after {
    background-position: 100% 50%;
}

.menu .nav-ul>li>ul:before,
.menu .nav-ul>li>ul:after {
    content: "";
    display: table;
}

.menu .nav-ul>li>ul:after {
    clear: both;
}

.menu .nav-ul>li>ul>li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    background: none;
    max-width: 81%;
    margin-left: auto;
}

.menu .nav-ul>li>ul>li>ul {
    display: table-cell;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
    width: 10%;
    text-align: left;
}

.menu .nav-ul>li>ul>li>ul:before,
.menu .nav-ul>li>ul>li>ul:after {
    content: "";
    display: table;
}

.menu .nav-ul>li>ul>li>ul:after {
    clear: both;
}

.menu .nav-ul>li>ul>li>ul>li {
    width: 100%;
    padding: 5px 0;
    margin: 0;
    line-height: 30px;
}

.menu .nav-ul>li>ul>li>ul>li a {
    border: 0;
    font-size: 14px;
}

.menu .nav-ul>li>ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu .nav-ul>li>ul.normal-sub>li {
    width: 100%;
}

.menu .nav-ul>li>ul.normal-sub>li a {
    border: 0;
    padding: 1em 0;
}

.menu-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.menu .nav-ul>.parentActive a {
    color: red;
}

.parentActive li .sub-menu-li a {
    color: #000 !important;
}

.parentActive li .childActive a {
    color: #000;
    text-decoration: underline;
    font-family: 'poppins-semi-bold';
}

.column-menu-grid-4 {
    padding: 0;
    flex: 0 0 auto;
    width: 30%;
}

li.sub-menu-li {
    list-style: none;
    text-align: left;
}

li.sub-menu-li a {
    text-align: left !important;
    color: #000;
    line-height: 30px;
    transition: 0.5s;
}

li.sub-menu-li a:hover {
    color: #000;
    text-decoration: underline;
    font-family: 'poppins-semi-bold';
}

li.menu-link a {
    transition: 0.5s;
}

a.menu-item-join-sipport {
    background: #ff0001;
    color: #fff !important;
    border-radius: 30px;
    min-width: 180px;
    height: 40px;
    font-size: 16px !important;
    border: 1px solid #ff0001;
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 15%);
    font-family: 'poppins-semi-bold' !important;
    padding: 0 !important;
    margin: 0px 40px 0px 0px;
    display: flex !important;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}

a.menu-item-join-sipport:hover {
    background: transparent;
    color: #000 !important;
    border: 1px solid #000;
}

.navigation-header-desktop .menu-link>a {
    padding: 0px 40px 0px 0px;
}

a.nav-link.dropdown_toggle.dropIcon {
    color: #ff0001;
}

.navigation-header-desktop.stickyHeader .searchMenu {
    display: block !important;
}

.navigation-header-desktop.stickyHeader {
    animation: stickySlide ease 1s;
    -webkit-animation: stickySlide ease 1s;
    position: fixed;
    background: #fff;
    z-index: 130;
    width: 100%;
    top: 0;
    /* animation-name: stickySlide;
    -webkit-animation-name: stickySlide;
    animation-delay: 10s;
    -webkit-animation-delay: 10s; */
    /* transition: all 1s; */

}

.navigation-header-desktop.opacityAdd {
    /* transition: all 1s; */
}

@keyframes stickySlide {
    0% {
        top: -100%;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes stickySlideDown {
    0% {
        -webkit-transform: translateY(0%)
    }

    100% {
        -webkit-transform: translateY(-150%)
    }
}

.navigation-header-desktop.stickyHeader button.search img {
    width: 30px;
}

.logo-header-sticky {
    display: none;
    float: left;
    margin-right: auto;
    margin-left: 0px;
}

.logo-header-sticky.show_logo {
    display: block;
}

img.site-logo-sticky {
    width: 91px;
}

.menu_move_right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    /*  padding-top: 22px;
    padding-bottom: 22px; */



}

.navigation-header-desktop.stickyHeader .nav-list {
    padding-top: 22px;
    padding-bottom: 22px;
    /* transition: padding-top 0.4s ease-out; */
    border-bottom: 2px solid #f7f7f7;
}

.page-wrapper {
    transition: margin-top 0.5s !important;
}

.off_header_top {
    /*margin-top: -50px;*/
    transition: margin-top 0.5s !important;
}

.logo-header.hide_logo {
    margin-top: -50px;
    transition: margin-top 0.5s !important;
}

li#tab_right a {
    text-align: center;
}

.navigation-header-desktop {
    margin-bottom: 16px;
}

.nav-list {
    padding-top: 16px;
}

.navigation-header-mobile {
    display: none;
}

.nav-link:focus,
.nav-link:hover {
    color: #ff0001 !important;
}

.menuFlex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 0px;
    align-content: center;
    align-items: center;
}

.menuFlex ul li a {
    color: #000 !important;
    font-family: 'poppins-medium' !important;
}

.menuFlex button.search svg line,
.menuFlex button.search svg circle {
    stroke: #000 !important;
}

.menuFlex button {
    font-family: 'poppins-medium';
    font-size: 12px;
    text-decoration: underline;
}

.menuFlex svg {
    width: 20px;
}

.langDiv {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-end;
    align-content: space-between;
    position: relative;
}

.bgWhiteColor {
    background: #fff;
}

.mobile-menu-wrapper {
    display: none;
}

.mobile-menu-wrapper {
    background: #f7f7f7;
    overflow-y: auto;
    height: 100vh;
}

ul.langSwitcher li:not(.init) {
    display: none;
}

.transWrap {
    width: 95px;
    /* margin: auto; */
}

.langRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    left: 0px;
    position: relative;
}

ul.translator {
    list-style: none;
    padding: 0;
    width: 97px;
    margin: auto;
    display: block;
    position: relative;
    top: 10px;
    left: 10px;
}

ul.translator li {
    font-size: 12px;
    font-family: 'poppins-medium';
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

ul.translator>li>a {
    color: #fff;
    font-size: 12px;
    display: block;
    width: 100%;
    position: relative;
    top: -8px;
    line-height: 18px;
}

a.currentLang {
    background: url(../img/icon/langGlobalWhite.svg);
    background-repeat: no-repeat !important;
    background-size: auto;
    background-position: left;
}

a.currentLang span {
    text-decoration: underline;
}

a.currentLang span:after {
    content: '↓';
    position: relative;
    left: 2px;
}

ul.translator li:hover ul.language {
    opacity: 1;
    visibility: visible;
}

ul.language {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    margin-top: -0.5px;
    text-align: center;
    border: 1px solid red;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    display: none;
    z-index: 1010;
}

ul.language li {
    background: #fff;
    transition: 0.5s;
    border-bottom: 1px solid #ff0000;
}

ul.language li:nth-last-child(1) {
    border-bottom: 0px;
}

ul.language li a {
    color: #ff0000;
    transition: 0.5s;
    font-size: 12px;
    line-height: 15px;
    padding: 8px 10px;
    display: block;
}

ul.language li:hover {
    background: #ff0000;
    color: #fff;
}

ul.language li a:hover {
    color: #fff;
}

ul.language li:hover a {
    color: #fff !important;
}

ul.language li.active a {
    color: #fff !important;
}

ul.language li.active {
    background: #ff0000;
}

li.nav-item.selected {
    background: #ff0000;
}

li.nav-item.selected a {
    color: #fff !important;
}

li.selected {
    background: #ff0000 !important;
}

li.selected a {
    color: #fff !important;
}

ul.langSwitcher li a {
    color: #fff !important;
    font-family: 'poppins-regular';
    font-size: 12px;
    cursor: pointer;
    position: relative;
    display: block;
}

ul.langSwitcher.desktopTranslator {
    list-style: none;
    position: absolute;
    background: red;
    top: 0;
    left: 0;
    padding-bottom: 5px;
    margin: auto;
    text-align: center;
    width: 97px;
}

ul.langSwitcher.desktopTranslator li {
    position: relative;
    line-height: 18px;
    text-align: left;
    padding-bottom: 2px;
}

/*button.search svg {
    width: 20px;
    height: 20px;
}*/

.searchWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
}

/*Mobile Navigation style's */
@media (max-width: 991.98px) {
    .notificationBar {
        display: block;
    }

    ul.langSwitcher.desktopTranslator {
        display: none;
    }

    li.menu-link.active>a {
        color: red;
    }

    a.currentLang {
        background: url(../img/icon/langGlobalWhite.svg);
        background-repeat: no-repeat !important;
        background-size: auto;
        background-position: left;
    }

    .byeTicketMobile {
        background: #FFC734;
        width: 171px;
        height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: absolute;
        z-index: 1051;
        top: 78px;
        transform: none;
        left: -3px;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }

    .byeTicketMobile.calendarCardMobile {
        top: 6em;
        background: #0080CE;
    }

    .byeTicketMobile svg {
        vertical-align: middle;
    }

    .byeTicketMobile a {
        font-size: 15px;
        font-family: 'montserrat-bold';
    }

    .byeTicketMobile.calendarCardMobile a {
        color: #FFF;
        text-transform: uppercase;
    }

    /* .byeTicketMobile.calendarCardMobile {
        transform: none;
    } */

    .menu .nav-ul>li {
        display: block;
        position: relative;
    }

    .menu .nav-ul>li>ul {
        position: relative;
        margin-top: 0;
        padding: 20px 0px;
        background: transparent;
    }

    .menu .nav-ul>li>ul>li {
        max-width: 100%;
    }

    ul.langSwitcher.mobileTranslator {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.langSwitcher.mobileTranslator li a {
        color: #000 !important;
        font-family: 'poppins-medium' !important;
        border-bottom: none !important;
        text-decoration: underline;
    }

    ul.langSwitcher.mobileTranslator {
        position: absolute;
        left: 25px;
        top: 0;
        background: #f7f7f7;
        text-align: left;
        padding: 0px 5px;
        display: block;
    }

    .langRow>.desktopGlobal {
        display: none;
    }

    li.sub-menu-li a {
        font-size: 16px !important;
        line-height: 30px;
    }

    .searchWrapper button.search {
        margin: 0px !important;
        color: #000 !important;

    }

    ul.langSwitcher.mobileTranslator li:nth-last-child(1) {
        padding-bottom: 5px;
    }

    .topTransColumn {
        display: none;
    }

    .deviceGloble {
        background: url(../img/icon/langGlobalBlack.svg) !important;
    }

    ul.translator {
        left: 0px;
    }

    .navigation-header-mobile.mobileStickyHeader .byeTicketMobile {
        top: 18px;
    }

    .navigation-header-mobile.mobileStickyHeader .byeTicketMobile.calendarCardMobile {
        top: 80px;
    }

    span.ticketTxt {
        display: none;
    }

    .byeTicketMobile {
        width: 46px;
        transform: rotate(270deg);
        top: 2em;
    }
}

@media (max-width: 767.98px) {
    .menu-container {
        width: 100%;
    }

    .mobile-nav-container {
        width: 255px;
        margin: auto;
    }

    .joinBtn {
        padding-bottom: 35px;
    }

    .menu-container .menu {
        display: inline-block;
        background: #f7f7f7;
    }

    .menu-mobile {
        display: block;
    }

    .menu-dropdown-icon:before {
        display: block;
    }

    .menu>.nav-ul {
        display: none;
        width: 100%;
    }

    .menu .nav-ul>li {
        width: 100%;
        float: none;
        display: block;
    }

    .menu .nav-ul>li>ul.normal-sub {
        width: 100%;
    }

    .menu .nav-ul>li>ul>li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .menu .nav-ul>li>ul>li:first-child {
        margin: 0;
    }

    .menu .nav-ul>li>ul>li>ul {
        position: relative;
    }

    .menu .nav-ul>li>ul>li>ul>li {
        float: none;
    }

    .menu .show-on-mobile {
        display: block;
    }

    li.sub-menu-li a {
        font-size: 16px !important;
        line-height: 30px;
    }

    .donateWrapper {
        width: 100%;
    }

    .navigation-header-desktop {
        display: none;
    }

    .navigation-header-mobile {
        display: block;
    }

    section.feature_section {
        display: none;
    }

    .logo-header {
        display: none;
    }

    li.menu-link {
        margin: 0px !important;
    }

    ul#nav-menu-ul {
        padding: 20px 0px;
        background: #f7f7f7;
        padding-bottom: 16px;
    }

    .mobileNavWrapper {
        position: relative;
        padding: 24px 0px;
    }

    .menu-mobile {
        width: 25px;
        margin-left: auto;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0%, -50%);
    }

    .menu-mobile span {
        height: 1.4px;
        background: #000;
        z-index: 9999;
        margin: 9px 0px;
        display: block;
        margin-left: auto;
        position: relative;
        transition: 0.5s ease-in-out;
    }

    .logo-header-mobile {
        margin: auto;
        display: block;
        text-align: center;
    }

    a.nav-link.dropdown_toggle:after {
        display: none;
    }

    .menu-mobile {
        padding: 0;
    }

    .menu .nav-ul>li a {
        padding: 16px 0px;
        width: 80%;
        display: block;
        text-align: left;
        font-size: 18px;
    }

    .menu .nav-ul>li>ul {
        position: relative;
        padding: 0px 0px;
        margin-top: 0;
        margin-bottom: 1em;
    }

    .menu-link {
        border-top: 1.5px solid #000;
        line-height: 32px;
    }

    .menu-link:nth-child(1) {
        border-top: none;
    }

    .column-menu-grid-4 {
        width: 100%;
    }

    li.sub-menu-li a {
        padding: 0px !important;
        line-height: 30px;
        color: #000 !important;
    }

    /*a.nav-link.dropdown_toggle:before {
    content: '↓';
    width: 10px;
    height: 15px;
    position: absolute;
    right: 0px;
    top: 30%;
	transform: translate(0%,-50%);
}
a.nav-link.dropdown_toggle {
    position: relative;
    width: max-content;
}
a.nav-link.dropdown_toggle.open:before {
	content: '↑';
    color: #ff0001;
}*/
    .menu-mobile.open-menu span:nth-child(1) {
        transform: rotate(45deg);
        top: 9px;
    }

    .menu-mobile.open-menu span:nth-child(2) {
        visibility: hidden;
        opacity: 0;
    }

    .menu-mobile.open-menu span:nth-child(3) {
        transform: rotate(-45deg);
        top: -12px;
    }

    #tab_right {
        display: none;
    }

    a.menu-item-join-sipport {
        margin-top: 26px;
        text-align: center !important;
    }

    .navigation-header-mobile {
        display: block;
        position: absolute;
        width: 100%;
        z-index: 111;
        background: #fff;
    }

    .page-wrapper {
        transition: none !important;
    }

    .mobileNavWrapper.menu_mobile_Items {
        padding: 10px;
    }

    .navigation-header-mobile.mobileStickyHeader {
        position: fixed;
        background: #fff;
        z-index: 111;
        width: 100%;
        top: 0;
        animation-name: stickySlideDown;
        -webkit-animation-name: stickySlideDown;
    }

    a.menu-item-join-sipport {
        width: 180px !important;
        display: block;
    }

    .settingWrapper {
        width: 79%;
    }

    span.ticketTxt {
        display: none;
    }

    .byeTicketMobile {
        width: 46px;
        transform: rotate(270deg);
        top: 2em;
    }

    .navigation-header-mobile.mobileStickyHeader .byeTicketMobile {
        top: 18px;
    }

    .navigation-header-mobile.mobileStickyHeader .byeTicketMobile.calendarCardMobile {
        top: 80px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .mobile-nav-container {
        width: 60%;
        margin: auto;
    }
}

/* Tablet style's */
@media (min-width: 768px) and (max-width: 991.98px) {
    .menu-container {
        width: 100%;
    }

    .menu-container .menu {
        display: inline-block;
    }

    .menu-mobile {
        display: block;
    }

    .menu-dropdown-icon:before {
        display: block;
    }

    .menu>.nav-ul {
        display: none;
        width: 100%;
    }

    .menu>.nav-ul>li {
        width: 60%;
        float: none;
        display: block;
    }

    .menu>.nav-ul>li>ul.normal-sub {
        width: 100%;
    }

    .menu>.nav-ul>li>ul>li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .menu>.nav-ul>li>ul>li:first-child {
        margin: 0;
    }

    .menu>.nav-ul>li>ul>li>ul {
        position: relative;
    }

    .menu>.nav-ul>li>ul>li>ul>li {
        float: none;
    }

    .menu .show-on-mobile {
        display: block;
    }

    .donateWrapper {
        width: 100%;
    }

    .navigation-header-desktop {
        display: none;
    }

    .navigation-header-mobile {
        display: block;
    }

    section.feature_section {
        display: none;
    }

    .logo-header {
        display: none;
    }

    li.menu-link {
        margin: 0px !important;
    }

    ul#nav-menu-ul {
        padding: 20px 0px;
        background: #f7f7f7;
    }

    .mobileNavWrapper {
        position: relative;
        padding: 25px 50px;
    }

    .menu-mobile {
        width: 30px;
        margin-left: auto;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0%, -50%);
    }

    .menu-mobile span {
        height: 1px;
        background: #000;
        z-index: 9999;
        margin: 15px 0px;
        display: block;
        margin-left: auto;
        position: relative;
        transition: 0.5s ease-in-out;
    }

    .logo-header-mobile {
        margin: auto;
        display: block;
        text-align: center;
    }

    a.nav-link.dropdown_toggle:after {
        display: none;
    }

    .menu-mobile {
        padding: 0;
    }

    .menu>.nav-ul>li a {
        padding: 10px 0px;
        width: 100%;
        display: block;
        text-align: left;
    }

    .menu>.nav-ul>li>ul {
        position: relative;
        padding: 0px 0px;
        margin-top: 0;
        margin-bottom: 1em;
    }

    .menu-link {
        border-top: 1.5px solid #000;
        line-height: 32px;
    }

    .menu-link:nth-child(1) {
        border-top: none;
    }

    .column-menu-grid-4 {
        width: 100%;
    }

    li.sub-menu-li a {
        padding: 0px !important;
        line-height: 30px;
        color: #000 !important;
    }

    /*a.nav-link.dropdown_toggle:before {
		content: '↓';
		width: 10px;
		height: 15px;
		position: absolute;
		right: 0px;
		top: 30%;
		transform: translate(0%,-50%);
	}
	a.nav-link.dropdown_toggle.open:before {
		content: '↑';
		color:#ff0001;
	}
	a.nav-link.dropdown_toggle {
		position: relative;
		width: 100%;
		text-align: left !important;
		padding: 10px 0px;
	}*/

    .menu-mobile.open-menu span:nth-child(1) {
        transform: rotate(45deg);
        top: 15px;
    }

    .menu-mobile.open-menu span:nth-child(2) {
        visibility: hidden;
        opacity: 0;
    }

    .menu-mobile.open-menu span:nth-child(3) {
        transform: rotate(-45deg);
        top: -18px;
    }

    .menu>.nav-ul>li>ul>li {
        max-width: 100%;
    }

    .column-menu-grid-4 {
        width: 100%;
    }

    li#tab_right {
        position: absolute;
        top: 0;
        right: 30px;
        width: 180px;
        border-bottom: 0;
        text-align: center;
        transform: translate(0%, 50%);
    }

    li.menu-link:last-child {
        display: none;
    }

    .mobileNavWrapper.menu_mobile_Items {
        padding: 10px;
    }

    .navigation-header-mobile.mobileStickyHeader {
        position: fixed;
        background: #fff;
        z-index: 111;
        width: 100%;
        top: 0;
        animation-name: stickySlideDown;
        -webkit-animation-name: stickySlideDown;
    }

    img.site-logo-sticky {
        width: 116px;
    }

    .navigation-header-mobile {
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 11;
    }

    .menu .nav-ul>li a {
        text-align: left;
        padding: 16px 0px;
        width: 80%;
    }

    li.menu-link.menu-dropdown-icon ul {
        padding-top: 0px;
    }

    .joinBtn {
        margin-top: 25px;
    }

    .settingWrapper {
        padding: 16px 0px;
        text-align: right;
        width: 72%;
        margin-left: auto;
        padding-top: 40px;
    }

}

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