@media all and (min-width: 320px) and (max-width: 980px) {
	.page_width{
		width: 100%;
	}

}
@media all and (min-width: 320px) and (max-width: 980px) {


	#header {
	    right: 20px;
	}

	#left_col, #left_col.col_50, #left_col.col_75, #left_col.col_100, #left_col.col_25, #left_col.wide {
	    float: right;
	    height: auto;
	    min-height: 0 !important;
	    padding: 5px;
	    position: relative;
	    right: 286px;
	    top: 50px;
	    width: calc(100vw - 300px);
	}


	#left_col.col_50 .text, #left_col.col_25 .text, #left_col.col_75 .text, #left_col.col_100 .text, #left_col .text, #left_col.wide .text {
	    width: 100%;
	}
	.g_box {
	    height: 150px;
	    margin: 10px 1% !important;
	    width: 48% !important;
	}
	#main_banner {
		background-position: center center !important;
		min-height: 100vh;
		height: auto;
	}
}



@media all and (min-width: 320px) and (max-width: 767px) {
	.mobile{display:block;}
	.desktop{display:none;}

	* img{margin-bottom:5px;height:auto;width:auto;max-width:100%;}
	html {
		background: #EAEAEA ;
		}
	body {
		font-size: 14px;
		direction: rtl;
		text-align:right;
		padding-top: 60px !important;
	}
	body *{
		max-width: 100%;
	}
	* img {
		max-width: 100%;
	}


	::-moz-selection {
		background: #b3d4fc;
		text-shadow: none;
	}

	::selection {
		background: #b3d4fc;
		text-shadow: none;
	}
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
	}
	img {
		vertical-align: middle;
	}
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	table {
		margin: 0 !important;
		max-width: 100%;
	}
	textarea {
		resize: none;
	}

	

	iframe{
		width:100% !important;
	}


}