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



}



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



}



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

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

}



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

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




#footer .ftr-menu							{ width: 18.26%; }

#footer .ftr-menu-wrap .ftr-menu-item.members .ftr-menu { width: 14.26%; }
#footer .ftr-menu-wrap .ftr-menu-item.members .ftr-menu ul li a { word-break: break-word; }


}



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

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

#footer .ftr-newsletter .subscribe-form .form-group.btn-group { max-width: 170px; }
#footer .ftr-newsletter .subscribe-form .form-group .submit-btn	{ padding: 10px 25px; text-align: center; }

#footer .ftr-menu							{ width: 31.45%; }
#footer .ftr-menu-wrap .ftr-menu-item		{ justify-content: unset; }

#footer .ftr-info .ftr-social h6			{ font-size: 14px; }
#footer .ftr-info .ftr-social				{ width: 100%; padding: 10px 0 0 0; }
#footer .ftr-info .ftr-social ul			{ justify-content: flex-end; }
#footer .ftr-info .ftr-social ul li			{ padding: 0 10px 0 0; }
#footer .ftr-info .ftr-social ul li a		{ width: 40px; height: 40px; }
#footer .ftr-info .ftr-social ul li a img	{ width: 20px; height: 20px; }

#footer .ftr-copyright .copyright-link		{ padding: 10px 0 0 0; }

}



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

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

#footer										{ padding-top: 30px; }

#footer .ftr-newsletter h4					{ margin: 0 0 20px 0; font-size: 18px; }
#footer .ftr-newsletter .subscribe-form		{ flex-wrap: wrap; }
#footer .ftr-newsletter .subscribe-form .form-group	{ margin-bottom: 15px; width: 100%; max-width: 100%; }
#footer .ftr-newsletter .subscribe-form .form-group.btn-group { max-width: 100%; }

#footer .ftr-menu-wrap						{ padding: 20px 0; }
#footer .ftr-menu-wrap .ftr-menu-item		{ width: 100%; }
#footer .ftr-menu							{ padding: 15px 0 0 0; width: 100%; }

#footer .ftr-info							{ text-align: center; }
#footer .ftr-info .ftr-social				{ width: 100%; gap: 10px; flex-direction: column; padding: 20px 0px 0px 0px; }
#footer .ftr-info .ftr-social h6			{ font-size: 14px; line-height: 14px; }
#footer .ftr-info .ftr-social ul li			{ padding: 0 10px 0 0; }
#footer .ftr-info .ftr-social ul li a		{ width: 40px; height: 40px; }
#footer .ftr-info .ftr-social ul li a img	{ width: 20px; height: 20px; }

#footer .ftr-copyright						{ text-align: center; }
#footer .ftr-copyright .copyright-text p	{ font-size: 14px; line-height: 20px; }
#footer .ftr-copyright .copyright-link		{ padding: 20px 0 0 0; text-align: center; }

#footer .ftr-content p						{ font-size: 14px; line-height: 27px; text-align: center; }

}



/* #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: 100%; max-width: 100%; padding: 0 20px; }


}