/* ==========Media query for responsive================== */

 @media screen and (min-width: 2200px) {
        
     .ahoyfrinds-sec {
         height: 623px !important;
     }

     .dropdown-menu.show::before {
         right: 492px;
         top  : -12px;
     }

     

     .discover-video-city {
         height: 235px !important;
     }
 }

  @media screen and (max-width: 2800px) {
    .mega-menu.show::before {
        left: 925px !important;
                top: -12px !important;
     }
    .news-media-dropdown.show::before{
              left: 165px !important;
    }
   
    .aboutus-dropdown {
        top: 35px !important;
    }
    .navbar-nav .nav-link {
        margin: 0 0px 0 10px !important;
    padding: 1px 5px !important;
    font-size: 18px;
     }
    
  }
 @media screen and (max-width: 2200px) {
    .mega-menu.show::before {
        left: 925px !important;
                top: -12px !important;
     }
    .news-media-dropdown.show::before{
               left: 163px !important;
    }
   
           .aboutus-dropdown {
        top: 35px !important;
    }

     

     .discover-video-city {
         height: 235px !important;
     }

     .navbar-nav .nav-link {
        margin: 0 0px 0 10px !important;
    padding: 1px 5px !important;
    font-size: 18px;
     }


 }


 @media screen and (max-width: 1920px) {
    .mega-menu.show::before {
               left: 715px !important;
                top: -12px !important;
     }
  
     .navbar-nav .nav-link {
        margin: 0 0px 0 10px !important;
    padding: 1px 5px !important;
    font-size: 14px !important;
     }
       
     .discover-video-city {
         height: 235px !important;
     }

    
     .news-media-dropdown.show::before{
                left: 135px !important;
    }

     .ahoyfrinds-sec {
         height: 623px !important;
     }

     .logo-section::after {
         left: -142px;
     }

     .gallery-section2 .gallery-row>div {
         flex: 0 0 15%;
     }



     .event-summary-card {
         background-image: none;
         background-image: linear-gradient(to right, #002BD8, #0B165C);
         padding         : 20px 10px 20px 10px !important;
         border-radius   : 10px;
     }

     


 }



 @media screen and (max-width: 1650px) {
    .mega-menu.show::before {
               left: 715px !important;
               top: -12px !important;
     }
    .news-media-dropdown.show::before{
        left: 117px !important;
    }
  
     .aboutus-dropdown {
        top: 35px !important;
    }
     .navbar-nav .nav-link {
        margin: 0 0px 0 10px !important;
    padding: 1px 5px !important;
    font-size: 14px !important;
     }

     .discover-video-city {
         height: 300px !important;
     }

     .dropdown-menu.show::before {
         right: 496px;
         top  : -12px;
     }


     .ahoyfrinds-sec {
         height: 600px !important;
     }

     .logo-section::after {
         left  : -74px;
         width : 364px;
         height: 197px;
     }


 }

 @media screen and (max-width: 1500px) {
  
     .discover-video-city {
         height: 300px !important;
     }

    

     .dropdown-menu.show::before {
         right: 386px;
         top  : -11px;
     }

     .ahoyfrinds-sec {
         height: 405px !important;
     }
         .news-media-dropdown.show::before {
        left: 150px !important;
    }


     .navbar-nav .nav-link {
         margin: 0 10px 0 10px;
     }

 }

 @media screen and (max-width: 1440px) {
    .mega-menu.show::before {
    left: 768px !important;
    top: -12px !important;
     }
     .news-media-dropdown.show::before{
                left: 135px !important;
    }
   
    .aboutus-dropdown {
        top: 35px !important;
    }
     .navbar-nav .nav-link {
        margin: 0 0px 0 10px !important;
    padding: 1px 5px !important;
    font-size: 12px !important;
     }
     .discover-video-city {
         height: 300px !important;
     }

     

     .ahoyfrinds-sec {
         height: 490px !important;
     }


     .navbar-nav .nav-link {
         margin: 0 10px 0 0px;
     }

     .amps-100 {
         padding-left: 40px;
     }
     


 }

 @media screen and (max-width: 1400px) {
    .mega-menu.show::before {
    left: 600px !important;
    top: -10px !important;
     }
   
    .aboutus-dropdown {
        top: 35px !important;
    }
    .navbar-nav .nav-link {
      margin: 0 0px 0 3px !important;
    padding: 1px 5px !important;
    font-size: 12px !important;
     }
     .discover-video-city {
         height: 275px !important;
     }

    
 }


 @media screen and (max-width: 1366px) {
    .mega-menu.show::before {
    left: 600px !important;
    top: -10px !important;
     }


     .header-logo-icon ul {
         padding: 0 0 0 10px;
     }

     .navbar-nav .nav-link {
         margin : 0 10px 0 0px;
         padding: 1px 5px !important;
     }

     .gallery-section2 .gallery-row {
         gap: 12px;
     }

     .gallery-section2 .gallery-row>div {
         flex: 0 0 14%;
     }

     .amps-100 {
         padding-left: 10px;
     }

     .bg-video-top-right2 {
         top  : 89%;
         width: 231px;
     }

     .rop-img {
         position: absolute;
         height  : 100px !important;
         left    : 52px;
     }

 }

 @media screen and (max-width: 1280px) {
    .mega-menu.show::before {
       left: 615px !important;
        top: -8px !important;
     }
   
    .aboutus-dropdown {
        top: 35px !important;
    }
     .navbar-nav .nav-link {
    margin: 0 0px 0 3px !important;
    padding: 1px 5px !important;
    font-size: 12px !important;
     }
     .discover-video-city {
         height: 275px !important;
     }

     

     .media-broad section img {
         width : 200px;
         height: 200px;
     }

     .rop-img {
         position: absolute;
         height  : 100px !important;
         left    : 0px;
     }



     .navbar-nav .nav-link {
         margin   : 0 6px 0 0px;
         font-size: 15px;
         padding  : 1px 4px !important;
     }

     .video-wrapper1 {
         height: 230px;
     }

     .bg-video-top-right2 {
         top  : 90%;
         width: 239px;
     }

     .dignitaries::after {
         width : 185px;
         height: 343px;
     }

     .gallery-sec .compass-video2 {
         top  : -31%;
         left : -9px;
         width: 258px;
     }

     .participating-sec::after {
         top   : -101px;
         width : 160px;
         height: 210px;
     }

     .compass-wrapper .compass-video2 {
         width: 251px;
     }

     .signature-sec::after {
         width : 210px;
         height: 428px;
     }


 }

 @media screen and (max-width: 1200px) {
           .mega-menu.show::before {
        left: 614px !important;
        top: -8px !important;
    }
       
    
    .aboutus-dropdown {
        top: 35px !important;
    }
     .navbar-nav .nav-link {
      margin: 0 0px 0 3px !important;
    padding: 1px 5px !important;
    font-size: 12px !important;
     }
     .discover-video-city {
         height: 340px !important;
     }

     

     .dropdown-menu.show::before {
         right: 362px;
         top  : -7px;
     }

     .w-21 {
         width: 26%;
     }


     .navbar-nav .nav-link {
         margin   : 0 5px 0 0px;
         padding  : 1px 4px !important;
         font-size: 15px;
     }

 }

 @media screen and (max-width: 1199px) {
     .mega-menu.show::before {
        left: 445px !important;
        top: -8px !important;
    }
     .header-logo-icon ul li {
         margin-right: 8px;
     }

     .header-logo-icon {
         width: 100%;
     }

     .admiral-box-bt h4 {
         font-size: 18px;
     }

     .naval-staff {
         font-size: 13px;
     }

     .logo-section {
         padding: 30px 0px !important;
     }



     .navbar-nav .nav-link {
         margin   : 0px 5px 0 0px;
         padding  : 1px 2px !important;
         font-size: 14px;
     }

     .Signature .event-card {
         min-height: 141px;
     }

 }

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

     #readmoremodal .modal-dialog {
         max-width: 100% !important;

     }

     #readmoremodal .modal-body {
         height: 981px !important;
     }
 }

 @media screen and (max-width: 992px) {
        .news-media-dropdown.show::before {
        left: 0px !important;
    }
               .mega-menu.show::before {
        left: 0px !important;
        top: -30px !important;
    }
     .navbar-nav .nav-link {
      margin: 0 0px 0 3px !important;
    padding: 1px 5px !important;
    font-size: 14px !important;
     }
     .ins_description-section {
         padding: 30px 0px !important;
     }

     .discover-video-city {
         height: 300px !important;
     }

     .login-new-dropdown {
         width        : 330px;
         top          : 10px !important;
         padding      : 20px 10px;
         transform    : translate(-50%, 0%);
         left         : 25% !important;
         margin-bottom: 15px;
     }

     .dress-divider {
         display: none;
     }

     .padd-dress-code {
         border-bottom: 2px solid #e6e6e6;
         margin-bottom: 10px;
         padding-top  : 10px;
     }




     .code-num-new-1 {
         font-size  : 30px;
         color      : #29388d;
         font-family: "Cormorant", serif !important;
     }



     #readmoremodal .modal-dialog {
         max-width: 100% !important;

     }

     #readmoremodal .modal-body {
         height: 1110px !important;
     }

     .downloadvideo {
         bottom: -100px !important;
     }

     .ahoyfrinds-sec {
         height             : 414px !important;
         background-position: bottom !important;
     }

     .mobile-slider .swiper-button-prev {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 160px !important;
         left         : 310px !important;
     }

     .mobile-slider .swiper-button-next {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 160px !important;
         right        : 310px !important;
     }

     .footera1 {
         display: none !important;
     }

     .his-mob {
         background   : #05125D;
         padding      : 35px 25px 35px 25px;
         border-radius: 25px;
     }

     .date-sec h3 {
         text-align: left;
     }

     .rop-img img {
         display: none;
     }

     .summ-sec-de {
         padding      : 25px 15px !important;
         margin-bottom: 7px;
     }

     .summ-sec-de h5 {
         font-size: 18px;
     }

     .summ-sec-de p {
         font-size: 18px;
     }

     .Ceremony-sec1 {
         background-image: none !important
     }

     .summ-sec-de {
         padding      : 18px 15px;
         margin-bottom: 7px;
     }

     .event-summary-card {
         background-image: linear-gradient(to right, rgb(0, 43, 216), rgb(11, 22, 92));
         padding         : 20px;
         border-radius   : 10px;
     }

     .past-editions .carousel-control-prev {
         left: 0px;
     }

     .past-editions .carousel-control-next {
         margin-right: 0px;
     }

     .logo-section::after {
         display: none;
     }

     .logo-section {
         width  : 30%;
         padding: 3px 0px !important;
     }

     .logo-section {
         border-radius: 0 30px 30px 0;
         padding      : 10px 20px 10px 10px;
         margin-right : 10px;
     }

     .logo-circle {
         width : 50px;
         height: 50px;
     }

     .logo-circle img {
         width : 40px;
         height: 40px;
     }

     .navbar-collapse {
         margin-top             : 10px;
         padding                : 15px 15px 20px 15px;
         border-radius          : 10px;
         z-index                : 999999999;
         position               : absolute;
         background             : #05125d;
         width                  : 100%;
         top                    : 60px;
         border-top-left-radius : 0px;
         border-top-right-radius: 0px;
         right                  : 2px;
         border-top             : solid 1px #fff;
     }

     .top-head {
         display        : flex !important;
         justify-content: space-between;
         background     : #3849AD;
         padding        : 8px 4px;
         height         : 45px;
         align-items    : center;
     }

     .header-bg .navbar {
         background: #05125D;
         padding   : 10px 10px !important;
     }

     .header-bg {
         position: static !important;
     }

     .top-head {
         padding    : 8px 42px 14px;
         height     : 32px;
         align-items: center;
     }

     .top-head a {
         border: none !important;
     }

     .main-nav {
         display: none !important;
     }

     .main-logi {
         height: 100px;
         width : 332px;
     }

     .navbar-toggler-icon {
         background-image   : url(../images/toggle-icon.png) !important;
         background-repeat  : no-repeat;
         background-position: center;
         background-size    : 100%;
     }

     .mainsec-video {
         height: 660px !important;

     }


     .banner-main {
         padding-top: 67px !important;
     }

     .title-text3 {
         margin-top: 58px !important;
     }

     .news-section {
         height: 62px;

     }

     .news-section .w-21 {
         width     : 32%;
         margin-top: 10px;
     }

     .navbar-toggler {
         border: none;
         color : none;
     }

     .discover-sec {
         padding-top: 40px;
     }

     .merge-sec {
         background-size: 259px 208px;
     }




     .fs-18 {
         font-size: 16px;
     }

     .bg-video-top-right {
         top  : 54%;
         width: 220px;
     }

     .signature-sec::after {
         width : 154px;
         height: 321px;
     }

     .keydates-media {
         background-size: 201px 341px;
     }

     .KeyDates {
         margin-top: 25px;
     }

     .fs-27 {
         font-size: 22px;
     }

     .KeyDates .tab-content {
         padding: 40px 35px;
     }

     .video-wrapper1 {
         height: 160px;
     }

     .video-col:not(:last-child)::after {
         top   : 17%;
         height: 35%;
     }

     .dignitaries::after {
         width : 145px;
         height: 259px;
     }

     .org-chart {
         margin : 24px 5px 0px 0px;
         padding: 100px 20px 0 20px;
     }

     .navbar-nav .nav-link {
         margin   : 2px 5px 2px 6px;
         padding  : 6px 10px !important;
         font-size: 14px;
     }

     .navbar-nav .nav-link.active {
         border-bottom: 1px solid white;
         background   : #3849ad;
     }

     .navbar-nav .nav-link:hover {
         border-bottom: 1px solid white;
         background   : #3849ad;
     }

     .gallery-img {
         height: 184px;
     }





     .gallery-border {
         width: 177px;
     }

     .milan-sec2 {
         background-image: auto !important;
         height          : auto !important;
     }

     .left-carou1 {
         background-image: none !important;
     }

     

     .right-tab11 {
         padding-right: 0px;
         padding      : 30px 0px;
     }

     .milan-desc .row {
         margin-left : auto;
         margin-right: auto;
     }

     .milan-desc .vid1 {
         border-radius: 20px;
        width        : 100%;
         height       : 302px;
     }

     .date-sec h5 {
         margin-bottom: 8px !important;
     }

     .Key-date-sn {
         padding: 0 0px 0 0px;
         display: flex !important;
     }

     .date-sec {
         width        : 33% !important;
         margin-bottom: 0px;
         display      : block;
     }

     .date-sec2 {
         width: 35%;
     }

     .event .w-40 {
         width: 40% !important;
     }


     .data-head {
         font-size: 14px !important;
         padding  : 10px 0px 0px 0px !important;
     }

     .new-sec1 {
         display: block !important;
         margin : 0px !important;
     }

     .KeyDates .event-meta {
         margin-top     : 10px;
         justify-content: start;
     }

     .live-media-sec .container-fluid {
         padding-left: 0px;
     }

     .fleetreview {
         height       : auto;
         margin-left  : 15px;
         margin-right : 12px;
         border-radius: 0px;
     }

     .admiral-box {
         margin-bottom: 0px;
     }

     .admiral-box-bt {
         width       : 400px;
         margin-left : auto;
         margin-right: auto;
     }

     .milan-sec2 .carousel-lef1 {
         width      : 350px !important;
         margin-left: 0px;
     }

     .mbc-5 {
         margin-bottom: 50px;
     }

     .city-tour::before {
         content   : "" !important;
         position  : absolute !important;
         width     : 2px !important;
         height    : 0vh !important;
         background: #fff !important;
         top       : 36% !important;
         left      : -17% !important;
     }

     .left-carou1a {
         background-image: none
     }

     .top-head {
         display: none !important;
     }

     p {
         text-align: justify !important;
     }

     .footera1 {
         display: none;
     }

     .left-carou1b {
         background-image: none !important;
     }

     .Participatingunits-modal {
         width: 35%;
     }

     #Participatingunitsmodal .modal-body {
         height: 1038px;
     }

     #Participatingunitsmodal .modal-title {
         font-size: 30px !important;
     }



     #Participatingunitsmodal .modal-dialog {
         max-width   : 778px !important;
         margin-right: 25px !important;
         margin-left : 25px !important;
     }

     .first-div-mob {
         width: 75%;
     }

     .first-div-mob-cus {
         width: 50% !important;
     }

     .milan-model-past {
         height: 1025px;
     }

     .banner-section {
         height: 656px;
     }

     .sub-gall-img {
         height: 100px !important;
     }

     .letter-26 {
         font-size: 53px;
     }

     .do-donts-heading {
         text-align: left;
         font-size : 28px;
     }
     
     
.home-gall1-main .carousel-control-prev{
     top: 100% !important;
    left: 41% !important;

}
.home-gall1-main .carousel-control-next{
  top: 100% !important;
    right: 41% !important;
}
.mobileGallerySwiper {
    width: 100%;
    height: 300px;
}
.mob-img-gal {
    height: 300px !important;
}
.logo-img {
    width: 283px;
    height: 215px;
}

 }

 @media screen and (max-width: 768px) {
    .logo-img {
    width: 283px;
    height: 215px;
}
    .mega-menu.show::before {
        left: 0px !important;
        top: -30px !important;
    }
     .Cookies-bar1 {
         width: 150px;

     }

     .letter-26 {
         font-size: 53px;
     }

     .padd-dress-code {
         border-bottom: 2px solid #e6e6e6;
         margin-bottom: 0px;
         padding-top  : 0px;

     }

     .compass-video2a {
         display: none !important;
     }

     .milan-model-past {
         height: 814px;
     }

     .first-div-mob-cus {
         width: 40% !important;
     }


     #readmoremodal .modal-body {
         height: 810px !important;
     }

     .downloadvideo {
         bottom: -110px !important;
     }

     .Participatingunits-modal {
         width: 35%;
     }

     #Participatingunitsmodal .modal-body {
         height: 800px;
     }

     #Participatingunitsmodal .modal-title {
         font-size: 30px !important;
     }

     .ahoyfrinds-sec {
         height             : 392px !important;
         background-size    : contain !important;
         background-position: bottom !important;
     }

     .mobile-slider .swiper-button-prev {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 160px !important;
         left         : 345px !important;
     }

     .mobile-slider .swiper-button-next {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 160px !important;
         right        : 345px !important;
     }

     .footera1 {
         display: none !important;
     }

     .top-head {
         display: none;
     }

     .milan-sec2 .carousel-lef1 {
         width      : 350px !important;
         margin-left: 0px;
     }

     .rop-img img {
         display: none;
     }

     .summ-sec-de {
         padding      : 25px 15px !important;
         margin-bottom: 7px;
     }

     .Ceremony-sec1 {
         background-image: none !important
     }

     .summ-sec-de {
         padding      : 15px 15px;
         margin-bottom: 7px;
     }

     .event-summary-card {
         background-image: linear-gradient(to right, rgb(0, 43, 216), rgb(11, 22, 92));
         padding         : 20px;
         border-radius   : 10px;
     }

     .KeyDates .event-meta {
         margin-top     : 10px;
         justify-content: start;
     }

     .data-head {
         font-size: 14px !important;
         padding  : 10px 0px 0px 0px !important;
     }

     .new-sec1 {
         display: block !important;
         margin : 0px !important;
     }

     .Key-date-sn {
         padding: 0 0px 0 0px;
         display: block !important;
     }

     .date-sec {
         width        : 100% !important;
         margin-bottom: 0px;
     }

     .date-sec2 {
         width: 100%;
     }

     .gallery-border {
         width: 177px;
     }




     .his-mob {
         background   : #05125D;
         padding      : 35px 25px 35px 25px;
         border-radius: 25px;
     }

     .gallery-img {
         height: 184px;
     }

     .past-editions .carousel-control-next {
         margin-right: 25px;
     }

     .logo-section {
         width: 35%;
     }

     .KeyDates .event-row {
         text-align: left;
     }

     .event-highlights .video-col {
         flex: 0 0 calc(50% - 15px);
     }

     .past-editions .carousel-control-prev {

         left: 0px;
     }


     .event-highlights .video-col:not(:last-child)::after {
         content         : "";
         position        : absolute;
         top             : 16%;
         bottom          : 40%;
         right           : 25px;
         width           : 1px;
         background-color: #D7DBE2;
     }

     .gallery-section2 .gallery-row>div {
         flex: 0 0 calc(50% - 15px);
     }

     .top-head {
         display        : flex !important;
         justify-content: space-between;
         background     : #3849AD;
         padding        : 8px 4px;
         height         : 45px;
         align-items    : center;
     }

     .header-bg .navbar {
         background: #05125D;
         padding   : 5px 10px !important;
     }

     .header-bg {
         position: static !important;
     }

     .top-head {

         padding    : 8px 42px 15px;
         height     : 30px;
         align-items: center;
     }

     .top-head a {
         border: none !important;
     }

     .main-nav {
         display: none !important;
     }

     .main-logi {
         height: 100px;
         width : 332px;
     }

     .navbar-toggler-icon {
         background-image   : url(../images/toggle-icon.png) !important;
         background-repeat  : no-repeat;
         background-position: center;
         background-size    : 100%;
     }


     .banner-main {
         padding-top: 67px !important;
     }

     .title-text3 {
         margin-top: 58px !important;
     }

     .news-section {
         height: 62px;

     }

     .compass-wrapper .compass-video {
         display: none !important;
     }

     .live-media-sec .container-fluid {
         padding-left: 12px;
     }

     .fleetreview {
         background                : #05125D;
         border-top-left-radius    : 0px;
         border-bottom-left-radius : 0px;
         border-top-right-radius   : 0px;
         border-bottom-right-radius: 0px;
     }

     .org-chart {
         text-align   : center;
         margin       : 24px 0px 0px 0px;
         padding      : 70px 0px 0px 0px;
         border-top   : 1px solid #267DFF;
         border-radius: 39px;
     }

     .main-logi {
         height: 60px;
         width : 201px;
     }

     .milan-sec2 {
         background-image: auto !important;
         height          : auto !important;
     }

     .left-carou1 {
         background-image: none !important;
     }

     

     .right-tab11 {
         padding-right: 0px;
         padding      : 30px 0px;
     }

     .milan-desc .row {
         margin-left : auto;
         margin-right: auto;
     }

     .milan-desc .vid1 {
         border-radius: 20px;
         width        : 100%;
         height       : 302px;
     }

     .fleetreview {
         margin-right: 18px;
     }

     .admiral-box {
         margin-bottom: 0px;
     }

     .admiral-box-bt {
         width       : 400px;
         margin-left : auto;
         margin-right: auto;
     }

     .mainsec-video {
         height: 524px !important;
     }

     .logo-section {
         width: 210px;
     }

     .compass-wrapper .compass-video2 {
         display: none;
     }

     .Signature .event-card {
         min-height: auto;
     }

     .ps-40 {
         padding-left: 15px;
     }

     .merge-sec {
         background: none;
     }

     .container {
         width    : 100%;
         max-width: 100%;
     }

     .navbar-collapse {
         margin-top             : 0px;
         padding                : 15px 15px 20px 15px;
         border-radius          : 10px;
         z-index                : 999999999;
         position               : absolute;
         background             : #05125d;
         width                  : 99%;
         top                    : 68px;
         border-top-left-radius : 0px;
         border-top-right-radius: 0px;
         right                  : 2px;
         border-top             : 1px solid #fff;
     }

     .header-bg {
         position: static !important;
     }

     .top-head {
         display        : flex !important;
         justify-content: space-between;
         background     : #3849AD;
         padding        : 8px 20px 10px;
         height         : 34px;
         align-items    : center;
     }

     .top-head a {
         display        : flex !important;
         justify-content: space-between;
         background     : #3849AD;
         padding        : 3px 10px 0px 0px;
         margin         : 0px 0px !important;
     }

     .main-nav {
         display: none !important;
     }

     .header-bg .navbar {
         background: #05125D;
         padding   : 10px 10px !important;
     }

     .navbar-toggler-icon {
         background-image   : url("../images/toggle-icon.png") !important;
         background-repeat  : no-repeat;
         background-position: center;
         background-size    : 100%;
     }

     .navbar-toggler {
         border: none !important;
         color : white;
     }

     .main-logi {
         height: 74px;
         width : 246px;
     }

     .banner-main {
         padding-top: 30px;
     }

     .title-text2 p {
         font-size: 14px !important;
     }

     .mb-5 {
         margin-bottom: 2rem !important;
     }

     .title-text2 aside {
         margin: 3px 7px !important;
     }

     .Daystogo {
         display   : block !important;
         text-align: center;

         font-size  : 18px;
         color      : white;
         font-family: 'Poppins';
     }

     .Daystogo1 {
         display   : block !important;
         text-align: center;

         font-size  : 26px;
         color      : white;
         font-family: 'Poppins';
     }

     .banner-section {
         height: 335px !important;
     }

     .banner-main .row .col-12 {
         padding: 0px !important;
     }

     .title-text3 {
         margin-top: 0px;
         background: #05125D;
     }

     .news-section {
         display: none;
     }

     .home-about {
         margin-top: 35px;
     }

     .discover-sec {
         padding-top: 10px;
     }

     .accessibility-bar {
         font-size: 0.65rem;
     }

     .accessibility-bar a {
         margin: 0 5px;
     }

     .logo-section {
         padding: 8px 15px 8px 8px;
     }

     .logo-circle {
         width       : 45px;
         height      : 45px;
         margin-right: 8px;
     }

     .logo-circle img {
         width : 35px;
         height: 35px;
     }

     .navbar-nav .nav-link {

         justify-content: space-between;
         display        : flex;
     }

     .Signature .nav-tabs .nav-link {
         padding        : 15px 5px 15px 15px;
         gap            : 5px;
         justify-content: start;
     }

     .invited-sec {
         margin-top: 10px;
         background: #F0F5FF;
     }

     .word-map {
         display: none;
     }

     .Participating-card {
         flex: 0 0 calc(55% - -32px);
     }

     #keyDatesTab .nav-item {
         position     : relative;
         padding-right: 20px;
         margin-right : 0px;
     }

     .bg-video-top-right2 {
         display: none;
     }

     .Key-Dates {
         padding-top: 15px;
     }

     .tab-margin {
         margin: 0px 7px;
     }

     .KeyDates .nav-tabs {
         justify-content: center;
         margin-top     : 2rem;
     }

     .Key-image {
         width : 60px;
         height: 60px;
     }

     .KeyDates .tab-content {
         padding      : 30px 70px;
         border-top   : 1px solid #267DFF;
         border-radius: 45px;
     }

     .data-head {
         font-size: 16px !important;
         padding  : 0px 0px 0px 27px !important;
     }

     .live-media-sec {
         margin-top: 10px;
     }

     .live-media-sec .shadow-sm {
         box-shadow  : none !important;
         padding-left: 6px !important;
     }

     .event-highlights {
         box-shadow: 0px 0px 98px 16px #153b7a1c;
         padding   : 28px 0px;
         margin    : 0px 0px 28px 0px;
     }

     .video-wrapper1 {
         width: 100%;
     }

     .event-highlights .video-col:not(:last-child)::after {
         top  : 22%;
         right: -5px;
     }

     .live-media-sec .container-fluid {
         padding-left : 0px;
         padding-right: 0px;
     }

     .org-chart .person-card {
         width : 100%;
         height: 100%;
     }

     .org-chart .person-name {
         font-weight: 600;
         font-size  : 13px;
         color      : #153B7A;
         padding    : 0px 15px;
     }

     .org-chart {
         text-align   : center;
         padding      : 70px 10% 0px 12%;
         border-top   : 3px solid #0018A6;
         border-radius: 39px;
         width        : 82%;
         margin       : 36px auto 0;
     }

     .gallery-sec .compass-video2 {
         display: none;
     }

     .gallery-sec img {
         width     : 100%;
         transition: transform 0.3s ease;
         height    : auto;
     }

     .gallery-section2 img {
         height: 70px !important;
     }

     .footer-tet {
         font-size: 15px;
     }

     .Organized-by {
         margin-top: 10px;
         font-size : 16px;
     }

     .mainsec-video .overlay {
         height: 88%;
     }

     .mainsec-video {
         height: 538px !important;

     }

     .bg-video-top-right {
         display: none;
     }

     .merge-sec {
         background: none !important
     }

     .signature-sec {
         background-image: none !important;
     }

     .compass-video {
         display: none !important;
     }

     .keydates-media-bg-video {
         display: none !important;
     }

     .keydates-media {
         background: none !important
     }

     .dignitaries {
         background-image: none !important;
     }

     .KeyDates .nav-tabs .nav-link {

         font-size: 22px;
     }





     .fs-18 {
         font-size: 14px;
     }

     .paragraph {
         line-height: 24px;
     }

     .ps-4 {
         padding-left: 0px !important;
     }

     .home-about .nav-tabs .nav-link {
         padding  : 0px 10px;
         height   : 39px;
         width    : 100px;
         font-size: 16px;
     }

     .home-about .nav-tabs .nav-link.active {
         padding  : 0px 10px;
         height   : 39px;
         width    : 100px;
         font-size: 16px;
     }

     .signature-sec::after {
         display: none;
     }

     .signature-sec {
         padding-top: 45px;
     }

     .participating-sec::after {
         display: none;
     }

     .participating-sec {
         margin-top: 40px;
     }

     .fs-19 {
         font-size: 16px;
     }

     .start-0 {
         left: 4% !important;
     }

     .end-0 {
         right: 4% !important;
     }

     .date-sec2 {
         width: 70%;
     }

     .KeyDates .btn-view {
         font-size: 14px;
     }

     .dignitaries::after {
         display: none;
     }

     .mediabytes-sec {
         height: 450px !important;
     }

     .banner-section1 {
         height: 450px !important;
     }

     .banner-main1 {
         height: 115px !important;
     }

     .Key-date-sn {
         padding: 0 0px 0 0px;
         display: flex !important;
     }

     .date-sec {
         width        : 25% !important;
         margin-bottom: 0px;
         display      : block;
     }

     .date-sec h5 img {
         padding     : 0px 5px !important;
         margin-left : 0px;
         padding-left: 0px !important;
     }

     .date-sec2 {
         width: 30%;
     }

     .date-sec h5 {

         margin-bottom: 10px !important;
     }

     .event .w-40 {
         width: 40% !important;
     }

     .left-carou1b {
         background-image: none;
     }

     p {
         text-align: justify !important;
     }

     .first-div-mob {
         width: 75%;
     }

 }


 @media screen and (max-width: 668px) {
     .live-media-sec {
         padding: 0px 14px;
     }

     .navbar-collapse {
         top: 68px;
     }

     .fleetreview {
         margin-right: 10px;
     }

     .fleetreview h5 {
         font-size: 17px;
     }

     .fleetreview p {
         font-size: 14px;
     }

     .fleetreview aside {
         padding-bottom: 10px !important;
     }

     .mobile-plr {
         padding-left : 5px !important;
         padding-right: 5px !important;
     }

     .mobile-plr2 {
         padding-right: 10px !important;
     }

     .mediabytes-sec {
         height: 450px !important;
     }

     .banner-section1 {
         height: 450px !important;
     }

     .banner-main1 {
         height: 115px !important;
     }

     p {
         text-align: justify !important;
     }
 }


 @media screen and (max-width: 576px) {
    .video-thumb-btn {
            width: 38px;
        height: 28px;
        border: 1px solid #ffffff;
}
     .logo-img {
               width: 220px;
        height: 169px;
                margin-left: 65px;
    }
    .video-wrapper-new{
        height: 175px !important;
    margin-top: 30px;
    }
    .video-wrapper-new1{
        height: 175px !important;
    margin-top: 30px;
    }
   .mobileGallerySwiper {
    height: 200px;
    width: 100%;
}
    .home-gall1-main .carousel-control-prev{
     top: 100% !important;
    left: 38% !important;

}
.home-gall1-main .carousel-control-next{
  top: 100% !important;
    right: 38% !important;
}
        .news-media-dropdown.show::before {
        left: 0px !important;
    }
        .mega-menu.show::before {
        left: 0px !important;
        top: -30px !important;
    }
     .ins_description-section p {
         font-size: 14px !important;
     }

     .discover-video-city {
         height: 200px !important;
     }

     .news-tabs-container #newsTabs {

         width      : 88%;
         margin-left: 20px;
     }

     .login-new-dropdown {
         width        : 330px;
         top          : 13px !important;
         padding      : 20px 10px;
         transform    : translate(-50%, 0%);
         left         : 50% !important;
         margin-bottom: 15px;
     }

     #milanpasteditionmodel .modal-dialog {
         width       : 350px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #ifrpasteditionmodel .modal-dialog {
         width       : 350px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #ionspasteditionmodel .modal-dialog {
         width       : 350px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #successModal .modal-dialog {
         width       : 350px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #readmoremodal .modal-dialog {
         width       : 350px !important;
         margin-left : auto;
         margin-right: auto;
     }


     .keydates-media::after {
         display: none;
     }

     .compass-video2-Signature {
         display: none;
     }

     .media-broad {

         height: 100% !important;
     }

     .media-broad section h5 {
         font-size: 14px !important;

     }

     .fleetreview {
         height: auto !important;
     }

     .media-broad section img {
         display     : block;
         margin-left : auto;
         margin-right: auto;
     }

     .media-broad section {
         display: block;
     }

     #readmoremodal .modal-header h5 {
         font-size: 22px;
     }

     .about-head-city {
         font-size    : 24px !important;
         margin-bottom: 10px !important;
     }

     .about-head {
         font-size: 21px !important;
     }

     .about-head1 {
         font-size: 19px !important;

     }

     .Cookies-bar1 {
         width: 108px;

     }

     #externalLinkModal .modal-content {
         font-size   : 16px;
         width       : 326px;
         display     : block;
         margin-left : auto;
         margin-right: auto;
     }

     .do-donts-heading {
         text-align: left;
         font-size : 24px;

     }

     .letter-26 {
         font-size: 26px;

     }

     .padd-dress-code {
         border-bottom: 2px solid #e6e6e6;
         margin-bottom: 0px;
         padding-top  : 0px;
     }

     .dress-code-heading {
         font-size: 25px !important;
     }

     .code-num-new-1 {
         font-size: 25px !important;
     }




     #dynamicheadingstatd .dynamic-heading-milana1 {
         font-size   : 28px !important;
         font-weight : bold;
         margin-right: 0px;
     }

     .milan-mob-swipe1 {
         min-height: 167px !important;
         height    : 225px !important;
     }

     .card-new {
         border-right : 0px solid #ffffff !important;
         margin-right : 0px;
         padding-right: 0px;

     }

     .first-div-mob {
         width: 100%;
     }

     .milan-model-past {
         height: 600px;
     }

     .first-div-mob-cus {
         width: 75% !important;
     }

     .togg-iconnn-btn {
         font-size: 16px !important;
     }

     .mobile-view-swiper .car-card .card {
         height: 250px;
         width : 350px !important;
     }

     #readmoremodal .modal-body {
         height: 550px !important;
     }

     #downloadvideo-mobile {
         bottom: 0px !important;
     }

     #Participatingunitsmodal .modal-body {
         height: 625px;
     }

     #Participatingunitsmodal .modal-title {
         font-size: 22px !important;
     }

     .Participatingunits-modal {
         width: auto;
     }

     .news-section .w-79 {
         width: 60%;
     }

     .event .w-40 {
         width: 99% !important;
     }

     .mobile-slider .swiper-button-prev {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 87px !important;
         left         : 155px !important;
     }

     .mobile-slider .swiper-button-next {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 87px !important;
         right        : 155px !important;
     }

     .edition-card .card-title {
         font-size: 26px !important;
     }

     #dosDonts .rule-list p {

         line-height: 22px !important;
     }

     .emergencywidth {
         max-width: 100% !important;
     }

     .social-interaction .nav-tabs .nav-link {
         width: 191px;
     }

     .social-interaction .nav-tabs .nav-link:hover {
         border-radius: 5px;
         padding      : 8px 15px;
     }

     .blog-details .compass-video-contact {
         display: none;
     }

     .social-interaction .nav-tabs {
         margin-bottom: 0;
         gap          : 14px;
         margin-left  : 0;
     }

     .social-interaction {
         padding: 21px 0 0;
     }

     .paraa1 {
         text-align : left;
         line-height: 22px !important;
         font-size  : 14px !important;
     }

     .top-head {
         display: none;
     }

     .ions-flag {
         width        : 331px !important;
         margin       : 0px 0px 0px 0px !important;
         height       : 209px !important;
         border-radius: 14px !important;
         padding      : 0px !important;
     }

     .main-gallery .col-lg-10 {
         flex : 0 0 auto;
         width: 100% !important;
     }

     .Key-date-sn aside:first-child {
         display    : flex;
         align-items: center !important;
     }

     .Key-date-sn aside:first-child h5 {
         margin-bottom: 0 !important;
     }

     .Key-date-sn aside:first-child h5:nth-of-type(2) {
         margin-left: 0px;
         display    : flex;
         align-items: center;
     }

     .left-carou1a {
         background-image: none;
     }

     .left-carou1b {
         background-image: none;

     }

     .right-tab11 {
         padding-right: 0px;
         margin-bottom: 0px;
         padding-top  : 0px;
         padding-bottom: 0px;
     }

     .edition-card {
         width       : auto !important;
         margin-left : 0px !important;
         margin-right: 0px !important;
         padding     : 0px 20px 0px 20px !important;
         margin      : 0px 1px !important;
     }

     .card-marker {
         display: none;
     }

     .carda1 {
         margin-bottom: 0px;
     }

     .carda2 {
         margin-top: 0px;
     }

     .carda3 {
         margin-bottom: 0px;
     }

     .carda4 {
         margin-top: 0px;
     }

     .milan-section {
         margin-right: 10px;
         padding     : 0px 0px !important;
     }

     .gal-imgg,
     .video-fil {
         width: 97% !important;


     }

     .summ-sec-de {
         padding      : 15px 15px !important;
         margin-bottom: 7px;
     }



     .Ceremony-sec1 {
         background-image: none;

     }

     .event-summary-card {
         background-image: none;
         background-image: linear-gradient(to right, #002BD8, #0B165C);
         padding         : 20px 26px 20px 10px !important;
         border-radius   : 10px;
     }

     .Ceremony-main-card {
         padding: 15px 10px 30px 10px !important;
     }

     .blog-header img {
         height: 200px;
     }

     .summ-sec-de h5 {
         font-size: 12px;
     }

     .summ-sec-de p {
         font-size: 12px;
     }

     .summ-sec-de h5 img {
         width: 14px;
     }

     .Ceremony-text {
         font-size  : 14px;
         color      : #131315;
         line-height: 24px !important;
         margin-top : 0px !important;
     }


     .main-contactus h2 {

         text-align: start;
     }

     .main-contactus {
         padding: 23px 0px;
     }

     .news-mediabyte .form-control {
         max-width: 100% !important;

     }

     .news-mediabyte {

         padding: 15px !important;

     }

     .admiral-box-bt {
         width       : auto;
         margin-left : auto;
         margin-right: auto;
     }

     .event-label {
         min-width: 123px;
         width    : 123px;
     }

     .milan-sec {
         height: 375px;
     }

     .milan-banner1a {
         width       : 80px;
         height      : 80px;
         margin-right: 15px;
     }

     .live-badge {
         width: 15%;

     }

     .livemedia-sec {
         height: 325px !important;
     }

     .compass-wrapper .compass-video2 {
         display: none;
     }

     .Signature .event-card {
         min-height: auto;
     }

     .ps-40 {
         padding-left: 15px;
     }

     .merge-sec {
         background: none;
     }

     .container {
         width    : 100%;
         max-width: 100%;
     }

     .navbar-collapse {
         margin-top             : 10px;
         padding                : 15px 15px 20px 15px;
         border-radius          : 10px;
         z-index                : 999999999;
         position               : absolute;
         background             : #05125d;
         width                  : 99%;
         top                    : 58px;
         border-top-left-radius : 0px;
         border-top-right-radius: 0px;
         right                  : 2px;
         border-top             : 1px solid #fff;
     }

     .header-bg {
         position: static !important;
     }

     .top-head {
         display        : flex !important;
         justify-content: space-between;
         background     : #3849AD;
         padding        : 8px 20px 10px;
         height         : 34px;
         align-items    : center;
     }

     .top-head a {
         display        : flex !important;
         justify-content: space-between;
         background     : #3849AD;
         padding        : 6px 2px 0px 0px;
         margin         : 0px 0px !important;
         font-size      : 10px;
     }

     .main-nav {
         display: none !important;
     }

     .header-bg .navbar {
         background: #05125D;
         padding   : 10px 10px !important;
     }

     .navbar-toggler-icon {
         background-image   : url("../images/toggle-icon.png") !important;
         background-repeat  : no-repeat;
         background-position: center;
         background-size    : 100%;
     }

     .navbar-toggler {
         border: none !important;
         color : white;
     }

     .main-logi {
         height: 74px;
         width : 246px;
     }

     .banner-main {
         padding-top: 30px;
     }

     .title-text2 p {
         font-size: 11px !important;
     }

     .mb-5 {
         margin-bottom: 2rem !important;
     }

     .title-text2 aside {
         margin: 3px 7px !important;
     }

     .Daystogo {
         display   : block !important;
         text-align: center;

         font-size  : 18px;
         color      : white;
         font-family: 'Poppins';
     }

     .Daystogo1 {
         display   : block !important;
         text-align: center;

         font-size  : 26px;
         color      : white;
         font-family: 'Poppins';
     }

     .banner-section {
         height     : 39px !important;
         margin-top : -9px !important;
         padding-top: 10px;
     }

     .banner-main .row .col-12 {
         padding: 0px !important;
     }

     .title-text3 {
         margin-top: 0px;
         background: #05125D;
         display   : block;
     }

     .news-section {
         display: block !important;
     }

     .news-section .w-20 h5 {
         font-size: 9px !important;
     }


     .news-section .w-20 {
         display        : flex;
         align-items    : center;
         justify-content: center;
     }

     .home-about {
         margin-top: 35px;
     }

     .discover-sec {
         padding-top: 10px;
     }

     .accessibility-bar {
         font-size: 0.65rem;
     }

     .accessibility-bar a {
         margin: 0 5px;
     }

     .logo-section {
         padding: 8px 15px 8px 8px;
     }

     .logo-circle {
         width       : 45px;
         height      : 45px;
         margin-right: 8px;
     }

     .logo-circle img {
         width : 35px;
         height: 35px;
     }

     .navbar-nav .nav-link {

         justify-content: space-between;
         display        : flex;
     }

     .Signature .nav-tabs .nav-link {
         padding        : 15px 5px 15px 15px;
         gap            : 5px;
         justify-content: start;
     }

     .invited-sec {
         margin-top : 10px;
         background : #F0F5FF;
         padding-top: 20px;
     }

     .word-map {
         display: none;
     }

     .Participating-card {
         flex: 0 0 calc(55% - -32px);
     }

     #keyDatesTab .nav-item {
         position     : relative;
         padding-right: 20px;
         margin-right : 0px;
     }

     .bg-video-top-right2 {
         display: none;
     }

     .Key-Dates {
         padding-top: 20px;
     }

     .tab-margin {
         margin: 0px 7px;
     }

     .KeyDates .nav-tabs {
         justify-content: center;
         margin-top     : 2rem;
     }

     .Key-image {
         width : 60px;
         height: 60px;
     }

     .gallery-sec-pg {

         height: 375px;

     }


     .minal-txt-mob {
         display: none;
     }

     .milan-tab-div {
         display: none;
     }



     .event-item {
         background-size: 100% 100% !important;
     }

     .rop-img img {
         display: none;
     }

     .left-tabs .btn-toggle.active-year {
         border: 1px solid #ffffff;
     }

     .gallery-item {

         height: 200px;
     }

     .left-tabs button {

         font-size: 24px;
     }

     .inner-sub-tab {
         background   : #2C3884;
         padding      : 10px;
         border-radius: 10px;
     }



     .gallery-border {
         width: 188px;

     }

     .past-editions {
         padding: 40px 0px 0px 0px !important;
     }

     .gradient-border {
         width       : 340px !important;
         margin-left : 0px;
         margin-right: 0px;
     }

     .left-gallery-bg1 {
         border-right: none !important
     }

     .spon-card {
         width        : auto;
         height       : 100px;
         margin-bottom: 22px;
     }

     .sponsors-sec {
         height: 375px;
     }

     .spon-card img {
         width : 120px;
         height: 50px;
     }

     .milan-sec2 {
         padding-left : 0px;
         height       : auto;
         padding      : 15px;
         border-radius: 25px;
         margin       : 0px 0px;
     }

     .video-wrapper1a {

         margin-bottom: 10px;
     }

     .left-carou1 {
         background-image: none !important;

     }

     .milan-sec2 .carousel-lef1 {
         width      : 350px !important;
         margin-left: 0px;
     }

     

     .logo-img-ban {
         width : 230px;
         height: 175px;
     }

     .footera1 {
         display: none !important;
     }

     .milan-desc .vid1 {
         border-radius: 20px;
        width        : 100%;
         height       : 185px;
     }

     .milan-desc .vid2 {
         border-radius: 20px;
         width        : 325px;
         height       : 144px;
         margin-top   : 20px;
     }

     .milan-desc .vid3 {
         border-radius: 20px;
         width        : 325px;
         height       : 144px;
         margin-top   : 20px;
     }

     .sec-arrow {
         width        : 230px !important;
         position     : absolute;
         left         : -57px;
         margin-top   : auto;
         margin-bottom: auto;
         bottom       : 50%;
     }

     .view-more-btn12 {
         background   : #0018A6;
         border       : 1px solid white;
         padding      : 7px 30px;
         color        : white;
         font-weight  : 500;
         border-radius: 24px;
         margin       : 20px 0px 0px 10px;
         margin-left  : auto;
         margin-right : auto;
     }

     .milan-section .custom-prev {
         top : 86%;
         left: 35% !important;
     }

     .milan-section .custom-next {
         top  : 86%;
         right: 27% !important;
     }

     .milan-section .custom-prev:hover {
         top : 86%;
         left: 35% !important;
     }

     .milan-section .custom-next:hover {
         top  : 86%;
         right: 27% !important;
     }

     .KeyDates .tab-content {
         padding      : 20px 25px !important;
         border-top   : 2px solid #0018A6;
         border-radius: 45px;
     }

     .data-head {
         font-size: 15px !important;
         padding  : 0px 0px 0px 20px !important;
     }

     .live-media-sec {
         margin-top: 10px;
     }

     .live-media-sec .shadow-sm {
         box-shadow   : none !important;
         padding-left : 0px !important;
         padding-right: 0px !important;
     }

     .event-highlights {
         box-shadow: 0px 0px 98px 16px #153b7a1c;
         padding   : 28px 0px;
         margin    : 0px 0px 28px 0px;
     }

     .video-wrapper1 {
         width        : 296px;
         height       : 208px;
         border-radius: 15px;
         overflow     : hidden;
     }

     .event-highlights .video-col:not(:last-child)::after {
         top  : 22%;
         right: -5px;
     }

     .org-chart .person-card {

         width : 100%;
         height: 100%;
     }

     .live-media-sec {
         padding: 0px 0px !important;
     }

     .org-chart .person-card img {
         width : 100%;
         height: 115px !important;
     }

     .org-chart .person-name {
         font-weight: 600;
         font-size  : 13px;
         color      : #153B7A;
         padding    : 0px 15px;
     }

     .org-chart {
         text-align   : center;
         padding      : 70px 10px 0px 10px;
         border-top   : 3px solid #0018A6;
         border-radius: 39px;
         width        : 82%;
         margin       : 36px auto 0;
     }

     .gallery-sec .compass-video2 {
         display: none;
     }

     .gallery-sec {
         margin-top: -40px !important;
     }

     .gallery-sec img {
         width     : 100%;
         transition: transform 0.3s ease;
         height    : auto;
     }

     .gallery-section2 img {
         height: 70px !important;
     }

     .footer-tet {
         font-size: 13px;
     }

     .fs-14 {
         font-size: 13px;
     }

     .Organized-by {
         margin-top: 10px;
         font-size : 12px;
     }

     .mainsec-video .bg-video {
         height: 458px !important;

     }

     .mainsec-video .overlay {
         height: 88%;
     }

     .mainsec-video {
         height: 538px !important;

     }

     .bg-video-top-right {
         display: none;
     }

     .merge-sec {
         background: none !important
     }

     .signature-sec {
         background-image: none !important;
     }

     .compass-video {
         display: none !important;
     }

     .keydates-media-bg-video {
         display: none !important;
     }

     .keydates-media {
         background: none !important
     }

     .dignitaries {
         background-image: none !important;
     }

     .KeyDates .nav-tabs .nav-link {

         font-size: 18px;
     }

     .opening-para:hover {
         overflow     : auto;
         padding-right: 0px;
     }



     .fs-18 {
         font-size: 14px;
     }

     .paragraph {
         line-height: 22px !important;
     }

     .ps-4 {
         padding-left: 0px !important;
     }

     .seminar-section .nav-tabs {
         justify-content: center !important;

     }

     p {
         text-align: justify !important;
     }

     .home-about .nav-tabs .nav-link {
         padding  : 0px 10px;
         height   : 39px;
         width    : 100px;
         font-size: 16px;
     }

     .home-about .nav-tabs .nav-link.active {
         padding  : 0px 10px;
         height   : 39px;
         width    : 100px;
         font-size: 16px;
     }

     .signature-sec::after {
         display: none;
     }

     .signature-sec {
         padding-top: 25px;
     }

     .participating-sec::after {
         display: none;
     }

     .participating-sec {
         margin-top: 40px;
     }

     .fs-19 {
         font-size: 16px;
     }

     .start-0 {
         left: 4% !important;
     }

     .end-0 {
         right: 4% !important;
     }

     .date-sec2 {
         width: 100% !important;
     }

     .KeyDates .btn-view {
         font-size: 14px;
     }

     .contact-border1 {
         border-bottom : 1px solid #999;
         padding-bottom: 0px;
         margin-bottom : 15px;
     }

     .mbc-5 {
         margin-bottom: 50px;
     }

     .city-tour::before {
         content   : "" !important;
         position  : absolute !important;
         width     : 2px !important;
         height    : 0vh !important;
         background: #fff !important;
         top       : 36% !important;
         left      : -17% !important;
     }

     .new-sec1 {
         display: block !important;
         margin : 0px !important;
     }

     .data-head {
         font-size: 14px !important;
         padding  : 10px 0px 6px 0px !important;
     }

     .dignitaries::after {
         display: none;
     }

     .mediabytes-sec {

         height: 325px !important;
     }

     .banner-main1 {
         height: 76px !important;
     }

     .banner-main1 img {
         width       : 60px;
         height      : 60px;
         margin-right: 10px !important;
     }

     .carousel-control-prev,
     .carousel-control-next {

         top: 40%;

     }



     .ahoyfrinds-sec {
         height: 225px !important;
     }

     .banner-section1 {
         height: 325px !important;
     }

     .Key-date-sn {
         padding: 0 0px 0 0px;
         display: block !important;
     }

     .KeyDates .tab-content .event {

         padding-right: 0px;

     }

     .admiral-box {

         margin-bottom: 0px;
     }

     .gallery-sec {
         margin-top: 0px;
     }

     .date-sec {
         width        : 100% !important;
         margin-bottom: 0px;
     }

     .date-sec2 {
         width: 100%;
     }

     .left-tabs .nav-pills .nav-link.active::before {
         display: none;
     }

     .left-tabs li button::before {
         display: none;
     }

     .left-tabs li button {

         padding-left: 10px;

     }

     .milan-desc .border-pill {
         border-radius: 20px;
         width        : 300px;
         height       : 200px;
     }

     .KeyDates .event-meta {
         margin         : 5px 0px !important;
         justify-content: left;
         gap            : 0rem;
         text-align     : start;
     }

     .milan-desc .border-pill {
         border-radius: 20px;
         width        : 350px;
         height       : 200px;
     }

     .milan-sea-phasea1 .milan-sea-phase-text {
         font-size: 24px !important;
     }


     .dynamic-heading .first-letter {
         font-size   : 35px !important;
         font-weight : bold;
         margin-right: -9px;
     }



     .dynamic-heading .rest {
         font-size  : 21px !important;
         font-weight: normal;
     }

     .milan-sea-phase-text {
         font-size: 24px !important;
     }


 }

  @media screen and (max-width: 428px) {
           .logo-img {
        width: 220px;
        height: 169px;
        margin-left: 65px;
    }
  }
  @media screen and (max-width: 414px) {
         .logo-img {
        width: 220px;
        height: 169px;
        margin-left: 60px;
    }  
  }
 @media screen and (max-width: 393px) {
        .logo-img {
        width: 220px;
        height: 169px;
        margin-left: 47px;
    }
     #milanpasteditionmodel .modal-dialog {
         width       : 320px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #ifrpasteditionmodel .modal-dialog {
         width       : 320px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #ionspasteditionmodel .modal-dialog {
         width       : 320px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #successModal .modal-dialog {
         width       : 320px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #readmoremodal .modal-dialog {
         width       : 320px !important;
         margin-left : auto;
         margin-right: auto;
     }

     .mobile-slider .swiper-button-prev {
         top: 75px !important;
     }

     #mob-swip-a1 {
         padding-bottom: 14px !important;
     }

     .mobile-slider .swiper-button-next {
         top: 75px !important;
     }

     #downloadvideo-mobile {
         display : block;
         width   : 45px;
         bottom  : -30px !important;
         left    : 18px;
         position: relative;
     }

     .milan-sea-phase-text {
         font-size: 24px !important;
     }

     .first-div-mob-cus {
         width: 100%;
     }

 }


 @media screen and (max-width: 376px) {
        .video-thumb-btn {
        width: 34px;
        height: 23px;
        border: 1px solid #ffffff;
    }
           .logo-img {
        width: 220px;
        height: 169px;
        margin-left: 43px;
    }
      .video-wrapper-new1{
        height: 175px !important;
    margin-top: 30px;
    } 
    .video-wrapper-new{
        height: 175px !important;
    margin-top: 30px;
    }
    .home-gall1-main .carousel-control-prev{
     top: 100% !important;
    left: 36% !important;

}
.home-gall1-main .carousel-control-next{
  top: 100% !important;
    right: 36% !important;
}
     .login-new-dropdown {
         width        : 287px;
         top          : 13px !important;
         padding      : 20px 10px;
         transform    : translate(-50%, 0%);
         left         : 50% !important;
         margin-bottom: 15px;
     }

     #milanpasteditionmodel .modal-dialog {
         width       : 300px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #ifrpasteditionmodel .modal-dialog {
         width       : 300px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #ionspasteditionmodel .modal-dialog {
         width       : 300px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #successModal .modal-dialog {
         width       : 300px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #readmoremodal .modal-dialog {
         width       : 300px !important;
         margin-left : auto;
         margin-right: auto;
     }

     .news-section .w-20 h5 {
         font-size: 8px !important;
     }

     .milan-sea-phasea1 .milan-sea-phase-text {
         font-size: 24px !important;
     }

     .milan-model-past {
         height: 580px;
     }

     .first-div-mob-cus {
         width: 70%;
     }

     .first-div-mob {
         width: 100%;
     }

     .mobile-view-swiper .car-card .card {
         height     : 250px;
         width      : 330px !important;
         margin-left: 5px !important;
     }

     .mobile-slider-milan .swiper-button-prev {

         margin-left: 100px;
     }


     .mobile-slider-milan .swiper-button-next {

         margin-right: 100px;
     }

     #downloadvideo-mobile {
         bottom: -25px !important;
     }

     #Participatingunitsmodal .modal-title {
         font-size: 18px !important;
     }

     #Participatingunitsmodal .modal-body {
         height: 600px;
     }

     .news-section .w-79 {
         width: 60%;
     }

     .mobile-slider .swiper-button-prev {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 75px !important;
         left         : 140px !important;
     }

     .mobile-slider .swiper-button-next {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 75px !important;
         right        : 140px !important;
     }

     .social-interaction .nav-tabs .nav-link {
         width    : 158px;
         font-size: 14px !important;
     }

     .ions-flag {
         width        : 300px !important;
         margin       : 0px 0px 0px 0px !important;
         height       : 150px !important;
         border-radius: 14px !important;
         padding      : 0px !important;
     }

     .banner-section {
         margin-top: -9px !important;
     }



     /* .dynamic-heading .first-letter {
        font-size   : 30px;
        font-weight : bold;
        margin-right: -9px;
    } */

     .dynamic-heading .rest {
         font-size  : 19px;
         font-weight: normal;
     }

     .video-wrapper-new {
         height: 250px;
     }

     #keyDatesTab .nav-item {
         padding-right: 0;
     }

     .Key-image {
         width : 50px;
         height: 50px;
     }

     .org-chart .person-role {
         font-size: 12px;
     }

     .video-wrapper1 {
         height: 120px;
     }

     .event-highlights .video-col:not(:last-child)::after {
         top   : 18%;
         right : -5px;
         height: 24%;
     }

     .Signature .nav-tabs .nav-link {
         font-size: 13px;
         padding  : 15px 0px 15px 4px;
     }

     .invited-sec {
         padding-top: 15px;
     }

     .top-head a {
         padding: 3px 0px 0px 0px;
         margin : 0px 0px !important;
     }

     .video-wrapper1 {
         width        : 296px;
         height       : 208px;
         border-radius: 15px;
         overflow     : hidden;
     }

     .gallery-sec {
         margin-top: 10px;
     }

     .top-head {
         padding: 8px 6px 10px;
     }

     .logo-section {
         width: 190px;
     }

     .mobile-addres {
         flex-wrap: wrap;
     }

     .mediabytes-sec {
         height: 315px;
     }

 }

 @media screen and (max-width: 374px) {
     #downloadvideo-mobile {
         bottom: -10px !important;
     }

     .first-div-mob-cus {
         width: 70%;
     }

     .first-div-mob {
         width: 100%;
     }

     #downloadvideo-mobile {
         bottom: -22px !important;
     }
 }

 @media screen and (max-width: 360px) {
        .logo-img {
        width: 220px;
        height: 169px;
        margin-left: 35px;
    }
     .video-wrapper-new{
        height: 175px !important;
    margin-top: 30px;
    }
    .video-wrapper-new1{
               height: 135px !important;
        margin-top: 30px;
    }
     .first-div-mob-cus {
         width: 70%;
     }

     #downloadvideo-mobile {
         bottom: -70px !important;
     }
 }



 @media screen and (max-width: 321px) {
        .video-thumb-btn {
        width: 34px;
        height: 23px;
        border: 1px solid #ffffff;
    }
        .logo-img {
        width: 182px;
        height: 146px;
        margin-left: 35px;
        margin-top: 8px;
    }
       
    .video-wrapper-new1{
         height: 135px !important;
        margin-top: 30px;
    }
    .video-wrapper-new{
        height: 175px !important;
    margin-top: 30px;
    }
    .home-gall1-main .carousel-control-prev{
     top: 100% !important;
    left: 36% !important;

}
.home-gall1-main .carousel-control-next{
  top: 100% !important;
    right: 36% !important;
}
     .discover-video-city {
         height: 200px !important;
     }

     .login-new-dropdown {
         width        : 250px;
         top          : 7px !important;
         padding      : 20px 10px;
         transform    : translate(-50%, 0%);
         left         : 50% !important;
         margin-bottom: 15px;
     }

     #milanpasteditionmodel .modal-dialog {
         width       : 280px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #ifrpasteditionmodel .modal-dialog {
         width       : 280px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #ionspasteditionmodel .modal-dialog {
         width       : 280px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #successModal .modal-dialog {
         width       : 280px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #readmoremodal .modal-dialog {
         width       : 280px !important;
         margin-left : auto;
         margin-right: auto;
     }

     #readmoremodal .modal-header h5 {
         font-size   : 18px;
         padding-left: 0px !important;
     }

     .mobile-view-swiper .car-card .card {
         height     : 250px;
         width      : 285px !important;
         margin-left: 5px !important;
     }

     #invitednationslist .modal-content {
         height: 474px;
     }

     .edition-card .card-title {
         font-size: 24px !important;
     }

     #externalLinkModal .modal-content {
         font-size   : 16px;
         width       : 275px;
         display     : block;
         margin-left : auto;
         margin-right: auto;
     }

     .paraa1 {
         text-align : left;
         line-height: 18px !important;
         font-size  : 13px !important;
     }



     .dress-code-heading {
         font-size: 22px !important;
     }

     .code-num-new-1 {
         font-size: 22px !important;
     }

     .Key-date-sn aside:first-child h5 {
         margin-bottom: 0 !important;
         font-size    : 12px !important;
     }

     .news-section .w-20 h5 {
         font-size: 8px !important;
     }

     .milan-sea-phasea1 .milan-sea-phase-text {
         font-size: 24px !important;
     }

     .milan-model-past {
         height: 400px;
     }

     .first-div-mob-cus {
         width: 70% !important;
     }

     .cus-mob-new .card .form-select {
         padding  : 5px 5px 5px 10px !important;
         font-size: 12px !important;
     }

     .first-div-mob-cus {
         width: 70%;
     }

     .mobile-slider-milan .swiper-button-prev {

         margin-left: 80px;
     }


     .mobile-slider-milan .swiper-button-next {

         margin-right: 80px;
     }

     #readmoremodal .modal-body {
         height: 415px !important;
     }

     #downloadvideo-mobile {
         bottom: -65px !important;
     }

     #Participatingunitsmodal .modal-title {
         font-size: 18px !important;
     }

     #Participatingunitsmodal .modal-body {
         height: 415px;
     }

     .news-section .w-79 {
         width: 53%;
     }

     .mobile-slider .swiper-button-prev {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 85px !important;
         left         : 120px !important;
     }

     .mobile-slider .swiper-button-next {
         width        : 28px !important;
         height       : 28px !important;
         border-radius: 50%;
         top          : 85px !important;
         right        : 120px !important;
     }

     .social-interaction .nav-tabs .nav-link {
         width    : 136px;
         font-size: 13px !important;
     }

     .ions-flag {
         width        : 256px !important;
         margin       : 0px 0px 0px 0px !important;
         height       : 115px !important;
         border-radius: 14px !important;
         padding      : 0px !important;
     }

     .banner-section {
         margin-top: 96px;
     }

     .milan-carousel .card {
         width: 315px !important;
     }

     .milan-section .custom-prev {
         top : 86%;
         left: 30% !important;
     }

     .milan-section .custom-next {
         top  : 86%;
         right: 36% !important;
     }

     .event-summary-card {

         padding: 12px 26px 12px 10px !important;

     }

     .summ-sec-de {
         padding      : 8px 3px !important;
         margin-bottom: 7px;
     }

     .summ-sec-de .w-35 {
         width: 36%;
     }

     .summ-sec-de h5 {
         font-size: 9px;
     }

     .summ-sec-de h5 img {
         width: 11px;
     }

     .summ-sec-de p {
         font-size : 10px;
         text-align: start;
     }

     .admiral-box-bt h4 {
         font-size: 20px;
     }

     .naval-staff {
         font-size: 14px;

     }

     .gallery-sec {
         margin-top: 0px !important;
     }

     .Signature .nav-tabs .nav-link {
         font-size: 12px;
         padding  : 15px 0px 15px 6px;
     }

     .Signature .nav-tabs .nav-link .nav-logo {
         width : 32px;
         height: 32px;
     }

     .milan-desc .border-pill {
         border-radius: 20px;
         width        : 295px;
         height       : 200px;
     }

     .ahoyfrinds-sec {
         height: 405px;
     }

     .title-text3 {
         display: block;
     }

     .event-summary-title {
         font-size: 25px
     }

     .Ceremony-main-card {
         padding: 25px 15px !important;
     }

     .event-summary-card {
         padding: 15px;
     }

     .event-label {
         min-width: 112px;
         width    : 112px;
         font-size: 15px;
     }

     .gallery-img {
         height: 120px;
     }

     .gallery-overlay {

         font-size: 12px;

     }

     .left-tabs li button {

         padding: 5px 10px;
     }

     .left-tabs .nav-pills .nav-link.active {

         height: 40px;
     }

     .Key-date-sn {
         padding: 0 0px 0 0px;
         display: block !important;
     }

     .left-tabs .nav-pills .nav-link.active::before {
         display: none;
     }

     .gradient-border {
         width       : 290px !important;
         margin-left : 0px;
         margin-right: 0px;
     }

     .top-head a {
         font-size: 9px;
     }

     .main-logi {
         height: 50px;
         width : 161px;
     }

     .hero-text {
         margin-top: 10px;
     }

     .about-head {
         font-size: 24px;
     }

     .date-sec {
         width: 100% !important;
     }

     .new-sec1 {
         display: block !important;
     }

     .KeyDates .event-meta {
         justify-content: flex-start;
     }

     .home-about .nav-tabs .nav-link {
         padding: 0px 25px;
         height : 47px;
     }

     .video-wrapper1 {
         width        : 250px;
         height       : 208px;
         border-radius: 15px;
         overflow     : hidden;
     }

     .signature-sec {
         padding-top: 50px;
     }

     .participating-sec .col-12 h5 {
         font-size: 16px;
     }

     .tab-margin {
         margin: 0px 0px;
     }

     .org-chart .person-card {
         width : 155px;
         height: 190px;
     }

     .org-chart {
         text-align   : center;
         margin       : 24px 10px 0px 10px;
         padding      : 70px 10px 0px 0px;
         border-top   : 3px solid #267DFF;
         border-radius: 39px;
     }

     .gallery-sec img {
         width     : 100%;
         transition: transform 0.3s ease;
         height    : 130px;
     }

     .gallery-section2 img {
         height: 50px !important;
     }

     .navbar-collapse {
         top: 63px;
     }

     .KeyDates .nav-tabs .nav-link {
         padding: 0px;
     }

     .video-wrapper-new {
         height: 341px;
     }

     .Signature .nav-tabs .nav-link {
         padding        : 15px 5px 15px 10px;
         gap            : 5px;
         justify-content: start;
     }

     .banner-section1 {
         height: 315px;
     }

     .milan-desc .vid1 {
         border-radius  : 20px;
        width        : 100%;
         height         : 152px;
         display        : flex;
         justify-content: center;
         margin-left    : auto;
         margin-right   : auto;
     }

     .milan-desc .vid2 {
         border-radius  : 20px;
         width          : 289px;
         height         : 144px;
         margin-top     : 20px;
         display        : flex;
         justify-content: center;
         margin-left    : auto;
         margin-right   : auto;
     }

     .milan-desc .vid3 {
         border-radius  : 20px;
         width          : 289px;
         height         : 144px;
         margin-top     : 20px;
         display        : flex;
         justify-content: center;
         margin-left    : auto;
         margin-right   : auto;
     }

 }