/*
1. REDESIGN -> RESPONSIVE
2. FIX BUGS TO SMALL DEVICE
3. DISPLAY NONE TO ??px
*/ 


@media only screen and (max-width: 1200px){
	body,
	#header,
	#header .inner,
	#bottom-boxes,
	.inner {
		min-width:100%;
		max-width:100%;
		width: 100%;
	}
	#footer-slider .inner{
		padding: 0 15px;
	}
	#block-wblocks-wblocks_recycling_tips{
		width: 30%;
	}
	#block-wblocks-wblocks_what_where {
  		width: 70%;
	}
	#bottom-boxes .recycling-tip {
	  width: 100%;
	}
	#bottom-boxes .boxes-wrapper .info-box{
		width: 33.3%
	}
}

@media only screen and (max-width: 1024px){
	#block-wblocks-wblocks_recycling_tips, 
	#block-wblocks-wblocks_what_where {
  		width: 100%;
	}
	#bottom-boxes .recycling-tip {
	  width: 100%;
	}
	#bottom-boxes .boxes-wrapper .info-box{
		width: 33.3%
	}
	.second-chance img.tvs{
		display: none;
	}
	.second-chance img.tv{
		left: 0;
	}
	.second-chance img.lamp,
	.second-chance img.fridge{
		left: 20px;
	}
	.second-chance img.oven{
		left: 90px;
	}
	.second-chance img.landscape{
		left: 100px;
	}
	.second-chance img.wind-1{
		left: 440px;
	}
	.second-chance img.wind-2{
		left: 400px;
	}
	.second-chance img.wind-3{
		left: 420px;
	}
	.recycle-what .product-category{
		width: 25%;
	}
	.recycle-where .upper img.sign{
		top: 138px;
	}
	
	
	/*== ENGLISH ==*/
	.left-column.col-en,
	.mid-column.col-en,
	.mid-column.col-en .boxes-wrapper{
		width: 100%;
	}
	.mid-column.col-en .boxes-wrapper .info-box {
  		width: 33.3%;
  		border-right: 5px solid #f0f0f0;
	}
	
}
/*@media only screen and (min-width: 961px) and (max-width: 1140px){
	ul.main-menu li{
	  width: 19.3%;
	  height: 120px;
	  margin: 0 0.5% 0 0;
	}
}*/
@media only screen and (max-width: 960px){
	.left-column{
		width: 70%;
	}
	.left-column .top .thumb img{
		width: 100%;
	}
	.mid-column{
		width: 30%;
	}
	.mid-column .info-box{
		border-right: none;
		width: 100%;
	}
	.right-column,
	.right-column .recycling-tip{
		width: 100%;
	}
	.news-wrap {
    	display: inline-block;
    	width: 49.5%;
	}
	.news-title-home {
	    padding: 5px 10px;
	    background: #3F9327;
	    color: #ffffff;
	    margin-bottom: 5px;
	    font-size: 16px;
	    font-size:1.6rem;
	    font-weight: bold;
	    width: 100%;
	    display: inline-block;
	}
	.latest-news .news-wrap:nth-of-type(2){
		margin-left:1%;
	}
	.latest-news .view-news .view-content {
		overflow: hidden;
		display: block;
		width: 100%;
		float: left;
	}
	.latest-news .view-news .views-row {
	  width: 50%;
	  margin: 0;
	  padding-bottom: 0;
	  height: 220px;
	  border-bottom: 5px solid #f0f0f0;
	}
	.faq-slider {
	  width: 780px;
	}
	#footer .social{
		text-align: center;
	}
	#footer .social .links {
	  position: relative;
	  top: 30px;
	}
	/*#block-wblocks-wblocks_recycling_tips,
	#block-wblocks-wblocks_what_where{
		width: 100%;
	}*/
	#bottom-boxes .boxes-wrapper .info-box{
		width: 33.3%;
		/*border-right: 5px solid #f0f0f0;*/
		border: 2px solid #f0f0f0;
	}
	.second-chance img.tv,
	.second-chance img.lamp,
	.second-chance img.fridge,
	.second-chance img.oven,
	.second-chance img.landscape,
	.second-chance img.wind-1,
	.second-chance img.wind-2,
	.second-chance img.wind-3,
	.recycle-where .sign,
	.recycle-where .map,
	.recycle-where .pin.pin-1,
	.recycle-where .pin.pin-2,
	.recycle-where .pin.pin-3{
		display: none !important;
	}

}
@media only screen and (max-width: 929px){
	ul.main-menu li:hover .item-list{
		display:none;
	}
	ul.main-menu li .menu-li-wrapper.menuopen .item-list{
		display:block;
	}
	.header-bottom{
		margin-bottom: 20px;
	}


/*MENU*/
	.menu-button {
		position:relative;
		width:100%;
		display: block;
		padding: 15px;
		background: #e6e6e6;
		color: #000;
		font-size:24px;
		font-weight:bold;
		cursor: pointer;
		float:right;
	}
	.menu-active {
		background: #3f9327;
		color: #fff;
	}
	.menu-li-wrapper {
		padding: 15px 0 10px !important;
	}
	ul.main-menu  {
		display:none;
		-webkit-box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.3);
	}
	ul.main-menu li  {
	  display: inline-block;
	  width: 100% !important;
	  height: 100% !important;
	  cursor: pointer;
	  border-radius: 0 !important;
	  margin: 0 !important;
	}
	ul.main-menu li h4 a{
		max-width: 100% !important;
		/*display: inline-block;*/
		padding: 0 10px !important;
	}
	ul.main-menu li span{
		display: inline-block !important;
		padding: 0 10px !important;
	}
	ul.main-menu li:hover span {
  		color: #000;
	}
	ul.main-menu > li:hover{
		
		background: #e6e6e6 url(../images/up_arrow_green.png) 153px 19px no-repeat;
	}
	ul.main-menu li .item-list  {
		box-shadow:none !important;
		position: static !important;
	}
	ul.main-menu li:first-child, 
	ul.main-menu li:last-child, 
	ul.main-menu li:nth-child(2) ,
	ul.main-menu li:nth-child(3), 
	ul.main-menu li:nth-child(4) {
		background-position:95% 27px !important;		
		padding: 10px 0px !important;
		border-bottom: 1px solid #fff !important;
	}
	ul.main-menu li:first-child, 
	ul.main-menu li:last-child, 
	ul.main-menu li:nth-child(2),
	ul.main-menu li:nth-child(3),
	ul.main-menu li:nth-child(4){
		background-color: #e6e6e6;
		color: #000;	
	}

	ul.main-menu li:first-child h4 a,  
	ul.main-menu li:last-child h4 a,  
	ul.main-menu li:nth-child(2) h4  {
		color:#232323;
	}
	ul.main-menu li .item-list  {
		background:#fff !important; 
		top:0 !important;
		left:0 !important;
		right: 0 !important;
		box-shadow: none !important;
	}
	ul.main-menu li .item-list ul  {
		padding: 0 !important;
		margin: 20px 0 0 !important;
		border-top:none !important;
		
	}
	ul.main-menu li .item-list ul li  {
		padding:10px 0 !important;
		border-bottom:1px solid #e6e6e6 !important;
	}

	ul.main-menu li .item-list ul li a:hover  {
		color:#3f9327;
	}
	
	ul.main-menu li .item-list .item-list  {

		-webkit-box-shadow:none !important;
		box-shadow:none !important; 
	}
	
	ul.main-menu li .item-list .item-list ul  {
		border:none !important;
		margin-left:20px !important;
		padding:0 !important;
	}
	ul.main-menu li .item-list div.left, 
	ul.main-menu li .item-list div.right  {
		width:100% !important;
		padding:0 !important;
	}
	
	ul.main-menu li .item-list div.left  {
		border-right:none !important;
	}
	.menu-button::after{
		content: url(../images/menu_icon.png);
  		position: absolute;
  		right: 30px;
  		bottom: 10px;
	}	
	.menu-button.menu-active::after{
		content: url(../images/menu_icon_white.png);
  		position: absolute;
  		right: 30px;
  		bottom: 10px;
	}

	.breadcrumb{
		display: none;
	}
	.social-wrapper {
	  top: 10px;
	}
}
@media only screen and (max-width: 860px){
	.recycle-what .product-category{
		width: 33.3%;
	}	
	

	.recycle-why{
		height: 720px;
	}
	.recycle-why .circle-text{
		padding-top: 0;
		width: 320px;
  		/*position: relative;*/
  		top: 130px;
  		left: -110px;
	}
	
	#webform-client-form-6105 .webform-component.webform-component-radios {
    	width: 100%;
    }	
}
@media only screen and (max-width: 800px){
	.faq-slider {
	  width: 515px;
	}
	.sidebar{
		display: none;
	}
	.main-content-wrapper.with-sidebar{
		width: 100%;
	}
	.main-content-wrapper.with-sidebar .main-block{
		padding: 0 10px;
	}
	.page-description{
		padding: 0 10px;
	}
	#map-address {
	  padding: 10px;
	}
	 #map-address input[type="text"]{
	 	width: 100%;
	 }
}
@media only screen and (max-width: 768px){
	.main-block .bx-wrapper .slideshow-wrapper h3{
		font-size: 26px;
		bottom: 20px;
		left: 10px;
		width: 100%;
		line-height: 1.5;
		padding: 0 10px;
	}
	.main-block .bx-wrapper .slideshow-wrapper .slide-link{
		display: none;
	}
	.left-column,
	.mid-column,
	.right-column,
	.right-column .recycling-tip,
	.right-column .latest-news .view-news .views-row img,
	#block-wblocks-wblocks_recycling_tips,
	/*#bottom-boxes .recycling-tip,*/
	#block-wblocks-wblocks_what_where,
	.latest-news .view-news .view-content,
	.main-content-wrapper.with-sidebar{
		width: 100%;
	}
	.mid-column {
	  margin-top: 275px;
	}
	.boxes-wrapper .info-box{
		width: 33.3%;
		border-right: 5px solid #f0f0f0;
	}
	.left-column .top{
		height: 400px;
	}
	.latest-news .view-news .views-row{
		margin-left: 0;
	}
	.latest-news .view-news .views-row {
	  height: 100%;
	  max-height: 400px;
	  width: 50%;
	}
	.latest-news .view-news .views-row .views-row-inner{
		height: 100%;
	}
	
	#footer-slider .faq-slider-wrapper img{
		width: 250px;
	}
	.main-content-wrapper.with-sidebar .main-block{
		padding: 0 10px;
	}
	.product-category .product-category-inner a p{
		  font-size: 20px;
	}
	.recycle-what .product-category{
		width: 50%;
	}
	.second-chance{
		height: 100%;
		padding: 40px 20px 90px;
	}
	.recycle-why{
		padding: 70px 20px;
	}
	.categories-wrapper .category .left{
		height: 255px;
		width: 100%;
	}
	.categories-wrapper .category .left img {
  		width: 100%;
	}	
	.categories-wrapper .category .left .title{
		  position: relative;
		  top: 100px;
	}
	.categories-wrapper .category .right{
		top: 120px;
		left: 0;
	}
	/*TOP LIST SELECT */
	.select-box{
	  position: relative;
	  float: left;
	  margin-right: 15px;
	  margin-top: 9px;
	  margin-bottom: 10px;
	  cursor: pointer;
	}
	.select-box::after {
	  	content: url(../images/down_arrow_blue.png);
	  	position: absolute;
	  	right: 5px;
		top: 5px;
	}
	
	#select {
	  display: block;
	  width: 95px;
	  height: 32px;
	  border-bottom: 1px solid #232323;
	  padding: 0;
	  font-size: 15px;
	}
	#select-option{
	  position: absolute;
	  top: 32px;
	  background: #fff;
	  width: 250px;
	  display: none;
	  z-index: 99;
	  padding: 0;
	}
	#select-option li{
	    padding:10px;
	    border-bottom:1px solid #999;
	    width: 100%;
	}
	#select-option li:hover {
		background: #e6e6e6;
		color: #000;
	}
	#select-option li a{
		text-decoration: none;
	}
	/* ENGLISH */
	.mid-column.col-en{
		margin-top: 0;
	}
}

@media only screen and (min-width: 641px) and (max-width: 767px){
	.view-display-id-page_1 .views-row{
		width: 50%;
	}
}
@media only screen and (max-width: 680px){
	#block-wblocks-wblocks_page_cover p{
		display: none;
	}
}
@media only screen and (max-width: 640px){
	#logo{
		display: block;
		text-align: center;
	}
	.main-block .bx-wrapper .slideshow-wrapper h3{
		font-size: 18px;
		bottom: 20px;
	}
	.left-column,
	.mid-column,
	.latest-news .view-news .views-row,
	#bottom-boxes .boxes-wrapper .info-box,
	.view-info-material .views-row,
	.view-info-material .views-row img,
	.view-news .views-row,
	.view-news .views-row img,
	.product-category,
	.view-display-id-page_1 .views-row{
		width: 100%;
	}
	.news-wrap {
    	display: block;
    	width: 100%;
	}
	.news-title-home {
	    margin-top: 40px;
	}	
	.latest-news .news-wrap:nth-of-type(2){
		margin-left:0;
	}
	.latest-news .view-news .views-row{
  		height: 100%;
  		max-height: 400px;
	}
	.mid-column {
		margin-top: 275px;
	}
	.mid-column .info-box{
		border-right: none;
	}
	.boxes-wrapper .info-box{
		border-right:none;
		border-bottom:5px solid #f0f0f0;
		width: 100%;
		position: relative;
	}
	.latest-news .view-news .views-field-title a{
		font-size: 24px;
		line-height: 1.5;
	}
	.faq-slider {
	  display: block;
	  margin: 0 auto;
	}
	h1.title{
		margin: 25px 0 0 0;
		font-size: 28px;
		line-height: 1.2;
	}
	.social-wrapper{
	  float: none;
	  position: relative;
	  top: 5px;
	  display: inline-block;
	  margin: 0 auto;
	  left: -15px;
	}

	#block-wblocks-wblocks_what_where,
	#block-wblocks-wblocks_recycling_tips{
		float: none;
	}
	#bottom-boxes .recycling-tip{
		height: 100%;
	}
	#bottom-boxes .bx-viewport{
		height: 230px !important;
	}
	#bottom-boxes .bx-viewport p{
		font-size: 18px;
	}
	#footer-slider .faq-slider-wrapper h3{
		text-align: center;
		font-size: 30px;
	}
	#footer-slider .faq-slider-wrapper p{
		text-align: center;
	}
	.faq-slider {
	  width: 250px;
	}
	#footer-slider .faq-slider-wrapper img{
		display: none;
	}
	#footer .copy {
	  text-align: center;
	  display: block;
	}
	#footer .made {
	  text-align: center;
	  display: block;
	  margin-top: 10px;
	}
	.field-name-field-related-links .field-item a{
		padding-right: 45px;
	}
	/*#block-wblocks-wblocks_page_cover p{
		position: relative;
		  bottom: 0;
		  color: #000;
		  background-color: #fff;
		  padding: 0 15px;
	}*/
	.product-category .product-category-inner a p{
		  font-size: 20px;
		  padding: 0 5px;
	}
	#views-exposed-form-network-block .form-type-bef-checkbox{
		width: 50%;
	}
	#views-exposed-form-network-block .form-type-bef-checkbox:nth-child(2) {
	  border-right: 1px solid #f0f0f0;
	}
	.view-network .views-row{
		padding: 10px;
		height: 170px;
	}
	.view-network .field-content{
		width: 100%;
	}
	.view-network .views-row .views-field-field-filters{
		position: relative;
		right: 0;
		top: 0;
		margin-top: 0px;
	}
	.recycle-what{
		padding: 20px;
	}
	.recycle-what .product-category{
		width: 100%;
	}
	.recycle-where .upper{
		  padding: 35px 0 0 0;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
		left: 50%;
		margin-left: -30px;
	}

	
	
	/*== ENGLISH ==*/
	.mid-column.col-en .boxes-wrapper .info-box{
		width: 100%;
	}
	.form-item-network-filter .bef-checkboxes .form-item span.name{
		padding: 0px 15px;

	}
	.form-item-network-filter .bef-checkboxes .form-item span.info{
		top: 35px;
		right: 50%;
		margin-right: -10px;
	}
	.recycle-why{
		height: 100%;
	}
	.recycle-why .circles-wrapper{
		display: none;
	}

}

@media only screen and (max-width: 480px){
	.main-block .bx-wrapper .slideshow-wrapper h3{
		font-size:11px;
	}
	.left-column .top{
		height: 400px;
	}
	.left-column .top .video-wrapper{
		height: 200px; 
	}
	.left-column .bottom{
		padding: 20px 10px;
	}
	.left-column .bottom img{
		display: none;
	}
	.mid-column {
		margin-top: 273px;
	}
	.latest-news .view-news .views-field-title a{
		  font-size: 18px;
		  line-height: 1.5;
	}
	/*.recycle-why .circle-2-wrapper{
		  top: 90px !important;
	}*/
	#webform-client-form-6105 .webform-component label.option {
	    width: 100%;
   }
}
@media only screen and (max-width: 400px){
	.recycle-where .upper{
		height: 450px;
	}
	.select-box {
		top: 40px;
		width: 100px;
	}
	#lang-selector {
		position: relative;
		left: -115px;
	}
	#search_box input[type="text"]{
		  padding: 10px 0;
	}
}
@media only screen and (max-width: 350px){
	.main-block .bx-wrapper{
		display: none;
	}
}


/*

@media only screen and (min-width: 961px) and (max-width: 1200px){
	body{
		min-width:0%;
		
	}
	.inner{
		min-width:100%;
		max-width:100%;
	}
	#header{
		max-width:100%;
	}
	#header .inner{
		min-width: 100%;
	}
	ul.main-menu{
		float: left;
	}
	ul.main-menu li{
		width: 184px;
		height: 120px;
		margin: 0;
		padding: 10px;
	}
	#footer-slider .inner{
		padding: 0 15px;
	}
	#block-wblocks-wblocks_what_where{
		width: 100%;
	}
	#bottom-boxes {
		max-width: 100%;		
	}	
	#bottom-boxes .boxes-wrapper .info-box {
  		width: 33.3%;
  		margin: 0 auto;
	}
	#block-wblocks-wblocks_recycling_tips{
		width: 100%;
	}
	#block-wblocks-wblocks_recycling_tips .recycling-tip{
		width: 100%;
	}
	.recycling-tip .bx-wrapper .bx-viewport .views-row {
	  overflow: hidden;
	  max-height: 140px;
	}
	.left-column .bottom {
  		padding: 0 15px;
	 }
	 .left-column .bottom img{
	 	width: 30%;
	 }
	 #footer-slider .faq-slider-wrapper img{
	 	right: 0;
	 }
	 #footer-slider .faq-slider-wrapper .faq-slider {
	  width: 768px;
	}
	.recycle-what .product-category  {
		width:20%;
		opacity:0;
		height: 190px !important;
	}
	.recycle-where .upper img.sign{
		top: 165px;
	}
	.second-chance img.tvs{
  		width: 232px;
  		top: 211px;
	}
	.second-chance img.tv{
		left:0;
	}
	.second-chance img.lamp{
		left:20px;
	}
	.second-chance img.fridge{
		left:15px;
	}
	.second-chance img.oven{
		left:85;
	}
	.second-chance img.landscape{
		left:75;
	}
	.second-chance img.wind-3{
		left:380px;
	}
	.second-chance img.wind-2{
		left:360px;
	}
	.second-chance img.wind-1{
		left:400px;
	}
}
@media only screen and (max-width: 1024px){
	.recycle-where .map, .sign, .pin {
  		display: none !important;
	}
	
}
@media only screen and (max-width: 960px){
	
	body{
		min-width:100%;
	}
	.inner{
		min-width:100%;
		max-width:100%;
	}
	#header{
		max-width:100%;
	}
	#header .inner{
		min-width: 100%;
	}
	ul.main-menu li{
		width: 184px;
		height: 120px;
		margin: 0;
		padding: 10px;
	}
	.page-description{
		padding: 5px;
	}
	.left-column{
		width: 70%;
	}
	.mid-column{
		width: 30%;
	}
		.left-column .top .thumb a > img,
		.left-column .top .thumb > img {
			width: 100%;
			height: 100% !important;
		}
		.boxes-wrapper .info-box{
			width:100%;
		}
	.right-column{
		width: 100%;
	}
	.recycling-tip {
		width: 100%;
	}
	.latest-news .view-news .view-content{
		overflow: hidden;
		display: block;
		width: 49.8%;
		float: left;
	}
	#footer-slider .faq-slider-wrapper .faq-slider{
		width: 515px;	
	} 
	#footer-slider .faq-slider-wrapper img {
		right: 0;
	}
	
		#footer-slider .inner {
  			padding: 0 15px;
		}
	#block-wblocks-wblocks_what_where{
		width: 100%;
	}
	#bottom-boxes {
		max-width: 100%;		
	}	
	#bottom-boxes .boxes-wrapper .info-box {
  		width: 33.3%;
  		margin: 0 auto;
	}
	#block-wblocks-wblocks_recycling_tips{
		width: 100%;
	}
	
	/*MENU/
	.menu-button {
		position:relative;
		width:100%;
		display: block;
		padding: 15px;
		background: #e6e6e6;
		color: #000;
		font-size:24px;
		font-weight:bold;
		cursor: pointer;
		float:right;
	}
	.menu-active {
		background: #3f9327;
		color: #fff;
	}
	
	ul.main-menu  {
		display:none;
		-webkit-box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.3);
	}
	ul.main-menu li  {
	  display: inline-block;
	  width: 100%;
	  height: 100% !important;
	  cursor: pointer;
	  border-radius: 0;
	}
	ul.main-menu li h4 a{
		max-width: 100%;
		display: inline-block;
		padding: 0 10px;
	}
	ul.main-menu li span{
		display: inline-block;
		padding: 0 10px;
	}
	ul.main-menu > li:hover{
		background: #e6e6e6;

	}
	ul.main-menu li .item-list  {
		box-shadow:none;
		position: static;
	}
	ul.main-menu li:first-child, 
	ul.main-menu li:last-child, 
	ul.main-menu li:nth-child(2) ,
	ul.main-menu li:nth-child(3), 
	ul.main-menu li:nth-child(4) {
		background-position:95% 19px;		
		padding: 10px 0px;
		border-bottom: 1px solid #fff;
	}
	ul.main-menu li:first-child, 
	ul.main-menu li:last-child, 
	ul.main-menu li:nth-child(2){
		background-color: #e6e6e6;
		color: #000;	
	}
	ul.main-menu li:nth-child(3),
	ul.main-menu li:nth-child(4){
		background-color: #cddbe3;
		color: #015581;
	}
	ul.main-menu li:first-child h4 a,  
	ul.main-menu li:last-child h4 a,  
	ul.main-menu li:nth-child(2) h4  {
		color:#232323;
	}
	ul.main-menu li .item-list  {
		background:#fff;
		top:0;
		left:0;
		right: 0;
		box-shadow: none;
	}
	ul.main-menu li .item-list ul  {
		padding:15px 0;
		margin: 20px 0;
		border-top:none;
	}
	ul.main-menu li .item-list ul li  {
		padding:10px 0;
		border-bottom: 1px solid #e6e6e6;
	}

	ul.main-menu li .item-list ul li a:hover  {
		color:#3f9327;
	}
	
	ul.main-menu li .item-list .item-list  {

		-webkit-box-shadow:none;
		box-shadow:none;
	}
	
	ul.main-menu li .item-list .item-list ul  {
		border:none;
		margin-left:20px;
		padding:0;
	}
	ul.main-menu li .item-list div.left, 
	ul.main-menu li .item-list div.right  {
		width:100%;
		padding:0 10px;
	}
	
	ul.main-menu li .item-list div.left  {
		border-right:none;
	}	
	.mid-column .info-box{
		border-right: none;
	}	
	.latest-news{
		float: none;
	}
	.recycle-what .product-category {
	  width: 50%;
	  height: 209px !important;
	  opacity: 0;
	}
	.second-chance img.tv,
	.second-chance img.lamp,
	.second-chance img.fridge,
	.second-chance img.oven,
	.second-chance img.landscape,
	.second-chance img.wind-3,
	.second-chance img.wind-2,
	.second-chance img.wind-1,
	.second-chance img.tvs{
		display: none;
	}
	.recycle-why{
		height: 700px;
	}
	#map-address {
  		padding: 15px 5px;
	}	

	/*.recycle-why .circle-text{
	  padding-top: 0;
	  width: 100% !important; 	
	  position: initial;

	}/
}
@media only screen and (max-width: 800px) {
	#footer-slider .faq-slider-wrapper img{
		display: none;
	}
	#footer-slider .faq-slider-wrapper .faq-slider{
	  display: block;
	  margin: 0 auto;	
	}
	#footer .social .links {
	  position: relative;
	  top: 20px;
	  margin: 0 auto;
	  display: block;
	  max-width: 320px;
	}
}
@media only screen and (max-width: 768px) {
	body{
		min-width:100%;
	}
	.inner{
		min-width:100%;
		max-width:100%;
	}
	#header{
		max-width:100%;
	}
	#header .inner{
		min-width: 100%;
	}
	.slideshow-wrapper .slide-title {
	  	bottom: 90px;
  		width: 90%;
  		font-size: 24px;
	}
	.slideshow-wrapper .slide-link{
		bottom:30px;
	}
	ul.main-menu li{
		/*width: 184px;/
		/*height: 120px;/
		margin: 0;
		padding: 10px;
	}
	.page-description{
		padding: 0;
	}
	.left-column,
	.right-column{
		width: 100%;
	}
	.mid-column{
		width: 100%;
		
	}
		.left-column .top{
			height: 100% !important;
		}
		.mid-column .boxes-wrapper{
			margin-top: 257px;
		}
		.boxes-wrapper .info-box{
			border-right: 1px solid #f4f4f4;
  			border-left: 1px solid #f4f4f4;
			width: 33.3%;
			margin: 0 ;
		}
	
	.recycling-tip {
		width: 100%;
	}
	.latest-news .view-news .view-content{
		overflow: hidden;
		display: block;
		width: 49.8%;
		float: left;
	}
	.latest-news .view-news .views-row{
		width: 100%;
	}
	.latest-news img {
	  width: 100%;
	}
	#footer-slider .faq-slider-wrapper h3 {
		font-size: 30px;
		line-height: 1;
	}
	#footer-slider .faq-slider-wrapper img{
		display: none;
	}
		
	#block-wblocks-wblocks_what_where{
		width: 100%;
	}
	#bottom-boxes {
		max-width: 100%;		
	}	
	#bottom-boxes .boxes-wrapper .info-box {
  		width: 33.3%;
  		margin: 0 auto;
	}
	#block-wblocks-wblocks_recycling_tips{
		width: 100%;
	}
		/*#bottom-boxes.boxes-wrapper .info-box {
  			width: 32.3%;
  			margin: 0 3px 0;
		}/
	.main-content-wrapper.with-sidebar .main-block{
		padding: 0 10px;
	}
	.main-content-wrapper.with-sidebar{
		width: 100%;
	}
	.sidebar {
		width: 60%;
		float: none;
		display: block;
		margin: 0 auto;
	}	
	.view-display-id-page_1 .views-row{
		width: 50%;
	}
	.view-display-id-page_1 .views-row .views-row-inner{
		height: 300px !important;
		
	}
	.product-category{
		width: 50%;
	}
	.social-wrapper {
		width: 100%;
		top: 0;
		left: -13px;
	}
	.recycle-what .product-category {
	  width: 100%;
	  height: 100% !important;
	  opacity: 0;
	}	
	.categories-wrapper .category .left{
		height: 255px;
		width: 100%;
	}
	.categories-wrapper .category .left img {
  		width: 100%;
	}	
	.categories-wrapper .category .left .title{
		  position: relative;
		  top: 100px;
	}
	.categories-wrapper .category .right{
		top: 120px;
		left: 0;
	}	
	#views-exposed-form-network-block .form-type-bef-checkbox{
		width: 50%;
	}
	#views-exposed-form-network-block .form-type-bef-checkbox:nth-child(2){
		border-right: 1px solid #f0f0f0;
	}
	.view-network .views-row .filter-img img{
	  margin-top: -2px;
	  height: 30px !important;
	  width: 30px;
	}
	
}

@media only screen and (max-width: 640px){
	.ds-1col.node.node-page.view-mode-full.clearfix img {
		width: 100% !important;
	}
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto{
		bottom: 0;
		left: 15px;
	}
	.main-block .bx-wrapper {
  		margin-bottom: 10px;
	}
	.slideshow-wrapper .slide-title{
		bottom: 46px;
 		 left: 3px;
  		font-size: 17px;
		margin:0;
		line-height: 1;
		width: 100%;
	}
	.slideshow-wrapper .slide-link{
		display: none;
	}
	.left-column,
	.mid-column,
	.right-column,
	.boxes-wrapper .info-box,
	.latest-news .view-news .view-content,
	.latest-news .view-news .views-row,
	.view-news .views-row{
		width: 100%;
	}
	.latest-news .view-news .views-row img{
		display: block;
		margin: 0 auto;
	}
	#footer{
		text-align: center;
	}
	#footer .made{
		float: none;
	}
	#footer-slider .faq-slider-wrapper{
		margin-top:0;
	}
	
	#footer .social h4{
		max-width: 100%;
	}
	
	.mid-column .boxes-wrapper {
		margin-top: 385px;
	}
	.left-column .bottom,
	.recycling-tip{
		height: 100% !important;
	}
	.left-column .top .video-wrapper{
		height: 50%;
	}
	.left-column .bottom{
		padding:13px;
	}
	/*.left-column .bottom img{
		width:40%;
	}/
	.recycling-tip .bx-wrapper .bx-viewport{
		height: 250px !important;
	}
	.recycling-tip .view-recycling-tips p{
		font-size:18px;
	}
	#footer-slider .faq-slider-wrapper img{
		display: none;
	}
		
	#footer .social .links a{
		margin: 0;
	}
	
		
		
	h1.title, h2.faq-title{
		font-size:25px;
		line-height:1;
		padding: 35px 0 0 0;
  		margin: 80px 0 0 0;
	}	

	#bottom-boxes {
		max-width: 100%;
		margin-bottom:125px;		
	}	
	#block-wblocks-wblocks_what_where,
	#bottom-boxes .boxes-wrapper .info-box,
	#block-wblocks-wblocks_recycling_tips,
	#block-wblocks-wblocks_recycling_tips .recycling-tip{
		width: 100%;
		margin:2px 0;
	}	
	
	.sidebar{
		width: 77%;
	}
	#block-wblocks-wblocks_page_cover p{
		font-size:20px;
		top: 5px;
		padding: 0 5px;
	}
	
	.view-info-material .views-row{
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	/*.view-info-material .views-row img{
		width: 100%;
		margin-top: -60px;
	}*
	.field-name-infomaterial-prev-next .prev,
	.field-name-infomaterial-prev-next .next{
		width: 50%;
	}
	.field-name-faq-prev-next span.faq-title,
	.field-name-infomaterial-prev-next span.faq-title{
		margin:0;
	}
	.field-name-infomaterial-prev-next .next img{
		right: 0;
		top: 30%;
	}
	.field-name-infomaterial-prev-next .prev img{
		left: 0;
		top: 30%;
	}
	.view-display-id-page_1 .views-row{
		width: 100%;
	}
	.view-display-id-page_1 .views-row .views-row-inner{
		height: 100% !important;
		
	}
	.product-category{
		width: 100%;
	}
	.breadcrumb ul li{
		padding:0;
		margin:0 0 25px 0;
	}
	.rec-box.second-chance img {
		display: none;
	}
	.field-content img {
  		width: 100%;
	}
	.view-news .views-field-title a {
	    position: absolute;

  background: #fff;
  color: #000;
	}
	#recycle-what{
		  padding: 70px 0px 0 0px;
	}
	#recycle-where .lower .social-wrapper{
		left: 0;
	}
}
@media only screen and (max-width: 550px){
	#footer-slider .faq-slider-wrapper .faq-slider{
		width:250px;
		margin: 0 auto;	
		display: block;
		
	}
}*/