/*

	Query CSS
	Copyright (C) 2020 OwlTree Web Solutions.

*/

@media only screen and (min-width: 480px) and (max-width: 640px)
	{
		
		.logo-container img
		{
			/*width: 200px;*/
		}
		
		a.category-grid h3
		{
			font-size: 1.4em;
		}
		
		.banner-caption h1, .banner-caption h2
		{
			width: 38vw;
			max-width: 330px;
			font-size: 1.5em;
		}
						
	}




@media only screen and (min-width: 640px) and (max-width: 1024px)
	{
		

		.phone-number-header, .logo-container, .nav
		{
			display: block;
			/*width: 31%;*/
		}
		
		.sidenav a
		{
			font-size: 1.8em;
		}
		
		.banner-caption
		{
			margin: 8vw 0 0 0;
		}
		
		h2
		{
			font-size: 2em;
		}
		
		.banner-caption h1, .banner-caption h2
		{
			width: 32vw;
			max-width: 330px;
			font-size: 1.8em;
		}
		
		.col
		{
			width: 40%;
		}
		
		a.category-grid h3
		{
			font-size: 2em;
		}
		
		.resources-bg:before
		{
			font-size: 8.5vw;
		}
		
		.cta-col h3
		{
			font-size: 2em;
		}
		
		.cta-col p
		{
			font-size: 1.7em;
		}
		
		.course-grid h3
		{
			font-size: 1.5em;
		}
		
		div.block
		{
			width: 29%;
		}
		
		.logo-grid
		{
			width: 18%;
		}
	
		.your_module_list li {
			grid-template-columns: 3fr 1fr 1fr;			
		}

		.your_module_list li {
			grid-template-columns: 3fr 150px 150px;
		}		
				
	}




@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
		
		.logo-container img
		{
			width: 40%;
		}
		
		.nav-horizontal
		{
			display: inline-block;
		}
		
		.nav
		{
			display: none;
		}
		
		.banner-caption
		{
			margin: 7vw 0 0 0;
		}
		
		h2
		{
			font-size: 2em;
		}
		
		.banner-caption h1, .banner-caption h2
		{
			width: 25vw;
			max-width: 320px;
			font-size: 4vw;
		}
		
		.why, .course-grid
		{
			width: 29%;
		}
		
		.col
		{
			width: 40%;
		}
		
		a.category-grid h3
		{
			font-size: 2em;
		}
		
		.resources-bg:before
		{
			font-size: 8.5vw;
		}
		
		.cta-col h3
		{
			font-size: 2em;
		}
		
		.cta-col p
		{
			font-size: 1.7em;
		}
		
		.course-grid h3
		{
			font-size: 1.5em;
		}
		
		div.block
		{
			width: 16%;
		}
		
		.logo-grid
		{
			width: 18%;
		}
		
		h3.newsletter-button
		{
			font-size: 4em;
		}
		
		.registered_user {
			grid-template-columns: 2fr 1fr;
		}

		.your_module_list li {
			grid-template-columns: 3fr 150px 150px;
		}
		
		img.basket-icon-mobile
		{
			display: none;
		}
		
	}




@media only screen and (min-width: 1280px)
	{
		
		.nav-horizontal
		{
			display: inline-block;
		}
		
		.nav
		{
			display: none;
		}
		
		.sidenav a
		{
			font-size: 5em;
		}
		
		.logo-container img
		{
			width: 40%;
		}
		
		h1
		{
			font-size: 3.5em;
		}
		
		h2
		{
			font-size: 2em;
			line-height: 1.2em;
		}
		
		.banner-section-home, .banner-section
		{
			
		}
		
		.banner-caption
		{
			margin: 5em 0 0 0;
		}
		
		.banner-caption h1, .banner-caption h2
		{
			width: 30vw;
			max-width: 380px;
			font-size: 3em;
		}
		
		.why, .course-grid
		{
			width: 29%;
		}
		
		.col
		{
			width: 40%;
		}
		
		a.category-grid h3
		{
			font-size: 2em;
		}
		
		.resources-bg:before
		{
			font-size: 6em;
		}
		
		.cta-col h3
		{
			font-size: 2em;
		}
		
		.cta-col p
		{
			font-size: 1.7em;
		}
		
		.course-grid h3
		{
			font-size: 1.5em;
		}
		
		div.block
		{
			width: 16%;
		}
		
		.logo-grid
		{
			width: 18%;
		}
		
		h3.newsletter-button
		{
			font-size: 4em;
		}
		
		.registered_user {
			grid-template-columns: 2fr 1fr;
		}
		
		.your_module_list li {
			grid-template-columns: 3fr 150px 150px;
		}
		
		img.basket-icon-mobile
		{
			display: none;
		}
}