div#container {
	max-width: 962px;
	margin: auto;
}

div#top {
}

div#showcase {
}

div#main {
margin: 10px 0;
}

div#left {
	float: left;
	width: 200px;
}

div#middle {
	float: left;
	width: 560px;
	padding: 0px 10px;
}

div#middle-left {
	float: left;
	width: 570px;
	padding-left: 10px;
}

div#middle-right {
	float: left;
	width: 570px;
	padding-right: 10px;
}

div#middle-full {
}

div#right {
	float: left;
	width: 200px;
}

div#footer {
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}

/* 5 column category blog */

.cols-5 .column-1
{
        float:left;
        width:18.7%;
		margin: 8px 15px 0 1px;
		padding: 0;
}

.cols-5 .column-2
{
        float:left;
        width:18.7%;
		margin: 8px 15px 0 0;
		padding: 0;
		
}

.cols-5 .column-3
{
        float:left;
        width:18.7%;
		margin: 8px 15px 0 0;
		padding: 0;
}

.cols-5 .column-4
{
        float:left;
        width:18.7%;
		margin: 8px 15px 0 0;
		padding: 0;
}

.cols-5 .column-5
{
        float:right;
        width:18.7%;
		margin: 8px 1px 8px 0;
		padding: 0;
}

.cols-5{
float: left;
width: 100%;
}

.row-0{
float: left;
width: 100%;
margin-top: 40px;
}

/* *                                 BROWSER SIZE 1024                                   * */

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

.item{
float: left;
width: 18%!important;
margin-right: 2.4%!important;
}

.column-5{
float: right;
margin-right: 0!important;
}

.device{
margin-bottom: 10px;
}

.wood_images{
float: left;
width: 100%;
height: auto;
}

.wood_images img{
float: left;
width: 100%;
}

}

/* *                                 BROWSER SIZE 966                                     * */

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

.item{
float: left;
width: 18%!important;
margin-right: 2.4%!important;
}

.column-5{
float: right;
margin-right: 1px!important;
}

.device{
margin-bottom: 10px;
}

.wood_images{
float: left;
width: 100%;
height: auto;
}

.wood_images img{
float: left;
width: 100%;
}

}

/* *                                 BROWSER SIZE 800                                     * */

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

.item{
float: left!important;
width: 20%!important;
margin: 0!important;
}

.device{
margin-bottom: 10px;
}

.wood_img{
width: auto!important;
height: 100%!important;
}

}

/* *                                 BROWSER SIZE 768                                     * */

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

.item{
float: left!important;
width: 20%!important;
margin: 0!important;
}

.device{
margin-bottom: 10px;
}

.wood_desc2{
display:none!important;
}

.wood_img{
width: auto;
height: 100%;
}

}


/* *                                 BROWSER SIZE 603                                     * */

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

.item{
float: left!important;
width: 20%!important;
margin: 0!important;
}

.device{
margin-bottom: 10px;
}

.wood_desc2{
display:none!important;
}

.wood_img{
width: auto;
height: 100%;
}

}

/* *                                 BROWSER SIZE 480                                     * */

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


.item{
float: left!important;
width: 20%!important;
margin: 0!important;
}

.device{
margin-bottom: 10px;
}

.wood_desc2{
display:none!important;
}

}

/* *                                 BROWSER SIZE 360                                     * */

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

.item{
float: left!important;
width: 100%!important;
margin: 0!important;
}

.wood_images{
float: left;
width: 100%;
height: auto;
}

.wood_images img{
width: 100%;
height: auto;
}

.wood_desc2{
display:none!important;
}

.device{
margin-bottom: 10px;
}

.page-header h2{
font-size: 15px;
}

.swiper-container{
display: none;
}

.timber-logo, .navigation{
display: none;
}

}


/* *                                 BROWSER SIZE 320                                     * */

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

.item{
float: left!important;
width: 100%!important;
margin: 0!important;
}

.wood_images{
float: left;
width: 100%;
height: auto;
}

.wood_images img{
width: 100%;
height: auto;
}

.wood_desc2{
display:none!important;
}

.device{
margin-bottom: 10px;
}

.page-header h2{
font-size: 15px;
}

.swiper-container{
display: none;
}

.timber-logo, .navigation{
display: none;
}

}