i {

      padding: 5px;

   }



   #header .navbar-dark .navbar-nav .nav-link {



      letter-spacing: 0.3px !important;

      white-space: nowrap;

   }



   /* search */



   .togglesearch {

      position: absolute;

      top: 75px;

      right: 0;

      width: 266px;

      z-index: 1;

   }



   .form-inline {

      display: flex;

      flex-flow: row wrap;

      align-items: center;

   }



   /* Add some margins for each label */





   /* Style the input fields */

   .form-inline .search_box {

      vertical-align: middle;

      /*  margin: 5px 10px 5px 0;

  padding: 10px; */

      background-color: #fff;

      border: 1px solid #ddd;

      width: 180px;

   }



   /* Style the submit button */

   .form-inline .search_button {

      /* padding: 10px 20px; */

      background-color: #c00;

      border: 1px solid #c00;

      color: white;

   }



   .form-inline .search_button:hover {

      background-color: #333;

      border: 1px solid #333;

   }



   .member-mobile {

      display: none
   }



   /* .pad-menu {padding-top:64% !important} */

   .dropdown-menu {

      top: 95% !important;

      left: auto !important;

   }



   @media only screen and (max-device-width: 767px) {

      #header .dropheader-full .social-icons-wrp {

         align-self: center;

         position: absolute;

         bottom: 0px;

         width: 100%;

         text-align: center;

      }



      .mobile-desk {

         display: none
      }



      .member-mobile {

         display: block !important
      }



      /* .drop-links-cvr .pad-menu {padding-top:10% !important} */

      .drop-links-cvr {

         height: 80%;

         overflow: auto
      }

   }



   #header .navbar-dark .navbar-nav .nav-link {

      text-transform: capitalize;

      letter-spacing: 0.3px;

   }



   /* Join Us button */

   /* #header .join-bt-res a {

      background: #cc0000;

      padding: 5px 15px 5px 15px;

      border: 1px solid #cc0000;

      border-radius: 25px;

      color: #fff;



   }



   #header .join-bt-res a:hover {

      background: transparent;

      border: 1px solid #fff;

      padding: 5px 15px 5px 15px;

      border-radius: 25px;

   } */



   #header .join-bt-res {

      display: flex;

      justify-content: flex-end;

      position: absolute;

      right: 94px;

      left: 0;

      list-style: none;

      top: 17px;

   }



   #header .join-bt-res-hide {

      display: none;

   }



   @media only screen and (min-width: 481px) and (max-width: 991px) {

      #header .join-bt-res-hide {

         display: block;

      }

   }



   /* Join us button end */

   #header .dropdown-menu a.nav-link {

      color: #fff !important;

   }



   #header .navbar .dropdown-menu {

      background-color: #000 !important;

   }



   #header .dropdown-menu a.nav-link {

      border-bottom: 1px solid #4d4d4d;

   }



   #header .dropdown-menu a.nav-link:hover {

      background-color: #000;

   }



   .pd-menu {

      padding-left: 0;

   }



   .pd-menu .menu-item {

      display: flex;

   }



   #header .dropheader-full ul.pd-menu li {

      list-style-type: none;

      padding: 12px 0px;

      text-transform: uppercase;

      font-size: 18px;

      letter-spacing: 1px;

      border-bottom: 1px solid #4d4d4d;

   }



   #header .dropheader-full .drop-links-cvr .pd-menu li a {

      text-decoration: none;

      color: #fff;

      transition: opacity 0.2s ease;

      white-space: nowrap;

      font-weight: 300;

   }



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

      .togglesearch {

         right: 20px;

         width: auto;

      }

   }



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



      #header .dropheader-full .drop-links-cvr .pd-menu .sub-menu {

         padding: 2px 12px !important;

      }



      #header .dropheader-full .drop-links-cvr .pd-menu .sub-menu li {

         padding: 0 6px !important;

      }



      #header .mumbai-wp img {

         width: 100px !important;



      }

      #mob-join .join-bt-res {

         right: 180px !important;

      }

      #header .chnl-log img {
         height: 75px !important;
      }



      #mob-join {

         display: block !important;

      }

   }



   #header .chnl-log img {
      width: 100% !important;
   }





   #mob-join {

      display: none;

   }

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

      #header .mumbai-wp img {

         width: 150px !important;



      }

   }



   /* #header .mumbai-wp img {

      margin-top: 15px;

   } */



   @media screen and (max-width: 420px) {

      #header .dropheader-full ul.pd-menu li {

         display: block;

      }



      #header .dropheader-full .drop-links-cvr .pd-menu .sub-menu {

         padding: 0 !important;

      }

   }



   #header .dropheader-full .drop-links-cvr .pd-menu .sub-menu {

      display: flex;

      flex-wrap: wrap;

      margin: 0;

      padding: 0 12px 0 24px;

      justify-content: flex-start;

      align-items: center;

      line-height: 2.7;

   }



   #header .dropheader-full .drop-links-cvr .pd-menu .sub-menu li {

      font-size: 12px;

      border: none;

      padding: 0 12px;

   }



   .drop-links-cvr {

      width: auto;

      height: 100%;

      display: flex;

      justify-content: flex-start;

      align-items: center;

   }



   #header .dropheader-full .drop-links-cvr .pd-menu li a {

      font-size: inherit;

      padding: 0;

      display: inherit;

      letter-spacing: 1px;

   }



   #header .dropheader-full .drop-links-cvr ul {

      overflow: inherit;

   }



   #header .dropheader-full .drop-links-cvr .pd-menu li a:hover {

      font-size: 18px;

   }



   .mobi-menu {

      display: none
   }



   @media screen and (max-width:480px),

   screen and (max-height:900px) {

      #header .dropheader-full .drop-links-cvr {

         height: calc(100vh - 200px) !important;

      }

   }



   @media only screen and (min-width: 992px) {

      #header .dropheader-full .drop-links-cvr {

         height: calc(100% - 0px) !important;

      }

   }



   @media only screen and (max-width: 700px) {

      #header .dropheader-full .drop-links-cvr {

         width: auto !important;

      }

   }



   @media only screen and (min-width: 320px) and (max-width: 991px) {

      .mobi-menu {

         display: block !important;

      }



      #header .dropheader-full #close-drop {

         position: relative;

      }



      #header .dropheader-full .social-icons-wrp {

         height: auto !important
      }



      #header .dropheader-full .drop-links-cvr {

         /* position: absolute;

         margin: 66px 0 0; */

         display: block;

         height: 90%;

         overflow: auto;

         width: 99%;

      }



      .div-reverse {

         display: flex;

         flex-wrap: wrap-reverse;

         padding-left: 0;

         padding-right: 0;

      }



      .pd-menu {

         display: block !important;

      }



      .pad-menu {

         display: none !important;

      }



      #header .dropheader-full .drop-links-cvr .pd-menu .sub-menu a:hover {

         font-size: 12px;

      }



      #header .dropheader-full .social-icons-wrp {

         width: 100% !important;

      }



      #header .dropheader-full .drop-links-cvr {

         padding-left: 0 !important;

      }



      #header .dropheader-full .drop-links-cvr ul {

         padding: 0;

      }



      #header .dropheader-full .social-icons-wrp #drop-login-cta {

         width: 111%;

      }

   }



   .pd-menu {

      display: none;

   }



   .pad-menu {

      display: block;

   }





   #header .navbar .flex-column .nav-item:after {

      display: none;

   }



   #header .navbar .nav-item:after {

      content: "";

      position: absolute;

      width: 4px;

      height: 4px;

      border-radius: 50%;

      bottom: 15px;

      left: calc(50% - 2px);

      background: #cc0000;

      will-change: transform;

      transform: scale(0);

      transition: transform 0.2s ease;

   }



   #header .navbar .nav-item:hover:after {

      transform: scale(1);

   }



   #header .navbar .nav-item {



      opacity: 0;

      transform-origin: bottom;

      animation: enter 0.3s ease forwards;

   }



   #header .navbar .nav-item:nth-child(1) {

      animation-duration: 0.3s;

      animation-delay: 0s;

   }



   #header .navbar .nav-item:nth-child(2) {

      animation-duration: 0.4s;

      animation-delay: 0.1s;

   }



   #header .navbar .nav-item:nth-child(3) {

      animation-duration: 0.5s;

      animation-delay: 0.2s;

   }



   #header .navbar .nav-item:nth-child(4) {

      animation-duration: 0.6s;

      animation-delay: 0.3s;

   }



   #header .navbar .nav-item:nth-child(5) {

      animation-duration: 0.7s;

      animation-delay: 0.4s;

   }



   #header .navbar .nav-item:nth-child(6) {

      animation-duration: 0.8s;

      animation-delay: 0.5s;

   }



   #header .navbar .nav-item:nth-child(7) {

      animation-duration: 0.8s;

      animation-delay: 0.5s;

   }



   @keyframes enter {

      from {

         opacity: 0;

         transform: scaleY(0.98) translateY(10px);

      }



      to {

         opacity: 1;

         transform: none;

      }

   }



   @keyframes fade {

      from {

         opacity: 0;

      }



      to {

         opacity: 1;

      }

   }











   #header .dropheader-full .social-icons-wrp {

      width: 200px;

      /* align-self: center;

    transform: translate(2%, -50%);

    top: 50%;

    text-align: center;

    position: relative; */

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      height: 100%;

   }







   #header .dropheader-full .common-dropdown {

      position: absolute !important;

      left: 400px !important;

      transform: translateY(0%) !important;

      height: 100%;

      top: 0;

      bottom: 0;

      display: flex;

      flex-direction: column;

      align-items: flex-start;

      justify-content: center;

   }







   @media only screen and (min-width: 1200px) and (max-width: 1850px) {

      #header .dropheader-full .drop-links-cvr ul li a {

         font-size: 21px !important;

      }



      #header .dropheader-full .drop-links-cvr ul li a:hover {

         font-size: 21px !important;

      }



      #header .dropheader-full .common-dropdown li:before {

         left: -28px;

      }



      #header .dropheader-full .common-dropdown {

         left: 297px !important;

      }



      #header .dropheader-full .drop-links-cvr {

         padding-left: 30px !important;

      }

   }



   #header .dropheader-full .drop-links-cvr {

      padding-left: 60px;

   }



   @media only screen and (min-width: 1025px) and (max-width:1199px) {

      #header .dropheader-full .drop-pic-cvr {

         display: none;

      }

   }



   #header .dropheader-full .drop-links-cvr ul li a {

      font-size: 22px;

   }



   #header .dropheader-full .drop-links-cvr ul li a:hover {

      font-size: 22px;

   }



   .drop-links-cvr li {

      position: relative;

   }



   #header .navbar .nav-item:last-child:hover:after,

   #header .navbar .nav-item:nth-last-child(2):hover:after {

      display: none
   }



   #header .navbar .nav-item:last-child:hover:after,

   #header .navbar .nav-item:nth-last-child(3):hover:after {

      display: none
   }



   /*join us css start */



   #header .navbar-dark .navbar-nav .nav-link.join-bt {

      background: #cc0000;

      padding: 5px 15px 5px 15px;

      border: 1px solid #cc0000;

      border-radius: 25px;

   }



   #header .navbar-dark .navbar-nav .nav-link.join-bt:hover {

      background: transparent;

      border: 1px solid #fff;

      padding: 5px 15px 5px 15px;

      border-radius: 25px;

   }



   .mob-l {

      display: none;

   }



   @media only screen and (min-width: 320px) and (max-width: 1024px) {

      .mob-l {

         display: block;

      }



      .desk-l {

         display: none;

      }

   }



   /*join us css end */



   /* search */



   /* Genie logo css start */

   #header .dlc-ginie-btn-box {

      position: relative;

   }



   #header img.dlc-genie-btn {

      position: absolute;

      right: 2px;

      z-index: 111;

      width: 40px;

      position: absolute;

      top: 50%;

      transform: translate(-3%, 160%);

      right: 0;

   }





   @media only screen and (min-width: 2000px) and (max-width: 2199px) {

      #header img.dlc-genie-btn {

         transform: translate(-3%, 220%);

      }

   }



   @media only screen and (min-width: 1920px) and (max-width: 1999px) {

      #header img.dlc-genie-btn {

         transform: translate(-3%, 190%);

      }

   }





   @media screen and (min-width: 2200px) {

      #header img.dlc-genie-btn {

         transform: translate(-3%, 280%);

      }

   }



   @media only screen and (min-device-height: 800px) and (max-device-width: 1280px) and (orientation: landscape) {

      #header img.dlc-genie-btn {

         transform: translate(-3%, 80%) !important;

      }

   }



   @media only screen and (min-device-height: 720px) and (max-device-width: 1280px) and (orientation: landscape) {

      #header img.dlc-genie-btn {

         transform: translate(-3%, 56%);

      }

   }



   @media only screen and (min-device-height: 900px) and (max-device-width: 1440px) and (orientation: landscape) {

      #header img.dlc-genie-btn {

         transform: translate(-3%, 120%);

      }

   }



   @media only screen and (min-device-height: 768px) and (max-device-width: 1366px) and (orientation: landscape) {

      #header img.dlc-genie-btn {

         transform: translate(-3%, 70%);

      }

   }



   /* Genie logo css end */



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

      #header .navbar-nav {

         justify-content: left;



      }

   }



   #ccbar_container {

      display: none !important;

   }



   #header li.nav-item.dropdown .join-bts {

      background: #cc0000;

      padding: 5px 15px 5px 15px;

      border: 1px solid #cc0000;

      margin-bottom: 5px;

      border-radius: 47px;

   }



   #header li.nav-item.dropdown .join-bts:hover {

      background: transparent;

      border: 1px solid #fff;

      padding: 5px 15px 5px 15px;

   }



   #header .dropdown-menu a {

      color: #fff;

      border-bottom: 1px solid #4d4d4d;

   }

   #mob-join .dropdown-menu.show {

      position: absolute !important;

      top: 10px !important;

      background-color: #000;

   }

   .btn-primary:not(:disabled):not(.disabled).active:focus,
   .btn-primary:not(:disabled):not(.disabled):active:focus,
   .show>.btn-primary.dropdown-toggle:focus {

      box-shadow: none;

   }

   #header button.btn.btn-primary.join-bt-rest.dropdown-toggle {

      background: #c00;

      border: none;

      border-radius: 45px;

   }



   @media only screen and (min-device-height: 1366px) and (max-device-width: 1024px) and (orientation: portrait) {

      #header .navbar-collapse {

         top: 0;

         transform: inherit;

         opacity: 1;

         visibility: inherit;

         background-color: transparent;

      }

      #header .navbar-expand-lg .navbar-nav .dropdown-menu {
         background-color: #000 !important;
         overflow-y: inherit;
         padding: 0px;
      }

      #header .dropdown-menu a.nav-link {
         border-bottom: 1px solid #4d4d4d !important;
      }

      #header .navbar-expand-lg .navbar-nav .dropdown-menu .nav-link {
         padding: 0.5rem !important;

         font-size: 13px !important;
      }



   }

   @media only screen and (min-device-height: 1368px) and (max-device-width: 912px) and (orientation: portrait) {

      #header .navbar-collapse {



         opacity: 0;

         visibility: hidden;

      }

   }

   .bs-drop {
      background: url(../images/whitwDown.svg) no-repeat 92% center;
      padding-right: 20px !important;
   }

   #header .SecondLevelMenu .backNav a {

      color: #000 !important;

      margin: 10px 10px !important;

      font-weight: 600 !important;

      font-size: 16px !important;

   }

   #header .SecondLevelMenu .backNav a:before {
      top: 32px !important;
   }

   #header .SecondLevelMenu ul li a {
      padding: 0px 13px !important;
      font-weight: 600 !important;
      font-size: 16px !important;
   }

   #header .SecondLevelMenu {
      z-index: 1;
   }



   #header li.nav-item.dropdown .join-bts {

      background: #cc0000;

      padding: 5px 15px 5px 15px;

      border: 1px solid #cc0000;

      margin-bottom: 5px;

      border-radius: 47px;

   }



   #header li.nav-item.dropdown .join-bts.user-bts {

      background: #222;

      padding: 5px 15px 5px 15px;

      border: none;

      margin-bottom: 5px;

      border-radius: 5px;

   }

   #header .dropdown-menu.user-menu {

      padding: 10px 3px;

   }



   #header .dropdown-menu.user-menu a.nav-link:hover {

      padding-left: 10px !important;

   }



   #header li.nav-item.dropdown .join-bts:hover {

      background: transparent;

      border: 1px solid #fff;

      padding: 5px 15px 5px 15px;

   }

   .blink {

      animation: blink 1s infinite;

   }

   #header .navbar .dropdown-menu.user-menu {
      background: linear-gradient(87.3deg, #8B41B0 2.21%, #ED2D39 52.08%, #F0BA56 99.91%) !important;
      width: 100%;
   }

   #header .dropdown-menu.user-menu a.nav-link {
      border-bottom: none;
      font-size: 16px !important;
   }

   #header .dropdown-menu.user-menu a.nav-link span {
      display: inline-block;

      margin-left: 10px;
   }

   #header .dropdown-menu.user-menu a.nav-link {

      background-color: transparent !important;

   }