.hide-PC {
	display: none;
}
@media screen and (max-device-width: 780px) {
	body {
		background: #fff !important;
	}
	.show-PC {
		display: none !important;	
	}
	.hide-PC {
		display: block;
	}

	#bg-commercial,
	#popup_bg,
	#popuplink,
	#slider_cl,
	.pagination-list .disabled,
	.addthis_counter_style,
	#conter_ro_zno,
	#search_form_top,
	.social-ntwrks,
	.gift_box,
	#userheaderinfo,
	#menuTop .search_menu,
	#all_schools_slider {
		display: none !important;	
	}

	.pagination {
		padding: 10px;
		background: #f8f8f8;
		box-shadow: none !important;
	}	
	.pagination ul>li {
/* 		display: inline-block; */
	}

	#page_pro_nas #key1 {
		background: #E5E5E5;
		height: auto !important;
	}
	#page_pro_nas #key1>p {
		width: auto !important;
		height: auto !important;
	}
	#page_pro_nas ol,
	#page_pro_nas ul {
		width: 80%;
	}

	#imagewrapper,
	#mainbody {
		width: 100%;
		overflow-x: hidden;
		box-shadow: none !important;
	}
	
	#mainbody {
		margin-top: -30px;
	}
	
	#site_heder .span5 {
		width: auto !important;
		float: none;
	}

	#site_heder .span5 a {
		display: block;
		text-align: center;
	}


	.main_dnl-each {
		width: 95% !important;
	}
	
	#submenu {
		padding-right: 10px !important;
	}
	#submenu .s-row {
		width: 48% !important;
		margin-right: 5px !important;
	}
	
	
	
	
	.item-page iframe,
	.span9,
	span.main_dnl-each h2, .main_dnl-each div, span.main_dnl-each h1,
	#vk_comments,
	#vk_comments iframe,
	#imagedescription,
	#imagewrapper,
	#imagewrapper img {
		width: 100% !important;
	}
	
	#imagedescription {
		padding: 0 !important;
		font-size: 15px !important;
		text-align: center;
	}

	.span10,
	#footer,
	#ContentColum,
	.span12,
	#submenu,
	.container {
		width: 95% !important;
	}

	#ContentColum table {
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	#menuTop {
		margin: 20px 0px!important;
		padding: 0px;
		height: auto !important;
		background: #f0f0f0 !important;
	}
	#menuTop a {
		float: none !important;
		display: block;
		text-align: left;
		border-radius: 0 !important;
	}
	#menuTop a.first, #menuTop a:first-child {
		margin-left: 0 !important;
	}
	
	div.footermenu,
	div.footeritem {
		text-align: center;
		float: none !important;
		width: 100% !important;
		margin-bottom: 40px;
	}


	
}
@media screen and (max-device-width: 480px) {
	.footeritem img{
		max-width: 150px;
	}
}