@media only screen and (max-width: 959px) {

		}
		

	@media only screen and (min-width: 768px) and (max-width: 959px) {
    .header_resize {background:url(../images/header_bg2.png) no-repeat top center; }
	.footer {background:url(../images/footer_bg2.png) no-repeat top center; }
	.prefooter{ width:100%;}
	.prefooter_resize{ padding:30px 32px; width:91.7%;}
	.col4.small{ width:21%;}
	.prefooter .fcol{ width:26%; margin:0 8% 0 0;}
	.col4.no_spacer{ width:24.8%;}
	h1{ font-size:28px !important;}
	h1 span{ font-size:12px !important;}
	 .col4.small h2 a{ font-size:15px !important;}
	 
	.col2.small { width:40%;}
    .col4{ margin-right:4%;}
	 .sidebar.feture{ width:24%;}
	 .centercol.last.percent{ width:73%;}
	 .col3 a img{ width:169px;}
	 .centercol.percent .col3{ width:33%;}
 
	 .pic.port1 img{ width:350px;}
	 .centercol4 { width:50%;}
	 #slider-wrapper object { height: 315px; }
 }
	 
	@media only screen and (max-width: 767px) {
	#panel_setting_side { position:absolute !important; } 
     #coment .podpis, #coment2 .podpis, #coment3 .podpis { float:none;}
	 #coment2, #coment3{ margin:0px;}
     .img_hover_box a.pic img.h { display: none !important;}
	 .img_hover_box.pic a img.r_plus{ display:none !important;}
	 .camera_caption > div { padding: 5px !important; font-size: 8px !important; line-height: 12px; }
	 .main .comp{ display:none !important;}
     .main .mob{ display:block !important;}
     .fl,.fr{ float:none !important; margin:0px !important;}
	 .fl.apply{ float:left !important;}
	 .fr.apply{ float:right !important;}
	 .col4.small,.prefooter .fcol,.col4.first{ width:100%; margin-right:0px; margin-bottom:20px;}
	 .col4.no_spacer{ width:100%; margin-bottom:20px;}
	 .prefooter_resize{ width:93%;}
      h1{ font-size:22px !important;}
	 .header .menu ul {display: none;}
	 .header .menu select {display: block;}
	 .logo{ margin:0 auto; position: relative; z-index:1000;padding:0; font-weight:normal; text-transform:uppercase; text-align:center; max-width:130px; top:-180px}
     .social{ float:none; padding-left:30%; padding-top:31%; height:21px;}
	 .header_resize {background:url(../images/header_bg3.png) no-repeat top center; height:200px; }
	 .search{ padding-top:27px; float:none; width:194px; margin:0 auto; padding-left:4%;}
	 .col2.small { width:100%;}
	 .col4{ width:100%; margin:0%;}
	 .sidebar.last{ width:100%; float:none;}
	 .centercol{ width:93%;}
	  .centercol.last.percent{ width:100%;}
	  .centercol.percent{ width:100%;}
	  .sidebar.feture{ width:100%;}
	  .col3{ width:51%; margin-bottom:20px;}
	 .col4.no_spacer img,.col3.no_spacer img{ width:100% !important;}
	  .centercol.percent .col3{ width:74%;}
	   .all_block_hover_box.portfolio1 .pic.fl{ margin:0 3px 0 0;}
	   .centercol2 { width:100%; float:left; }
	   .centercol3 { width:100%;}
	   .centercol4 { width:100%;}
#webstore-navigation li { float:none !important; margin: 5px 0 0 0 !important;}
#catalogue .last-column > div { margin:5px 0 0 0 !important;}
#catalogue .product { float:none !important; width: auto !important;}
#webstore { min-width: auto !important;}
		.logo img { max-width: 91%;
		}
		.all_block_hover_box.portfolio1 img { margin-bottom: 15px; }
		.now_page_resize h2 { font-size: 30px; margin-bottom:0px;}
}

	@media only screen and (min-width: 480px) and (max-width: 767px) {

 		#slider-wrapper object { height: 240px; }

		}

	@media only screen and (max-width: 479px) {
		.wrapper_key {position: relative;}
		 h1{ font-size:26px !important;}
         .content_full_size{ width:99%;}
		 .social{ padding-top:44%; padding-left:24%;}
		 .search{ padding-left:10%;}
		 .col4.no_spacer{ width:87.3%;}
		 .col3{ width:72%;}
		 .centercol.percent .col3{ width:100%;}
		 .centercol.percent .col3 a img{ width:188px;}
		 .col3 a img{ width:196px;}
         #coment .podpis,#coment2 .podpis,#coment3 .podpis{ width:91%;}
		 #slider-wrapper object { height: 160px; }
	 
 
}