@media screen and (min-width: 1400px) and (max-width: 1800px) {
		.carousel-1 .carousel-cell {
	  	width: 24.5%;
		}
}


@media screen and (min-width: 1200px) and (max-width: 1390px) {

	.main-nav ul {
	  column-gap: 18px;
	}

	.main-nav ul li a {
		font-size: 18px;
	}

	.carousel-1 .carousel-cell {
	  	width: 25%;
	}

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

	.footer-logo img {
	  	max-width: 343px;
	}

	.social-item ul {
		column-gap: 25px;
	}

	.copyright p {
		margin-top: 40px;
	}

	.mercan-title h2 {
		font-size: 38px;
	}

	.youtube-title h2 {
		font-size: 45px;
	}

	.carousel-1 .carousel-cell {
	  	width: 28%;
		}


}

/*FOR-TABLATE-START*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

	.carousel-1 .carousel-cell {
	  width: 45%;
	}

	.slider-btn {
		display: none;
	}

	.mercan-title {
		display: grid;
		grid-template-columns: 100%;
	}

	.youtube-title h2 {
		font-size: 27px;
	}

	.youtube-main ul li a {
		font-size: 60px;
	}

	.youtube-main ul li img {
		max-width: 140px;
	}

	.youtube-btm h4 {
		font-size: 32px;
	}

	.brand-area {
		padding: 50px 0;
	}

	.brand-btm {
	  margin-top: 48px;
	}

	.footer-main {
		grid-template-columns: repeat(2,1fr);
		row-gap: 30px;
		column-gap: 30px;
	}

	.footer-logo img {
		max-width: 310px;
	}

	.social-item ul {
		column-gap: 25px;
	}

	.copyright p {
		text-align: center;
		margin-top: 30px;
	}

	.carousel-4 .carousel-cell {
  	width: 45%;
 }

 .carousel-3 .carousel-cell {
  	width: 45%;
	}

	.stand-top-item {
		padding: 15px 10px;
	}

	.stand-top-item ul li {
		font-size: 14px;
	}	

	.standing-main table tr td:nth-of-type(1) {
		padding-left: 20px;
	}

	.brand-top ul {
		column-gap: 100px;
	}

	.carousel-2 .carousel-cell {
	  	width: 30%;
	}

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

	.menu-toggle {
	  	display: block;
	}

	.main-nav {
		display: none;
	}



}


/*FOR-TABLATE-START*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.menu-toggle {
	  	display: block;
	}

	.main-nav {
		display: none;
	}

	.carousel-1 .carousel-cell {
	  width: 45%;
	}

	.slider-btn {
		display: none;
	}

	.mercan-title {
		display: grid;
		grid-template-columns: 100%;
	}

	.youtube-title h2 {
		font-size: 27px;
	}

	.youtube-main ul li a {
		font-size: 60px;
	}

	.youtube-main ul li img {
		max-width: 140px;
	}

	.youtube-btm h4 {
		font-size: 32px;
	}

	.brand-area {
		padding: 50px 0;
	}

	.brand-btm {
	  margin-top: 48px;
	}

	.footer-main {
		grid-template-columns: repeat(2,1fr);
		row-gap: 30px;
		column-gap: 30px;
	}

	.footer-logo img {
		max-width: 310px;
	}

	.social-item ul {
		column-gap: 25px;
	}

	.copyright p {
		text-align: center;
		margin-top: 30px;
	}

	.carousel-4 .carousel-cell {
  	width: 45%;
 }

 .carousel-3 .carousel-cell {
  	width: 45%;
	}

	.stand-top-item {
		padding: 15px 10px;
	}

	.stand-top-item ul li {
		font-size: 14px;
	}	

	.standing-main table tr td:nth-of-type(1) {
		padding-left: 20px;
	}

	.brand-top ul {
		column-gap: 100px;
	}

	.carousel-2 .carousel-cell {
	  	width: 30%;
	}

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



/*=laptop=*/
}

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

.m-block {
	display: block;
}

.m-none {
	display: none;
}

.menu-toggle {
  	display: block;
}

.main-nav {
	display: none;
}

.logo-item img {
	max-width: 79px;
}

.header-area {
	padding: 18px 0;
}

.header-main {
	grid-template-columns: 40% auto;
}

.slider-btn {
	display: none;
}

.carousel-1 .carousel-cell {
  width: 89%;
}

.juego-area {
	padding: 39px 0 30px 0;
}

.dot-btn {
  width: 45px;
  height: 7px;
}	

.mercan-title {
	display: grid;
	grid-template-columns: 100%;
}

.mercan-title img {
  max-width: initial;
  width: 100%;
}

.mercan-title h2 {
	font-size: 30px;
	padding: 10px 0;
}

.mercan-area {
	padding: 15px 0 42px 0;
}

.slider-btn2 {
	display: none;
}

.carousel-2 .carousel-cell {
  width: 100%;
}

.juego-container {
	max-width: initial;
	padding: 0;
	padding-left: 15px;
}

.youtube-area-inner {
  	background: url('../images/youtube-bg-m.png') no-repeat;
   	background-position: center;
  	background-size: cover;
  	padding-top: 230px;
}

.youtube-main ul {
	display: grid;
	grid-template-columns: 100%;
	text-align: center;
	align-items: initial;
	row-gap: 15px;
}

.youtube-main ul li a {
	font-size: 45px;
}

.youtube-main ul li img {
	max-width: 124px;
	margin: auto;
}

.youtube-btm h4 {
	font-size: 34px;
	padding: 0 50px;
}

.youtube-btm {
	margin-top: 105px;
}

.youtube-title h2 {
	font-size: 35px;
}

.brand-top ul {
	display: grid;
	grid-template-columns: 100%;
	row-gap: 56px;
}

.brand-top ul li img {
	max-width: 300px !important;
	width: 100%;
	display: block;
	margin: auto;
}

.brand-area {
	padding: 65px 0 48px 0;
}

.brand-btm {
	text-align: center;
	margin-top: 61px;
}

.brand-btm ul {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: 46px;
	row-gap: 34px;
}

.brand-btm ul li:nth-of-type(1) img {
	max-width: 186px;
}

.brand-btm ul li:nth-of-type(2) img {
	max-width: 145px;
}

.brand-btm ul li:nth-of-type(3) {
	max-width: 141px;
}

.brand-btm ul li:nth-of-type(4) img {
	max-width: 134px;
}  

.brand-btm ul li:nth-of-type(5) img {
	max-width: 139px;
}

.brand-btm ul li:nth-of-type(6) img {
	max-width: 93px;
}

.standing-main {
	grid-template-columns: 100%;
	margin-top: 15px;
}

.standing-right {
	display: none;
}

.standing-main table tr td:nth-of-type(1) {
	padding-left: 22px;
}

.standing-main table tr:nth-of-type(1) td {
  font-size: 14px;
}

.standing-main table tr td {
  padding: 16px 0;
}

.standing-container {
	max-width: initial;
	padding: 0;
}

.table-main2 {
	display: none;
}

.standing-main table tr td:nth-of-type(1) {
	width: 40%;
}

.standing-main table tr td:nth-of-type(2), 
.standing-main table tr td:nth-of-type(3), .standing-main table tr td:nth-of-type(4) {
  	width: 18%;
}

.stand-top-item ul li {
	font-size: 15px;
	text-align: initial;
}

.stand-top-item {
	padding: 18px 15px;
}

.carousel-3 .carousel-cell {
  width: 100%;
  margin-right: 0;
}

.carousel-4 .carousel-cell {
  width: 100%;
  margin-right: 0;
}

.highlights-area {
	padding: 23px 0;
}

.footer-main {
	grid-template-columns: 100%;
	row-gap: 40px;
}

.footer-logo img {
	max-width: 361px;
	display: block;
	margin: auto;
}

.social-item ul {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	text-align: center;
	row-gap: 40px;
}

.copyright p {
	text-align: center;
	line-height: 28px;
	max-width: 262px;
	margin: auto;
	margin-top: 45px;
}

.footer-area {
	padding: 30px 0 25px 0;
}




/*=phone=*/
}