.nav ul li a {
    font-weight:700;
}
.nav > ul > li > a {
    cursor:auto;
}
.nav > ul > li:last-child a {
    cursor: pointer;
}

@media screen and ( max-width:991px ) {
    @keyframes appear {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .header {
        border-bottom:0;
    }
    .nav-icon {
        position: fixed;
        top: 20px;
        right: 10px;
        width: 20px;
        height: 20px;
        z-index: 9999999;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .nav-icon span, .nav-icon span:before,
    .nav-icon span:after {
        display: inline-block;
        width: 100%;
        height: 2px;
        background-color: #44576A;
        position: relative;
        transition: all ease .3s;
    }
    .nav-icon span:before,
    .nav-icon span:after {
        position:absolute;
        content:'';
        top:-8px;
    }
    .nav-icon span:after {
        top:8px;
    }
    .nav-open .nav-icon span:before {
        transform: rotate(130deg);
        top: 0;
    }
    .nav-open .nav-icon span:after {
        transform: rotate(-130deg);
        top: 0;
    }
    .nav-open .nav-icon span {
        background-color:transparent;
    }
    body.nav-open {
        overflow-y:hidden;
    }
    .nav-icon-close {
        position:fixed;
        top:20px;
        right:20px;
        width:20px;
        height:20px; 
        z-index: 4; 
        display:none;      
    }
    .nav-open .nav-icon-close {
        display:block;
    }
    .nav-icon-close span {
        display:inline-block;
        width:100%;
        height:2px;
        background-color:#44576A;
        position:relative;
    }
    .nav-icon-close span:first-child {
        transform:rotate(135deg);
    }
    .nav-icon-close span:last-child {
        transform:rotate(-135deg);
        top:-27px;
    }
    .header-mobile {
        width: 100%;
        display: block;
        height: 93px;
    }
    .header-top {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0 25px 0 5px;
        height:54px;
    }
    .nav {
        position:fixed;
        right:-100%;
        top:0;
        width:calc( 100% - 75px );
        height:100vh;
        background-color:#fff;
        border-top:2px solid #c41230;
        overflow-x:hidden;
        overflow-y: auto;
        z-index: 1;
        transition:all .3s ease-in-out;
    }
    .nav-open .nav {
        right:0;
    }
    .nav > ul {
        display: flex;
        flex-wrap:wrap;
        padding:80px 40px;
    }
    .nav > ul > li {
        display: inline-block;
        width:100%;
        margin:0 0 55px 0;
        transition:all .3s ease-in-out;
        text-align:center;
    }
    .nav ul li:last-child {
        margin:0;
    }
    .nav ul li a {
        display:inline-block;
        color:#D10027;
        font-size:16px;
        line-height:1;
        text-transform: uppercase;
    }
    .nav ul li .sub-menu {
        margin:0px 0 0 150%;
        opacity:0;
        visibility:hidden;
        height:0;
        transition:all .3s ease-in-out;
        position:absolute;
        left:0;
        top:22px;
        width:100%;
        background-color:#fff !important;
    }
    .nav ul li .sub-menu .submenu-2ndlevel,
    .nav ul li .sub-menu .submenu-3rdlevel {
        margin-left:150%;
        opacity:0;
        visibility:hidden;
        height:0;
        transition:all .3s ease-in-out;
        position:absolute;
        left:0;
        top:25px;
        width:100%;
        background-color:#fff;
    }
    .nav ul li .sub-menu .submenu-3rdlevel {
        margin-left:150%;
        opacity:0;
        visibility:hidden;
        height:0;
        transition:all .3s ease-in-out;
        position:absolute;
        left:0;
        top:25px;
        width:100%;
        background-color:#fff;
        padding-top:25px;
    }
    .nav ul li .sub-menu li:last-child {
        margin:0;
    } 
    .nav ul li .sub-menu li a {
        color:#020001;
        font-size:16px;
        line-height:0;
        text-transform:capitalize;
    }

    /* mobile menu styling onclick starts here ----- */
    .nav ul li.navitem-active .sub-menu {
        margin-left:0;
        opacity:1;
        visibility:visible;
        height:auto;
        height:100vh;
    }
    .nav ul li.navitem-active {
        position:absolute;
        left:0;
        top:6px;
    }
    .nav > ul > li.navitem-active > a {
        padding-left:10px;
    }
    .mobile-nav-back {
        color:#222;
        line-height:.9;
        font-size:16px;
        display:inline-block;
        position: absolute;
        left:5px;
        top:13px;
        padding-left:15px;
        z-index:9;
        display:none;
    }
    .mobile-nav-back.show-backbtn {
        display:block;
    }
    .mobile-nav-back:before {
        content:"\f053";
        position:absolute;
        left:0;
        top:2px;
        font:normal normal normal 14px/1 FontAwesome;
    }
    .nav > ul > li.navitem-active > .sub-menu > li:first-child {
        margin-top:20px;
    }
    .nav > ul > li.navitem-active > .sub-menu > li {
        width:100%;
        margin:0 0 35px 0;
        text-align:center;
    }
    .nav ul li.navitem-active .sub-menu li a {
        line-height:1;
    }
    .nav > ul > li.navitem-active > .sub-menu > li.navitem-2ndlevel {
        margin-top:0;
        position:absolute;
        left:0;
        top:auto;
    }
    .nav > ul > li.navitem-active > .sub-menu > li {
        margin:35px 0 0 0;
    }
    .nav > ul > li.navitem-active > .sub-menu > li.navitem-2ndlevel > a {
        color:#D10027;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel .submenu-2ndlevel {
        margin-left:0;
        opacity:1;
        visibility:visible;
        height:100vh;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel:first-child 
    .submenu-2ndlevel li {
        margin-top:35px;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel .submenu-2ndlevel li {
        margin:30px 0 35px 0;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel .submenu-2ndlevel 
    li .submenu-3rdlevel li {
        margin:0;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel .submenu-2ndlevel 
    li.navitem-3rdlevel .submenu-3rdlevel {
        margin-left:0;
        opacity:1;
        visibility:visible;
        height:100vh;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel .submenu-2ndlevel > li.navitem-3rdlevel {
        margin-top:0;
        position:absolute;
        top:0;
        left:0;
        right:0;
        margin:0 auto;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel .submenu-2ndlevel li.navitem-3rdlevel > a {
        color:#D10027;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel .submenu-2ndlevel > li.navitem-3rdlevel 
    .submenu-3rdlevel li {
        margin:0 0 25px 0;
    }
    .nav ul li.navitem-active .sub-menu li.navitem-2ndlevel .submenu-2ndlevel > li.navitem-3rdlevel 
    .submenu-3rdlevel li a {
        color:#020001;
    }
    .covidpopup span.popup-title {
        font-size: 19px;
    }
    .covidpopup .popup-canvas {
        padding: 0 20px;
    }
    .covidpopup .popup-canvas a {
        width: 200px;
        font-size: 16px;
    }
    .header-tel {
        display:none;
    }

}

@media screen and ( min-width:991px ) {
    .header {
        justify-content:space-between;
    }
    .header-tel {
        display:none;
    }
    .nav-icon span {
        display:inline-block;
        width:100%;
        height:2px;
        background-color:#44576A;
        position:relative;
        transition:all ease .3s;
    }
    .nav-icon span:last-child {
        top:1px;
    }
    .nav-open .nav-icon span:nth-child(2) {
      display:none;
    }
    .nav-open .nav-icon:first-child span {
      transform:rotate(130deg);
      top:10px;
    }
    .mobile-nav-back {
        display:none;
    }
    .nav {
        display:flex;
        width:calc( 100% - 195px );
    }
    .nav ul {
        display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
        width:100%;
    }
    .nav > ul > li {
        position:relative;
    }
    .nav ul li {
        display:flex;
        flex-wrap:wrap;
        align-items:flex-start;
        width:auto;
        transition:all .3s ease-in-out;
    }
    .nav ul li.nav-item3 {
        position:relative;
    }
    .nav ul li a {
        display:flex;
        color:#D10027;
        line-height:1;
        text-transform:uppercase;
        font-size:14px;        
        transition:all .3s ease-in-out;
        padding:26px 15px 30px 15px;
    }
    .nav ul li .sub-menu {
        background-color:#fff;
        position:absolute;
        left:0;
        top:70px;
        width:165px;
        height:0;
        visibility: hidden;
        opacity:0;
        border-top:1px solid #d1001f;
    }
    .nav ul li:hover .sub-menu {
        height:auto;
        visibility:visible;
        opacity:1;
    }
    .nav ul li:last-child .sub-menu,
    .nav ul li:last-child:hover .sub-menu {
        left:-120px;
    }
    .nav ul li .sub-menu li {
        display:flex;
        border-right:1px solid #e6e6e6;
        border-bottom:1px solid #e6e6e6;
        background-color:#fff;
        width:100%;
    }
    .nav ul li > .sub-menu > li.active > a {
        background-color:#f2f2f2;
        color:#a2a2a2;
    }
    .nav ul li.nav-item3 > .sub-menu > li.active > a {
        color:#a2a2a2;
    }
    .nav ul li.nav-item3 > .sub-menu > li.active > a:hover {
        color:#c41230;
        background-color:#f2f2f2;
    }
    .nav ul li .sub-menu li a {
        display:flex;
        justify-content: flex-start;
        align-items:center;
        width:100%;
        color:#a2a2a2;
        font-size:14px;
        line-height:20px;
        text-transform:uppercase;
        /*padding:0 0 0 25px;*/
        padding: 15px 20px;
        font-weight:400;
    }
    .nav ul li .submenu-2ndlevel {
        display:none;
        flex-wrap:wrap;
        flex-direction:column;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        position:absolute;
        left:100%;
        top:-1px;
        width:400px;
        padding:35px;
        background-color:#fff;
        border-bottom:1px solid #eee;
        height:358px;
        border-top:1px solid #d1001f;
    }
    .nav ul li.nav-item2 .submenu-2ndlevel {
        padding-bottom:19px;
    }
    .nav ul li.nav-item2 .submenu-2ndlevel {
        width:570px;
    }
    .nav ul li.nav-item2 .submenu-2ndlevel li a {
        padding:0 0 15px 0;
    }
    .nav ul li.nav-item2 .submenu-3rdlevel li {
        padding:0 0 13.5px 0;
    }
    .nav ul li.nav-item2 .submenu-3rdlevel li a {
        padding:0;
    }
    .nav ul li.active .submenu-2ndlevel {
        background-color:#fff;
    }
    .nav ul li .submenu-2ndlevel li {
        border:0;
        background-color:#fff;
        width:45%;
    }
    .nav ul li .submenu-2ndlevel .other-cities-link {
        width:100%;
        justify-content: flex-end;
        padding-right:30px;
    }
    .nav ul li .submenu-2ndlevel .other-cities-link a {
        width:auto;
        padding:0 !important;
    }
    .nav ul li .submenu-2ndlevel li a {
        color:#a2a2a2;
        font-size:14px;
        line-height:1.2;
        padding:0 0 11px 0;
    }
    .nav ul li .submenu-2ndlevel li a:hover {
        background:initial;
        color:#c41230;
    }
    .nav ul li .submenu-3rdlevel {
        margin:0 0 25px 0;
    }
    .nav ul li.nav-item2 .submenu-3rdlevel {
        margin:0 0 12px 0;
    }
    .nav ul li .submenu-3rdlevel li {
        background-color:#fff;
        padding:0 0 10px 0;
    }
    .nav ul li .submenu-3rdlevel li a {
        color:#020001;
        font-size:12px;
        text-decoration: none;
        padding:0;
        text-transform: capitalize;
    }
    .nav ul li .submenu-3rdlevel li a:hover {
        color:#c20001;
        background:initial;
    }
    .nav ul li .sub-menu li:hover .submenu-2ndlevel {
        display:flex;
        -webkit-animation: fade-In .5s ease-out;
        -moz-animation: fade-In .5s ease-out;
    }
    .nav ul li .sub-menu li:first-child:hover .submenu-2ndlevel {
        -webkit-animation: fade-In 0s ease-out;
        -moz-animation: fade-In 0s ease-out;
    }
    .nav-icon {
        display:none;
    }
    .nav ul li.nav-item3 .sub-menu {
        width:225px;
    }
    @-webkit-keyframes fade-In {
          0% { opacity: 0; }   
        100% { opacity: 1; }
    }
    @-moz-keyframes fade-In {
          0% { opacity: 0; }   
        100% { opacity: 1; }
    }
    

}

@media screen and ( min-width:1200px ) {
    .header-tel {
        display:flex;
        flex-wrap:wrap;
        padding:8px 32px 0 32px;
        background-color:#b40023;
        width: 280px;
        text-align: center;
    }
    .header-tel-number {
        display: inline-block;
        color: #fff;
        font-size: 32px;
        line-height: 1;
    }
    .header-tel-text {
        color: #fff;
        font-size: 17px;
        font-weight: normal;
        display: block;
        width: 100%;
        text-align:center;
        padding: 0 0 6px;
        letter-spacing: 1px;
    }
    .nav {
        width:calc( 100% - 465px );
    }
    .nav ul li a {
        font-size:14px;
        padding:26px 10px 30px 10px;
    }
    .nav ul li .sub-menu {
        width:183px;
    }
    .nav ul li .submenu-2ndlevel {
        width:560px;
        padding:45px 0 20px 50px;
    }
    .nav ul li .submenu-2ndlevel li {
        width:44%;
    }
    .nav ul li.nav-item2 .submenu-2ndlevel {
        width:700px;
    }
    .nav ul li .sub-menu {
        top:72px;
    }
    .nav ul li:last-child:hover .sub-menu {
        left:0;
    }

}

@media screen and ( min-width:1280px ) {
    .nav {
        width:calc( 100% - 525px );
    }
    .nav ul li .submenu-2ndlevel li a {
        padding:0 0 23px 0;
    }
    .nav ul li .sub-menu {
        top:73px;
    }

}

@media screen and ( min-width:1359px ) {
    .nav {
        width:calc( 100% - 520px );
    }
    .nav ul li.active .submenu-2ndlevel {
        display:flex;
    }
    .nav ul li a {
        font-size:16px;
    }

}

@media screen and ( min-width: 1490px ) {
    .nav {
        width:calc( 100% - 700px );
    }
    .nav ul li .submenu-2ndlevel {
        width:750px;
    }
    .nav ul li .submenu-2ndlevel li {
        width:46%;
    }
    .nav ul li.nav-item2 .submenu-2ndlevel li {
        width:142px;
    }
    .nav ul li.nav-item2 .submenu-3rdlevel {
        margin:0 0 22px 0;
    }

}