.galleries{
}

.gallery-row1{
    width: 1300px;
    height: 310px;
    margin:0;
    padding:0;
    margin-bottom:20px;
}

.gallery-item1 {
    height: 310px;
    width: 310px;
    float: left;
    overflow: hidden;
    position: relative;
}
.gallery-item2 {
    height: 310px;
    width: 310px;
    margin-left: 20px;
    float: left;
    overflow: hidden;
    position: relative;
}

.gallery-item3 {
    height: 310px;
    width: 640px;
    margin-left: 20px;
    float: left;
    overflow: hidden;
    position: relative;
}

.gallery-row2{
    width: 1300px;
    height: 970px;
    margin:0;
    padding:0;
    margin-bottom:20px;
}

.gallery-row2-col1 {
    width: 970px;
    height: 970px;
    float: left;
    display:inline-block;
    margin:0;
    padding:0;
}

.gallery-row2-col2 {
    width: 310px;
    float: right;
    height: 970px;
    display:inline-block;
    margin:0;
    padding:0;
    margin-left: 20px;
}

.gallery-item6{
	height: 310px;
	width: 310px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.gallery-item9{
	height: 640px;
	width: 310px;
	overflow: hidden;
	position: relative;
}

/*****/

.gallery-row2-col1-row1{
	height: 640px;
	width: 310px;
	margin-bottom: 20px;
	display: inline;
}

.gallery-item4{
	height: 640px;
	width: 310px;
	float: left;
    overflow: hidden;
    position: relative;
}

.gallery-row2-col1-row1-col2{
	width: 640px;
	height: 640px;
	margin-left: 20px;
    display:inline-block;
    float:left;
}

.gallery-item5{
	height: 310px;
	width: 640px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.gallery-item7{
	height: 310px;
	width: 310px;
	float:left;
	display: inline-grid;
	overflow: hidden;
	position: relative;
}

.gallery-item8{
	height: 310px;
	width: 310px;
	margin-left: 20px;
	display: inline-grid;
	overflow: hidden;
	position: relative;
}

.gallery-item11{
	height: 310px;
	width: 640px;
	float:left;
	display: inline-grid;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}

.gallery-item10{
	height: 310px;
	width: 310px;
	margin-left: 20px;
	display: inline-grid;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}


/* if desktop */
.mobile_device {
    display: none;

}


/* if mobile device max width 736 */
@media only screen and (max-width: 736px) {
    .mobile_device{display: block;}
    .desktop {display: none;}
    .gallery_container{ width: 736px; margin: auto;}
    .gallery-item3 {margin: auto;}
    .gallery-item4 {margin-right: 20px;}
    .gallery-item8 {margin-left:0px;}
    .gallery-item9 {margin-left:20px;}
    .gallery-item10{margin-left:0px;}
}

.gallery-mobile-row{
    width: 730px;
    height: 310px;
    margin:0;
    padding:0;
    margin-bottom:20px;
    display: inline-block;
}