@charset "utf-8";

/* CSS Document */


/*---For Laptop---*/

@media (max-width: 1800px) {}

@media (max-width: 1600px) {}

/*---For Laptop---*/

@media (min-width: 1200px) and (max-width: 1600px) {}

@media (min-width: 1300px) {}

/*---For Horizental iPad---*/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1444px) {}

@media(max-width: 1199px) {
    .desktop-menu {
        display: none;
    }

    .mobile-header {
        display: flex;
        align-items: center;
        padding: 12px 0;
    }

    .main-header {
        padding: 0;
    }

    .fixed-header .mobile-header {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        background: #000;
        border-bottom: 2px solid #0C225E;
        transition: 0.3s;
        padding: 12px;
    }
    .mobile-header .btn-whatsapp{
        margin: auto;
    }
    .mobile-header .btn-whatsapp i{
        color: #128c7e;
    font-size: 30px;
    background: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-weight: 600;
}
    }
    .fixed-header .sticky-header {
        display: none;
    }

    .nav-outer .mobile-nav-toggler {
        font-size: 25px;
        display: block;
    }
}


/*---For Vertical iPad---*/

@media (min-width: 768px) and (max-width: 991px) {
    .appointment-area .col-md-8 {
        width: 100%;
    }
    .faq-section .faq-side-content{
        padding: 8px;
    }
    .faq-section .btn-page{
        padding: 10px 15px;
    }
    .faq-section .faq-side-content h4 {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .our-features .features-list .card-features{
        max-width: 100%;
    }
    
}

/*---For Mobile---*/

@media (max-width: 767px) {
    .widget_popular_post {
        margin-left: 0px;
    }
    .content-grid .content-body .main-heading,
    .content-grid .content-body h3 {
        font-size: 24px;
    }

    .home-banner .banner-area .banner-content h1,
    .home-banner .banner-area .banner-content h2 {
        font-size: 26px;
    }
    .page-banner .content-banner h1{
        font-size: 26px;        
    }
    .page-title .title {
        font-size: 24px;
    }

    .our-events::before {
        width: auto;
    }

    .services-section .box-btn {
        flex-wrap: wrap;
        text-align: center;
        gap: 10px;
        border-radius: 5px;
    }
    .appointment-area .contact-form{
        padding: 20px 15px;
    }

    .services-section .box-btn a {
        margin: auto;
    }

    .appointment-area .contact-details {
        flex-wrap: wrap;
        gap: 10px;
    }

    .appointment-area .or-box {
        display: none !important;
    }
    .sponsors-section .sponsors-grid {
        gap: 14px;
    }
    .sponsors-section .sponsors-grid .sponsors-card {
        width: 21%;
    }
    .sponsors-section .sponsors-grid .sponsors-card img{
        height: auto;
    }
    .footer-section .footer-bottom .contact-details ul li {
        margin: 0;
        padding-left: 40px;
    }
    .facilities-section .filter-group {
        display: none;
    }
.faq-section .accordion-faq{
    margin-top: 10px;
}
    .appointment-area {

        padding: 50px 0px 20px;
    }

    .our-features .features-list {
        padding-top: 20px;
    }

    .our-features .features-list .card-features {
        display: block;
    }

    .our-features .features-list .card-features .icon {
        margin:0 auto 15px;
    }

    .our-features .features-list .card-features .content {
        width: calc(100% - 0px);
        padding-left: 0px;
        text-align: center;

    }
    .footer-section .footer-bottom{
        padding: 30px 0 60px;
    }
    .footer-section .footer-bottom .contact-details ul {
        flex-wrap: wrap;
        justify-content: start;
        gap: 10px;
        margin-bottom: 15px;
    }

    .footer-section .footer-bottom .contact-details ul li i {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .footer-section .footer-bottom p {
        text-align: center;
    }

    .btn-page {
        padding: 10px 30px;
    }

    /* ..........about page.................... */
    .ourmission-section .content-body {
        padding-top: 20px;
    }
    .our-mission .content-body{
margin-top: 20px;
    }
    .about-section .btn-group {
        margin-bottom: 20px;
    }
    /* ..............event page.......... */
    .tabing-section .nav-list {
    display: none;
    }
    .tabing-section .tab-content>.tab-pane{
        display: block;
        opacity: 1;    
    }
    .our-events .event-item .event-content{
        opacity: 1;
    }
    .tabing-section .nav-list .nav-link.active::before, .tabing-section .nav-list .nav-link.active::after {
        display: none;
    }
    .tabing-section .nav-list .nav-link::before {
        display: none;
    }
    .tabing-section .nav-list .nav-link::after {
        display: none;
    }
    .facilities-banquet .content-body ul{
        column-count: 1 !important;
    }
    .home-banner .banner-area .banner-content .btn-group {
        gap: 10px;
    }
    .connect-with.content-grid{
        padding:50px 0;
    }
    .our-events{
        padding: 50px 0;
    }
    .content-grid{
        padding: 50px 0;
    }
    .services-section{
        padding: 50px 0;
    }
    .our-features .features-list .card-features h4 {
        font-size: 18px;
    }
    .whyjoin-section{
        padding: 50px 0;
    }
    .testimonial-section{
        padding: 50px 0;
    }
    .article-blogs{
        padding: 50px 0;
    }
    .facilities-section .gallery_product .card a{
        height: 100%;
    }
    .facilities-section .gallery_product .card img{
        height: 100%;
    }
    .facilities-section{
        padding: 50px 0;
    }
    .banner-title{
        padding: 50px 0;
    }
    .banner-title .content-box .title{
        font-size: 26px;
    }
    .mobile-header .logo img{
        max-height:40px;
    }
    .call-action h3{
        font-size: 26px;
    }
    .page-banner{
        min-height: auto;
    }
    .fixed-home-banner{
        padding: 40px 0;
    }
    .fixed-home-banner .logo-niceevent h3{
        font-size:26px;
    }
}

@media (max-width: 575px) {
    .m-footer {
        display: flex;
    }
    .m-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--primary-color);
        width: 100%;
        z-index: 999;
        padding: 0;
        height: 50px;
        align-items: center;
        padding: 5px 0;
        border-top: 2px solid #fff;
    }
    .m-footer .hgf5d3 {
        border-right: 1px solid #ddd;
    }
    .m-footer .col:last-child{
        border:0;
    }
    .m-footer a {
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
    }
    .m-footer .fa-whatsapp {
        font-size: 18px;
    }
    .popup-header {
        display: none;
    }
    .pop-up-stats{
        display: none;
    }
    .modal .modal-body hr {
    display: none;
    }
    .modal.modal-appointment .modal-header {
        right: 20px;
        top: 8px;
z-index: 999999;
    }
    .modal-dialog {
        max-width: 360px;
    }  
    .footer-section .footer-content .follow-us ul li a{
        width: 30px;
        height:30px;
    
    }
    .about-section .btn-group{
        flex-wrap: wrap;
    }
    .btn-whatsapp-pulse{
        display: none;
    }
    .btn-whatsapp-pulse.banuet-hall-whatsapp{
        display: none;
    }
    .fixed-home-banner .event-logo p{
        line-height: 1.4;
    }
}

@media (max-width: 414px) {}

@media (max-width: 411px) {}

@media (max-width: 375px) {}

@media (max-width: 360px) {}

@media (max-width: 320px) {}