/* RESPONSIVE MEDIA QUERIES © Eborn Interactive */


/* Screen Widths

Tablet Portrait - 768px
Tablet Landscape - 1024px

iPhone 3,4,5 - 320px


/* iOS Specific
================================================== */

@supports (-webkit-overflow-scrolling: touch) {
	
  /* CSS specific to iOS devices */ 

}

/* ================================================ */

/* Other than iOS specific
================================================== */

@supports not (-webkit-overflow-scrolling: touch) {
	
  /* CSS for other than iOS devices */ 
  
}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

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


		.svs-content-inner.twocol {
		    flex-direction:column;
		}
		
		.svs-info-grid {
		    flex-direction: row;
		    margin-top: 50px;
		    flex: 0 0 100%;
		    padding: 0;
		}
				
		.svs-info-item {
			flex: 0 0 calc(33.33333% - 21.3333333px);
			text-align: center;
		    flex-direction: column;
		    align-items: center;
		    justify-content: flex-start;
		}
		
		.svs-info-icon {
			transform: translate(0, 0);
		}


	}

/* ================================================ */


/* Responsive Width Section (Mobile Phone)
================================================== */

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


		.svs-info-grid {
		    flex-direction: column;
		    gap: 60px;
		}
		
		.svs-info-item {
			flex: 0 0 100%;
		}


	}

/* ================================================ */



/* Responsive Width Section (Mobile Phone)
================================================== */

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


	    .svs-sponsors-grid {
	        grid-template-columns: repeat(2, 1fr);
	    }
	    
	    
	    .svs-hero-content { padding: 0 5vw 40px; }
	    .svs-hero-title { font-size: 45px; }
	    .svs-countdown-num { font-size: 28px; }
	    .svs-info-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
	    .svs-content-section, .svs-form-section { padding: 50px 5vw; }
	    
		 
		.logo, header .inner-content #logo {
		    width: 130px;
		}
		
		.svs-countdown-unit {
		    padding: 14px 8px;
		}
		
		.svs-hero {
		    min-height: 500px;
		}
		
		.calendar-block a.event-item {
		    flex-direction: column;
		    gap:15px;
		}
		
		.event-item .date {
			width: 90px;
		}
		
		
		.featured-block .text-section {
		    gap: 20px;
		    flex-direction: column-reverse;
		}
		
		.text-section .right-section:not(.date-section) {
			display: none;
		}
		
		
		header .inner-content {
		    padding: 20px 0;
		    max-width: 90%;
		}
		
		.calendar-block {
		    padding: 0;
		}


	}

/* ================================================ */


/* Responsive Width Section (Smallest Mobile Screens)
================================================== */

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


	.logo, header .inner-content  #logo {
	    width: 110px;
	}
	
	.svs-hero-title { font-size: 42px; }
	


	}

/* ================================================ */