@media (max-height: 630px ) {
	.popup-modal textarea.contact-enquiry { height: 60px; }
}

@media (max-width: 900px) {
	
	#pnlToolNavigation	{position:fixed; z-index: 999999}
	
	a.hamburger {position: absolute; right: 0px; top: 5px; width: 30px; height: 20px; padding: 0; background-image: url(/_assets2019/icon-hamburger.gif); display: block; z-index: 30; background-size: cover; cursor: pointer; transition: opacity 0.2s ease-out;}
	.c2019 header .container .user-management	{ display: none; }
	
	/* MOBILE NAV */
   .c2019 nav.main-nav.main-nav-mobile { position: fixed; width: 320px; max-width: 95%; top: 0; right: -320px; margin: 0; z-index: 99999; height: 100%; background-color: var(--hl-dark-green); padding: 20px 0; transition: 0.2s ease-out; }
   .c2019 nav.main-nav.main-nav-mobile li { display: block; padding: 0; border-left: none; }
   .c2019 nav.main-nav.main-nav-mobile li a { color: #ffffff; font-size: 16px; padding: 5px 10px; display: block; }
	.c2019 nav.main-nav.main-nav-mobile > li:first-child a		{padding-top:15px;}
	.c2019 nav.main-nav.main-nav-mobile li a:hover				{color:#ffffff}
	.c2019 nav.main-nav.main-nav-mobile .main-navigation		{border-top:1px solid #ffffff; width:100%;}
	.c2019 nav.main-nav.main-nav-mobile .user-action-container	{display:none;}
	.c2019 nav.main-nav.main-nav-mobile .mobile-user-management	{border-top:2px solid #ffffff; margin-top: 15px; padding-top: 20px; padding-left: 10px; display: block}
	.c2019 nav.main-nav.main-nav-mobile .mobile-user-management .btn.btn-user-management	{border-color:#ffffff; color: #ffffff}
	.c2019 nav.main-nav.main-nav-mobile .mobile-user-management .ua-icon-button.contact-us { /*width: 54px; height: 38px;*/  width: 49px; height: 34px; position: relative; background-color: #ffffff; background-image: none; }
	.c2019 nav.main-nav.main-nav-mobile .mobile-user-management .ua-icon-button.contact-us:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("/_assets2024/icon-contact.png"); opacity: 0.8; background-size: cover; background-position: center; background-repeat: no-repeat;}
		
	.c2019 nav.main-nav ul li.engage-premium a, .c2024 nav.main-nav ul li.engage-premium a {color: var(--hl-light-green);}
	
   .c2019 nav.main-nav.main-nav-mobile.active { right: 0; box-shadow: -4px 0 6px 1px rgba(0, 0, 0, 0.1); overflow-y: auto; }
	
	/* MOBILE DROPDOWN */
   .c2019 nav.main-nav .nav-dd { font-size: 14px; top: auto; left: auto; padding: 0; display: none; }
   .c2019 nav.main-nav .nav-dd.active { display: block; }
   .c2019 nav.main-nav .nav-dd ul { margin: 0; padding: 0; padding-left: 25px; width: 100%; }
   .c2019 nav.main-nav .nav-dd ul li.dd-nav-head { margin: 0 0 10px 0; padding-left: 0; font-size: 14px; }
	.c2019 nav.main-nav .nav-dd ul li.dd-nav-head a	{font-size:15px; padding:0}
	.c2019 nav.main-nav .nav-dd ul li { padding: 0 0 0 8px; margin: 6px 0 0 0; line-height: 1.2em; }
   .c2019 nav.main-nav .nav-dd ul li a { font-size: 13px; padding: 0; }

   .c2019 nav.main-nav.main-nav-mobile a.close { width: 21px; height: 21px; background-image: url(/_assets/icon-close-white.png); background-size: cover; display: block; float: right; margin: 0 10px 10px; }

	.c2019 nav.main-nav .nav-dd ul li ul.submenu { margin-left: 10px; }

	.c2019 nav.main-nav .nav-dd > ul { margin: 25px 0 0 0; }
	.c2019 nav.main-nav .nav-dd > ul:first-child { margin-top: 0; }

	.c2019 nav.main-nav .nav-dd.active { position: relative; }
	
}

@media (max-width: 1600px ) {
	.grid-6 { grid-template-columns: repeat(5, 1fr); }
}

@media (max-width: 1350px ) {
	.grid-6 { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 1100px) {
	.grid-5 { grid-template-columns: repeat(4, 1fr); }

	.grid-4,
	.grid-6 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
	.grid-3 { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1200px) {
	.toolkits-filter .filter-option {
		max-width: calc(100vw - 70px - 200px);
	}

	.toolkits-filter .filter-option .dk-select-multi {
		max-width: 100%;
	}
}

@media (max-width: 800px) {
   .c2019 .page-banner .content .page-title { display: block !important; }
   .c2019 .page-banner .content .page-title h3.subtitle p { margin: 10px 0 0 0; }

	.grid-5 {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-4,
	.grid-6 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 650px) {

	.col-1,
	.col-2,
	.col-3,
	.col-4 {
		padding: 5px
	}

	.col-row {
		padding-left: 5px;
		padding-right: 5px;
	}

	/* USER MANAGEMENT */
	.c2019 header .container .user-management {
		position: absolute;
		right: 0;
		top: -2px;
		z-index: 999;
	}

	/* LOGO CONTAINER */
	.logo-right {
		display: inline-block;
		margin-top: 0;
	}

	/* HOME PAGE PANELS */
	.home-page-panels .col-3 {
		width: 100%;
	}

	.c2019 .toolkit-panels .toolkit-panels-container {
		padding-left: 0;
		padding-right: 0;
	}

	.c2019 .toolkit-panels-container .toolkit-category-1 h3,
	.c2019 .toolkit-panels-container .toolkit-category-0 h3 {
		width: calc(100% - 10px);
		margin-left: 5px
	}

	/* LOGIN POPUP */
	.popup-modal .col-2 {
		width: 100%;
	}

	.popup-modal a.forgot-password {
		float: none;
		display: inline-block;
		margin-top: 15px;
		text-decoration: none
	}

	/* CONTACT POPUP */
	.popup-contact-form .form-group {
		margin: 0 !important
	}

	.popup-contact-form .col-row.no-tb-padding .col-1,
	.popup-contact-form .col-row.no-tb-padding .col-2 {
		padding: 5px;
	}
}

@media (max-width: 600px) {
	.c2019 .toolkit-panels .pagination {
		flex-direction: column;
	}

	.c2019 .toolkit-panels .pagination .btn-navigate {
		width: 130px;
	}

	.toolkits-filter.standard-filter {
		flex-direction: column-reverse;
		align-items: start;
	}

	.toolkits-filter .filter-option {
		max-width: calc(100vw - 90px);
	}
}


@media (max-width: 580px) {
	.grid-5 {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-3 { grid-template-columns: 1fr; }
}

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

@media (max-width: 520px) {
   .c2019 header .container .user-management { position: static; right: auto; top: auto; float: none; margin-top: 10px; }
}


@media (max-width: 510px) {
	
	/* LOGO CONTAINER */

	.c2019 header.tool-header .logo-container img,
	.c2019.home-page header .logo-container img { width: 70%; height: auto; margin-right: 10px; }
	
   .c2019.home-page header .logo-right h1 { font-size: 30px; margin-bottom: 5px; }
   .c2019.home-page header .logo-right h2 { font-size: 14px; }
   .c2019.home-page header .logo-right { display: block; margin-top: 10px; }
	
	/* FOOTER */
   .c2019 footer { padding-bottom: 20px; }
	.c2019 footer nav.footer-nav ul			{font-size:0}
	.c2019 footer nav.footer-nav ul li		{padding:0 5px;}
	.c2019 footer nav.footer-nav ul li a	{font-size:12px;}
	
	/* LOGIN POPUP */
	.login-text-block	{display:block; width: 100%; margin:10px 0 !important;}

   .popup-modal .form-container { top: 0!important; left: 0!important; right: 0; bottom: 0; width: auto!important; height: auto; max-height: initial!important; padding:0!important; }
   .popup-modal > .form-container .form { padding: 20px !important; position: absolute!important; top: 5px; left: 5px; right: 5px; bottom: 5px; width: auto!important; max-width: initial!important; height: auto; max-height: initial!important; overflow: auto; }

	.popup-modal .form-container .close-form { top: 2px; right: 2px; z-index: 100; }
}

@media (max-width: 500px) {
	.grid-4 { grid-template-columns: 1fr; }
}

@media (max-width: 450px) {
	.popup-modal .form-container div.remember-me,
	.popup-modal .form-container div.direct-access { flex-direction: column; }

	.popup-modal .form-container div.reset-password { justify-content: center; }
}

@media (max-width: 414px) {
	.col-2.instructions {
		width: 100%;
	}
}

@media (max-width: 400px) {
}
	
@media (max-width: 380px) {
	/* LOGIN */
	.popup-modal .form-container .form	{padding:20px 10px !important;}

   /*.c2019.home-page header .logo-container img { height: 60px; margin-right: 10px; }*/

	.grid-5 {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 350px) {
	/* FOOTER */
	.c2019 footer nav.footer-nav ul li a		{font-size:10px;}
}