/* CSS Document */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}/*lg End*/
@media all and (max-width: 880px){
	.row ,
	.row2{
		width:100%;
	}
	.text{
		padding:15px 5%;
	}
	#culture{
		width:96%;
	}
	.menu li a{
		font-size:12px;
	}
	.more-read{
		width:92%;
		padding:0 4%;
	}
	#books{
		text-align:center;
		direction:rtl;
	}
	#books li{
		float:none;
	}
	.more-download{
		width:92%;
		padding:0 4%;
	}
	.month-book{
		text-align:center;
		width:100%;
		margin-bottom:30px;
	}
	.title-month{
		width:100%;
		background-repeat:no-repeat;
		left:0;
	}
	.contact-form{
		width:96%;
		padding:0 2%;
	}
	.row-input{
		text-align:center;
		direction:rtl;
	}
	.row-input label{
		float:none;
		display:inline-block;
		top:0;
	}
	.txt-input,.area-input{
		float:none;
		display:inline-block;
	}
	.send-submit{
		margin:0;
	}
	.logo{
		margin-right:5%;
	}
	.contact{
		background-size:cover;
	}
	.month-book{
		margin-left:0;
	}
}
@media all and (max-width: 768px) {
	.menu{
		display:none;
	}
	
	.hide_menu{
		display:inline-block;
	}
	.menu li{
		width:100%;
	}
	.menu{
		min-height:45px;
		height:auto;
		background-color:#fff;
	}
	.hey header .menu li a{
		border-color:#FBFBEC;
	}
	.menu li a{
			border-bottom: 1px solid #FCFCFC;
			border-top: 1px solid #F7F7F7;
			margin:0;
			padding:0;
			line-height:30px;
	}
	.menu ul{
		float:right;
		position:relative;
		width:100%;
		top:0;
		min-width:100%;
		
	}
	.hey .hide_menu i{
		color:#D4C098;
	}
	#menu{
		
		width:100%;
	}
	.jcarousel-pagination a{
		margin:0 10px;
	}
	.logo{
		position:absolute;
		right:4%;
		top:0;
		z-index:5;
	
	}
	.circle{
		width:360px;
		float:none;
		display:inline-block;
	}
	.kateb{
		text-align:center;
	}
	.style-two{
		display:none;
	}
	.circle li.big{
		margin:0 9px;
	}
	.select{
		margin-bottom:15px;
	}
	.twitter-cont{
		width:90%;
		margin:20px 5%;
	}
	#section li:nth-child(2n+1){
		margin-left:1%;
	}
	#section li{
		width:48%;
		padding:5px 1% 5px 0px;
	}
	.section{
		width:98%;
		padding:1%;
	}
	.right-side{
		width:94%;
	}
	.left-side{
		float:right;
		width:100%;
	}
	.book-title{
		width:100%;
		left:0;
	}
}
@media all and (max-width: 700px) {
	.desc{
		width:100%;
	}
	.img img{
		display:none;
	}
}
@media only screen and (max-device-width: 480px) {
	.row-input label{
		width:100%;
		text-align:center;
	}
	.main-slider{
		display:none;
		
	}
	#section li{
		width:98%;
	}
	.width2{
		width:94%;
	}
	.right-side h2{
		font-size:13px;
	}
}