@charset "utf-8";

@media screen and (max-width:1600px) {


.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:490px;
	margin-right:auto;
	width:250px;
	height:250px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 50px;
	margin-right: 200px;
	margin-left:auto;
	margin-bottom: 0px;
	width:250px;
	height:250px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -240px;
	margin-left: 200px;
	margin-right:auto;
	margin-bottom: 20px;
	width:250px;
	height:250px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:270px;
		height:260px;
}

#mango .four-image2 {
		float:right;
		margin-right:15px;
		width:270px;
		height:260px;
}

#mango .four-image3 {
		float:right;
		margin-right:15px;
		width:270px;
		height:260px;
}

#mango .four-image4 {
		float:left;
		margin-left:-25px;
		width:280px;
		height:260px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}

}

@media screen and (max-width:1366px) {


.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:420px;
	margin-right:auto;
	width:250px;
	height:250px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 50px;
	margin-right: 200px;
	margin-left:auto;
	margin-bottom: 0px;
	width:250px;
	height:250px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -240px;
	margin-left: 200px;
	margin-right:auto;
	margin-bottom: 20px;
	width:250px;
	height:250px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:270px;
		height:260px;
}

#mango .four-image2 {
		float:right;
		margin-right:15px;
		width:270px;
		height:260px;
}

#mango .four-image3 {
		float:right;
		margin-right:15px;
		width:270px;
		height:260px;
}

#mango .four-image4 {
		float:left;
		margin-left:-25px;
		width:280px;
		height:260px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}

}


@media screen and (max-width:1280px) {


.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:390px;
	margin-right:auto;
	width:250px;
	height:250px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 50px;
	margin-right: 160px;
	margin-left:auto;
	margin-bottom: 0px;
	width:250px;
	height:250px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -250px;
	margin-left: 160px;
	margin-right:auto;
	margin-bottom: 20px;
	width:250px;
	height:250px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:250px;
		height:250px;
}

#mango .four-image2 {
		float:right;
		margin-right:15px;
		width:250px;
		height:250px;
}

#mango .four-image3 {
		float:right;
		margin-right:15px;
		width:250px;
		height:250px;
}

#mango .four-image4 {
		float:left;
		margin-left:-20px;
		width:250px;
		height:250px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}

}


@media screen and (max-width:1152px) {


.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:330px;
	margin-right:auto;
	width:250px;
	height:250px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 50px;
	margin-right: 130px;
	margin-left:auto;
	margin-bottom: 0px;
	width:250px;
	height:250px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -250px;
	margin-left: 130px;
	margin-right:auto;
	margin-bottom: 20px;
	width:250px;
	height:250px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:220px;
		height:220px;
}

#mango .four-image2 {
		float:right;
		margin-right:15px;
		width:220px;
		height:220px;
}

#mango .four-image3 {
		float:right;
		margin-right:15px;
		width:220px;
		height:220px;
}

#mango .four-image4 {
		float:left;
		margin-left:-25px;
		width:220px;
		height:220px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}

}


@media screen and (max-width:1024px) {


.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:290px;
	margin-right:auto;
	width:220px;
	height:220px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 50px;
	margin-right: 130px;
	margin-left:auto;
	margin-bottom: 0px;
	width:210px;
	height:210px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -210px;
	margin-left: 130px;
	margin-right:auto;
	margin-bottom: 20px;
	width:210px;
	height:210px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:200px;
		height:200px;
}

#mango .four-image2 {
		float:right;
		margin-right:15px;
		width:200px;
		height:200px;
}

#mango .four-image3 {
		float:right;
		margin-right:15px;
		width:200px;
		height:200px;
}

#mango .four-image4 {
		float:left;
		margin-left:-25px;
		width:200px;
		height:200px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}
}


@media screen and (max-width:768px) {

.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:200px;
	margin-right:auto;
	width:200px;
	height:200px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 50px;
	margin-right: 80px;
	margin-left:auto;
	margin-bottom: 0px;
	width:200px;
	height:200px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -200px;
	margin-left: 80px;
	margin-right:auto;
	margin-bottom: 20px;
	width:200px;
	height:200px;
}

#mango .four-image1 {
		float:right;
		margin-right:-30px;
		width:160px;
		height:160px;
}

#mango .four-image2 {
		float:right;
		margin-right:10px;
		width:160px;
		height:160px;
}

#mango .four-image3 {
		float:right;
		margin-right:10px;
		width:160px;
		height:160px;
}

#mango .four-image4 {
		float:left;
		margin-left:-40px;
		width:160px;
		height:160px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}
}


@media screen and (max-width:570px) {

.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:160px;
	margin-right:auto;
	width:150px;
	height:150px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 40px;
	margin-right: 70px;
	margin-left:auto;
	margin-bottom: 0px;
	width:130px;
	height:130px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -130px;
	margin-left: 70px;
	margin-right:auto;
	margin-bottom: 20px;
	width:130px;
	height:130px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:120px;
		height:120px;
}

#mango .four-image2 {
		float:right;
		margin-right:7px;
		width:120px;
		height:120px;
}

#mango .four-image3 {
		float:right;
		margin-right:7px;
		width:120px;
		height:120px;
}

#mango .four-image4 {
		float:left;
		margin-left:-25px;
		width:120px;
		height:120px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}

}

@media screen and (max-width:414px) {

.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:105px;
	margin-right:auto;
	width:120px;
	height:120px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 40px;
	margin-right: 50px;
	margin-left:auto;
	margin-bottom: 0px;
	width:100px;
	height:100px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -100px;
	margin-left: 50px;
	margin-right:auto;
	margin-bottom: 20px;
	width:100px;
	height:100px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:85px;
		height:85px;
}

#mango .four-image2 {
		float:right;
		margin-right:8px;
		width:85px;
		height:85px;
}

#mango .four-image3 {
		float:right;
		margin-right:8px;
		width:85px;
		height:85px;
}

#mango .four-image4 {
		float:left;
		margin-left:-25px;
		width:85px;
		height:85px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}

}

@media screen and (max-width:375px) {

.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:95px;
	margin-right:auto;
	width:100px;
	height:100px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 40px;
	margin-right: 40px;
	margin-left:auto;
	margin-bottom: 0px;
	width:90px;
	height:90px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -90px;
	margin-left: 40px;
	margin-right:auto;
	margin-bottom: 20px;
	width:90px;
	height:90px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:80px;
		height:80px;
}

#mango .four-image2 {
		float:right;
		margin-right:5px;
		width:80px;
		height:80px;
}

#mango .four-image3 {
		float:right;
		margin-right:5px;
		width:80px;
		height:80px;
}

#mango .four-image4 {
		float:left;
		margin-left:-30px;
		width:80px;
		height:80px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}

}

@media screen and (max-width:320px) {

.one-image {
	margin-top: 80px;
	margin-bottom: 50PX;
	margin-left:70px;
	margin-right:auto;
	width:100px;
	height:100px;

}

#mango .two-image1 {
	right:auto;
	left:auto;
	margin-top: 40px;
	margin-right: 20px;
	margin-left:auto;
	margin-bottom: 0px;
	width:90px;
	height:90px;
}

#mango .two-image2 {
	float: left;
	right:auto;
	left:auto;
	margin-top: -90px;
	margin-left: 20px;
	margin-right:auto;
	margin-bottom: 20px;
	width:90px;
	height:90px;
}

#mango .four-image1 {
		float:right;
		margin-right:-20px;
		width:70px;
		height:70px;
}

#mango .four-image2 {
		float:right;
		margin-right:5px;
		width:70px;
		height:70px;
}

#mango .four-image3 {
		float:right;
		margin-right:5px;
		width:70px;
		height:70px;
}

#mango .four-image4 {
		float:left;
		margin-left:-30px;
		width:70px;
		height:70px;
}

#mango .four-image5 {

}

#mango .four-image6 {

}

#mango .four-image7 {

}

#mango .four-image8 {

}

}