@media only screen and (max-width: 610px) {
    #filter {
    display:block;
    }
    #gallery-filter .close {
    	display:block;
    }
    #gallery div.pic {
height:150vh;
}
    #gallery-filter {
          display:none;
    	position:absolute;
        top:100px;
        right:25%;
        font-family:"IR Lotus";
    	font-size:18px;
    	display: inline-block;
    	vertical-align: top;
    	text-align:center;
    	width:50%;
    	border:1px solid;
        padding-top:6px;
        margin:20px 0;
        background-color:#E1A837;
        background-image:none;
        z-index:70;
    }
    #gallery div.pic_div {
    	width:45%;
    }

#gallery {
	width:90%;
}
}

@media only screen and (max-width: 1000px) {
    #gallery-filter {
    	margin:10px 20px;
	}
}

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

    #gallery-filter {
    	margin:10px 5px;
	}
}