@media only screen and (max-width: 1440px) {
    .container{ max-width: 95%;}
	.blog_slide {padding: 20px 0 60px 0 !important;}
}

@media only screen and (max-width: 1200px) {
    .ham { display: block; z-index: 20;}

    header nav .menu-section .main-menu{ width: 100%; height: 100vh; position: fixed; display: block; background-color: var(--thm-black); left: -120%; top: 0; bottom: 0; padding: 100px 60px; z-index: 5; transition: 0.5s; border-radius: 50px;}
    header nav .menu-section .main-menu.show-menu{ left: 0; top: 0; bottom: 0; border-radius: 20px; }

    header nav .menu-section .main-menu li { margin: 15px 0px;}
    header nav .menu-section .main-menu li a{ width: 100%; font-weight: 600; }
    header.sticky nav .menu-section .main-menu li a{ color: var(--thm-white); font-weight: 600;}
	
    .about-page video {max-width: 100%;}
	.sponsor-landing .sponsor-landing-container {padding: 80px 0px;}
	.sponsor-landing .sponsor-landing-container {padding: 80px 0px;}
	.testimonials-section .testimonial-container {padding: 0px 40px 80px;}
	
	.mb-80 {margin-bottom: 80px;}
	
	.heading.heading-xxl {font-size: 30px;}
	.past-event-section .past-event {padding: 80px 30px;}
	
	
}


@media only screen and (max-width: 991px) {
    .row-reverse{flex-direction: column-reverse;}

    .vismis-section .vismis-content{ padding: 0px; }

     h2.heading { font-size: 35px !important;}

    .sponsor-landing .sponsor-landing-items .sponsor-gird{ grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 0px 40px;}
	
	.new-about-section , .vismis-section , .why-join , .cta-section .cta-section-container , .upcoming-events-section {padding: 60px 0px;}
	.sponsor-landing .sponsor-landing-container , .founder {padding: 80px 0}
	.mb-80 {margin-bottom: 60px;}
	.about-page .about-main-content .heading , .founder .content-box .heading , .vismis-section .vismis-content h2 {font-size: 30px;}
	
	.why-pp-section .why-pp-section-container {padding: 80px 40px;}
	.why-pp-container {margin-bottom: 20px;}
	
	.breadcrumb-section .breadcrumb-heading {font-size: 50px;}
	.membership-includes-section .membership-includes-section-container {padding: 80px 40px;}
	.heading.heading-xxl {font-size: 30px;}
	.membership-includes-section .membership-container {grid-template-columns: repeat(2, 1fr);}
	.custome_mb {margin-bottom: 20px;}
	.footer-eq-container {padding: 80px 30px;}

}

@media only screen and (max-width: 768px){
    header nav .nav-btn .btn-box{ display: none;}

    footer .upper-footer { padding: 60px 40px; display: block;}
	
	.past-event-section .past-event .swiper-button-prev, .past-event-section .past-event .swiper-button-next {top: 100px; width:30px; height:30px;}
	.past-event-section .past-event .swiper-button-next {right: 50px;}
	.form-control {padding: 8px 12px !important; }
	
	
}
@media only screen and (max-width: 650px){
    .container{ max-width: 98%;}
    h2{ font-size: 22px;} 
    h3{ font-size: 20px;} 
    .mb-80{ margin-bottom: 50px;}
    .mt-80{ margin-top: 50px;}
    .heading{ margin-bottom: 10px; }
    .description{ font-size: 14px; margin-bottom: 10px;}
    .btn-box,
    .btn-box.style2,
    .why-join .btn-box { padding: 8px 24px; outline: 2.0px solid transparent; outline-offset: 8px; font-size: 13px;}

    header{ width: 97%; top: 10px; padding: 8px 10px 8px 25px;}
    header nav .main-logo img { max-width: 150px;}
    header nav .main-logo .desktop-logo{ display: none;}
    header nav .main-logo .mobile-logo{ display: block;}
    header nav .menu-section .main-menu{ padding: 60px 30px; border-radius: 10px;}
    header nav .menu-section .main-menu li a{ font-size: 15px;}

    .main-banner-section .banner .banner-video { height: 60vh;}
    .main-banner-section .banner .banner-content { width: 97%; bottom: 25px;}
    .main-banner-section .banner .banner-content h1 { padding: 10px 20px; font-size: 20px; font-weight: 600; line-height: 1.2;}
    
    .about-section,
    .new-about-section,
    .vismis-section,
    .why-join,
    .cta-section .cta-section-container,
    .sponsor-landing .sponsor-landing-container , .upcoming-events-section { padding: 50px 0px;}

    .vismis-section img,
    .why-join-content img{ border-radius: 10px;}

    .vismis-section .vismis-content h2,
    .why-join h2.heading,
    .cta-section h2.heading,
    .sponsor-landing .our-sponsor h2.heading{ font-size: 26px;}

    .vismis-section .vismis-content h2::before{ height: 2px;}
    .why-join-content { padding: 14px; margin-top: 20px; border-radius: 16px;}

    .cta-section .cta-section-container,
    .sponsor-landing .sponsor-landing-container,
    footer .upper-footer{ border: none;}

    .cta-section img { max-width: 200px; border-bottom: 1px solid #00000010; padding-bottom: 8px;}

    .sponsor-landing .sponsor-logo-container img { padding: 5px 7px; margin: 5px; border-radius: 10px;}
    .sponsor-landing h2.heading.why-sponsor{ font-size: 20px; margin: 30px 0px 20px;}
    .sponsor-landing .sponsor-landing-items .sponsor-gird{ grid-template-columns: repeat(1, 1fr); gap: 10px; padding: 0px;}
    .sponsor-landing .sponsor-landing-items .sponsor-gird .sponsor-gird-item{ padding: 0px; border-right: none; border-bottom: 1px solid #00000015;}
    .sponsor-landing .sponsor-landing-items .sponsor-gird .sponsor-gird-item img{ max-width: 50px; margin-bottom: 10px; border: 1px solid var(--thm-base-light); padding: 6px; border-radius: 7px;}
    .sponsor-landing .sponsor-landing-items .sponsor-gird .sponsor-gird-item i{ font-size: 22px; margin-bottom: 5px; border: 1px solid #00000015; padding: 6px;}
    .sponsor-landing .sponsor-landing-items .sponsor-gird .sponsor-gird-item h4{ font-weight: 600; font-size: 16px; margin-bottom: 10px;}

    footer .upper-footer { padding: 60px 0px;}
    footer .upper-footer .footer-logo img{ max-width: 180px;}
    footer .upper-footer h2{ max-width: 100%; color: #ffffff80; font-size: 16px; margin-top: 20px;}
    footer .upper-footer .footer-gird{ gap: 5px; margin: 10px 0px 40px; padding: 8px 12px; text-align: center;}
    footer .upper-footer .footer-gird a{ font-size: 13px;}

    footer .upper-footer .footer-contact a{ font-size: 14px;}
    footer .upper-footer .footer-contact a i{ font-size: 16px;}

    footer .footer-bottom-section{ padding: 16px 0px;}
    footer .footer-bottom-section p{ font-size: 13px;}

    .social-media{ gap: 8px;}
    .social-media a i{ font-size: 15px;}
	
	.breadcrumb-section .breadcrumb-heading {font-size:26px;}
	.breadcrumb-section .breadcrumb {margin-left: 0;}
	.about-page .about-main-content .heading, .founder .content-box .heading, .vismis-section .vismis-content h2 {font-size: 20px;}
	.founder .content-box .pp-logo img, .cta-section img {max-width: 160px;}
	.sponsor-landing .sponsor-landing-container, .founder {padding: 60px 0;}
	.why-choose-us-section .section-content h5 {font-size: 18px;}
	.why-pp-section .why-pp-section-container, .why-pp-section .why-pp-container .why-pp-items h5 {padding: 60px 30px;}
	.why-pp-section .why-pp-container {grid-template-columns: repeat(1, 1fr); margin-top: 20px;}
	.why-choose-us-section .section-content {padding: 55px 30px;}
	.vismis-section .vismis-content h2, .why-join h2.heading, .cta-section h2.heading, .sponsor-landing .our-sponsor h2.heading {font-size: 20px;}
	.testimonials-section .testimonial-container {padding: 0px 20px 60px;}
	.why-pp-container .why-pp-items h5 { padding: 10px !important;}
	.why-pp-section .why-pp-container .why-pp-items h5 { font-size: 18px;}
	
	
	.membership-includes-section .membership-container {grid-template-columns: repeat(1, 1fr);}
	.sm-pt-200 {padding: 200px !important;}
     h2.heading {font-size: 24px !important;}
	.membership-includes-section .pp-logo img {max-width: 180px;}
	.membership-includes-section .membership-includes-section-container {padding: 60px 40px;}
	.past-event-section .past-event {padding: 60px 30px;}
	.footer-eq-container {padding: 60px 20px;}
	.contact-info_block h4 {font-size: 20px;}
	
	
 	



}

@media only screen and (max-width: 500px){
    .animation-bolb { position: absolute; width: 100%; height: 100%; z-index: -1; border-radius: 79% 41% 96% 30% / 87% 53% 67% 31%; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1;}
}