#rsModalBody{
 display: none;
 position: fixed;
 width: 100%;
 height: 100%;
 z-index: 9999;
}
#rsModalBody .modalBodyBG{
 opacity: 0.7;
 position: fixed;
 width: 100%;
 height: 100%;
 background: #000;
}
#rsModalBody .modalBodyBG .modalLoadImg{
 display: block;
 position: fixed;
 width: 100%;
 height: 100%;
 background: url(../img/ajax-loader.gif) no-repeat center center;
}
#rsModalBody .modalContent{
 opacity: 0;
 position: fixed;
 transition: transform 1s;
 transform: scale(1.2);
}
#rsModalBody .modalContentView{
 opacity: 1;
 transform: scale(1);
 box-shadow: 0px 0px 12px rgba(0,0,0,0.5);
}
#rsModalBody .modalContent img{
 vertical-align:bottom;
}
#rsModalBody .modalContent .trans{
 transition: 1s;
}
#rsModalBody .modalClose{
 display: block;
 position: fixed;
 z-index: 2;
 cursor: pointer;
 width: 37px;
 height: 37px;
 background: url(../img/close.png) no-repeat center center;
}
#rsModalBody .modalNavi{
 position: relative;
}
#rsModalBody .modalLeft{
 display: block;
 position: fixed;
 z-index: 2;
 cursor: pointer;
 width: 36px;
 height: 38px;
 background: url(../img/left.png) no-repeat center center;
}
#rsModalBody .modalRight{
 display: block;
 position: fixed;
 z-index: 2;
 cursor: pointer;
 width: 36px;
 height: 38px;
 background: url(images/right.png) no-repeat center center;
}

/* screens under900 //
-------------------------------------------------*/
@media screen and (max-width:900px) {

	#rsModalBody .modalLeft, #rsModalBody .modalRight{
	width: 50px;
	height: 50px;
	}
	.modalNavi span.modalLeft{
	display:none !important;
	}
	.modalNavi span.modalRight{
	display:none !important;
	}
	.modalNavi span.modalClose{
	left:88% !important;
	}

} /*--------------------------------//mediaquery*/