html, body {
    margin: 0;
    padding: 0;
}
body.overflow-hidden {
	overflow: hidden;
}
/* html, body {
    height: 100%;
} */
 
[data-animate-element],
[data-animate-element-container] {
	position: relative;
}
[data-animate-element].animate-display-style {
	display: none;
}
[data-animate-element].animate-visibility-style {
	visibility:hidden;
}

.text-show-ref {
	background-color: #FF0;
    color: #000;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
	padding: 0 5px;
    letter-spacing: 0px;
	word-wrap: break-word;
	display: none !important;
}


.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}

.position-relative {
	position:relative;
}
.position-absolute {
	position: absolute;
}
.position-static {
	position: static !important;
}
.display-block {
	display:block !important;
}
.display-table {
	display:table !important;
}

.flex-sec {
	display: flex;
	width: 100%;
}
.flex-sec>.flex-col {}

.flex-w-fill,
.custom-flex-fill {
	flex: 1 0 0% !important;
}

p {
	margin: 0;
}
a, button {
	text-decoration: none !important;
	outline: none !important;
	border: none;
}
.clear-button {
	background:none;
	border: none;
	padding:0;
	margin:0;
}
input, textarea {
	outline: none !important;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
hr {
    margin:30px 0;
    color: inherit;
    border: 0;
    opacity: 1;
}
hr.black {
    background-color: rgba(0,0,0,1);
}
hr.gray {
    background-color: rgba(0,0,0,0.2);
}


.word-wrap {
	overflow: hidden;
}
.inline-word-wrap {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


img {
    max-width: 100% !important;
    height: auto;
}
.img-mg-auto {
	display: block;
	margin-left:auto !important;
	margin-right:auto !important;
}

.img-sec {
    position: relative;
    display: block;
    width: 100%;
}
.img-sec.h-zero {
	height: 0;
	overflow: hidden;
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -ms-transition: height .5s ease;
    -o-transition: height .5s ease;
}
.img-sec > .img-size-sec {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 1;
}
.img-sec > .img-size-sec + .img-banner-sec {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.img-bg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.img-sec > .img-banner-sec .img-bg {
	width: 100%;
	height: 100%;
}
.img-sec > .img-size-sec.z-index-top,
.img-sec > .img-banner-sec.z-index-top {
    z-index: 2;
}
.img-sec > .img-size-sec.z-index-bottom,
.img-sec > .img-banner-sec.z-index-bottom {
    z-index: 1;
}
.img-sec > .img-size-sec .img-size {
	width: 100%;
}

.img-sec .splide .splide-track,
.img-sec .splide .splide-list,
.img-sec .splide .splide-slide {
    height: 100%;
}

.img-banner-bg {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
}
.img-banner-bg.off {
	opacity: 0;
}

/* ***** SLIDE ***** */

/* ***** TEXT ALIGN ***** */

.text-center-xxl {
	text-align: center;
}
.text-left-xxl {
	text-align: left;
}
.text-right-xxl {
	text-align: right;
}

/* ***** TEXT TABLE ***** */

.text-table-section,
.text-table-group,
.text-table-wrapper,
.text-table-wrapper > [class*="tw-"] {
	position:relative;
}

.text-table-wrapper {
    display: flex;
    flex-wrap: nowrap;
	align-items: flex-start;	
	word-wrap: break-word;
}
.text-table-wrapper > .tw-label {}
.text-table-wrapper > .tw-detail {
	flex: 1 0 0%;
	word-wrap: break-word;
}
.text-table-wrapper > .tw-label .colon,
.text-table-wrapper.clear-flex .colon,
.symbol-colon {
    position: relative;
    margin: 0 5px;
}
.text-table-wrapper > .tw-detail .colon {
	position: relative;
    margin: 0 10px 0 0;
}
.text-table-wrapper > .tw-label .colon:before,
.text-table-wrapper > .tw-detail .colon:before,
.text-table-wrapper.clear-flex .colon:before,
.symbol-colon:before {
    position: relative;
    content: ":";
}

/* wrap */
.text-table-wrapper.wrap {
    flex-wrap: wrap;
}
.text-table-wrapper.wrap > .tw-label,
.text-table-wrapper.wrap > .tw-detail {
    flex: none;
    width: 100%;
}

/* auto */
.text-table-wrapper.clear-flex {
	display: block;
	flex: none;
}

/* custom label */
.label-w-custom.w-80 .tw-label {width: 80px; }
.label-w-custom.w-90 .tw-label { width: 90px; }
.label-w-custom.w-100 .tw-label {width: 100px; }
.label-w-custom.w-110 .tw-label { width: 110px; }
.label-w-custom.w-120 .tw-label { width: 120px; }
.label-w-custom.w-130 .tw-label { width: 130px; }
.label-w-custom.w-140 .tw-label { width: 140px; }
.label-w-custom.w-150 .tw-label { width: 150px; }
.label-w-custom.w-160 .tw-label { width: 160px; }
.label-w-custom.w-170 .tw-label { width: 170px; }
.label-w-custom.w-180 .tw-label { width: 180px; }
.label-w-custom.w-190 .tw-label { width: 190px; }
.label-w-custom.w-200 .tw-label { width: 200px; }

.label-w-custom.w-210 .tw-label { width: 210px; }
.label-w-custom.w-220 .tw-label { width: 220px; }
.label-w-custom.w-230 .tw-label { width: 230px; }
.label-w-custom.w-240 .tw-label { width: 240px; }
.label-w-custom.w-250 .tw-label { width: 250px; }

/* custom label - xxl */
.text-table-wrapper.label-w-custom.w-xxl-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-xxl-full .tw-label,
.label-w-custom.w-xxl-full .tw-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-xxl-80 .tw-label {width: 80px; }
.label-w-custom.w-xxl-90 .tw-label {width: 90px; }
.label-w-custom.w-xxl-100 .tw-label {width: 100px; }
.label-w-custom.w-xxl-110 .tw-label { width: 110px; }
.label-w-custom.w-xxl-120 .tw-label { width: 120px; }
.label-w-custom.w-xxl-130 .tw-label { width: 130px; }
.label-w-custom.w-xxl-140 .tw-label { width: 140px; }
.label-w-custom.w-xxl-150 .tw-label { width: 150px; }
.label-w-custom.w-xxl-160 .tw-label { width: 160px; }
.label-w-custom.w-xxl-170 .tw-label { width: 170px; }
.label-w-custom.w-xxl-180 .tw-label { width: 180px; }
.label-w-custom.w-xxl-190 .tw-label { width: 190px; }
.label-w-custom.w-xxl-200 .tw-label { width: 200px; }

.label-w-custom.w-xxl-210 .tw-label { width: 210px; }
.label-w-custom.w-xxl-220 .tw-label { width: 220px; }
.label-w-custom.w-xxl-230 .tw-label { width: 230px; }
.label-w-custom.w-xxl-240 .tw-label { width: 240px; }
.label-w-custom.w-xxl-250 .tw-label { width: 250px; }

/* border */
.text-table-group.border-middle .text-table-wrapper+.text-table-wrapper {
	border-top: 1px solid rgba(0,0,0,0.05);
	margin-top: 15px;
	padding-top: 15px;
}

/* อันล่างนี้จะไม่ใช้ แต่ยังลบไม่ได้ */
/* 
.table-section,
.table-group,
.table-wrapper,
.table-wrapper > [class*="tw-"] {
	position:relative;
}

.table-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.table-wrapper > .tw-label {}
.table-wrapper > .tw-detail {
    flex: 1 0 0%;
}
.table-wrapper > .tw-label .colon {
    position: relative;
    margin: 0 5px;
}
.table-wrapper > .tw-label .colon:before {
    position: relative;
    content: ":";
} */

/* wrap */
/* .table-wrapper.wrap {
    flex-wrap: wrap;
}
.table-wrapper.wrap > .tw-label,
.table-wrapper.wrap > .tw-detail {
    flex: none;
    width: 100%;
} */

/* custom label */
/* .label-w-custom.w-100 .tw-label { width: 100px; }
.label-w-custom.w-110 .tw-label { width: 110px; }
.label-w-custom.w-120 .tw-label { width: 120px; }
.label-w-custom.w-130 .tw-label { width: 130px; }
.label-w-custom.w-140 .tw-label { width: 140px; }
.label-w-custom.w-150 .tw-label { width: 150px; }
.label-w-custom.w-160 .tw-label { width: 160px; }
.label-w-custom.w-170 .tw-label { width: 170px; }
.label-w-custom.w-180 .tw-label { width: 180px; }
.label-w-custom.w-190 .tw-label { width: 190px; }
.label-w-custom.w-200 .tw-label { width: 200px; }

.label-w-custom.w-210 .tw-label { width: 210px; }
.label-w-custom.w-220 .tw-label { width: 220px; }
.label-w-custom.w-230 .tw-label { width: 230px; }
.label-w-custom.w-240 .tw-label { width: 240px; }
.label-w-custom.w-250 .tw-label { width: 250px; } */

/* border */
/* .table-group.border-middle .table-wrapper+.table-wrapper {
	border-top: 1px solid rgba(0,0,0,0.05);
	margin-top: 15px;
	padding-top: 15px;
} */

/* ***** PADDING ***** */

/* left */
.pd-left-5 {
	padding-left: 5px !important;
}
.pd-left-10 {
	padding-left: 10px !important;
}
.pd-left-15 {
	padding-left: 15px !important;
}
.pd-left-20 {
	padding-left: 20px !important;
}
.pd-left-25 {
	padding-left: 25px !important;
}
.pd-left-30 {
	padding-left: 30px !important;
}
.pd-left-35 {
	padding-left: 35px !important;
}
.pd-left-40 {
	padding-left: 40px !important;
}
.pd-left-45 {
	padding-left: 45px !important;
}
.pd-left-50 {
	padding-left: 50px !important;
}

/* right */
.pd-right-5 {
	padding-right: 5px !important;
}
.pd-right-10 {
	padding-right: 10px !important;
}
.pd-right-15 {
	padding-right: 15px !important;
}
.pd-right-20 {
	padding-right: 20px !important;
}
.pd-right-25 {
	padding-right: 25px !important;
}
.pd-right-30 {
	padding-right: 30px !important;
}
.pd-right-35 {
	padding-right: 35px !important;
}
.pd-right-40 {
	padding-right: 40px !important;
}
.pd-right-45 {
	padding-right: 45px !important;
}
.pd-right-50 {
	padding-right: 50px !important;
}

/* top */
.pd-top-5 {
	padding-top: 5px !important;
}
.pd-top-10 {
	padding-top: 10px !important;
}
.pd-top-15 {
	padding-top: 15px !important;
}
.pd-top-20 {
	padding-top: 20px !important;
}
.pd-top-25 {
	padding-top: 25px !important;
}
.pd-top-30 {
	padding-top: 30px !important;
}
.pd-top-35 {
	padding-top: 35px !important;
}
.pd-top-40 {
	padding-top: 40px !important;
}
.pd-top-45 {
	padding-top: 45px !important;
}
.pd-top-50 {
	padding-top: 50px !important;
}

/* bottom */
.pd-bottom-5 {
	padding-bottom: 5px !important;
}
.pd-bottom-10 {
	padding-bottom: 10px !important;
}
.pd-bottom-15 {
	padding-bottom: 15px !important;
}
.pd-bottom-20 {
	padding-bottom: 20px !important;
}
.pd-bottom-25 {
	padding-bottom: 25px !important;
}
.pd-bottom-30 {
	padding-bottom: 30px !important;
}
.pd-bottom-35 {
	padding-bottom: 35px !important;
}
.pd-bottom-40 {
	padding-bottom: 40px !important;
}
.pd-bottom-45 {
	padding-bottom: 45px !important;
}
.pd-bottom-50 {
	padding-bottom: 50px !important;
}

/* all */
.pd-all-5 {
	padding: 5px;
}
.pd-all-10 {
	padding: 10px;
}
.pd-all-15 {
	padding: 15px;
}
.pd-all-20 {
	padding: 20px;
}
.pd-all-25 {
	padding: 25px;
}
.pd-all-30 {
	padding: 30px;
}
.pd-all-35 {
	padding: 35px;
}
.pd-all-40 {
	padding: 40px;
}
.pd-all-45 {
	padding: 45px;
}
.pd-all-50 {
	padding: 50px;
}

/* left - right */
.pd-left-right-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.pd-left-right-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.pd-left-right-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.pd-left-right-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.pd-left-right-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.pd-left-right-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.pd-left-right-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}
.pd-left-right-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.pd-left-right-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}
.pd-left-right-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

/* top - bottom */
.pd-top-bottom-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pd-top-bottom-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.pd-top-bottom-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.pd-top-bottom-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.pd-top-bottom-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.pd-top-bottom-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.pd-top-bottom-35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}
.pd-top-bottom-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.pd-top-bottom-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}
.pd-top-bottom-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

/* none padding */
.none-pd {
	padding: 0 !important;
}
.none-pd-top {
	padding-top: 0 !important;
}
.none-pd-bottom {
	padding-bottom: 0 !important;
}
.none-pd-left {
	padding-left: 0 !important;
}
.none-pd-right {
	padding-right: 0 !important;
}

/* ***** MARGIN ***** */

.mg-auto {
	margin-left:auto !important;
	margin-right:auto !important;
}

/* top */
.mg-top-3 {
	margin-top: 3px !important;
}
.mg-top-5 {
	margin-top: 5px !important;
}
.mg-top-10 {
	margin-top: 10px !important;
}
.mg-top-15 {
	margin-top: 15px !important;
}
.mg-top-20 {
	margin-top: 20px !important;
}
.mg-top-25 {
	margin-top: 25px !important;
}
.mg-top-30 {
	margin-top: 30px !important;
}
.mg-top-35 {
	margin-top: 35px !important;
}
.mg-top-40 {
	margin-top: 40px !important;
}
.mg-top-45 {
	margin-top: 45px !important;
}
.mg-top-50 {
	margin-top: 50px !important;
}

/* bottom */
.mg-bottom-3 {
	margin-bottom: 3px !important;
}
.mg-bottom-5 {
	margin-bottom: 5px !important;
}
.mg-bottom-10 {
	margin-bottom: 10px !important;
}
.mg-bottom-15 {
	margin-bottom: 15px !important;
}
.mg-bottom-20 {
	margin-bottom: 20px !important;
}
.mg-bottom-25 {
	margin-bottom: 25px !important;
}
.mg-bottom-30 {
	margin-bottom: 30px !important;
}
.mg-bottom-35 {
	margin-bottom: 35px !important;
}
.mg-bottom-40 {
	margin-bottom: 40px !important;
}
.mg-bottom-45 {
	margin-bottom: 45px !important;
}
.mg-bottom-50 {
	margin-bottom: 50px !important;
}

/* left */
.mg-left-5 {
	margin-left: 5px !important;
}
.mg-left-10 {
	margin-left: 10px !important;
}
.mg-left-15 {
	margin-left: 15px !important;
}
.mg-left-20 {
	margin-left: 20px !important;
}
.mg-left-25 {
	margin-left: 25px !important;
}
.mg-left-30 {
	margin-left: 30px !important;
}
.mg-left-35 {
	margin-left: 35px !important;
}
.mg-left-40 {
	margin-left: 40px !important;
}
.mg-left-45 {
	margin-left: 45px !important;
}
.mg-left-50 {
	margin-left: 50px !important;
}

/* right */
.mg-right-5 {
	margin-right: 5px !important;
}
.mg-right-10 {
	margin-right: 10px !important;
}
.mg-right-15 {
	margin-right: 15px !important;
}
.mg-right-20 {
	margin-right: 20px !important;
}
.mg-right-25 {
	margin-right: 25px !important;
}
.mg-right-30 {
	margin-right: 30px !important;
}
.mg-right-35 {
	margin-right: 35px !important;
}
.mg-right-40 {
	margin-right: 40px !important;
}
.mg-right-45 {
	margin-right: 45px !important;
}
.mg-right-50 {
	margin-right: 50px !important;
}

/* all */
.mg-all-5 {
	margin: 5px !important;
}
.mg-all-10 {
	margin: 10px !important;
}
.mg-all-15 {
	margin: 15px !important;
}
.mg-all-20 {
	margin: 20px !important;
}
.mg-all-25 {
	margin: 25px !important;
}
.mg-all-30 {
	margin: 30px !important;
}
.mg-all-35 {
	margin: 35px !important;
}
.mg-all-40 {
	margin: 40px !important;
}
.mg-all-45 {
	margin: 45px !important;
}
.mg-all-50 {
	margin: 50px !important;
}

/* left - right */
.mg-left-right-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.mg-left-right-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.mg-left-right-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.mg-left-right-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.mg-left-right-25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}
.mg-left-right-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.mg-left-right-35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}
.mg-left-right-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}
.mg-left-right-45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}
.mg-left-right-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

/* top - bottom */
.mg-top-bottom-5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.mg-top-bottom-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mg-top-bottom-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.mg-top-bottom-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mg-top-bottom-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
.mg-top-bottom-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.mg-top-bottom-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}
.mg-top-bottom-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.mg-top-bottom-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}
.mg-top-bottom-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

/* none margin */
.none-mg {
	margin: 0 !important;
}
.none-mg-top {
	margin-top: 0 !important;
}
.none-mg-bottom {
	margin-bottom: 0 !important;
}
.none-mg-left {
	margin-left: 0 !important;
}
.none-mg-right {
	margin-right: 0 !important;
}

.img-on-xl,
.img-on-lg,
.img-on-md,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-xxl {
	display:block !important;
}

.img-on-laptop,
.img-on-tablet,
.img-on-mobile {
	display:none !important;
}
.img-on-desktop {
	display:block !important;
}


/* xxl */
@media (min-width: 1400px) {

.xxl-none-pd-top {
	padding-top: 0 !important;	
}
.xxl-none-pd-bottom {
	padding-bottom: 0 !important;	
}
.xxl-none-pd-left {
	padding-left: 0 !important;	
}
.xxl-none-pd-right {
	padding-right: 0 !important;	
}

/* ***** FLEX ***** */

.custom-flex-xxl-fill {
	flex: 1 0 0% !important;
}

}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

.xl-none-pd-top {
	padding-top: 0 !important;	
}
.xl-none-pd-bottom {
	padding-bottom: 0 !important;	
}
.xl-none-pd-left {
	padding-left: 0 !important;	
}
.xl-none-pd-right {
	padding-right: 0 !important;	
}

.img-on-xxl,
.img-on-lg,
.img-on-md,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-xl {
	display:block !important;
}

/* ***** FLEX ***** */

.custom-flex-xl-fill {
	flex: 1 0 0% !important;
}

/* ***** TEXT TABLE ***** */

/* custom label - xl */
.text-table-wrapper.label-w-custom.w-xl-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-xl-full .tw-label,
.label-w-custom.w-xl-full .tw-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-xl-80 .tw-label {width: 80px; }
.label-w-custom.w-xl-90 .tw-label {width: 90px; }
.label-w-custom.w-xl-100 .tw-label {width: 100px; }
.label-w-custom.w-xl-110 .tw-label { width: 110px; }
.label-w-custom.w-xl-120 .tw-label { width: 120px; }
.label-w-custom.w-xl-130 .tw-label { width: 130px; }
.label-w-custom.w-xl-140 .tw-label { width: 140px; }
.label-w-custom.w-xl-150 .tw-label { width: 150px; }
.label-w-custom.w-xl-160 .tw-label { width: 160px; }
.label-w-custom.w-xl-170 .tw-label { width: 170px; }
.label-w-custom.w-xl-180 .tw-label { width: 180px; }
.label-w-custom.w-xl-190 .tw-label { width: 190px; }
.label-w-custom.w-xl-200 .tw-label { width: 200px; }

.label-w-custom.w-xl-210 .tw-label { width: 210px; }
.label-w-custom.w-xl-220 .tw-label { width: 220px; }
.label-w-custom.w-xl-230 .tw-label { width: 230px; }
.label-w-custom.w-xl-240 .tw-label { width: 240px; }
.label-w-custom.w-xl-250 .tw-label { width: 250px; }

/* ***** TEXT ALIGN ***** */

.text-center-xl {
	text-align: center;
}
.text-left-xl {
	text-align: left;
}
.text-right-xl {
	text-align: right;
}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

.lg-none-pd-top {
	padding-top: 0 !important;	
}
.lg-none-pd-bottom {
	padding-bottom: 0 !important;	
}
.lg-none-pd-left {
	padding-left: 0 !important;	
}
.lg-none-pd-right {
	padding-right: 0 !important;	
}

.img-on-xxl,
.img-on-xl,
.img-on-md,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-lg {
	display:block !important;
}

.img-on-desktop,
.img-on-tablet,
.img-on-mobile {
	display:none !important;
}
.img-on-laptop {
	display:block !important;
}

/* ***** FLEX ***** */

.custom-flex-lg-fill {
	flex: 1 0 0% !important;
}

/* ***** TEXT TABLE ***** */

/* custom label - lg */
.text-table-wrapper.label-w-custom.w-lg-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-lg-full .tw-label,
.label-w-custom.w-lg-full .tw-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-lg-80 .tw-label {width: 80px; }
.label-w-custom.w-lg-90 .tw-label {width: 90px; }
.label-w-custom.w-lg-100 .tw-label {width: 100px; }
.label-w-custom.w-lg-110 .tw-label { width: 110px; }
.label-w-custom.w-lg-120 .tw-label { width: 120px; }
.label-w-custom.w-lg-130 .tw-label { width: 130px; }
.label-w-custom.w-lg-140 .tw-label { width: 140px; }
.label-w-custom.w-lg-150 .tw-label { width: 150px; }
.label-w-custom.w-lg-160 .tw-label { width: 160px; }
.label-w-custom.w-lg-170 .tw-label { width: 170px; }
.label-w-custom.w-lg-180 .tw-label { width: 180px; }
.label-w-custom.w-lg-190 .tw-label { width: 190px; }
.label-w-custom.w-lg-200 .tw-label { width: 200px; }

.label-w-custom.w-lg-210 .tw-label { width: 210px; }
.label-w-custom.w-lg-220 .tw-label { width: 220px; }
.label-w-custom.w-lg-230 .tw-label { width: 230px; }
.label-w-custom.w-lg-240 .tw-label { width: 240px; }
.label-w-custom.w-lg-250 .tw-label { width: 250px; }

/* ***** TEXT ALIGN ***** */

.text-center-lg {
	text-align: center;
}
.text-left-lg {
	text-align: left;
}
.text-right-lg {
	text-align: right;
}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

.md-none-pd-top {
	padding-top: 0 !important;	
}
.md-none-pd-bottom {
	padding-bottom: 0 !important;	
}
.md-none-pd-left {
	padding-left: 0 !important;	
}
.md-none-pd-right {
	padding-right: 0 !important;	
}

.img-on-xxl,
.img-on-xl,
.img-on-lg,
.img-on-sm,
.img-on-xs {
	display:none !important;
}
.img-on-md {
	display:block !important;
}

.img-on-desktop,
.img-on-laptop,
.img-on-mobile {
	display:none !important;
}
.img-on-tablet {
	display:block !important;
}

/* ***** FLEX ***** */

.custom-flex-md-fill {
	flex: 1 0 0% !important;
}

/* ***** TEXT TABLE ***** */

/* custom label - md */
.text-table-wrapper.label-w-custom.w-md-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-md-full .tw-label,
.label-w-custom.w-md-full .tw-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-md-80 .tw-label {width: 80px; }
.label-w-custom.w-md-90 .tw-label {width: 90px; }
.label-w-custom.w-md-100 .tw-label {width: 100px; }
.label-w-custom.w-md-110 .tw-label { width: 110px; }
.label-w-custom.w-md-120 .tw-label { width: 120px; }
.label-w-custom.w-md-130 .tw-label { width: 130px; }
.label-w-custom.w-md-140 .tw-label { width: 140px; }
.label-w-custom.w-md-150 .tw-label { width: 150px; }
.label-w-custom.w-md-160 .tw-label { width: 160px; }
.label-w-custom.w-md-170 .tw-label { width: 170px; }
.label-w-custom.w-md-180 .tw-label { width: 180px; }
.label-w-custom.w-md-190 .tw-label { width: 190px; }
.label-w-custom.w-md-200 .tw-label { width: 200px; }

.label-w-custom.w-md-210 .tw-label { width: 210px; }
.label-w-custom.w-md-220 .tw-label { width: 220px; }
.label-w-custom.w-md-230 .tw-label { width: 230px; }
.label-w-custom.w-md-240 .tw-label { width: 240px; }
.label-w-custom.w-md-250 .tw-label { width: 250px; }

/* ***** TEXT ALIGN ***** */

.text-center-md {
	text-align: center;
}
.text-left-md {
	text-align: left;
}
.text-right-md {
	text-align: right;
}
}

/* sm - xs */
@media (max-width: 767.98px) {

.img-on-desktop,
.img-on-laptop,
.img-on-tablet {
	display:none !important;
}
.img-on-mobile {
	display:block !important;
}

}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

.img-on-xxl,
.img-on-xl,
.img-on-lg,
.img-on-md,
.img-on-xs {
	display:none !important;
}
.img-on-sm {
	display:block !important;
}

.sm-none-pd-top {
	padding-top: 0 !important;	
}
.sm-none-pd-bottom {
	padding-bottom: 0 !important;	
}
.sm-none-pd-left {
	padding-left: 0 !important;	
}
.sm-none-pd-right {
	padding-right: 0 !important;	
}

/* ***** FLEX ***** */

.custom-flex-sm-fill {
	flex: 1 0 0% !important;
}

/* ***** TEXT TABLE ***** */

/* custom label - sm */
.text-table-wrapper.label-w-custom.w-sm-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-sm-full .tw-label,
.label-w-custom.w-sm-full .tw-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-sm-80 .tw-label {width: 80px; }
.label-w-custom.w-sm-90 .tw-label {width: 90px; }
.label-w-custom.w-sm-100 .tw-label {width: 100px; }
.label-w-custom.w-sm-110 .tw-label { width: 110px; }
.label-w-custom.w-sm-120 .tw-label { width: 120px; }
.label-w-custom.w-sm-130 .tw-label { width: 130px; }
.label-w-custom.w-sm-140 .tw-label { width: 140px; }
.label-w-custom.w-sm-150 .tw-label { width: 150px; }
.label-w-custom.w-sm-160 .tw-label { width: 160px; }
.label-w-custom.w-sm-170 .tw-label { width: 170px; }
.label-w-custom.w-sm-180 .tw-label { width: 180px; }
.label-w-custom.w-sm-190 .tw-label { width: 190px; }
.label-w-custom.w-sm-200 .tw-label { width: 200px; }

.label-w-custom.w-sm-210 .tw-label { width: 210px; }
.label-w-custom.w-sm-220 .tw-label { width: 220px; }
.label-w-custom.w-sm-230 .tw-label { width: 230px; }
.label-w-custom.w-sm-240 .tw-label { width: 240px; }
.label-w-custom.w-sm-250 .tw-label { width: 250px; }

/* ***** TEXT ALIGN ***** */

.text-center-sm {
	text-align: center;
}
.text-left-sm {
	text-align: left;
}
.text-right-sm {
	text-align: right;
}
}

/* xs */
@media (max-width: 575.98px) {

.img-on-xxl,
.img-on-xl,
.img-on-lg,
.img-on-md,
.img-on-sm {
	display:none !important;
}
.img-on-xs {
	display:block !important;
}

.xs-none-pd-top {
	padding-top: 0 !important;	
}
.xs-none-pd-bottom {
	padding-bottom: 0 !important;	
}
.xs-none-pd-left {
	padding-left: 0 !important;	
}
.xs-none-pd-right {
	padding-right: 0 !important;	
}

.xs-none-mg-top {
	padding-top: 0 !important;	
}
.xs-none-mg-bottom {
	padding-bottom: 0 !important;	
}
.xs-none-mg-left {
	padding-left: 0 !important;	
}
.xs-none-mg-right {
	padding-right: 0 !important;	
}

/* ***** FLEX ***** */

.custom-flex-xs-fill {
	flex: 1 0 0% !important;
}

/* ***** TEXT TABLE ***** */

/* custom label - xs */
.text-table-wrapper.label-w-custom.w-xs-full {
	flex-wrap: wrap !important;
}
.label-w-custom.w-xs-full .tw-label,
.label-w-custom.w-xs-full .tw-detail {
	width: 100%;
	flex: none !important;
}
.label-w-custom.w-xs-80 .tw-label {width: 80px; }
.label-w-custom.w-xs-90 .tw-label {width: 90px; }
.label-w-custom.w-xs-100 .tw-label {width: 100px; }
.label-w-custom.w-xs-110 .tw-label { width: 110px; }
.label-w-custom.w-xs-120 .tw-label { width: 120px; }
.label-w-custom.w-xs-130 .tw-label { width: 130px; }
.label-w-custom.w-xs-140 .tw-label { width: 140px; }
.label-w-custom.w-xs-150 .tw-label { width: 150px; }
.label-w-custom.w-xs-160 .tw-label { width: 160px; }
.label-w-custom.w-xs-170 .tw-label { width: 170px; }
.label-w-custom.w-xs-180 .tw-label { width: 180px; }
.label-w-custom.w-xs-190 .tw-label { width: 190px; }
.label-w-custom.w-xs-200 .tw-label { width: 200px; }

.label-w-custom.w-xs-210 .tw-label { width: 210px; }
.label-w-custom.w-xs-220 .tw-label { width: 220px; }
.label-w-custom.w-xs-230 .tw-label { width: 230px; }
.label-w-custom.w-xs-240 .tw-label { width: 240px; }
.label-w-custom.w-xs-250 .tw-label { width: 250px; }

/* ***** TEXT ALIGN ***** */

.text-center-xs {
	text-align: center;
}
.text-left-xs {
	text-align: left;
}
.text-right-xs {
	text-align: right;
}
}

/* xs custom */
@media (max-width: 399.98px) {}