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

@media only screen and (max-width: 1366.9px) {
    .bottom-header .navbar-nav {
        gap: 15px;
    }

    .input-group input {
        max-width: 167px;
    }
}

@media only screen and (max-width: 1199.9px) {
    .input-group input {
        max-width: 80%;
    }

    .acknowledge-inner {
        max-width: 60%;
    }

    .mobile-btn {
        display: block;
        padding: 8px 0;
    }

    .mobile-hide {
        display: none;
    }

  

    .offcanvas>ul {
        padding: 30px;
    }

    .dropdown-menu.show {
        position: absolute;
    }

    .bottom-header .navbar-nav {
        gap: 10px;
    }

    .bottom-header .dropdown-menu.show li a {
        white-space: normal;
    }

    .bottom-header .dropdown-menu.show {
        max-height: 250px;
        overflow-y: auto;
        left: 0;
    }

    .search-btn {
        height: 100%;
    }

    .bottom-header .nav-item a {
        padding: 8px 10px;
    }

}

@media only screen and (max-width: 1024px) {
    .home-event-list::-webkit-scrollbar {
        width: 4px;
    }
    
    .custom-drop-toggle.dropdown .dropdown-menu {
        transition: none;
    }
    .footer-nav ul li{
        font-size: 13px;
        padding-right: 13px;
    }
  
    /* .dashboard-content{
        width: 100%;
    } */
    .department-slider {
        max-width: 85%;
    }

    .gallery-item {
        height: 243px;
    }

    .heading1 {
        font-size: 30px;
    }

    .slider-right img {
        max-width: 100%;
        min-height: auto;
        border: 4px solid #fff;
    }

    .fs-40 {
        font-size: 26px;
    }

    .about-content h3 {
        font-size: 22px;
    }

    .about-left {
        max-width: 80%;
        margin: auto;
    }

    .fs-48 {
        font-size: 40px;
    }

    .counter-content p {
        font-size: 16px;
    }

    .counter-icon img {
        max-width: 52px;
    }

    .counter-wrap {
        gap: 20px;
        padding: 20px;
    }

    .link-text,
    .custom-label,
    .edit-form,
    .auth-form p,
    .footer-bottom,
    .footer-ul li a {
        font-size: 14px;
    }

    .banner-slider .slick-arrow,
    .slick-prev,
    .slick-next {
        width: 45px;
        min-width: 45px;
        height: 45px;
    }

    .banner-slider .slick-prev,
    .banner-slider .slick-next {
        background-size: 15px;
    }

    .slider-slide {
        padding: 100px 0;
    }

    .cluster-grid {
        gap: 17px;
    }

    .heading2 {
        font-size: 28px;
    }

    .common-table td,.common-table th{
        white-space: nowrap;
    }
    .footer-top {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 992px) {
    .verify-btn .send_email_otp, .verify-btn .send_mobile_otp {
        padding: 7px 12px !important;
    }
    .home-event-list p,.home-event-list span {
        font-size: 13px;
    }
    .custom-select {
        background-size: 12px;
    }
    .approved-cluster{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .pagination .page-item, .pagination .page-link {
        font-size: 13px;
    }
    .pagination {
        gap: 10px;
    }
    .pagination .page-link {
        padding: 8px 13px;
    }
    .about-right img{
        max-width: 70%;
    }
    .dashboard-sidebar .nav-link{
        font-size: 14px;
    }
    .profile-right {
        width: 100%;
    }
    .canvas-close-btn {
        display: block;
    }
    .dashboard-profile {
        flex-direction: column;
        gap: 26px;
    }
    .slider-slide {
        padding: 50px 0;
    }

    .gallery-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .count-grid {
        display: grid;
        gap: 28px;
        grid-template-columns: 1fr 1fr;
    }

    .heading4 {
        font-size: 20px;
    }

    .cluster-grid {
        grid-template-columns: 1fr 1fr;
        gap: 17px;
    }

    .cluster-item a {
        padding: 18px 14px;
        gap: 12px
    }

    .cluster-item h6 {
        font-size: 14px;
    }

    .slider-left p {
        font-size: 16px;
        padding: 20px 0 40px 0;
    }

    .section-p {
        padding: 50px 20px;
    }

    .edit-form {
        /* position: relative; */
        right: 10%;
    }

    .address-left ul {
        /* flex-direction: column; */
        font-size: 13px;
    }

    .bottom-header .nav-item a,
    .theme-btn,
    .dashboard-content p,
    .cluster-product li {
        font-size: 14px;
    }

    .input-group {
        flex-wrap: nowrap;
    }

    .footer-widget {
        margin-bottom: 30px;
    }


    .acknowledge-inner {
        padding: 20px;
        max-width: 100%;
    }

    .dashboard-content {
        width: 100%;
    }


    .dashboard-wrap {
        flex-direction: column;
       
    }
    .events-outer {
      gap: 30px;
    }
    .dashboard-sidebar {
        padding: 13px 8px;
        max-width: 56px;
        display: block;
    }

    .dashboard-sidebar .offcanvas {
        padding: 30px 20px;
    }

    .dashboard-img label {
        justify-content: start;
        align-items: start;
        /* margin-bottom: 30px; */
    }

    .objection-date {
        margin-bottom: 20px;
    }

    .sub-head {
        color: var(--secondary-color);
        font-weight: 600;
        font-size: 17px;
        margin-bottom: 15px;
    }

    .advantage-right {
        padding-top: 40px;
    }

    .advantage-left img {
        max-width: 60%;
        margin-top: 100px;

    }

    .heading2 {
        font-size: 25px;
    }
    .common-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px 24px;
    }
    .cluster-gallery{
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
    .video-gallery {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .cluster-video video {
      max-width: 100%;
    }
    .heading3 {
        font-size: 22px;
    }
    .cluster-tabs ul {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .map-item h6 {
        font-size: 14px;
    }
    .map-item img {
        max-width: 24px;
    }
}

@media only screen and (max-width: 767.99px) {
    .cluster-item img {
        max-width: 28px;
    }
    .dept-grid {
        grid-template-columns: auto auto auto;
    }
    .cluster-tabs .nav-pills .nav-link {
        padding: 15px;
    }
    .cluster-tabs ul {
        grid-template-columns: 1fr 1fr ;
        gap: 10px;
    }
    .cluster-tabs{
        padding: 30px 15px;
    }
    .toggle-btn svg {
        max-width: 16px;
    }
    .dashboard-sidebar {
        padding: 8px 5px;
        max-width: 48px;
        display: block;
    }
    .cluster-gallery{
        grid-template-columns: 1fr 1fr ;
        grid-gap: 20px;
    }
   
    .approved-cluster{
        display: grid;
        grid-template-columns: 1fr 1fr  ;
        grid-gap: 13px;
    }
    .breadcrumb-wrap h2 {
        font-size: 30px;
        margin-bottom: 12px;
    }
    .counter-wrap {
        gap: 16px;
        padding: 27px 18px;
    }

    .counter-icon img {
        max-width: 27px;
    }

    .gallery-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }

    .gallery-item {
        height: 135px;
    }



    .fs-48 {
        font-size: 30px;
    }



    .cluster-main {
        background-image: none;
    }

    .about-content h3 {
        font-size: 20px;
    }

    .about-list li {
        gap: 15px;
    }

    .about-icon img {
        max-width: 30px;
    }

    .defalut-paragraph {
        font-size: 14px;
    }



    .offcanvas>ul {
        padding: 20px;
    }

    .auth-form {
        max-width: calc(100% - 40px);
        margin: 20px auto auto auto;
        padding: 30px 20px;
    }

    .theme-btn,
    .step-form-btns,
    .auth-wrap .theme-btn {
        font-size: 13px;
        padding: 10px 16px;
    }

    .custom-select,
    .custom-radio,
    .custom-input,
    .custom-input::placeholder,
    .custom-upload {
        font-size: 14px;
    }


    .form-link,
    .connect-list h5,
    .heading6,
    .footer-head {
        font-size: 16px;
    }

    .connect-list {
        gap: 15px;
    }

    .form-link,
    .connect-list {
        margin-top: 20px;
    }

    .auth-form h3 {
        margin-top: 25px;
    }

    .auth-form h3 {
        font-size: 18px;
    }

    .input-wrap {
        padding: 15px;
    }

    .custom-input {
        padding: 10px;
    }

    .top-logo img {
        max-width: 100%;
    }

    .progress-steps li {
        /* margin-right: 0px; */
        /* margin: auto; */
    }

    .step-btn {
        font-size: 13px;
        padding: 10px 8px;
    }

    .step-head,
    .note-text {
        font-size: 13px;
    }


    /* .heading2 {
        font-size: 28px;
    } */

    .heading4 {
        font-size: 20px;
    }

    .progress-steps li {
        margin-right: 0;
    }

    .step-accordian .accordion-button,
    .edit-form {
        font-size: 13px;
    }

    .edit-form {
        /* position: relative; */
        right: 10%;
    }

    .main-step-wrap .theme-btn {
        padding: 10px 12px;
    }

    /*--header--*/

    .middle-header {
        padding: 10px 0;
    }

    .offcanvas.offcanvas-start {
        max-width: 80%;
    }

    .header-search {
        padding: 11px 11px 11px 42px;
        font-size: 13px;
    }

    .news-letter-ul {
        flex-direction: column;
    }

    .footer-bootom-ul {
        justify-content: center;
        margin-top: 10px;
    }

    .social-ul {
        margin: 16px 0;
    }

    .track-wrap input {
        padding: 10px 15px;
    }

    .dashboard-content h5 {
        font-size: 16px;
        margin-bottom: 6px;
    }
  
    /* .main-head{
        display: none;
    }
    .dashboard-sidebar{
        width: auto;
    } */


    /* .dashboard-wrap{
        flex-direction: column;
    } */
    /* .dashboard-sidebar .nav-pills{
        flex-direction: row !important;
        justify-content: space-around !important;
    } */
    /* .dashboard-sidebar .nav-link{
        width: auto;
        padding: 5px 8px;
    } */
    /*    
    .dashboard-wrap{
        gap: 12px;
    }
    .dashboard-icon svg{
        max-width: 13px;
    } */
    .dashboard-img .img-span img {
        width: 90px;
        height: 90px;
    }

    .event-date {
        padding: 6px 10px;
        font-size: 13px;
        margin-top: 7px;
    }

    .event-list {
        margin-top: 13px;
    }

    .event-wrap .col-lg-4 {
        border-right: none;
    }

    .department-slider .slick-arrow,
    .department-slider .slick-prev,
    .slick-next {
        width: 30px;
        min-width: 30px;
        height: 36px;
    }

    .department-slider .slick-next,
    .department-slider .slick-prev {
        background-size: 7px;
    }

    .event-no-img {
        padding-left: 0px;
    }

    .advantage-right p {
        font-size: 14px;
    }

    .advantage-left {
        padding-top: 0px;
    }

    .advantage-right {
        padding-top: 30px;
    }

    .advantages-wrap {
        background-color: #1E327E;
        background-image: none;
    }

    .advantage-left img {
        margin-top: 0;
    }

    .over-img {
        display: none;
    }

    .advantage-right ul li {
        display: flex;
        gap: 14px;
        margin-top: 10px;
    }

    .advantage-right .adv-icon,
    .advantage-right .adv-icon img {
        max-width: 19px;
    }
    .breadcrumb-wrap li {
        font-size: 14px;
    }
    .section-heading {
        font-size: 24px;
        padding-bottom: 14px;
    }
    .breadcrumb-wrap {
        padding: 2rem 0;
    }
    .cluster-footer a ,.schedule-text,.schedule-list li:last-child a{
        font-size: 13px;
    }
    .gallery-date {
        font-size: 13px;
    }
    .inner-event-list > li {
        flex-direction: column;
        gap: 20px;
    }
    .inner-event-details,.main-event-img {
        width: 100%;
    }
    .main-event-img img {
        width: 100%;
        max-width: 100%;
        border-radius: 7px;
    }
    .heading3 {
        font-size: 22px;
    }
    .event-view-img img { 
        height: 160px;
    }
    .notifications-list li p {
        font-size: 14px;
    }
    .notifications-list li {
        padding: 18px;
        margin-bottom: 15px;
        align-items: start;
    }
    .notifications-list li img {
        max-width: 20px;
    }
    .address-grid-item p {
        font-size: 14px;
    }
    .info-card .card-body {
        padding: 20px 15px;
    }
    .info-card .card-header h5 {
        font-size: 14px;
    }
    .address-grid-item h5 {
        font-size: 16px;
    }
    .info-card .card-header {
        padding: 15px;
    }
    .back-link {
        font-size: 14px;
    }
    .video-des {
        font-size: 14px;
    }
    .counter-content h2 {
        font-size: 18px;
    }
    .footer-nav ul {
        gap: 13px;
        justify-content: center;
    }
    .footer-nav ul a{
        font-size: 13px;
    }
    .bottom-header .navbar-nav {
        gap: 5px;
    }
}

@media only screen and (max-width: 575px) {
    .dept-grid {
        grid-template-columns: auto auto;
    }
    .video-gallery {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .figure-caption {
        font-size: 14px;
    }
    .video-des {
        font-size: 13px;
    }
    .cluster-gallery {
        grid-gap: 10px;
    }
    .approved-cluster{
        grid-template-columns: 1fr;
    }
    .section-heading {
        font-size: 20px;
        padding-bottom: 14px;
    }
    .breadcrumb-wrap h2 {
        font-size: 24px;
        margin-bottom: 6px;
    }
    .about-content h3 {
        font-size: 18px;
    }

    .gallery-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .defalut-paragraph {
        font-size: 13px;
    }

    .event-img {
        min-width: 84px;
        width: 84px;
        height: 80px;
    }

    .count-grid {
        gap: 15px;
    }

    .counter-icon img {
        max-width: 35px;
    }

    .counter-content p {
        font-size: 14px;
    }

    .fs-48 {
        font-size: 24px;
    }

    .counter-wrap {
        justify-content: center;
        flex-direction: column;
        text-align: center;
        gap: 14px;
        padding: 18px 14px;
        margin: 0;
    }

    .mini-cluster-wrap {
        padding: 50px 20px;
    }

    .heading1 {
        font-size: 24px;
    }

    .slider-left p {
        font-size: 14px;
        padding: 15px 0 25px 0;
    }

    .banner-slider .slick-arrow,
    .slick-prev,
    .slick-next {
        width: 32px;
        min-width: 32px;
        height: 32px;
    }

    .banner-slider .slick-prev,
    .banner-slider .slick-next {
        background-size: 11px !important;
    }

    .progress-steps {
        /* flex-direction: column; */
        gap: 0px;
        margin-top: 25px;
    }

    .step-btn {
        padding: 8px;
        font-size: 12px;
    }

    .step-status-badge,
    .step-head {
        font-size: 12px;
    }

    .progress-steps {
        margin: 25px 0;
        /* overflow-x: auto; */
    }

    .edit-form {

        white-space: nowrap;
        margin-right: 10px;
        margin-left: auto;
    }

    .step-accordian .accordion-button span {
        max-width: 130px;
    }

    .logo img {
        max-width: 252px;
    }

    .msme-logo {
        max-width: 50px;
    }

    .top-address-bar,
    .bottom-header {
        padding: 0;
    }

    .address-left li a {
        padding: 9px 6px;
        font-size: 12px;
        border: 0;
    }

    .header-search {
        max-width: 70%;
    }

    .middle-header-ul {
        gap: 10px;
    }

    .heading2 {
        font-size: 22px;
    }

    .bottom-header .nav-item a,
    .theme-btn,
    .acknowledge-wrap table th,
    .acknowledge-wrap table td {
        font-size: 13px;
    }

    .search-btn svg {
        max-width: 14px;
    }

    .acknowledge-wrap table th {
        padding: 11px 18px;
    }

    .acknowledge-inner {
        padding: 20px 0;
    }

    /* .dashboard-sidebar .nav-link {
        padding: 10px 14px;
    } */

    .status-table th,
    .status-table td,
    .status-table .theme-btn {
        font-size: 13px;
    }

    .dashboard-head {
        margin-bottom: 15px;
    }

    .address-grid {
        grid-template-columns: 1fr;
       gap: 15px;
    }
    .heading3 {
        font-size: 18px;
    }
    .heading4 {
        font-size: 17px;
    }
    /* .progress-steps {

    gap: 0;

}
.progress-steps li {
    width: 100%;
    flex: 1;
    margin-right: 0px;
}
.progress-steps li a {
    display: grid;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    position: relative;
    grid-template-columns: 66px auto;
}

button.step-btn {
    clip-path: polygon(100% 0%, 100% 90%, 50% 100%, 50% 100%, 0% 90%, 0% 0%);
    height: 100%;
    max-width: 45px;
    white-space: nowrap;
    font-size: 9px;
}
.right-div{
    min-height: 100px;
}
.step-head,.step-status-badge{
    display:block ;
    text-align: left;
}
.step-btn {
    background-color: #E7F8FC;
    color: var(--primary-color);
    padding: 12px 0;
    font-weight: 600;
    font-size: 14px;
   
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
} */
}

@media only screen and (max-width: 475px) {
    .connect-list {
        flex-direction: column;
    }
}

@media screen and (min-width: 769px) {
    .dropend:hover>.dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }

    .dropend .dropdown-toggle {
        margin-left: 0.5em;
    }
}