@charset "utf-8";

.welcom_slider {
	position: relative;
	width: 100%;
	height: 690px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top: 0px;

	display: flex;
	align-items: center;
	padding: 0;
}

.welcom_slider .presenter1 {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: auto;
}

.welcom_slider .presenter2 {
	position: absolute;
	left: 60px;
	bottom: 0px;
	height: auto;
}

table.myshop-table tr.subprice-table-header {
	display: none;
}

@media only screen and (min-width: 1200px) {}

@media only screen and (max-width: 1600px) {
	.flex-container>div {
		width: 16.666% !important;
	}
}

/************
2. 1440px
************/

@media only screen and (max-width: 1540px) {
	.flex-container>div {
		width: 20% !important;
	}
}

@media only screen and (max-width: 1440px) {
	.flex-container>div {
		width: 20% !important;
	}
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px) {
	.flex-container>div {
		width: 25% !important;
	}
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px) {
	.flex-container>div {
		width: 25% !important;
	}
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px) {

	.box-policy,
	.box-forgot,
	.box-signin,
	.box-signup {
		overflow-y: auto;
	}

	.welcom_slider {
		height: calc(100vw / 1.714);
	}

	/* jeff custom */
	.welcom_slider .presenter1 {
		height: calc(100vw / 1.714);
		overflow: hidden;
	}

	.welcom_slider .presenter2 {
		height: calc(100vw / 1.81);
		left: calc(50px - (50px / 2));
		overflow: hidden;
	}

	.welcom_slider_content {
		width: 100%;
	}

	#area-signin-slider {
		display: none;
	}

	.flex-container>div {
		width: 25% !important;
	}
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px) {
	.flex-container>div {
		width: 33.333% !important;
	}
}

/************
6. 991px
************/

@media only screen and (max-width: 991px) {
	h1 {
		font-size: 48px;
	}

	h2 {
		font-size: 36px;
	}

	.welcom_slider {
		margin-top: 0px;
		padding: 0;
	}

	.flex-container>div {
		width: 25% !important;
	}
}

/************
7. 959px
************/

@media only screen and (max-width: 959px) {
	.flex-container>div {
		width: 25% !important;
	}
}

/************
8. 880px
************/

@media only screen and (max-width: 880px) {
	.flex-container>div {
		width: 33.3333% !important;
	}
}

/************
9. 768px
************/

@media only screen and (max-width: 768px) {
	.flex-container>div {
		width: 33.3333% !important;
	}
}

/************
10. 767px
************/

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 24px;
	}

	h6 {
		font-size: 14px;
	}

	.flex-container>div {
		width: 33.3333% !important;
	}

	table.myshop-table thead.responsive-block {
		display: none;

	}

	table.myshop-table tr.subprice-table-header {
		display: table-row;
	}

	table tbody tr.responsive-block {
		border: none;
		display: block;
	}

	table tbody tr.responsive-block td.responsive-block {
		/* text-align: right; */
		display: block;
		width: block;
	}

	table tbody tr.responsive-block td.responsive-block-right {
		text-align: right;
	}

	table tbody tr.responsive-block td[data-label="#"].responsive-block {
		display: none;

	}

	table tbody tr.responsive-block td[data-label].responsive-block:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: bold;
	}

}

/************
11. 575px
************/

@media only screen and (max-width: 575px) {
	.flex-container>div {
		width: 50% !important;
	}
}

/************
11. 539px
************/

@media only screen and (max-width: 539px) {}

/************
12. 480px
************/

@media only screen and (max-width: 480px) {}

/************
13. 479px
************/

@media only screen and (max-width: 479px) {
	.logo_container a {
		font-size: 12px;
	}

	.welcom_slider {
		height: calc(100vh /2.94);
		/*height: 80vw;*/
		margin-top: 0px;
	}

	/* jeff custom */
	.welcom_slider .presenter1,
	.welcom_slider .presenter2 {
		height: calc(100vh /3.84);
	}

}

/************
14. 400px
************/
@media only screen and (max-width: 400px) {

	.box-policy .btn-center,
	.box-forgot .btn-center,
	.box-signin .btn-center,
	.box-signup .btn-center {
		width: 100%;
	}

	.box-policy,
	.box-forgot,
	.box-signin,
	.box-signup {
		padding: 20px;
		border: 1px solid #B2BABB;
	}
}

@media only screen and (max-width: 360px) {
	.logo_container img {
		margin-left: -15px;
		overflow: hidden;
	}
}

.box-policy,
.box-forgot,
.box-signin,
.box-signup {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.welcom_slider .presenter1,
.welcom_slider .presenter2 {
	margin-bottom: 0px;
}