@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: 1601px) and (max-width: 2700px) {

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

}



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

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

}



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

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

}



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

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

}



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

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

.button, button, [type=button], [type=reset], [type=submit] { gap: 10px; padding: 8px 20px; }

.swiperCountDots [class*=swiper-button-] span,
.swiperNav [class*=swiper-button-] span 			{ width: 34px; height: 34px; }

}



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

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

.button, button, [type=button], [type=reset], [type=submit] { gap: 10px; padding: 8px 20px; }

.swiperCountDots [class*=swiper-button-] span,
.swiperNav [class*=swiper-button-] span 			{ width: 34px; height: 34px; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@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 -----------------*/


}