

/*FOR-TABLATE-START*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
/*=laptop=*/
}

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

.hero-main {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.carousel-nav .carousel-cell {
	height: 45px;
	width: 12.6%;
}

.hero-logo-topper h4 {
	font-size: 16px;
}

.hero-logo-topper {
  grid-template-columns: 34% auto 34%;
}

.hero-logo-flex {
	grid-template-columns: repeat(3,1fr);
	row-gap: 20px;

}

.hero-logo-item1 img {
  max-width: 40px;
}

.hero-logo-item2 img {
  max-width: 70px;
}

.hero-logo-item3 img {
  max-width: 90px;
}

.hero-logo-item4 img {
  max-width: 90px;
}

.hero-logo-item5 img {
  max-width: 140px;
}

.hero-logo-item5 {
	grid-column-start: 4;
  grid-column-end: 2;
}

.hero-logo-wrap {
	margin-top: 70px;
}

.ac-trigger-cd10 {
	padding: 10px 42px 10px 10px;
}

.hero-hadding ul li {
	font-size: 14px;
}

.hero-hadding h1 {
	font-size: 24px;
}

.star-item {
  margin-top: 0;
}

.hero-left {
	padding: 0 5px;
}

.flickity-prev-next-button.next {
  right: -12px;
}

.flickity-prev-next-button.previous {
  left: -12px;
}

.hero-area {
	padding: 75px 0 20px 0;
}

.topper-left h3 {
	font-size: 16px;
}

.topper-left h4 {
	font-size: 12px;
}

.shift-main {
	grid-template-columns: 100%;
	row-gap: 45px;
}

.shift-right {
  padding-right: 0;
}

.tab-grid {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.tab-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 10px;
}

.tab-btn {
	border-radius: 999px;
	font-size: 14px;
	width: 45%;
}

.tab-btn5 {
	width: 80%;
}

.tab-title h2 {
	font-size: 30px;
}

.tab-main {
	margin-top: 35px;
}

.tab-slider-container {
	padding: 0;
	padding-left: 20px;
}

.work-main {
	grid-template-columns: 100%;
	row-gap: 30px;
	margin-top: 30px;
}

.work-title h2 {
	font-size: 16px;
}

.work-title h3 {
	font-size: 30px;
}

.work-left ul li h4 {
	font-size: 20px;
}

.work-right {
	order: 1;
}

.work-left {
	order: 2;
}


.how-main {
	grid-template-columns: 100px auto;
	margin-top: 0;
}

.how-right {
	overflow-x: scroll;
	padding-top: 167px;
}

.how-img img {
	width: 105px;
	margin-top: -97px;
}

.how-left ul li {
	font-size: 10px;
}

.how-left {
	padding: 26px 13px 30px;
	margin-top: 141px;
}

.how-item {
 	padding: 0 13px 30px;
 	width: 230px;
}

.how-item ul li {
	font-weight: 400;
	font-size: 12px;
	padding: 7px;
}

.how-item h4 {
	font-size: 16px;
}

.how-left h4 {
	font-size: 16px;
}

.how-item1::after {
  top: -28px;
}

.how-title h2 {
	font-size: 30px;
}

.how-btm-main ul li {
	font-size: 12px;
}

.how-btm-main ul {
	column-gap: 10px;
}

.how-btm-main ul li img {
	max-width: 20px;
}

.attraction-main {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.attraction-flex {
	grid-template-columns: repeat(2,1fr);
	row-gap: 10px;
}

.attraction-area {
	padding: 40px 0;
}

.attraction-title h3 {
	font-size: 26px;
}

.attraction-title h2 {
	font-size: 15px;
	padding: 0 10px;
}

.try-main {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.try-right {
  padding-right: 0;
}

.try-right h3 {
	font-size: 24px;
}

.try-right p {
	font-size: 16px;
}

.main-btn-all2 {
	max-width: initial;
}

.hurry-main h2 {
	font-size: 30px;
}

.claim-main {
	grid-template-columns: 100%;
	row-gap: 20px;
}

.claim-left img {
	height: initial;
	border-radius: 5px;
}

.claim-right {
  padding: 0 10px 10px 10px;
}

.claim-title h2 br {
	display: none;
}

.step-01 ul li {
	font-size: 13px;
}

.option-flex {
	padding: 10px;
	 grid-template-columns: 62% auto;
}

.step-01 ul li img {
  width: 42px;
}

.step-01 ul {
	column-gap: 5px;
}

.left {
	column-gap: 5px;
}

.step-20 ul li img {
  width: 25px;
}

.claime-inner-line {
  grid-template-columns: 22% auto 22%;
}

.main-content2 .owl-theme .custom-nav {
	display: none;
}

.question-container {
	padding: 0;
	padding-left: 15px;
}

.question-title h3 {
	font-size: 28px;
}

.question-title p {
	font-size: 18px;
	line-height: 28px;
}

.review-box-wrap {
	grid-template-columns: 100%;
}

.choice-item-wrap1 {
	grid-template-columns: 100%;
}

.choice1-right {
	border-radius: 0 0 20px 20px;
}

.choice1-left {
	border-radius: 20px 20px 0 0;
	text-align: center;
	padding-bottom: 0;
}

.choice-title h3 {
	font-size: 26px;
}

.footer-main ul {
	flex-wrap: wrap;
	row-gap: 5px;
}

.bottom-main {
	grid-template-columns: 100%;
}

.bottom-left {
	display: none;
}












	


/*=phone=*/
}




		
		         
