@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) {

:root										{ --container-width: 1280px; }
.container                                  { max-width: 1280px; }


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


}


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

:root										{ --container-width: 1280px; }
.container                                  { max-width: 1280px; }





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


}




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

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


#getSec .get-cont							{ padding: 50px 100px; }


}



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

:root										{ --container-width: 1200px; }
.container                                  { max-width: 1200px; }

#header .header-wrap									{ padding: 10px 0px; }
#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; }

#benefitSec .benefit-slider .owl-stage		{ right: calc(var(--container-padding) + -78px); }
#benefitSec .benefit-slider.owl-theme .owl-nav	{ margin-right: 20px; }

#getSec .get-cont							{ padding: 50px 90px; }

#footer .footerSec .ftr-app					{ width: 37%; }

}



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

:root										{ --container-width: 960px; }
.container                                  { max-width: 960px; }

#header .header-wrap						{ padding: 20px 0px; }	
#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; }


#benefitSec .benefit-slider.owl-theme .owl-nav	{ margin-right: 20px; }
#benefitSec .benefit-slider .owl-stage		{ right: calc(var(--container-padding) + -18px); }

#getSec .get-cont							{ padding: 50px 50px; }
/*#getSec .get-cont .image-col				{ height: 300px; }*/
#getSec .get-cont .cont-col					{ padding: 50px 0px 50px 50px; }

#footer .footerSec .ftr-newsletter .form-group .form-control	{ width: 100%; }
#footer .footerSec .ftr-newsletter .form-group .subscribe-btn	{ margin: 20px 0 0 0; position: static; }
#footer .footerSec .ftr-app					{ width: 46%; }


}



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

:root										{ --container-width: 738px; }
.container                                  { max-width: 738px; }


#header .header-wrap					 	{ padding: 20px 0px 10px 0px; 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	{ display: flex; 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 .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; }


#benefitSec h2								{ font-size: 45px; line-height: 55px; }
#benefitSec h5								{ font-size: 16px; line-height: 25px; }

#benefitSec .benefit-slider .owl-stage-outer	{ padding: 20px 0 30px 20px; }
#benefitSec .benefit-slider .owl-stage		{ right: calc(var(--container-padding) + 15px); }
#benefitSec .benefit-slider.owl-theme .owl-nav	{ margin-right: 20px; }
#benefitSec .benefit-slider.owl-theme .owl-nav button.owl-prev	{ margin-right: 50px; }
#benefitSec .benefit-slider .owl-dots		{ margin: 0 0 0 0; }

#joinSec .join-wrap .join-icon				{ margin: 0 15px 0 0px; }	
#joinSec .join-wrap .join-cont p			{ font-size: 14px; line-height: 22px; }	
#joinSec .join-wrap .join-btn a				{ font-size: 16px; padding: 7px 18px; line-height: 24px; }

#memberSec .member-nav .member-menu ul li a	{ padding: 8px; font-size: 14px; }
#memberSec .member-nav .member-menu ul li a img	{ width: 15px; }
#memberSec .member-listing				{ padding: 0 0 0 0; }
#memberSec .member-listing .item		{ margin: 0 0 30px 0; }
#memberSec .member-listing .item .item-cont h5 a	{ font-size: 16px; line-height: 26px; }
#memberSec .member-listing .item .item-cont p	{ font-size: 14px; line-height: 22px; }

#getSec										{ padding-top: 0; }
#getSec .get-cont							{ padding: 50px 50px; }
#getSec .get-cont .image-col				{ width: 40%; }
#getSec .get-cont .cont-col					{ width: 60%; padding: 50px 0px 50px 70px; }
#getSec .get-cont .cont-col h4				{ font-size: 25px; line-height: 30px; }
#getSec .get-cont .cont-col p br			{ display: none; }	

#footer										{ padding-bottom: 30px; }
#footer .footerSec							{ width: 100%; }
#footer .footerSec .ftr-menu ul li			{ padding: 0 20px 0 0; }
#footer .footerSec .ftr-menu ul li a		{ font-size: 16px; }
#footer .footerSec .ftr-app					{ width: 80%; }
#footer .footerSec .ftr-app ul li			{ padding: 0 10px 0 0; }


}





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


:root										{ --container-width: 100%; }
.container                                  { max-width: 100%; padding: 0 15px; }


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

#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	{ display: flex; width: 100%; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
#header .header-wrap .header-menu ul.menu li	{ padding: 0 8px; float: left; }
#header .header-wrap .header-menu ul.menu li.mobile-search	{ position: absolute; top: 65px; width: calc(100% - 178px); left: 0; 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; width: 100%; text-align: right; }
#header .header-wrap .header-menu ul.menu li a	{ font-size: 14px; }
#header .header-wrap .header-menu ul.menu li .sub-menu { width: calc(100% + 30px); left: -15px; }

#header .header-wrap .header-menu ul.menu li.joinBtn a	{ padding: 8px 20px; }

#header .header-wrap .header-menu ul.menu li .sub-menu .nav-wrap .leftCol { padding: 15px 0; }
#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; }

#benefitSec									{ padding-top: 30px; }
#benefitSec h2								{ font-size: 32px; line-height: 38px; letter-spacing: -0.0125em; }	
#benefitSec h5								{ font-size: 16px; line-height: 22px; letter-spacing: -0.02em; }
#benefitSec .benefit-slider .owl-stage-outer	{ padding: 30px 0 30px 0; }
#benefitSec .benefit-slider .owl-stage 		{ right: 0; }
#benefitSec .benefit-slider.owl-theme .owl-nav	{ margin-right: 15px; }
#benefitSec .benefit-slider .owl-dots		{ margin: 0 0 0 0px; }
#benefitSec .benefit-slider.owl-theme .owl-nav button.owl-prev { margin-right: 40px; }

#joinSec									{ padding-top: 15px; padding-bottom: 15px; }
#joinSec .join-wrap							{ flex-wrap: wrap; }
#joinSec .join-wrap .join-icon				{ position: absolute; right: -30px; bottom: -15px; margin: 0 0 0 0;}
#joinSec .join-wrap .join-cont				{ padding: 0 0 15px 0; width: calc(100% - 60px); }
#joinSec .join-wrap .join-cont p			{ font-size: 14px; line-height: 21px; }
#joinSec .join-wrap .join-btn				{ justify-content: flex-start; width: calc(100% - 140px); }

#memberSec .member-nav .member-search		{ margin: 0 0 12px 0; }
.member-dropdownWrapper						{ margin: 0 0 30px 0; }
#memberSec .member-listing					{ padding: 0 0 0 0; }

#getSec										{ padding-top: 0px; }
#getSec .get-cont							{ padding: 30px 15px 0px 15px; display: flex; flex-direction: column-reverse; }
#getSec .get-cont:after						{ width: 100%; height: 50%; }
#getSec .get-cont .image-col				{ position: static; width: 100%; }
#getSec .get-cont .cont-col					{ width: 100%; padding: 0px 0px 40px 0px; }
#getSec .get-cont .cont-col h4				{ font-size: 24px; line-height: 33px; letter-spacing: -0.02em; }
#getSec .get-cont .cont-col p br			{ display: none; }	
#getSec .get-cont .cont-col .download-app	{ margin-top: 25px; }	

#footer										{ padding-top: 30px; padding-bottom: 30px; }
#footer .footerSec							{ padding: 0 0 40px 0; }
#footer .footerSec .ftr-logo img			{ width: 120px; }
#footer .footerSec .ftr-social				{ padding: 15px 0 0 0; text-align: left; }
#footer .footerSec .ftr-menu				{ margin: 30px 0; }
#footer .footerSec .ftr-menu ul li			{ padding: 0 0 10px 0; width: 100%; }
#footer .footerSec .ftr-app 				{ float: left; width: 100%; padding: 30px 0 0 0; }

#footer .footerBottom .ftr-link				{ text-align: left; padding: 15px 0 0 0 }

}




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

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




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



}


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

#getSec .get-cont .cont-col h4 				{ font-size: 20px; line-height: 30px; }
#getSec .get-cont .cont-col .download-app		{ padding-right: 8px; }
#getSec .get-cont .cont-col .download-app img	{ width: 120px; }


}