.gallery-banner{
	margin:0px 0px 0px 0px;
	padding:0px 0px 253px 0px;
	background:url(../images/banner-bg.png) center 0 no-repeat;
	width:100%;
	border-bottom:1px solid #603d24;
}



	/******* start of gallery ********/
	
.gallery{
	margin:0px 0px 0px 0px;
	padding:153px 0px 0px 0px;
	overflow:hidden;
	width:100%;
	background:transparent;	
}		
.gallery-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gallery-row1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
}
.gallery-row1 img{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}
.gallery-row1 img:hover{
	cursor:pointer;
	opacity:.90;
}




		/*********** modal ******/

.modal-dialog {
    width: 760px !important;
}
.close{
	opacity:1 !important;
}
.modal-header .close {
    margin-top: -7px;
}
.modal-header {
    padding:0px 15px 0px 0px !important;
    border-bottom: 0px solid #e5e5e5 !important;
}	
.modal-body{
	padding:3px 15px 15px 15px !important;
}
.modal-footer {
    padding:0px 15px 15px 0px !important;
    border: 0px solid #e5e5e5 !important;
}





			/******** responsive of gallery page ********/
			

@media (max-width :767px) and (min-device-width :280px){

.gallery-banner{
	padding:0px 0px 0px 0px;
}

	
.gallery-row1 {
    display: inherit;
}


	/******* modal ****/
.modal-dialog {
    width: 100% !important;
	margin:0px !important;
}
.modal {
    top: 20px !important;
}
.close {
    font-size: 13px !important;
    font-weight: 300 !important;
	margin-top: -2px !important;
}
}