@media (max-width: 1700px){
    .banner .content {
        margin-bottom: 108px;
    }
}
@media (max-width: 1500px){
    .banner .col-lg-4{
        justify-content: start !important;
    }
}
@media (min-width: 1400px) {
  .main-banner .container, .main-banner .container-lg, .main-banner .container-md, .main-banner .container-sm,.main-banner .container-xl, .main-banner .container-xxl,
  header .container, header .container-lg, header .container-md, header .container-sm,header .container-xl, header .container-xxl,
   .top-bar .container, .top-bar .container-lg, .top-bar .container-md, .top-bar .container-sm,.top-bar .container-xl, .top-bar .container-xxl {
      max-width: 1440px;
  }
}
@media (max-width: 1400px){
    #menu ul li a{
        font-size: 12px;
    }
    #menu ul{
        gap: 15px;
    }
    .banner h3{
        font-size: 32px;
    }
    .banner h5{
        font-size: 23px;
    }
    .banner p{
        font-size: 16px;
    }
    .side-events .events-sec .event-box .left,.event-box .left {
        width: 90px;
        height: 90px;
        min-width: 90px;
    }
    .side-events .events-sec .event-box,.event-box {
        gap: 15px;
        padding: 24px 0;
    }
    .banner h1{
        font-size: 45px;
    }
    .banner {
        min-height: 693px;
        padding: 40px 0;
    }
    .banner .side-events{
        padding-left: 20px;
    }
      .event-slider h2{
        font-size: 40px;
    }
    .event-slider p{
        font-size: 16px;
    }
    .event-slider .slide-item {
        padding: 0 10px;
    }
    .event-slider .slide-item img{
        height: 421px;
        object-fit: cover;
    }
    .event-slider .arrows-div,
    .event-slider-main .slick-dots {
        width: 670px;
    }
    .testimonials-sec h3{
        font-size: 40px;
    }
    .testimonials-sec .slider-item .test-inner > p{
        font-size: 16px;
        line-height: 33px;
    }
    .testimonials-sec .slider-item .test-inner{
        gap: 30px;
        max-width: 500px;
    }
    .testimonials-sec .slick-dots{
        max-width: 500px;
    }
    .testimonials-sec .logo-box{
        margin: 30px 0;
    }
    .testimonials-sec::after{
        display: none;
    }
    /* Gap between slick slides */
    .testimonials-slider .slick-slide {
    margin: 0 10px; /* horizontal gap */
    }

    /* Prevent overflow due to margin */
    .testimonials-slider .slick-list {
    margin: 0 -10px;
    }
    .testimonials-slider{
        margin: 50px 0;
    }
    .testimonials-sec .slick-dots{
        max-width: 100% !important;
        margin-top: 40px;
    }
    .blog-box .content h4{
        font-size: 22px;
    }
    .team-card .text h6 {
        font-size: 17px;
    }
  .event-sec .heading h1,.event-sec .heading h2{font-size: 44px;}
  .event-sec .heading {padding-bottom: 20px;}
  .main-slider .detail-slider .slick-arrow.slick-prev {left: -47px;}
  .main-slider .detail-slider .slick-arrow.slick-next {right: -47px;}
  .event-box .right h5 {
    font-size: 16px;
}

}
@media (max-width:1199px) {
   header {position: relative;top: 0;left: 0;width: 100%; z-index: inherit;padding: 10px 0;}
  .topbar { width:100%; position:relative;z-index: 999;background-color: #fff;} 
  .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
  .topbar .logo img{width: 100%;margin:4px 0 10px 0;max-width: 250px;}
  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: #000;}
  .topbar.sticky{margin:0;background-color: #fff; position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
      -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 10px; 
   box-shadow:rgb(155, 153, 153) 0 0 10px;background: #fff; padding: 12px 0;}
  /* .topbar.sticky .logo img{width: 120px;} */
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
      margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a i.user { font-size: 34px;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {text-align: end;padding: 0;}
  .menu_close i {font-size:20px; color: #fff;}
  .menu_close img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(43deg) brightness(110%) contrast(95%);}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background: #D50324; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh;}
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
  .mobile_menu_wrap ul.main_menu li{color: #fff;border-bottom: 1px solid #ffffff7e;}
  .main_menu li.active a{color:var(--text-color);font-weight: bold;}
  .main_menu li a:hover,.topbar .top-links a:hover{color:var(--text-color);}
  .mobile_menu_wrap ul.main_menu li a {font-size:20px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block; padding:20px 0;width: 100%; color: #fff ;}
  .mobile_menu_wrap ul li.hassub { padding:0 0px 0 15px;position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;font-size: 18px;padding: 19px 20px;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;       background:var(--bg-color); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #868585;left: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
  .top-bar a{font-size: 14px;}
  .banner::before {
        content: "";
        width: 43%;
    }
    .banner::after,
    .banner {
        clip-path: polygon(100% 0, 100% 100%, 57% 100%, 0 90%, 0 0);
    }
    .banner h1 {
        font-size: 32px;
    }
    .banner .content{
        margin: auto;
    }
    .side-events .btn-bottom{
        font-size: 23px;
        gap: 10px;
    }
    .inner-sec .image img {
        width: 100%;
        min-height: 524px;
    }
    .inner-sec .image {
        padding: 20px;
    }
    .inner-sec .image span {
        width: calc(100% - 55px);
        height: calc(100% - 55px);
    }
    .inner-sec .row .col-lg-6 {
        padding: 30px;
        padding-left: 10px;
    }
    .event-slider{
        padding: 50px 0;
    }
    .event-slider h2 {
        font-size: 32px;
    }
    .event-slider p {
        font-size: 14px;
        line-height: 27px;
    }
    .event-slider .slide-item img {
        height: 324px !important;
        object-fit: cover;
    }
    .event-slider h3 {
        font-size: 30px;
        max-width: 255px;
    }
    .event-slider .row{
        padding: 20px 0 !important;
    }
    .event-slider .content p {
        width: 225px;
    }
    .event-slider-main .slick-dots {
        margin-top: 34px;
    }
    .event-slider .arrows-div, .event-slider-main .slick-dots {
        width: 100%;
    }
    .slick-active .content{
        opacity: 1 !important;
    }
    .event-card .text h3{font-size: 28px;}
    .event-card .text p{margin-bottom: 11px;}
    .event-card .text .title{font-size: 20px;padding: 0 20px 6px 0;margin-bottom: 11px;}
    .event-card .text h4{font-size: 20px;margin-bottom: 11px;line-height: 26px;}
    .event-card .text .date {margin-bottom: 11px;}
    .event-card .text .type{margin-bottom: 11px;}
    .event-card .text ul {margin-bottom: 9px;}
    .event-card .text .inner-btn {margin-top: 12px;}
    .event-sec .nav-pills .nav-link {font-size: 18px;}

    .event-detail-sec h1{font-size: 28px;}
    .event-detail-sec p{margin-bottom: 11px;}
    .event-detail-sec .title{font-size: 20px;padding: 0 20px 6px 0;margin-bottom: 11px;}
    .event-detail-sec h4{font-size: 20px;margin-bottom: 11px;line-height: 26px;}
    .event-detail-sec .date {margin-bottom: 11px;}
    .event-detail-sec .type {margin-bottom: 11px;}
    .event-detail-sec ul {margin-bottom: 9px;}
    .main-slider .detail-slider {max-width: 365px;}

}
@media (max-width:1024px) {
   
}
@media(max-width:991px){
    h2,.text-sec h1{
        font-size: 35px;
    }
    p{
        font-weight: 400;
    }
    .top-bar {
        background: #022F61;
    }
    .top-bar .row > .col-lg-6:nth-child(1){
        display: none !important;
    }
    .top-bar .top-right{
        width: 100%;
        justify-content: space-between !important;
    }
    .banner::after,
    .banner {
        clip-path: none;
    }
    .banner::before {
        content: "";
        width: 100%;
        height: 100%;
        top: auto;
        bottom: 0;
        background: #ffffff7a;
        backdrop-filter: blur(7px);
    }
    .banner .side-events{
        padding: 0;
        width: 100%;
        margin-top: 20px;
    }
    .banner h3,
    .banner p,
    .banner h5{
        color: #fff !important;
    }
    .side-events .events-sec .event-box ,.event-box{
        border-bottom: 1px solid #ffffff62;
    }
    .side-events .btn-bottom i,
    .side-events .btn-bottom{
        color: #ffffff;
    }
    .banner{
        padding: 40px 20px;
    }
    .inner-sec .image {
        padding: 23px;
        width: 100%;
    }
    .inner-sec .row {
        background: linear-gradient(to bottom, #022F61 0% 35%, #ffffff 35% 100%);
        border: 1px solid #23232333;
        border-right: 1px solid #23232333;
        border-bottom: none;
    }
    .inner-sec .image img {
        max-height: 400px;
        min-height: 400px !important;
    }
    .inner-sec .row .col-lg-6 {
        padding: 20px;
        padding-left: 20px;
        border-right: none;
        border-bottom: 1px solid #23232333;
    }
    .heading h3{
        font-size: 45px !important;
    }
    .contact::after{
        display: none;
    }
    .contact form{
        background-color: #022F61;
        max-width: 100% !important;
    }
    footer .container .row .col-lg-4:nth-child(2){
        border-right: none;
        padding-left: 20px;
    }
    footer .container .row:nth-child(1) {
        padding-top: 20px;
    }
    footer .container .row:nth-child(1) {
        padding-top: 0px;
        border-top: none;
    }
    footer{
        padding-top: 0;
    }
    .inner-banner .text-box{position: relative;padding: 20px;}
    .inner-banner .text-box::before{content: "";position: absolute; top:0;left:0;width: 100%;height: 100%; background: #ffffff7a;backdrop-filter: blur(7px);z-index: 2;border-left: 3px solid var(--color-secondary);}
    .inner-banner .text-box .md-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
    .inner-banner .text-box .md-bg img{max-width: 100%;width: 100%;height: 100%;}
    .inner-banner .text-box .text{z-index: 3;max-width: none;padding: 0;}
    .padding-control{padding: 40px 0;}
    .padding-control.pt-none{padding-top: 0;}
    .inner-banner .text-box h1 {font-size: 27px;line-height: 34px;margin-bottom: 9px;}
    .blue-starp{background: linear-gradient(to bottom, transparent 34%, #002F66 32%, #002F66 74%, transparent 72%);}
    .text-sec h3{font-size: 25px !important;}
    .event-sec .heading h1, .event-sec .heading h2{font-size: 38px;}
    .event-sec .heading {margin-bottom: 30px;}
    .event-sec .nav-fill .nav-item {width: 50%;}
    .event-card> .row{row-gap: 20px;}
    .event-card .text h3 ,.event-detail-sec h3{font-size: 26px;}
    .event-sec .nav-fill .nav-item {height: 48px;}
    .event-sec .switch-tab .tab-content, .event-sec .main-box {padding: 12px;}
    .main-slider .detail-slider {max-width: 400px;width: 90%;}
    .main-slider .detail-slider .slick-arrow.slick-prev {left: -67px;}
    .main-slider .detail-slider .slick-arrow.slick-next {right: -67px;}
    .main-slider{margin-bottom: 20px;}
    .agenda-sec .heading {margin-bottom: 22px;}
    .content_info {    padding: 28px;    min-height: 404px;    background: white;}
    .data_card .rightbar::before {  left: 11px; height: 22px; width: 97%;   background: linear-gradient(-179deg, rgba(213, 3, 36, 1) 0%, rgba(213, 3, 36, 1) 48%, rgb(247 247 247 / 0%) 50%, rgb(247 247 247 / 0%) 100%);}
    .data_card .rightbar .img-box {min-height: unset;}

}
@media (max-width:768px) {
    .top-bar .btn-top{
        display: none !important;
    }
    .banner h1 {
        font-size: 28px;
    }
    .section{
        padding: 50px 0;
    }
    .event-slider .slide-item img {
        height: 252px !important;
    }
    .event-slider-main .slick-dots{
        margin-top: 0;
    }
    .event-slider .content {
        margin-top: 12px;
    }
    .event-slider .content {
        flex-direction: column;
    }
    .event-slider h3,
    .event-slider .content p{
        width: 100% !important;
        max-width: 100%;
    }
    .event-slider .arrows-div,
    .event-slider-main .slick-dots {
        width: 100%;
        transform: translateY(0px);
        margin: 10px 0;
    }
    .event-slider-main{
        width: 100%;
    }
    .event-slider .row{
        padding: 10px 0 !important;
    }
    .heading h3{
        font-size: 40px !important;
    }
    h3{
        font-size: 32px !important;
    }
    .testimonials-sec .logo-box span img {
        width: 90%;
    }
    .testimonials-sec .logo-box span {
        height: 86px;
    }
    .testimonials-sec h3{
        text-align: center;
    }
    .contact .content-box h5{
        font-size: 22px;
    }
    .contact .content-box p{
        font-size: 14px;
    }
    .contact form textarea, .contact form input {
        padding: 16px 0;
    }
    .contact .icon-box{
        width: 74px;
        height: 74px;
        min-width: 74px;
    }
    .contact form{
        padding: 20px;
    }
    footer .container .row .col-lg-4{
        padding-left: 20px;
    }
    footer h5{
        font-size: 22px;
    }
    footer .container .col-lg-4{
        border-right: none;
    }
    footer .logo img{
        width: 222px;
    }
    .inner-banner .text-box h1 {font-size: 23px;line-height: 29px;margin-bottom: 9px;}
    .card-sec .heading h2 {margin-bottom: 8px;text-transform: uppercase;}
    .card-sec .heading{margin-bottom: 10px;}
    .team-card{max-width: 93%;margin-inline: auto;}
    .login-sec .form-box h1 ,.register-form-sec .register-form-box h2 {font-size: 29px;margin-bottom: 18px;}
    .login-sec .form-box,.register-form-sec .register-form-box{padding: 40px;}
    .event-card .text h3 ,.event-detail-sec h1{font-size: 23px !important;}
    .event-card> .row {row-gap: 15px;}
    .event-sec .switch-tab .tab-content .tab-pane .event-card, .event-sec .main-box .event-card {margin-bottom: 28px;}
    .event-sec .heading h1, .event-sec .heading h2 {font-size: 33px;}
    .event-sec .nav-pills .nav-link {font-size: 16px;}
    .main-slider .detail-slider .slick-arrow.slick-prev,.main-slider .detail-slider .slick-arrow.slick-next {display: none;}
    .main-slider{padding: 10px 0;}
    .agenda-sec .heading {margin-bottom: 10px;}
    .dash_sec h1{font-size: 42px;}
    .data_card .sidebar {padding: 30px 35px;}
    .data_card .rightbar::before {width: 96%;}
    .partner-slider .slick-slide {
    margin: 0 10px;
    }
    .partner-slider .slick-list {
        margin: 0 -10px;
    }

}
@media (max-width:667px) {
   .dash_sec h1{font-size: 36px;margin-bottom: 30px;}
    .data_card .sidebar h2 {    margin-bottom: 8px;}
}
@media (max-width:580px) {
    
}
@media (max-width:575px) {
    h2,.text-sec h1{
        font-size: 30px;
    }
    p{
        font-size: 14px;
        line-height: 27px;
    }
    .top-bar{
        display: none !important;
    }
    .banner h1 {
        font-size: 20px;
    }
    .banner h3 {
        font-size: 23px;
    }
    .side-events .events-sec .event-box .left ,.event-box .left {
        width: 70px;
        height: 70px;
        min-width: 70px;
    }
    .banner h5 {
        font-size: 20px;
    }
    .event-box .right p {
        color: var(--color-primary);
        font-weight: 600;
        font-size: 12px;
    }
    .side-events .btn-bottom {
        font-size: 20px;
    }
    .inner-sec .image img {
        max-height: 300px;
        min-height: 300px !important;
    }
    .btn {
        padding: 0px 31px;
        height: 50px;
        min-width: 190px;
        font-size: 14px;
    }
    .heading h3 {
        font-size: 27px !important;
    }
    .faq-sec .heading{
        margin-bottom: 18px;
    }
    .faq-sec .accordion-item, .faq-sec .accordion-item button{
        font-size: 16px;
    }
    .blue-strap{background: transparent;}
    .text-sec h3 {font-size: 20px !important;}
    .login-sec .form-box,.register-form-sec .register-form-box{padding: 30px;}
    .login-sec .form-box h1 ,.register-form-sec .register-form-box h2 {font-size: 24px;margin-bottom: 15px;}
    .login-sec .form-box form .form-control,.register-form-sec .register-form-box form .form-control{height: 40px;}
    .login-sec .form-box form .pass-box .toggle-password{top: 18%;}
    .event-card{padding: 15px;}
    .event-sec .heading {margin-bottom: 18px;}
    .event-sec .heading {padding-bottom: 13px;}
    .event-sec .heading h1, .event-sec .heading h2 {font-size: 27px;}
    .event-card .text h3{font-size: 18px !important;}
    .event-card .text p{font-size: 14px;line-height: 21px;}
    .event-card .text .title,.event-card .text h4{font-size: 17px;line-height: 19px;}
    .event-card .text ul{grid-template-columns: repeat(1,1fr);}
    .event-card .text .type {margin-bottom: 3px;}
    .event-card .text .mail{font-size: 12px;}
    .event-card .text .mail img {margin-right: 3px;}

    .event-detail-sec h3{font-size: 18px !important;}
    .event-detail-sec p{font-size: 14px;line-height: 21px;}
    .event-detail-sec .title,.event-detail-sec h4{font-size: 17px;line-height: 19px;}
    .event-detail-sec ul{grid-template-columns: repeat(1,1fr);}
    .event-detail-sec .date .time span{font-size: 14px;margin-bottom: 3px;}
    .agenda-sec .heading {margin-bottom: 3px;}
    .agenda-box .head span {font-size: 17px;}
    .agenda-box{padding: 16px;}
    .data_card .rightbar{order: -1;}
    .content_info{border-bottom: 3px solid red;min-height: unset;}
    .data_card .rightbar::before {   content: unset;    }
    .dash_sec h1 {font-size: 30px;}
    .content_info h3{font-size: 24px !important;}
    .content_info .icon-box { width: 50px;  height: 50px;    min-width: 50px;}   
    .content_info .content-box {margin: 10px 0;gap: 12px;}
    .content_info .content-box h5 {font-size: 18px;}
    .content_info .icon-box i {   font-size: 16px;}
    .data_card .rightbar .img-box .content {    transform: translate(0%, 20%);    height: 100%;}
    .data_card .rightbar .img-box .content p{font-size: 16px;font-weight: 500;}
    .content_info .list-group ul li {padding: 7px 0;align-items: center;}
    .content_info .list-group ul li span{font-size: 18px;}
    .content_info .list-group ul li span:nth-last-child(1) {font-size: 16px;}

}
@media (max-width:525px) {
    
}
@media (max-width:500px) {
   
}
@media (max-width:480px) {
    
}
@media (max-width:450px) { 
    
}
@media (max-width:414px) {  
        
}
@media (max-width:400px) {
    
}
@media (max-width:375px) {
   .content_info .list-group ul li span{font-size: 16px;}
}
@media (max-width:360px) {
  
}
@media (min-width: 1400px) {

}