/* ================================================  MAX WIDTH 1300  ======================================= */

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


	.postcols .postbox {
		width: 46%;
	}



}



/* ================================================  MOBILES BELOW 1100px ======================================= */


@media only screen
and (max-width : 1100px)
{
        .postcols .postbox {
		width: 90%;
	}

	.socializer i {
	    font-size: 20px;
	    line-height: 1.3;
	    padding: 12px 14px;
	}

	.voter p {
		padding: 0 17px;
	}



}



/* ================================================  MAX HEIGHT 768px ======================================= */


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

	/* Popup */

	.lb-overlay.ns-show {
		padding: 80px 0 120px;
	}

	.lb-overlay .the-popup {
		width: 90%;
	}

	input.wpcf7-form-control {
  width: 90%;
	}
		.mobdetect{
		display: block;
	}

.postarea .blogh1{

	float:none;

	}
	.next{
	width:20%;
	}
	.prev{
     width:20%;
	}
	.socializer_share li:first-child{
	padding:14px;
    }
.social_mob .socializer_share ul > li:nth-child(1){
	font-size:11px;
}
.pagenavisingle{
	width:75%;
}

}



/* ================================================  MAX HEIGHT 640px ======================================= */


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

	/* Popup */

	.popup-contents .signup-form > form input[type="email"] {
	    width: 60%;
	}

	.popup-contents .signup-form > form input[type="submit"] {
		width: 40%;
	}
    	.mobdetect{
		display: block;
	}
.postarea .blogh1{

	float:none;

	}
	.next{
	width:20%;
	}
	.prev{
     width:30%;
	}
	.socializer_share li:first-child{
	padding:14px;
    }
.social_mob .socializer_share ul > li:nth-child(1){
	font-size:11px;
}
.pagenavisingle{
	width:75%;
}
}



/* ================================================  MAX HEIGHT 480px ======================================= */


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

	/* Popup */

	.rh-logo {
		width: 150px;
	}

	.rh-icon {
		top: 7%;
		width: 50px;
	}

	.popup-contents .signup-form > form {
	    width: 80%;
	}

	.lb-overlay div p, .lb-overlay div em {
		font-size: 16px;
	}
		.mobdetect{
		display: block;
	}
.postarea .blogh1{

	float:none;

	}
	.next{
	width:20%;
	}
	.prev{
     width:30%;
	}
	.socializer_share li:first-child{
	padding:14px;
    }
.social_mob .socializer_share ul > li:nth-child(1){
	font-size:11px;
}
.postdate{
	width:30%;
}
.pagenavisingle{
	width:75%;
}


}



/* ================================================  MAX HEIGHT 320px ======================================= */


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

	/* Popup */

	.popup-contents {
		padding: 0 10px;
	}

	 .mobdetect{
		display: block;
	}

.postarea .blogh1{

	float:none;

	}
	.next{
	width:20%;
	}
	.prev{
     width:30%;
	}
	.socializer_share li:first-child{
	padding:14px;
    }
.social_mob .socializer_share ul > li:nth-child(1){
	font-size:11px;
}
.postdate{
	width:30%;
}
.pagenavisingle{
	width:75%;
}
}



/* ================================================  MOBILES BELOW 399 ======================================= */


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



	.back-to-refinery {
	    margin-bottom: 2px;
	    padding: 7px 0 5px;
	}

	.postcols .postbox {
		width: 94%;
	}
    	.mobdetect{
		display: block;
	}

.postarea .blogh1{

	float:none;

	}
	.next{
	width:20%;
	}
	.prev{
     width:30%;
	}
	.socializer_share li:first-child{
	padding:14px;
    }
.social_mob .socializer_share ul > li:nth-child(1){
	font-size:11px;
}
.postdate{
	width:30%;
}
.pagenavisingle{
	width:75%;
}

}









/* ================================================  MOBILES BELOW 480 to 400 ======================================= */


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

	.welcomeintro {
		position: relative;
		padding-top: 345px;

	}

	.feature {
		height: 360px;
	}
	.superbig {
		font-size: 60px;
		line-height: 55px;
		text-transform: uppercase;
		color: #222;
		letter-spacing: -1px;
		margin: 0px auto 15px;
		padding: 30px 20px 50px 20px;
	}

	.darkHeader .navbunk img {
		max-width: 100%;
	}
	.righty {
		width: 100%;
	}

	.lefty {
		width: 100%;
	}

	.footercontainer .ohrefinery {
		width: 90%;
		margin: -10% auto auto;
	}


	.featurette h1 a {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: -1px;
	}

	.copy {
	-moz-column-count: 1;
	-moz-column-gap:0px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px;
	column-count: 1;
	column-gap: 0px;
	}

	 .mobdetect{
		display: block;
	}
.postarea .blogh1{

	float:none;

	}
	.next{
	width:20%;
	}
	.prev{
     width:30%;
	}
	.socializer_share li:first-child{
	padding:14px;
    }
.social_mob .socializer_share ul > li:nth-child(1){
	font-size:11px;
}
.postdate{
	width:30%;
}
.pagenavisingle{
	width:75%;
}


}



/* ================================================  MOBILES BELOW 480 to 640 ======================================= */


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









}



/* ================================================  LARGE MOBILE DEVICES AND SMALL TABLETS BELOW 799  ======================================= */


@media only screen
and (min-width : 640px)
and (max-width : 799px)
{




}
/* ================================================  SLIGHTLY SMALLER RESOLUTIONS, BUT NOT QUITE IPHONE ======================================= */


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


}





/* ================================================  LARGE PHONE SCREENS SMALLER RESOLUTIONS  ======================================= */


@media only screen
and (min-width : 855px)
and (max-width : 960px)
{






}



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

	.socializer { display: none; }
	.beitthus span { display: none; }
	.beitthus:before { display: none; }
	.searcher { display:  none; }
	.bookbutton { display:  none; }
	.small-logo { left: auto; right: 0; width: 263px; }
	.column-one, .column-three { display: none; }
	.column-two { width: 100%; float: none; margin: 0; }
	.column-two .postcols { -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; }
	.item span { font-size: 16px; line-height: 16px;}
	.iosSlider .text2 { bottom: 7px; padding: 0 15px; width: calc(100% - 30px);}
	.primaryimage { width: 95%; height: 300px;}
	.posthello { width: 95%; }
	.postarea h1.bigintro { font-size: 35px; line-height: 35px;}
	.pagecopy h1 { font-size: 35px; line-height: 35px;}
	.pagecopy blockquote { font-size: 18px; line-height: 20px;}

	.coparea:before {
content: '';
position: absolute;
bottom: 40px;
left: 50%;
width: 182px;
margin-left: -81px;

}



/* ================================================  IPADS AT LANDSCAPE WIDTH 1024  ======================================= */


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

	.navbunk {

	}

	.darkHeader .navbunk img {

	}
	.rightcol {
		display: none;
	}

	.leftcol {
		width: 100%;
	}

	.rightarea {
		display: none;
	}

	.navwrapper {
		width: 100%;
    }

    .leftarea {
    	text-align: center;
    	width: 100%;
    }

    .leftarea p {
    	display: none;
    }
	.leftarea .socials {
		padding-top: 180px;
	}
	.topnav {
		top: 0;
	}
	.navbunk {
		min-height: 200px;
		padding-top: 76px;
	}
	.darkHeader .navbunk {
		padding-top: 50px;
	}

	.primecontainer:before {
		display: none;
	}

	.primecontainer:after {
		display: none;
	}

	.footer {
		background: none;
	}

}



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

	.rightcol {
		display: none;
	}

	.leftcol {
		width: 100%;
	}

	.rightarea {
		display: none;
	}
	.leftarea {
    	text-align: center;
    	width: 100%;
    }

    .leftarea p {
    	display: none;
    }
	.leftarea .socials {
		padding-top: 180px;
	}


}



/* ================================================  FIRST STAGE LARGER THAN 1024PX UP TO LARGER BROWSERS  ======================================= */



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


	.navbunk {
		min-height: 230px;
		padding-top: 60px;
	}
	.darkHeader .navbunk {
		min-height: 140px;
		padding-top: 60px;
	}
	.navbunk img {
		max-width: 70%;
	}




}



/* #Narrow Screen, Below 1400px (Portrait)
================================================== */

    /* Note: Design for a width of 768px */



@media only screen
and (min-width : 1224px)
and (max-width : 1300px)
{








}


@media only screen
and (min-width : 1224px)
and (max-width : 1399px)
{








}





@media only screen and (min-width: 1400px) and (max-width: 1450px) {








}


@media only screen and (min-width: 1451px) {









}

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

	.wrapping { padding: 5px; }
	.socializer { display: none; }
	.beitthus span { display: none; }
	.beitthus:before { display: none; }
	.searcher { display:  none; }
	.bookbutton { display:  none; }
	.small-logo { left: auto; right: 0; width: 226px; }
	.column-one, .column-three { display: none; margin:0; }
	.column-two { width: 100%; float: none; }
	.column-two .postcols { -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; }
	.item span { font-size: 16px; line-height: 16px;}
	.iosSlider .text2 { bottom: 7px; padding: 0 15px; width: calc(100% - 30px);}
	.primaryimage { width: 95%; height: 300px;}
	.posthello { width: 95%; }
	.postarea h1.bigintro { font-size: 35px; line-height: 35px;}
	.pagecopy h1 { font-size: 35px; line-height: 35px;}
	.pagecopy blockquote { font-size: 18px; line-height: 20px;}

}