/* =Media queries
-------------------------------------------------------------- */

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

	body{
		width: 100% !important;
		min-width: 0;
	}

    #page {
        width: 100%:
    }

	img{
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}

	div#page{
		width: 100%;
		background: #FFFFFF;
	}

    .container{
	    width: 100%;
    }

    #masthead .container{
	    width: 98%;
	    margin: auto;
    }

	.navigation-main ul{
		margin-left: 10px;
	}

    #branding{
	    width: 58%;
    }

    #ebook{
	    width: 41%;
    }

	#ebook #send-ebook{
		max-width: 170px;
		width: 100%;
	}

    #main #primary{
	    margin-left: 5px;
	    max-width: 450px;
	    width: 100%;
    }


	#content h1.entry-title{
		margin-left: 0px;
	}

	#main #secondary{
		max-width: 250px;
		width: 100%;
	}

	.testimonial-box{
		padding: 20px;
	}

	.testimonial-box img{
		margin-left: 0;
		margin-right: 15px;
	}

	#bottom-sidebar{
		width: 100%;
		margin: auto;
		max-width: 740px;
	}

	#bottom-sidebar .widget{
		max-width: 31%;
		width: 100%;
	}

	#footer-sidebar .widget{
		width: 100%;
		max-width: 21%;
		height: auto !important;
	}

	.blog #main #primary{
		max-width: 65%;
	}

    .blog #main #secondary{
	    max-width: 30%;
    }

    #main #primary.diensten-page, .page-template-full-width-php #main #primary {
        max-width: none;
    }

	.blog #content .attachment-featured-thumb{
		width: 100%;
		max-width: 110px;;
		margin-left: -120px;
	}


}

@media screen and (max-width:760px){
    #main #primary {
        max-width: none;
        float: none;
    }
    #main #secondary {
        max-width: none;
        float: none;
    }
    #bottom-sidebar .widget{
        max-width: 30%;
    }

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { border: 1px solid #ccc; }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    #slider-text {
        display: none;
    }



}

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



	.navigation-main li{
		margin-right: 10px;
	}

	.social-links{
		margin-bottom: 5px;
	}

	#branding{
		width: 100%;
	}

	#ebook{
		width: 100%;
	}

	#ebook img{
		margin-right: 40px;
	}

	#ebook #send-ebook{
		max-width: 225px;
		margin-left: 40px;
	}

	#main #secondary{
		max-width: 85%;
		float: none;
		margin: auto;
	}

	#bottom-sidebar{
		width: 98%;
		text-align: center;
	}

	#bottom-sidebar .widget{
		max-width: 46%;
		width: 100%;
		display: inline-block;
		margin: 0 5px 21px;
		float: none;
	}

	#bottom-sidebar .widget.last{
		margin-right: inherit !important;
	}

	#footer-sidebar .widget{
		max-width: 43%;
	}

	.blog #main #primary{
		max-width: 98%;
	}

	.blog #main #secondary{
		max-width: 70%;
	}
}

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

	#site-navigation .menu{
		min-height: 36px;
	}

	#site-navigation .menu > ul{
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	#site-navigation .menu > ul > li{
		margin-right: 10px;
		display: inline-block;
		float: none;
		width: 18%;
	}

	#site-navigation .menu > ul > li a{
		display: inline-block;
		text-decoration: none;
		color: #fff;
		padding: 6px 4px;
	}

	ul#menu-top{
		text-align: center;
		float: none;
		height: 115px;
		margin-left: 0;
	}

	.social-links{
		float: none;
		margin: 0 auto;
		height: 35px;
	}

	#branding{
		margin-top: 10px;
		text-align: center;
	}

	#branding h1#site-title{
		text-align: center;
		font-size: 300% !important;
	}

	#branding p{
		font-size: 100% !important;
	}

	#ebook #send-ebook{
		float: none;
		height: 135px;
		margin: 0 auto 20px;
	}

	#ebook img{
		margin: auto;
		float: none;
		display: block;
	}

	#main #primary{
		margin-left: 0;
	}

	#main #primary #content{
		margin: auto;
		width: 95%;
	}

	article.hentry{
		margin-bottom: 0;
	}

	article .entry-content{
		margin-top: 0;
	}

	.testimonial-box{
		padding-left: 20px;
		width: auto;
	}

	.testimonial-box img{
		margin-left: 0;
		margin-right: 15px;
	}

    #content .widget{
	    margin-right: 0;
	    width: 100%;
    }

	#bottom-sidebar .widget{
		max-width: 70%;
		float: none;
	}

	#footer-sidebar .widget{
		max-width: 80%;
		float: none;
		margin: auto;
	}

	.blog #main #primary{
		max-width: 100%;
	}

	.blog #content .attachment-featured-thumb{
		display: none;
	}

	.blog #content .hentry{
		padding-left: 0;
	}

	.blog #main #secondary{
		max-width: 90%;
	}
}

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

	ul#menu-top{
		height: 215px;
	}

	ul#menu-top > li{
		width: 100%;
	}

    #ebook{
	    margin-top: 0;
    }

	#ebook #send-ebook{
		height: 170px;
		max-width: 170px;
	}

	#content h1.entry-title{
		font-size: 2.143em !important;
	}

	.testimonial-box img{
		margin-bottom: 10px;
		display: block;
		float: none;
	}

	#main #secondary{
		max-width: 95%;
	}

	#bottom-sidebar .widget{
		max-width: 90%;
	}
}