@import "http://fonts.googleapis.com/css?family=Raleway";
/*----------------------------------------------
CSS settings for HTML div Exact Center
------------------------------------------------*/
#d-gallery-popup,#d-add-popup{
	width:100%;
	height:100%;
	opacity:.95;
	top:0;
	left:0;
	display:none;
	position:fixed;
	background-color:#313131;
	overflow:auto;
	z-index: 9;
}
img#close{
	position:absolute;
	right:-14px;
	top:-14px;
	cursor:pointer;
}
div#popupContact{
	position: absolute;
    left: 15%;
    top: 6%;
    font-family: 'Raleway',sans-serif;
    right: 2%;
}
div#d-add-popupContact{
	position:absolute;
	left:30%;
	top:30%;
	font-family:'Raleway',sans-serif;
}
#popup-content,#d-add-popup-content{
	max-width:100%;
	min-width:25%;
	padding:10px 50px;
	border:2px solid gray;
	border-radius:10px;
	font-family:raleway;
	background-color:#fff;
}
input[type=text]{
	width: 95%;
    padding: 10px;
    /* margin-top: 30px; */
    border: 1px solid #ccc;
    /* padding-left: 40px; */
    font-size: 16px;
    font-family: raleway;
}
.d-popup-img-style{
	border: #ccc solid 1px;
	height:100px;
	width:100px;
}




@media (min-width: 120px) {
	
}

@media screen and (min-width: 768px) and (max-width: 979px){
	.d-popup-img-style{
		border: #ccc solid 1px;
		height:60px;
		width:60px;
	}
	.d-upload img {
		max-height: 85px;
		max-width: 135px;
		padding: 5px;
	}
	div#popupContact {
		font-family: "Raleway",sans-serif;
		left: 5%;
		position: absolute;
		right: 5%;
		top: 6%;
	}
}

@media screen and (min-width: 980px) and (max-width: 1099px) {
	.d-popup-img-style{
		border: #ccc solid 1px;
		height:60px;
		width:60px;
	}
	.d-upload img {
		max-height: 120px;
		max-width: 150px;
		padding: 10px;
	}
	div#popupContact {
		font-family: "Raleway",sans-serif;
		left: 18%;
		position: absolute;
		right: 1.5%;
		top: 5%;
	}
}

@media (min-width: 1100px) {
	
}