/*FOR-MOBIL-START*/
@media screen and (max-width: 767px) {

.container {
  padding: 0 24px;
}

.timeline-item h4 {
	font-size: 12px;
}

.timeline-main-line {
	margin-top: 22px;
}

.cricle {
	font-size: 20px;
	width: 28px;
	height: 28px;
}

.timeline-line {
	height: 10px;
}

.timeline-area {
	padding: 32px 0;
}

.timeline-item h4 br {
  display: block;
}

.offer-title h2 {
	font-size: 24px;
	line-height: 30px;
}

.offer-area {
	padding: 32px 0;
} 

.offer-img img {
	margin-top: 20px;
}

.offer-cnt {
	margin-top: 20px;
}

.offer-cnt h3 {
	font-size: 20px;
}

.offer-cnt ul li {
	font-size: 14px;
}

.offer-cnt ul li:nth-of-type(2) span {
	padding: 4px 16px;
}

.offer-cnt h4 {
	font-size: 20px;
	margin-top: 12px;
}

.offer-cnt a  {
	font-weight: 700;
	font-size: 16px;
	margin-top: 20px;
}

.offer-cnt p {
	font-size: 16px;
}

.offer-cnt ul li:nth-of-type(1)::after {
	 background: url('../images/line2.png') no-repeat;
	 width: 50px;
  	 height: 16px;
}

.Why-main h2 {
	font-size: 24px;
	line-height: 100%;
}

.why-area {
	padding: 32px 0;
}

.Why-main a {
	padding: 9px 24px;
}

.why-logo img {
	max-width: 152px;
}

.savings-btn a {
	font-size: 16px;
}

.savings-title a {
	font-size: 14px;
}

.savings-area {
	padding: 32px 0;
}

.modal-content {
	width: 95%;
	padding: 15px;
}

.close-btn {
  position: absolute;
  top: -31px;
  right: -1px;
  font-size: 39px;
  cursor: pointer;
  color: #FE9900;
}

.new-left30 {
	padding: 24px;
}

.new-main30 {
	grid-template-columns: 100%;
}

.new-right30 img {
	border-radius: 0 0 8px 8px;
}

.new-title30 h2 {
	font-size: 24px;
}

.new-main-cnt20 img {
	margin-top: 24px;
}

.new-main-cnt20 h4 {
	margin-top: 24px;
}

.new-box20 h4 {
	font-size: 20px;
}

.new-box20 {
	border-radius: 8px;
	padding: 22px;
}













/*=phone=*/
}