/*	LAYOUT PC Laptop Mobile and Tablet css *START* 31/01/2019 */
/*	Remember to do mobile drop menus :-)	*/
@media screen and (min-width: 1300px)
{	
	html		{	background-color: #fff;	}
	body		{	
				max-width:2000px;			}

	#page_lyt		{	
		display: grid;
		grid-template-areas:
		"page_top_logo page_top_nav"
		"banner_top banner_top"
		"page_courses_nav page_courses_nav"
		"page_main page_main"
		"page_main2 page_main2"
		"page_main3 page_main3"
		"page_main4 page_main4"
		"public_footer public_footer";
		grid-gap: 0;
		grid-template-rows: 1fr;
		grid-template-columns: 30% 1fr;}
}



@media screen and (min-width: 250px) and (max-width: 1300px)
{	
	html		{	background-color: #fff;	}
	body		{	
				max-width:1300px;		}
	.phone-off
		{	display: none !important;	}
	.view-more-less-icon, .phone-on
		{	display: inherit !important;	}

	#page_lyt		{	
		display: grid;
		grid-template-areas:
		"page_top_logo"
		"page_top_nav"
		"banner_top"
		"page_courses_nav"
		"page_main"
		"page_main2"
		"page_main3"
		"page_main4"
		"public_footer";
		grid-gap: 0;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;}
}