/* Import Kanit Font */
@import url('https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600,700&subset=thai');

/* Import Sarabun Font */
@import url('https://fonts.googleapis.com/css?family=Sarabun:100,200,300,400,500,600,700,800');

html {
	overflow-x: hidden;
}

body {
/*	background: url(../image/v02/bg-mini.png);*/
	background-repeat: repeat;
	background-size: 60%;
	background-color: #fff;
}

html,
body {
	height: 100%;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Kanit', sans-serif;
	margin: 0 0 35px;
	letter-spacing: 1px;
}


/* Navbar */
.navbar-custom.other-active, .navbar-collection--mobile.other-active {
	background-color: transparent;
	color: #2B3043;
	border-bottom: 1px solid rgba(186, 186, 186, .5);
}

.navbar-left .navbar-list-left li.navbar-item a.navbar-link,
.navbar-right .navbar-list-right li.navbar-item a.navbar-link,
.navbar-right .navbar-list-right li.navbar-item a.navbar-link:hover, .navbar-right .navbar-list-right li.navbar-item a.navbar-link:focus,
.mobile-top-nav-link {
	color: #2B3043;
}

.count-noti-user-collection span {
	color: #fff;
}

.navbar-light .navbar-nav .nav-login-btn2 .user-info-collection img.user-info-pic {
	border-color: #2B3043;
}
/* /Navbar */


.cover-out-container {
	padding-left: 0;
	padding-right: 0;
}

.cover-img-container {
	width: 100%;
	min-height: calc(100vh - 0px);
	position: relative;
}

.cover-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.cover-content-for-high {
	min-height: calc(100vh - 0px);
}

.cover-txt-container {
	position: absolute;
	top: 50%;
	max-width: 85%;
	z-index: 1;

	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.register-form-outside-container {
	position: absolute;
	top: 50%;
	right: 0;
	width: 90%;
	z-index: 1;
	padding: 1rem;
	border-radius: 7px;
	background-color: #fff;

	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.cover-biggest-ic {
	width: 250px;
	margin-bottom: 20px;
}

.big-cover-txt {
	font-size: 3.5rem;
	margin-bottom: 20px;
	color: #091127;
	font-family: 'Sarabun', sans-serif;
	font-weight: 700;
}

.normal-cover-txt {
	color: #000;
	margin-bottom: 10px;
	font-weight: 400;
	font-family: 'Sarabun';
	line-height: 1.4;
}

.each-begin-txt-con-container p {
	font-family: 'Sarabun';
}

.cover-btn-choices-container {
	margin-top: 30px;
}

.cover-choices-link {
	font-family: 'Kanit', sans-serif;
	color: #fff;
	font-size: 1.3rem;
	padding: .5rem 2.5rem;
	background-color: #f21529;
	border-radius: 30px;
	border: 2px solid #f21529;
}

.cover-detail-link {
	background-color: #f21529;
	font-size: 1.4rem;
	font-weight: 600;
}

.cover-choices-link:hover,
.cover-choices-link:focus {
	color: #fff;
	text-decoration: none;
}

.register-section {
	padding-top: 40px;
	padding-bottom: 40px;
}

.register-content-container {
	background: linear-gradient(#001657, #6688EA);
	padding: .5rem;
	width: 90%;
}

.register-in-content-container {
	background-color: #fff;
	width: 100%;
	height: 100%;
	padding: 1.5rem;
	padding-bottom: 70px;
}

.register-content-head-txt {
	margin-bottom: 20px;
	text-align: center;
	font-weight: 300;
	color: #09267C;
}

.register-content-list {
	padding-left: 1.5rem;
}

.register-content-list-txt {
	font-family: 'Kanit', sans-serif;
	color: #414141;
	margin-bottom: 10px;
	font-size: 1.1rem;
	font-weight: 300;
}

.register-img-content-out-container {
	width: 90%;
	margin-top: -75px;
}

.content-regis-form-container {
	padding: 1rem;
}

.register-img-content-container {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.register-img-content {
	width: 100%;
}

.register-field-head-txt {
	margin-bottom: 15px;
	color: #2B3142;
}

.register-field-normal-txt {
	margin-bottom: 30px;
	font-family: 'Kanit', sans-serif;
	font-size: 1.2rem;
	font-weight: 300;
	color: #2B3142;
}

.each-register-input {
	margin-bottom: 15px;
	text-align: center;
	position: relative;
}

.regis-user-container {
	margin-top: 40px;
	display: none;
}

.regis-user-container.active {
	display: block;
}

.hidden-input {
	display: none;
}

.hidden-input.active {
	display: block;
}

.each-register-input-selection {
	display: flex;
}

.register-input {
	border-radius: 2px;
}

.bootstrap-tagsinput {
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 2px;
	text-align: left;
	line-height: 1.25;
	padding: .5rem .75rem;
}

.tt-menu {
	background-color: #fff;
	padding: 5px;
}

.tt-cursor {
	background-color: #cce6ff;
}

.birthdate-selection {
	flex: 0 0 31.6666667%;
	max-width: 31.6666667%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	border-radius: 2px;
}

.divide-input-5 {
	flex: 0 0 48.75%;
	max-width: 48.75;
	margin-right: 2.5%;
	position: relative;
}

.otp-number-btn {
	position: absolute;
	top: 50%;
	right: 5px;
	z-index: 2;
	color: #f21529;

	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.otp-number-btn:hover,
.otp-number-btn:focus {
	color: #f21529;
}

.otp-number-btn.active {
	color: #009933;
}

.otp-number-btn.active:hover,
.otp-number-btn.active:focus {
	color: #009933;
}

.divide-input-5:last-child {
	margin-right: 0;
}

.birthdate-selection:first-child,
.birthdate-selection:last-child {
	margin-left: 0;
	margin-right: 0;
}

.register-policy-label {
	margin-left: 10px;
	margin-bottom: 0;
	color: #273B72;
}

.register-submit {
	width: 100%;
	background-color: #273B72;
	color: #fff;
	font-family: 'Kanit', sans-serif;
	font-size: 1.2rem;
	padding: .5rem 1rem;
	border-radius: 40px;
}

.how-to-start-section {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	background-color: #2b3143;
	color: #fff;
}

.col-each-head-container {
	margin-bottom: 30px;
}

.how-to-section {
	padding-top: 50px;
	padding-bottom: 50px;
}

.how-to-col-container {
	padding: 1rem 2rem;
	border: 5px solid #273B72;
	border-radius: 10px;
	margin: 10px;
	flex: 0 0 48.75%;
	max-width: 48.75%;
	margin-right: 2.5%;
	margin-left: 0;
}

.start-big-head-txt {
	font-weight: 700;
	margin-bottom: 15px;
}

.star-head-normal-txt {
	margin-bottom: 0;
	font-size: 1.1rem;
	font-family: 'Kanit', sans-serif;
	font-weight: 300;
}

.how-to-in-container {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.how-to-col-container:nth-last-of-type(odd) {
	margin-right: 0;
}

.how-to-ic-container,
.how-to-txt-container {
	display: inline-block;
	vertical-align: middle;
}

.how-to-ic-container {
	width: 18%;
}

.how-to-ic {
	width: 85%;
}

.how-to-txt-container {
	width: 80%;
	padding-left: 30px;
}

.how-to-txt-head {
	color: #434343;
	margin-bottom: 0;
	font-size: 1.7rem;
	font-weight: 500;
	font-family: 'Kanit';
	margin-bottom: 15px;
	line-height: 1.2;
}

.how-to-txt {
	color: #434343;
	font-weight: 400;
	font-family: 'Sarabun';
	font-size: .9rem;
	margin-bottom: 15px;
}

.how-to-link-target {
	font-family: 'Kanit';
	font-size: 1rem;
	color: #5895C9;
	font-weight: 400;

	transition: all .3s;
	-webket-transition: all .3s;
	-moz-transition: all .3s;
}

.how-to-link-target:hover,
.how-to-link-target:focus {
	color: #F21529;
	text-decoration: none;
}

.ic-head-text,
.how-to-head-pack4-txt,
.our-portfolio-pack-txt {
	text-align: center;
	font-family: 'Kanit';
	font-weight: 600;
	color: #434343;
	font-size: 1.5rem;
	width: 100%;
	margin-bottom: 25px;
}

.get-result-section {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.head-get-result-txt {
	font-weight: 600;
	color: #434343;
	margin-bottom: 50px;
}

.result-ic-container {
	margin-bottom: 20px;
}

.result-ic {
	height: 100px;
}

.result-txt-head {
	margin-bottom: 10px;
	color: #434343;
	font-weight: 600;
}

.result-txt-normal {
	color: #3C3C3C;
	margin-bottom: 0;
	font-size: .9rem;
	font-family: 'Sarabun';
}

.result-txt-sub {
	margin-bottom: 0;
	font-size: .75rem;
	color: #3C3C3C;
}

.underline-section {
	width: 100%;
	border-bottom: 1px solid #B1B1B1;
}

.begining-web-container {
	padding-top: 25px;
	padding-bottom: 25px;
}

.begining-web-container:nth-child(2) {
	padding-top: 0;
	padding-bottom: 50px;
}

.head-col-begin-web-container {
	text-align: center;
}

.sub-big-head-begin-txt {
	font-weight: 600;
	color: #2B3142;
	margin-bottom: 10px;
}

.big-head-begin-txt {
	margin-top: 10px;
	background: url('../image/v02/begin-bg.png') no-repeat;
	background-size: 100%;
	background-position: center;
	color: #fff;
	display: inline-block;
	padding: 1.5rem 4rem;
}

.body-col-begin-web-img {
	width: 70%;
	display: block;
	margin-left: auto;
	opacity: 0;

	transition: .3s all ease-out;
	-webkit-transition: .3s all ease-out;
	-moz-transition: .3s all ease-out;
}

.body-col-begin-web-img.active {
	opacity: 1;
}

.each-body-begin-number-txt label,
.each-body-begin-number-txt p {
	display: inline-block;
	vertical-align: middle;

	transition: .4s all ease-out;
	-webkit-transition: .4s all ease-out;
	-moz-transition: .4s all ease-out;
}

.each-body-begin-number-txt label {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
	border: 1px solid #F21529;
	color: #F21529;
	font-size: 1rem;
	text-align: center;
	margin-bottom: 0;
	margin-right: 15px;
}

.each-body-begin-number-txt p {
	line-height: 30px;
	font-family: 'Kanit', sans-serif;
	margin-bottom: 0;
	font-weight: 300;
	color: #414141;
	font-size: 1.2rem;
}

.each-body-begin-number-txt:hover,
.each-body-begin-number-txt:focus,
.each-body-begin-number-txt.active p{
	color: #F21529;
	text-decoration: none;
}

.each-body-begin-number-txt:hover p,
.each-body-begin-number-txt:focus p {
	color: #f21529;
	text-decoration: none;
}

.each-body-begin-number-txt:hover label,
.each-body-begin-number-txt:focus label {
	color: #fff;
	background-color: #f21529;
}

.each-body-begin-number-txt.active label {
	color: #fff;
	background-color: #f21529;
}

.each-body-begin-content-txt-container {
	margin-top: 5px;
}

.each-body-begin-arrow-container,
.each-body-begin-content-txt {
	display: inline-block;
	vertical-align: middle;
}

.each-body-begin-arrow-container {
	width: 30px;
	margin-right: 15px;
	text-align: center;
}

.each-body-begin-arrow-container img.active {
	display: inline;
}

.each-body-begin-arrow-container img {
	display: none;
}

.each-body-begin-content-txt {
	margin-bottom: 0;
	color: #414141;
	max-width: 70%;
}

.sub-big-teller-head-txt {
	color: #2B3142;
}

.each-teller-container {
	margin-bottom: 40px;
}

.each-teller-img-container,
.each-teller-txt-container {
	display: inline-block;
	vertical-align: middle;
}

.each-teller-img-container {
	width: 100%;
	position: relative;
	padding-top: 100%;
}

.each-teller-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}


.each-teller-txt-container {
	width: 100%;
}

.teller-carousel-container {
	margin-top: 30px;
	position: relative;
}

.regis-as-teller-link-container {
	text-align: center;
	margin-top: 60px;
}

.regis-as-teller-link {
	background-color: #2B3143;
	color: #fff;
	font-family: 'Kanit', sans-serif;
	padding: .5rem 1.75rem;
	font-size: 1.2rem;
	border-radius: 8px;
	font-weight: 300;
}

.regis-as-teller-link:hover,
.regis-as-teller-link:focus {
	color: #fff;
	text-decoration: none;
}

.owl-nav {
	position: absolute;
	margin-top: 0 !important;
	width: 100%;
	top: 30%;
	color: #232B38;
	background-color: transparent;

	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.owl-prev {
	left: -25px;
	position: absolute;
}

.owl-next {
	right: -25px;
	position: absolute;
}

.owl-prev,
.owl-next {
	color: #232B38 !important;
	background-color: transparent !important;
}

.each-body-begin-web-txt-container {
	margin-bottom: 10px;
	margin-top: 10px;
}

.verify-code-submit {
	display: block;
	margin: auto;
	margin-top: 10px;
	background-color: #f21529;
	color: #fff;
}

.owl-carousel .owl-item img.each-teller-img {
	min-height: 210px;
	object-fit: cover;
}

.how-to-col-new-container {
	position: relative;
	margin-bottom: 15px;
}

.how-to-in-container  {
	display: block;
	width: 80%;
	background-color: #fff;
	border-radius: 10px;
/*	box-shadow: 0 3px 6px rgba(0,0,0,.16);*/
	padding: .75rem;
	display: flex;
	margin: auto;
	flex-wrap: wrap;
}

.how-to-col-cover-container {
	flex: 0 0 25%;
	max-width: 0 0 25%;


}

.how-to-col-cover-in-container {
	position: relative;
	padding-top: 75%;
	background-color: #2b3143;
	border-radius: 10px;
}

.how-to-col-cover-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.how-to-txt-container {
	flex: 0 0 75%;
	max-width:75%;
	padding-left: 0;
}

.how-to-in-container.even {
	margin-left: auto;
	text-align: right;
}

.how-to-txt-container {
	padding-left: 25px;
	padding-right: 25px;
}

.how-to-regis-btn-container {
	text-align: center;
	margin: 15px 0;
}




.our-portfolio-section {
	padding: 50px 0;
}


.each-line-port-container {
	position: relative;
	width: 100%;
}

.each-line-port-container:first-child {
	margin-bottom: 7.5px;
}

.port-line-container {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 50%;
}

.port-square-container {
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.port-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 2px;

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.line-img {
	padding-top: 7.5px;
}

.each-side-portfolio-container:nth-child(odd) {
	padding-right: 7.5px;
}

.each-side-portfolio-container:nth-child(even) {
	padding-left: 7.5px;
}

.our-partner-container,
.register-last-label-container {
	padding: 50px 0;
}

#partner-head,
#regis-last-label-head {
	margin-bottom: 15px !important;
}

.partner-img-container {
	position: relative;
	width: 80%;
	padding-top: 80%;
	margin: auto;
	margin-bottom: 15px;
}

.partner-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: #2B3143;
	border-radius: 100%;

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.regis-as-teller-last-label-link {
	background-color: transparent;
	border: 1px solid #2b3143;
	color: #2b3143;
}

.regis-as-teller-last-label-link:hover,
.regis-as-teller-last-label-link:focus {
	color: #2b3143;
}

.pack-ic-img-container {
	position: relative;
	width: 80%;
	padding-top: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.pack-ic-img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pack-ic-txt {
	font-size: .6rem;
	font-weight: 600;
}

.packs-icon-row .col-3 {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.packs-icon-row {
	position: relative;
		padding-top: 25px;
		padding-bottom: 25px;
}

.packs-icon-row hr {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
	border-top: 3px dashed #FD4E61;
}

.ic-head-text {
	font-family: 'Kanit', sans-serif;
	font-weight: 600;
	color: #424554;
}

.center-press-btn {
	margin-right: 0 !important;
}

.button-row {
	padding-top: 25px;
	padding-bottom: 25px;
}

@media(min-width: 320px) {
	.cover-img-container {
		min-height: calc(100vh - 40px);
	}

	.big-cover-txt {
		font-size: 1rem;
	}

	.cover-biggest-ic {
		width: 120px;
	}

	.normal-cover-txt {
		font-size: .8rem;
	}

	.cover-choices-link {
		font-size: 1.2rem;
		padding: .25rem 1.75rem;
	}

	.register-content-container {
		width: 100%;
	}

	.register-content-head-txt {
		font-size: 1.1rem;
	}

	.register-in-content-container {
		padding: 1rem .5rem;
		padding-bottom: 70px;
	}

	.register-content-list-txt {
		font-size: .9rem;
	}

	.register-content-list {
		padding-left: 1rem;
	}

	.register-img-content-out-container {
		width: 100%;
	}

	.register-field-head-txt {
		font-size: 1.3rem;
	}

	.register-field-normal-txt {
		font-size: .9rem;
	}

	.register-field-container {
		margin-top: 0px;
	}

	.start-big-head-txt {
		font-size: 1.5rem;
	}

	.star-head-normal-txt {
		font-size: .9rem;
	}

	.how-to-col-container {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 10px;
		border: none;
		padding: .5rem 1rem;
	}

	.how-to-section {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.head-get-result-txt {
		font-size: 1.45rem;
		margin-bottom: 30px;
	}

	.result-txt-head {
		font-size: 1.1rem;
	}

	.result-txt-normal {
		font-size: .8rem;
	}

	.result-txt-sub {
		font-size: .75rem;
	}

	.each-result-container {
		margin-bottom: 15px;
	}

	.result-ic {
		width: 100px;
		height: 100px;
		object-fit: contain;
	}

	.sub-big-head-begin-txt {
		font-size: 1.4rem;
	}

	.big-head-begin-txt {
		font-size: 1.2rem;
		margin-bottom: 0px;
	}

	.body-col-begin-web-d-container {
		display: none;
	}

	.body-col-begin-web-img {
		margin-left: auto;
		margin-right: auto;
	}

	.each-teller-txt-detail {
		font-size: .7rem;
		font-family: 'Kanit', sans-serif;
		font-weight: 300;
		margin-bottom: 30px;
	}

	.each-teller-txt-name {
		margin-bottom: 0;
		color: #2b3143;
		font-weight: 600;
	}

	.big-each-begin-number-link-container {
		text-align: center;
	}

	.each-begin-number-link-container,
	.each-begin-number-link-m,
	.each-begin-number-arrow-m-container {
		display: inline-block;
		vertical-align: middle;
	}

	.each-begin-number-link-m {
		width: 35px;
		height: 35px;
		line-height: 32px;
		border-radius: 100%;
		color: #F21529;
		border: 2px solid #f21529;
		font-weight: 600;

		transition: .2s all ease-out;
		-webkit-transition: .2s all ease-out;
		-moz-transition: .2s all ease-out;
	}

	.each-begin-number-link-m.active {
		background-color: #f21529;
		color: #fff;
	}

	.each-begin-number-arrow-m-container {
		display: none;
	}

	.each-begin-number-arrow-m-container.active {
		display: inline-block;
	}

	.big-each-begin-txt-con-container {
		margin-top: 30px;
		text-align: center;
	}

	.each-begin-txt-con-container {
			display: none;
	}

	.each-begin-txt-con-container.active {
		display: block;
	}

	.each-begin-txt-con-container h5 {
		margin-bottom: 10px;
		font-weight: 300;
	}

	.each-begin-txt-con-container p {
		margin-bottom: 0;
	}

	.each-begin-txt-con-container h5,
	.each-begin-txt-con-container p {
		color: 	#414141;
	}

	.modal-body {
		max-height: 360px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.sub-big-head-m-begin-txt {
		display: block;
	}

	.how-to-col-cover-container {
		flex: 0 0 80%;
		max-width: 80%;
		margin: auto;
		margin-bottom: 20px;
	}

	.how-to-txt-container {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.how-to-in-container {
		width: 100%;
		text-align: center;
	}

	.how-to-in-container.even {
		text-align: center;
	}

	.how-to-col-new-container {
		margin-bottom: 30px;
	}

	.how-to-txt-head {
		font-size: 1.2rem;
	}

	.how-to-txt {
		font-size: .8rem;
	}

	.each-side-portfolio-container:nth-child(odd) {
		padding-right: 15px;
	}

	.each-side-portfolio-container:nth-child(even) {
		padding-left: 15px;
	}

	.each-side-out-port-container {
		margin-bottom: 15px;
	}

	.each-side-in-port-container:nth-child(odd) {
		padding-right: 7.5px;
	}

	.each-side-in-port-container:nth-child(even) {
		padding-left: 7.5px;
	}

	.sub-big-sub-head-begin-txt {
		font-size: 1.1rem;
	}

	.cover-content-for-high {
		min-height: auto;
		margin-bottom: 40px;
	}

	.cover-txt-container {
		position: relative;
		max-width: 100%;
		text-align: center;
	}

	.register-form-outside-container {
		position: relative;
		width: 100%;
	}

	.content-regis-form-container {
		padding: 3rem .5rem;
	}

	.each-begin-txt-con-container p {
		font-size: .8rem;
	}
}

@media(min-width: 360px) {
	.modal-body {
		max-height: 490px;
	}

	.pack-ic-txt {
		font-size: .8rem;
	}
}

@media(min-width: 768px) {
	.cover-img-container {
		min-height: calc(100vh - 0px);
	}

	.big-cover-txt {
		font-size: 2rem;
	}

	.cover-biggest-ic {
		width: 40%;
	}

	.normal-cover-txt {
		font-size: 1rem;
		line-height: 1.5;
	}

	.cover-choices-link {
		font-size: 1.1rem;
		padding: .5rem 5rem;
	}

	.register-content-container {
		width: 90%;
	}

	.register-content-head-txt {
		font-size: 1.75rem;
	}

	.register-in-content-container {
		padding: 1.5rem;
		padding-bottom: 70px;
	}

	.register-content-list-txt {
		font-size: 1.1rem;
	}

	.register-content-list {
		padding-left: 1.5rem;
	}

	.register-img-content-out-container {
		width: 90%;
	}

	.register-field-head-txt {
		font-size: 1.5rem;
	}

	.register-field-normal-txt {
		font-size: 1rem;
	}

	.register-field-container {
		margin-top: 0px;
	}

	.start-big-head-txt {
		font-size: 2.8rem;
	}

	.star-head-normal-txt {
		font-size: 1rem;
	}

	.how-to-col-container {
		flex: 0 0 48.75%;
		max-width: 48.75%;
		margin: 10px;
		border: 5px solid #273B72;
		padding: 1rem 2rem;
		margin-right: 2.5%;
		margin-left: 0;
	}

	.how-to-col-container:nth-of-last-type(odd) {
		margin-right: 0;
	}

	.how-to-section {
		padding-top: 50px;
		padding-bottom: 20px;
	}

	.head-get-result-txt {
		font-size: 1.5rem;
		margin-bottom: 50px;
	}

	.result-txt-head {
		font-size: 1.25rem;
	}

	.result-txt-normal {
		font-size: .9rem;
	}

	.result-txt-sub {
		font-size: .65rem;
	}

	.each-result-container {
		margin-bottom: 0px;
	}

	.result-ic {
		width: auto;
		height: 130px;
		object-fit: contain;
	}

	.sub-big-head-begin-txt {
		font-size: 1.75rem;
		margin-bottom: 50px;
	}

	.big-head-begin-txt {
		font-size: 2rem;
		margin-bottom: 0px;
	}

	.body-col-begin-web-d-container {
		display: block;
	}

	.body-col-begin-web-img {
		margin-left: auto;
		margin-right: 0;
	}

	.each-teller-txt-detail {
		font-size: 1rem;
	}

	.modal-body {
		max-height: 550px;
	}

	.body-col-begin-web-m-container {
		display: none;
	}

	.begining-web-container {
		padding-top: 50px;
	}

	.sub-big-head-m-begin-txt {
		display: none;
	}

	.how-to-col-cover-container {
		flex: 0 0 25%;
		max-width: 25%;
		margin: auto;
	}

	.how-to-txt-container {
		flex: 0 0 75%;
		max-width: 75%;
		padding-left: 25px;
		padding-right: 25px;
	}

	.how-to-in-container {
		width: 80%;
		text-align: left;
	}

	.how-to-in-container.even {
		text-align: right;
	}

	.how-to-col-new-container {
		margin-bottom: 15px;
	}

	.how-to-txt-head {
		font-size: 1.7rem;
	}

	.how-to-txt {
		font-size: .9rem;
	}

	.each-side-portfolio-container:nth-child(odd) {
		padding-right: 7.5px;
	}

	.each-side-portfolio-container:nth-child(even) {
		padding-left: 7.5px;
	}

	.sub-big-sub-head-begin-txt {
		font-size: 1.5rem;
	}

	.cover-content-for-high {
		min-height: 100vh;
		margin-bottom: 0;
	}

	.cover-txt-container {
		position: absolute;
		max-width: 85%;
		text-align: left;
	}

	.register-form-outside-container {
		position: absolute;
		width: 90%;
	}

	.content-regis-form-container {
		padding: 1rem;
	}

	.each-begin-txt-con-container p {
		font-size: .9rem;
	}

	.col-each-head-container {
		margin-bottom: 0px;
	}

	.pack-ic-img-container {
		width: 50%;
		padding-top: 50%;
	}

	.pack-ic-txt {
		font-size: .9rem;
	}

	.ic-head-text {
		margin-bottom: 30px;
		font-size: 1.5rem;
	}

	.packs-icon-row hr {
		top: 26%;
	}
}


@media (min-width: 992px) {
	.cover-mobile-pic-container {
		position: absolute;
		top: 50%;

		transform: translateY(-50%);
	}

	.cover-mobile-in-pic-container{
		max-width: 60%;
	}

	.cover-choices-link {
		font-size: 1.5rem;
		padding: .5rem 3rem;
	}

	.big-cover-txt {
		font-weight: 700;
	}

	.pack-ic-txt {
		font-size: 1.1rem;
	}

	.pack-ic-img-container {
		margin-bottom: 15px;
	}

	.packs-icon-row hr {
		top: 28%;
	}
}

@media (min-width: 1200px) {
	.packs-icon-row hr {
		top: 30%;
	}
}