@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {

	.container {
		max-width: 1200px;
	}
	#benefitsBtn { margin-right: 100px; }



	/*----------------- Inner Pages -----------------*/


}


/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1500px) and (max-width: 1680px) {

	.container {
		max-width: 1200px;
	}
	#benefitsBtn { margin-right: 100px; }





	/*----------------- Inner Pages -----------------*/


}




/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1366px) and (max-width: 1500px) {

	.container {
		max-width: 1200px;
	}
	#benefitsBtn { margin-right: 100px; }



}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

/* #header .header-wrap									{ padding: 20px 70px; } */
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol	{ padding: 50px 70px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item h4	{ margin: 0 0 10px 0px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item ul li a { padding: 5px 0; }

#benefitsBtn { margin-right: 100px; }
}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

#header .header-wrap						{ padding: 20px 35px; }	
#header .header-wrap .header-menu ul.menu li 	{ padding: 0px 5px 9px 5px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol	{ padding: 20px 10px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item h4	{ margin: 0 0 10px 0; font-size: 14px;  }

#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item ul li a	{ padding: 5px 0; font-size: 14px; line-height: 22px; }


#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item	{ padding: 25px 10px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item ul li { width: 100%; padding: 0px 0 15px 0; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item ul li a	{ font-size: 14px; line-height: 24px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item ul li a i	{ font-size: 15px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item ul li a::before	{ font-size: 15px; }
li#benefitsBtn 	{ margin-right: 50px; }
}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {


#header .header-wrap					 	{ padding: 20px 15px 10px 15px; align-items: flex-start; }	
#header .header-wrap .logo					{ width: 110px; }

#header .header-wrap .header-search			{ width: 250px; }
/*#header .header-wrap .header-menu			{ width: calc(100% - 110px); }*/

/*#header .header-wrap .header-menu ul.menu	{ display: flex; align-items: center; width: 100%; }*/

#header .header-wrap .header-menu ul.menu	{ width: 100%; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
#header .header-wrap .header-menu ul.menu li	{ padding: 0 5px; float: left; }
#header .header-wrap .header-menu ul.menu li.nav-menu { padding: 0 0 0 10px; order: 2; text-align: right; }
#header .header-wrap .header-menu ul.menu li a	{ font-size: 14px; }
#header .header-wrap .header-menu ul.menu li.joinBtn a	{ padding: 8px 20px; }
#header .header-wrap .header-menu ul.menu li.headerBtn a	{ padding: 8px 20px; }
#header .header-wrap .header-menu ul.menu li.loginBtn a	{ padding: 8px 20px; }
#header .header-wrap .logo img { height: 36px; }

#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol { padding: 15px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item { margin-bottom: 20px; text-align: left; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item h4 { margin: 0 0 10px 5px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item ul { height: 170px; overflow: hidden; overflow-y: scroll; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item ul li { float: none; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item ul li a { font-size: 14px; line-height: 24px; padding: 5px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item { padding: 30px 15px; text-align: left; }

#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item ul li { padding:0px 0 20px 0; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item ul li a { font-size: 14px; line-height: 24px; }
#benefitsBtn 	{ margin-right: 0px; }

}





/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {



#header .header-wrap					 	{padding: 20px 15px 20px 15px;align-items: flex-start;}	
#header .header-wrap .logo					{ width: 110px; }

#header .header-wrap .header-search			{ width: 250px; }

/* #header .header-wrap .header-menu			{ width: calc(100% - 110px); } */
/*#header .header-wrap .header-menu ul.menu	{ display: flex; align-items: center; width: 100%; }*/

#header .header-wrap .header-menu	{display: inline-flex;}
#header .header-wrap .header-menu ul.menu	{ width: 100%; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
#header .header-wrap .header-menu ul.menu li	{ padding: 0 2px; }
#header .header-wrap .header-menu ul.menu li.mobile-search	{ position: absolute; top: 65px; width: calc(100% - 202px); left: 11px; padding: 0 10px 0 0; }
#header .header-wrap .header-menu ul.menu li.mobile-search .header-search { width: 100%; margin: unset; }
#header .header-wrap .header-menu ul.menu li.mobile-search .header-search form input { padding: 9px 40px 9px 10px; }
#header .header-wrap .header-menu ul.menu li.nav-menu { float: right; padding: 0; margin: 0 0 10px 0; text-align: right; }
#header .header-wrap .header-menu ul.menu li a	{ font-size: 14px; }
#header .header-wrap .header-menu ul.menu li.joinBtn a	{ padding: 8px 8px; }
#header .header-wrap .header-menu ul.menu li.headerBtn a	{ padding: 8px 5px; }
#header .header-wrap .header-menu ul.menu li.loginBtn a	{ padding: 8px 8px; }
#header .header-wrap .logo img { height: 36px; }

#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol { padding: 15px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item { margin-bottom: 20px; text-align: left; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item h4 { margin: 0 0 10px 5px; }
/*#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item ul { height: 170px; overflow: hidden; overflow-y: scroll; }*/
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item ul li { width: 50%; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol .sub-menu-item ul li a { font-size: 14px; line-height: 24px; padding: 2px 5px; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item { padding: 30px 15px; text-align: left; }

#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item ul li { padding:0px 0 20px 0; }
#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .rightCol .sub-menu-item ul li a { font-size: 14px; line-height: 24px; }



}

@media only screen and (max-width: 992px) {
	#header .header-wrap .header-menu ul.menu li.headerBtn {
		display: none;
	}
	#tablet-desk-search {
		display: none !important;
	}
	#header .header-wrap .header-search	{ width: 250px; margin-bottom: 7px;}
}

@media only screen and (min-width: 992px) {
	#mobile-search { display: none !important;}
}




/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container {
		/*width: 540px;*/
		max-width: 100%;
		padding: 0 15px;
	}



	/*----------------- Inner Pages -----------------*/



}