/*  Breakpoints are set based on the design, not based on device sizes */
@media only screen and (max-width: 1025px) {
	
	.site-header, .site-content, .site-footer {max-width: 768px}

	.main-navigation {    margin:20px  0px;}
	.main-navigation ul {float:right;}
	#menu-main-menu li {padding:0px; margin:30px 10px 20px 10px;}
	#menu-main-menu li a {font-size: 1.3rem; }
	.main-navigation ul ul {width:auto;}
	#menu-utility li a {    font-size: 1.2rem;}

	section.full-width-image .home-overlay {    top: 20%;}
	section.full-width-image .home-overlay h1 { font-size: 3rem}
	section.full-width-image .home-overlay h2 {    font-size: 1.5rem;line-height: 2rem;}
	
	section.idea-categories #ideas-cat-grid .col .overlay {top:0px;    background-color: rgba(58,0,0,0.3);}
	section.idea-categories #ideas-cat-grid .col .overlay div.info {display:none;}
	section.idea-categories #ideas-cat-grid .col .overlay div.link {font-size:1.2rem;}

	section.featured-related .block-title {    font-size: 2rem;    line-height: 2.5rem;}
	section.featured-related .block-info > div {    margin-bottom: 1.5rem;}
	section.featured-related .block-intro {font-size: 1.5rem;line-height: 2rem}
	section.featured-related .block-info {    padding: 2rem;}

	section.idea-categories #ideas-cat-grid.allcats .col .overlay {padding: 0px 1.5rem; margin-top: 20%; }
	section.idea-categories #ideas-cat-grid.allcats .col .overlay .cat-name {    font-size: 2rem;    line-height: 2.5rem;}

	section.accordion h3 {    font-size: 2.6rem;}

	#secondary ul.sub-menu {    margin-left: 1rem;}
	#secondary ul.sub-menu > li {    font-size: 1.2rem;}
	#bannercontainer h1.entry-title {    font-size: 3rem;    top: 40%;}


	#secondary .video-filter {    margin: 2rem 2rem 0px 0rem;padding: 10px;}
    #secondary .video-filter li {    font-size: 1.3rem;}
    #secondary .sidebar-content h3 {    font-size: 2rem;}
	ul.social-links li {    width: 90%; */}

	.grid-sizer,.grid-item {width:33.333%!important;max-height:none!important;} 


	.home .home-why-wood .col_left, .home .home-why-wood .col_right {padding: 1.5rem 2rem;}

}


@media only screen and (max-width: 720px) {
	.site-header, .site-content, .site-footer {max-width: 600px}
	.grid-sizer,.grid-item {width:50%!important;max-height:none!important;} 

	.main-navigation {    margin:20px  0px;}
	.main-navigation ul {float:right;}
	#menu-main-menu li {padding:0px;     margin: 30px 0px 20px 10px;}
	#menu-main-menu li a {font-size: 1.1rem; }
	.main-navigation ul ul {width:auto;}
	#menu-utility {    padding: 15px 3rem 15px 0px;}
	#menu-utility li a,	#menu-utility li:before {    font-size: 1rem;    line-height: 1.3rem;}
	#searchform input {width:auto}

	section h3 {    font-size: 2.5rem;}
	.home section p {font-size: 1.8rem;}
	section.featured-related .block-info > div {margin-bottom:0;}
	#menu-footer-menu li a {    font-size: 1rem;padding:0px;}

	.social li {    margin-right: 20px;
    margin-bottom: 20px;}

    #secondary .video-filter li {padding-left: 10px; }
    #secondary .video-filter li {    font-size: 1rem;}

    section.accordion .acc-item .togglethis {}
    #menu-utility {padding-right:2rem;}

}



/*  Go full Width at less than 650px */
@media only screen and (max-width: 650px) {

	.site-title h1 {text-align: left!important;    margin: 15px 0px 20px 0;}



	section.full-width-image .home-overlay h1 {font-size:2rem;margin-bottom:30px;}
	section.full-width-image .home-overlay h2 {display:none;}
	section.full-width-image .owl-controls {display:none;}
	.home .home-why-wood .col_left {border:0px;}
	section.full-width-image .home-overlay a {font-size:1rem;}
	section.text-content {    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0px;}


    section.featured-related h3 {    margin-left: 0px;}

    section.featured-related .block-title {    font-size: 3.6rem;    line-height: 4rem;}
    section.featured-related .block-intro  { font-size: 2rem; }
    section.featured-related .block-info > div {    margin-bottom: 1.5rem;}
    .home .home-why-wood .col_right ul > li {    margin: 0;}

	.site-footer .grid_4_of_12 {width:100%!important;}
	.social {text-align: left;margin-top:30px;}

	#menu-main-menu li a {font-size: 2.5rem;text-align: left}
	.nav-menu ul {display:none;}
	#secondary ul.sub-menu > li {
    font-size: 1.8rem;}

    .single-idea .breadcrumb, .single-idea h1.entry-title, .single-idea .site-content .ideas > p, .single-idea .site-content .ideas .phototitle p{margin-left:0px;}
    .single-idea #bannercontainer .entry-header.idea-gallery .owl-controls {display:none;}
    .entry-header.idea-gallery ul.thumbs {display:none;}

    #secondary .sidebar-content {margin-left:0px;}

}