@charset "utf-8";
/* CSS Document */

body {
	background-color: #FCF;
	margin: 0px;
}
.main{
	width:90%;
	height:1200px;
	background-color:#FFF;
	margin-left:5%;
}
.head{
	width:100%;
	height:200px;
	background-color:#09F;
}
.gallery_place{
	width:80%;
	height: 2450px;
	margin-left:10%;
	margin-top:5%;
	background-color:#FFF;
}
.gallery_part_one{
	width:48%;
	height: auto;
	/*background-color:#333;*/
	float:left;
}
/*-------------------------------First image(big one)----------------------------*/
.box{
	width:100%;
	height: auto;
	background-color:#CCC;
}
.box1{
	width:100%;
	height: auto;

}
.text{
	width:100%;
	height:30px;
	background-color: #CCC;
	
}
.text1{
	width:100%;
	height: auto;
	/*margin-top:7px;*/
	background-color: #CCC;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*font-weight: bold;*/
	color: #000;
	text-decoration: none;
}
.text2{
	width:100%;
	height:15px;
	margin-top:7px;
	background-color: #CCC;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	/*font-weight: bold;*/
	color: #096;
	text-decoration: none;
}
/*-------------------------------First image----------------------------*/
/*-------------------------------second image and third img(small)----------------------------*/
.box2{
	width:47%;
	height: auto;
	float:left;
	background-color:#CCC;
	margin-top:5%;
}
.box3{
	width:47%;
	height: auto;
	float: right;
	background-color:#CCC;
	margin-top:5%;
}

.box4{
	width:100%;
	height: auto;
	background-color:#CCC;
}

.box:hover {
-webkit-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
-moz-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);}

.box2:hover {
-webkit-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
-moz-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
}
.box5:hover {
-webkit-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
-moz-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
}
.box3:hover {
-webkit-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
-moz-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
}
.box6:hover {
-webkit-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
-moz-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
}
.box7:hover {
-webkit-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
-moz-box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
box-shadow: 0px -1px 26px 1px rgba(107,106,107,1);
}





/*-------------------------------second image----------------------------*/
/*-------------------------------forth image(big img)----------------------------*/
.box5{
	width:100%;
	height: auto;
	background-color:#CCC;
	margin-top:5%;
	float:left;
}
/*-------------------------------forth image end(big img)----------------------------*/
/*-------------------------------sixth image (small img)----------------------------*/
.box6{
	width:47%;
	height: auto;
	float:left;
	background-color:#CCC;
	
}
.box7{
	width:47%;
	height: auto;
	float: right;
	background-color:#CCF;
	
}

/*-------------------------------sixth image end(small img)----------------------------*/

.gallery_part_two{
	width:48%;
	height: auto;
	/*background-color:#333;*/
	float: right;
}


/* ================================responsive START=====================================*/
@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1280px) {.box{ width:100%; }.gallery_place{ height:1355px;}}
@media only screen and (max-width: 1024px) {.box{ width:100%; }.gallery_place{ height:1355px;}}
@media only screen and (max-width:800px) {.box{ width:100%; }.gallery_place{ height:1355px;}}
@media only screen and (max-width:980px) {.box{ width:100%; }.gallery_place{ height:1848px;}}
@media only screen and (max-width:768px) {.box{ width:100%; } .gallery_place{ height: 1448px;}}
@media only screen and (max-width:640px) {.gallery_place{ width:100%; margin-left:0%; height: 1621px; } .box{ width:100%; }}
@media only screen and (max-width: 480px) {.main{ width:100%; margin-left:0%;} .gallery_place{ width:100%; margin-left:0%;} .gallery_part_one{ width:100%;}  .gallery_part_two{ width:100%;} .box{ width:100%; }}
@media only screen and (max-width: 360px) { .main{ width:100%; margin-left:0%;} .gallery_place{  width:100%; margin-left:0%;} .gallery_part_one{ width:100%;}  .gallery_part_two{ width:100%;} .box{ width:100%; }}

/* ================================responsive END=====================================*/