/* *************************** *//* ********* 480px *********** *//* *************************** */@media screen and (max-width: 480px){    	* {		margin: 0;		padding: 0;	}	/* Tell the browser to render HTML 5 elements as block */	header, footer, section, aside, nav, article {		display: block;	}	body {		margin: 0;		padding: 0;		width: 100%; 		!important;		background: white;	}		img {		max-width: 100%;		height: auto;		width: auto\9; /* ie8 */	}	header	{    	position:absolute;    	left:0; top:0;        	width:100%;    	height:90px;		margin:0; padding: 0;    	background-color:#598AFF;	}    header section    {                margin:0; padding: 0;		width:100%;          }        #opli_logo, #search_box    {        margin-top:15px;        float:left;    }        #opli_logo{			width:120px;		}				header h3		{		    font-size:40pt;		    color:#521370;		}		    #search_box{		    width:20px;		     display: none;		} 	#search_results_page	{    	max-width:320px;    	min-height:800px;    	margin:0 auto;	}	/*------------------------------	=Responsive NAVIGATION	------------------------------*/	nav	{    	position:absolute;    	left:0; top:90px;    	width: 100%;    	height:40px;		margin: 0; padding: 0;    	/*background-color:#93CDFF;*/    	background-color:#333333; 	}		/*------------------------------	=INTRODUCTION (Where the Bunners)	------------------------------*/	#intro 	{    	position:relative;    	top:40px;    	width:100%;    	height:110px;		margin-top: 66px;		margin-right: 0px;		padding: 4px;		display: block;				}		#upper_bunner	{    	margin:10px 0 1px 0;    	padding:2px 0 2px 0;				}	#upper_wide_banner {    	float: left;    	max-width: 100%;    	height: 110px;    	margin:2px 0 2px 0;    	padding:2px 0 2px 0;	}	#upper_small_banner { display: none; }	/*------------------------------	=CONTENT AREA AND SIDEBAR LAYOUT	------------------------------*/	#content_magazine 	{    	margin:40px 0 0 0;		padding: 0;		width:100%;			}			#mainContent {						vertical-align:top;			max-width: 90%;		    !important; 			margin:0;			padding: 0;		    float: none;		}		aside { display: none; }		section	{        	margin:0;    	padding:0;		width: 95%;	}	.content_box /* solar , photography bottom boxes, etc. */	{    	border:solid 1px #D6DDFF;	    margin: 0; padding: 0;		display: block;		width: 90%;	}	.content /* תיבה לנושאים השונים בדף הבית  - פוטוניקס, אסטרונומיה וכו' */	{    	width:95%;		margin: 0; padding: 0;		display: block;		!important;	}	.ad_wide_box 	{				display: none;	}	a:hover{color:#1117F7; text-decoration:underline;}	.tech_news_box, .news_box	{    	border-bottom:solid 1px #D8D2DB; 	    margin: 0; padding: 0;		display: block;		max-width: 100%;	}	.news_link	{    	text-decoration:none;    	color:#001361;    	margin:0;    	font-weight:bold;	    font-size: 16px;	}	.title_link	{    	text-decoration:none;    	font-weight:bold;    	color:#2B44FF;	}	.Bluelink	{    	color:#518EFF;    	font:bold 10px Arial;    	margin:0 0 0 1px;    	padding:0;    	text-decoration:none;	}	.img_frame, .news_frame, .news_frame_small	{    	min-height:120px;	}	.img_frame	{    	max-width:360px;    	<!-- float:left; -->		display: block;    	}		.FeatureImgHP	{		width:98%; 		height:98%;	    !important; 	}    .gdgt_img	{    	margin: 10px 0 12px 3px;		width:300px;	}	.img_link	{    	padding:0;    	margin:0 1px 2px 1px;    	border-width:0;		float: left;	}	.news_frame, .news_frame_small	{    			width:140px; 		float:left;    	padding:2px;	}    	p	{    	font:normal 12px;		font-family: Calibri, helvetica, sans-serif;		color:#210052;    	margin: 2px 1px 4px 2x;    		padding:2px 1px 12px 2px;    	float:left;	}	.HP_text_box /* Articles summary at home page - Photonics, Machine-vision, etc. */	{		display: none;	}	h1, h2, h3, h4	{    	font:bold 28px Tahoma;    	margin:2px 2px 0 4px;    	padding:0 2px 0 1px;    	}	h2	{    	font-size:20px;	}	h3	{    	font-size:18px;    	color:#2B44FF;	}	h4	{    	font-size:14px;    	font-weight:normal;    	margin-bottom:12px;    	padding-bottom:5px;    	border-bottom:1px solid #D6DDFF;	}	.more_news_title	{    	font-weight:bold;	}	.entry_title, .entry_title_1	{    	font-size:22px;    	margin-bottom:8px;    	font-weight:normal;	    max-width:98%;	}	.entry_title_1	{    	font-size:18px;	}    .HP_section_title {		width: 90%;		padding: 0 0 5px 10px;		border-bottom: 5px solid #eff4fd;	}	.img_txt	{    	font-family:Arial;    	font-size:12px;    	text-align:left;    	color:#20205B;    	margin:0 5px 5px 0;	}		.main_news_section, .main_news_section_right /* LED right, solar right */	{   		min-height:400px;	    max-width: 98%;   		float:none;   		padding:5px 0 1px 0;   		margin:1px 0 1px 0;	}	.main_news_section, .tech_news_box	{    	width:98%;    	}	.main_news_section_right	{    	width:90%;	}	.news_box /* News at Home Page (Photonics, Imaging, etc) */	{    	width:98%;		min-height:160px;        	margin:5px 0 2px 0;    	padding:3px 0 3px 0;	}	.content_box /* News at Home Page (Solar, etc) */	{    	margin:15px 0 2px 3px;    	padding:3px;    	width:350px;    	min-height:140px;    	float:none;	}	.tech_news_box	{    	float:none;    	margin:2px 0 20px 0;    	padding:2px 0 10px 0;		width:90%;	}		/* Magazine Pages */	.magazine_top_news_box /* איזור חדשות ראשי בדפים הפנימיים במגאזין */	{    	width: 90%;    	min-height: 150px;    	float:none;    	margin:10px 5px 12px 0;    	display:block;	}		.magazine_pg_img /* תמונה באזור חדשות ראשי בדפים הפנימיים של המגאזין */	{    	float: left;	   		margin:20x 0 12px 8px;	}	.entry_title_mag	{    	font-size:16px;	}.magazine_pg_num {    min-width:20px;    height:20px;    float:left;    margin:10px 1px 5px 1px;    padding:5px 8px 5px 8px;    border:solid 1px blue;    background-color:#D6DDFF;}#mag_pg_current {    background-color: white;}/* ** Pagination Magaizne Pages ** */#paging ul{display:inline;padding-left:0.5em} #paging li{	display:inline;	padding:5px 8px 5px 8px;    min-width:20px;    height:25px;    float:left;    margin:10px 1px 5px 1px;    border:solid 1px blue;    background-color:#D6DDFF;} #mag_pg_current {    background-color: white;}/* ***** End Magazine Pages ***** */.news_events_box{    float:left;        width:330px;    min-height:450px;    margin:10px 10px;    background-color:#F3F5FF;}.ad_box{    width:300px;    min-height:250px;    margin-right:20px;    float:left;}/* *********** Jobs and Events pages ********************** */.job, .index_txt{    border:solid 1px #D6DDFF;}.job_box{    float:left;    margin-top:15px;    margin-left:15px;    width:315px;}.job{    background-color:#F7FCFF;    width:310px;    height:600px;    margin-top:3px;    margin-right:0;    font-size:10pt;    padding:5px 3px 2px 5px;}.jobs_title {    font-family:Arial;    font-size:9pt;    font-weight:bold;    border:solid 1px #99B0FF;    color:#1B4EC4;    background-image:url(../img/h_bg.gif);    width:315px;    height:27px;    padding:3px 3px 0 0;    margin:0;}.event_title {    margin:2px 5px 5px 5px;    border:solid 1px #D6DDFF;    font-family:Arial;    font-weight:bold;    font-size:13px;    border-color:#99B0FF;    color:#1B4EC4;    background-image:url(../img/h_bg.gif);    width:315px;    height:27px;    padding:3px 3px 0 0;    margin:0;}/* ******************************************************** *//* ******************* אינדקס ***************************** */#index_massage{    display: none;}.sites_index{    display: none;}#index_left /* הקישורים השמאליים */{    display: none;}.index_top{display: none;} /* שורת הקישורים הראשונה *//* ******************** סוף אינדקס ************************ *//*------------------------------=SIDEBAR------------------------------*//* aside section {	margin: 22px 0 0 22px;	padding: 11px 22px;}*/footer{    position:absolute;    left:0;    width:100%;    height:900px;    background:#B093FF;    border-top:1px solid #4E1BC4;}    footer div {				margin: 0 auto;		padding: 44px 0;		color: #777;		float: none;	    width: 100%;	    display: block;	}			footer div section {						width: 95%;		}                		footer div #about, footer div #company, footer div #site, footer div #opli_channels {			width: 70%;			padding-right: 10px;	        padding-left: 50px;			display: block;		    float: none;		}			footer h3, p {		color: #371287;	}        footer a {        font-size: 12pt;        font-family:Arial;    }		}     /* *************************** *//* ********* 240px *********** *//* *************************** */@media screen and (max-width: 240px){	.news_frame, .news_frame_small	{    			width:130px; 		float:left;    	padding:2px;	}	}/* *************************** *//* ********* 320px *********** *//* *************************** */@media screen and (max-width: 320px){	.news_frame, .news_frame_small	{    			width:140px; 		float:left;    	padding:2px;	}	}/* *************************** *//* ********* 768px *********** *//* *************************** *//* ipad Mini Portrait */@media only screen and (width:768px) and (resolution: 163dpi) {	/* Makeshift CSS Reset */	* {		margin: 0;		padding: 0;	   }	/* Tell the browser to render HTML 5 elements as block */	header, footer, section, aside, nav, article {		display: block;	}	body {		margin: 0 auto;		padding: 22px 0;		width: 768px;		background: white;	}	header	{    	position:absolute;    	left:0; top:0;        	width:100%;    	height:90px;    	background-color:#598AFF;	}    		header section    	{                	margin:0 auto;        	width:768px;            	}        #opli_logo, #search_box    {        margin-top:15px;        float:left;    }        #opli_logo{			width:500px;		}				header h3		{		    font-size:40pt;		    color:#521370;		}			 #search_box{		    width:420px;		} #search_results_page{    width:768px;    min-height:800px;    margin:0 auto;}/*------------------------------=NAVIGATION------------------------------*/nav{    position:absolute;    left:0; top:90px;    width: 100%;    height:40px;    /*background-color:#93CDFF;*/    background-color:#333333; }	/*------------------------------=INTRODUCTION (Where the Bunners)------------------------------*/#intro {    position:relative;    top:40px;    width:768px;    height:120px;	margin-top: 66px;	padding: 4px;				}	#upper_bunner{    margin:10px 1px 1px 10px;    padding:2px 1px 2px 5px;	}#upper_wide_banner {    float: left;    width: 730px;    height: 110px;    margin:2px;    padding:2px;}#upper_small_banner {    float: left;    width: 240px;    height: 110px;    margin:2px 0 2px 8px;    padding:2px;}/*------------------------------=CONTENT AREA AND SIDEBAR LAYOUT------------------------------*/#content_magazine {    margin-top:40px;	display: table;}	#mainContent {		display: table-cell;		vertical-align:top;		width: 690px;		margin:0;		padding-right: 1px;		border-left:1px solid #D8D2DB;        border-right:1px solid #D8D2DB;	}	aside{    display: table-cell;	width: 340px;    height:100%;	padding:5px 2px 0 12px;}	section{        margin:1px;    padding:2px;}.content_box{    border:solid 1px #D6DDFF;}.content{    width:680px;}.ad_wide_box {	width:680px;	min-height:200px;    margin:10px 2px 2px 0;    padding:0;	display: block;}a:hover{color:#1117F7; text-decoration:underline;}.tech_news_box, .news_box, .entry_title_1{    border-bottom:solid 1px #D8D2DB;}.news_link{    text-decoration:none;    color:#001361;    margin:0; padding:0;    font-weight:bold;}.title_link{    text-decoration:none;    font-weight:bold;    color:#2B44FF;}.Bluelink{    color:#518EFF;    font:bold 10pt Arial;    margin:0 0 0 1px;    padding:0;    text-decoration:none;}.img_frame, .news_frame, .news_frame_small{    min-height:145px;}.img_frame{    min-width:145px;    float:left;    }.FeatureImgHP{	width:350px; 	height:200px;}.gdgt_img{    margin: 10px 0 12px 80px;	width:500px;}.img_link{    padding:0;    margin:0 1px 2px 1px;    border-width:0;}.news_frame, .news_frame_small{    float:left;    padding:2px;}.news_frame{    width:500px;    }.news_frame_small{    width:152px;}    p{    font:normal 12pt;	font-family: Calibri, helvetica, sans-serif;	color:#210052;    margin: 2px 1px 4px 2x;    	padding:2px 1px 12px 2px;    float:left;}h1, h2, h3, h4{    font:bold 22pt Tahoma;    margin:2px 5px 0 10px;    padding:0 2px 0 1px;    }h2{    font-size:16pt;}h3{    font-size:18pt;    color:#2B44FF;	}h4{    font-size:10pt;    font-weight:normal;    margin-bottom:12px;    padding-bottom:5px;    border-bottom:1px solid #D6DDFF;}.more_news_title{    font-weight:bold;}}/* ipad Mini Landscape */@media only screen and (width:1024px) and (resolution: 163dpi) {}