*{box-sizing: border-box; }
html { scroll-behavior: smooth; }
body{ font-family: 'LG Smart'; margin: 0;padding: 0;overflow-x: hidden; background:#f6b36c url("../images/bg-main.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;}
label,p,ul {margin: 0; padding: 0;}
ul { list-style: none;}
body a:hover { text-decoration: none; color: #7b0027}
body a:focus { outline: 0; text-decoration: none}
.form-control:focus{ box-shadow: none;}
button:focus{ box-shadow: none; outline: none;}
img {  max-width: 100%}
.container{max-width:90%;}
video{ display: block; line-height: 0;}
.modal-dialog{ max-width: 600px;}
.modal-content{ border-radius: 0px;}
.btn.focus, .btn:focus {outline: 0; box-shadow: none; transition: .5s all;-webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all;}
button{transition: .5s all;-webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all;}
a{ color:#a50034; text-decoration: none; transition: .5s all;-webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all;}

.wrapper{ width: 100%; height: 100%; }
header{  padding:15px; width: 100%;}
header .logo{ width:90px; display: inline-block;}
header .logo img{ width:100%;}

.main-container{ width: 100%; padding: 0px 0;}
.title-main{ font-size: 3rem; font-weight: 600; color:#a50034; margin-bottom:3rem; text-align: center; text-transform: uppercase;}
.product-plater{ width: 100%; display: flex; justify-content: center; align-items: center; position: relative; min-height: 445px;}
.product-plater>img{ width: 60%;}

.link-sec{ width:100%; position: absolute; bottom:0px; left: 0px; text-align: center;}
.link-sec p{ text-align: center; font-size: 1.3rem; color:#000;  font-weight: 600; margin-bottom: 20px;}
.link-sec .app-link{ width: 100%; display: flex; justify-content: center;}
.link-sec .app-link img{ width:200px;}
a.tnclink{ color:#000; text-decoration: underline;}
a.tnclink:hover{ color:#a50034;}


/*---T&C----------*/
.tnc-body{ background: #fff; margin-bottom: 50px; padding: 30px;}
.tnc-body h2{font-size: 2.1rem; font-weight: 600; text-align: center; margin-bottom: 40px;}
.tnc-body ul { list-style: disc; margin-left: 12px;}
.tnc-body ul ul{margin-left: 24px;}
.tnc-body ul li{ margin-bottom: 10px;text-align: justify; font-size: 1rem; color:#333;   }
.tnc-body ul li:last-child{margin-bottom: 0px;}
.tnc-body .btn-cl{ width: 25px; height: 25px; background: #a50034; border: 0px; padding: 5px;}
.tnc-body .btn-cl img{ margin-top: -10px;}
.tnc-body ol {  margin-left:0px; padding-left: 10px;}
.tnc-body ol ol{margin-left: 24px;}
.tnc-body ol li{ margin-bottom: 10px;text-align: justify; font-size: 1rem; color:#333;  }
.tnc-body ol li a{ word-break: break-all;}
.tnc-body ul li a{ word-break: break-all;}
.tnc-body ol li:last-child{margin-bottom: 0px;}
.tnc-body p strong{ font-size: 1.5rem; font-weight: 600;}
.tnc-body p {font-size: 1rem; color:#333; }
.tnc-body p a{ word-break: break-all;}



@media ( max-width: 768px) {

}

@media (max-width: 500px){
	.inner-header{ margin-bottom: 0px;}
	.container{max-width:99%;}
	header { margin-bottom: 60px;}
	header .logo{ width:100px;}
header .logo img{ width:100px;}
	.title-main{ font-size: 2rem; }
	.product-plater{flex-wrap:wrap; min-height: 200px;}
.product-plater>img{ width: 100%;}	
.link-sec{ position: static; margin-top: 30px;}
	.link-sec p{ font-size: 1rem}
	.link-sec .app-link{ margin-bottom: 20px;}

}