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

.fogo-banner-outer {
height: 100vh;
display: flex;
align-items: center;
}
.contact-section {
	height: 1250px;
}
}


@media only screen and (min-width:1024px) and (max-width:1236px) {
.fogonero-inner-navbar ul li a {
font-size: 14px;}
.fogo-banner-left h1 {
font-size: 78px;
line-height: 91px;}
.fogo-banner-left a, .view-our-blog a {

margin-top: 38px;
width: 200px;
line-height: 60px;font-size: 18px;}
.fogo-banner-outer {
padding: 175px 0 200px;

}
.mesquite-inner a {
margin-top: 38px;
width: 180px;
line-height: 60px;

font-size: 15px;
}
.mesquite-inner h2 {line-height: 90px;
font-size: 40px;
}
.mesquite-inner p {line-height: 23px;

font-size: 13px;
}
.mesquite-inner p:nth-child(2) {
margin: 6px 0 30px;
}
.mesquite-outer {
padding: 120px 0 70px;
}
.mesquite-Lumps-inner {
padding: 0 150px;
}  
.mesquite-Lumps-inner h2 {font-size: 40px;line-height: 90px;

} 
.mesquite-Lumps-inner p {
font-size: 13px;

line-height: 23px;
}
.mesquite-Lumps-inner h5 {
font-size: 13px;
line-height: 23px;

}
.overlay {
width: 80%;
max-height:2000px;

padding: 40px 56px;
}
.overlay h3 {
font-size: 26px;

line-height: 22px;

}
.fogonero-inner-navbar ul li:nth-child(3) {
margin-right: 200px;
}
.overlay p {font-size: 13px;line-height: 23px;
}
.overlay a {
font-size: 14px;

line-height: 23px;}
.we_sell-left {

padding-right: 75px;
}
.lumps_info img { height: 330px;
}
.we_sell-left h2 {font-size: 40px;
line-height: 85px;
}
.we_sell-left p {font-size: 13px;
line-height: 23px;}
.copyright span {font-size: 13px;}

.overlay-inn-con {
max-height: 135px;
}



}



@media only screen and (min-width:768px) and (max-width:1023px) {
.fogonero-inner-navbar ul li a {
font-size: 12px;padding: 5px 10px;line-height: 27px;}
.fogo-banner-left h1 {
font-size: 65px;
line-height: 80px;
}
.fogo-banner-outer:before {
top: -20px;}
.fogo-banner-left a, .view-our-blog a {
margin-top: 25px;
width: 160px;
line-height: 54px;
font-size: 16px;
}
.fogonero-inner-navbar ul {gap: 1%;}
.fogo-banner-outer {
padding: 125px 0 150px;
background-size: cover;
background-position: center;
}
.fogonero-inner-logo img{
width: 135px;

}

.mesquite-inner a {
margin-top: 20px;
width: 160px;
line-height: 55px;
font-size: 14px;
}
.mesquite-inner h2 {
line-height: 70px;
font-size: 35px;
}
.mesquite-inner p {line-height: 23px;

font-size: 13px;
}
.mesquite-right {
padding: 0 0 0 15px;
}
.mesquite-inner p:nth-child(2) {
margin: 0px 0 10px;
}
.mesquite-outer {
padding: 60px 0 50px;
}
.mesquite-Lumps-inner {
padding: 0 90px;
}  
.mesquite-Lumps-inner h2 {
font-size: 32px;
line-height: 60px;
}
.mesquite-Lumps-inner p {
font-size: 12px;
line-height: 21px;
margin-top: 6px;
}
.mesquite-Lumps-inner h5 {
font-size: 13px;
line-height: 23px;
margin-top: 30px;


}

.spacing{padding:0;}
.mesquite-Lumps-inner2 { padding: 42px 0 120px;
}
.overlay {
width: 80%;
max-height: 2000px;
padding: 25px 35px;
}
.overlay h3 {
font-size: 22px;
line-height: 24px;
}
.fogonero-inner-navbar ul li:nth-child(3) {
margin-right: 150px;
}
.overlay p {
font-size: 12px;
line-height: 21px;
}
.overlay a {
font-size: 12px;
line-height: 20px;
}
.we_sell-left {
padding-right: 20px;
}
.lumps_info img { height: 280px;
}
.we_sell-left h2 {
font-size: 34px;
line-height: 71px;
}
.we_sell-left p {
font-size: 12px;
line-height: 23px;
}
.copyright span {font-size: 12px;}
.we_sell-left p:nth-child(3) {
margin: 15px 0 0;
}
footer { padding: 15px 0 30px;
}


}


@media only screen and (min-width: 992px) and (max-width: 1200px)
{
.contact-inner-text {
	width: 390px;
	padding: 60px 50px;
	text-align: left;
	margin-bottom: 70px;
}
.contact-inner-text h2 {
	font-size: 40px;
}
.contact-inner-text h4 {
	font-size: 20px;
	margin: 20px 0 15px 0;
}
.contact-inner-text a {
	font-size: 15.67px;
}


}



@media only screen and (min-width:768px) and (max-width:991px) 
{
.fogo-banner-left h1 {
font-size: 53px;
line-height: 64px;
}

.navigation-main-outer li a {
padding: 3px 5px !important;
font-size: 12px !important;
}
.fogonero-inner-navbar ul {
gap: 20px;
}
header.fogonero-header-outer .fogonero-inner-logo img 
{
width: 130px;
}
.fogonero-inner-navbar ul li:nth-child(3) {
margin-right: 120px;
}
header.fogonero-header-outer.fixed-header .fogonero-inner-logo img {
width: 110px;
height: auto;
}

.col-xs-12.pad-none.contact-inner-sec 
{
	display: flex;
	justify-content: unset;
	padding: 60px 15px 0 15px;
	align-items: center;
	margin: 0px 0 0 0px;
	flex-direction: column;
}
.contact-inner-text {
	width: 100%;
	padding: 30px 20px;
	text-align: left;
	margin-bottom: 70px;
}
.contact-inner-text {
	width: 100%;
	padding: 30px 20px;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 60px;
}
.contact-inner-text a {
	font-size: 15.67px;
}
.contact-section{
	height: auto;
	margin: 0 0 6px 0;
}
.contact-inner-text h2 {
	font-size: 35px;
}
.contact-inner-text h4 {
	font-size: 18px;
	margin: 15px 0 10px 0;
}
.contact-inner-right-image {
	text-align: center;
}
.contact-inner-right-image img {
	max-width: 80%;
}



}
@media (max-width:767px)
{
header.fogonero-header-outer.fixed-header button.navbar-toggle {
top: 28px;
}
.blogs-outer {

background-size: cover;
}
.blogs-outer h2 {
font-size: 30px;
line-height: 60px;
}
.mesquite-left {
text-align: center;
}
.lumps_info {
float: left;
position: relative;
width: 256px;
}
.fogonero-inner-navbar ul li a {
font-size: 12px;padding: 5px 10px;line-height: 27px;color: #fff;}
.fogo-banner-left h1 {
font-size: 40px;
line-height: 52px;
}
.fogo-banner-outer:before {
top: -20px;}
.fogo-banner-left a, .view-our-blog a  {
margin-top: 15px;
width: 130px;
line-height: 45px;
font-size: 13px;
}
.fogonero-inner-navbar ul {

display: block;
padding: 80px 10px;
}
.fogo-banner-outer {
padding: 125px 0 150px;
background-size: cover;
background-position: center;
}
.fogonero-inner-logo img{
width: 135px;

}

.mesquite-inner a {
margin-top: 20px;
width: 142px;
line-height: 46px;
font-size: 12px;
}
.mesquite-inner h2 {
line-height: 60px;
font-size: 28px;
}
.mesquite-inner p {
line-height: 23px;
font-size: 12px;
}
.mesquite-right {
padding: 0 0 0 15px;
}
.mesquite-inner p:nth-child(2) {
margin: 0px 0 7px;
}
.mesquite-outer {
padding: 40px 0;
}
.mesquite-Lumps-inner {
padding: 0 8px;
}  
.mesquite-Lumps-inner h2 {
font-size: 28px;
line-height: 39px;
}
.mesquite-Lumps-inner p {
font-size: 12px;
line-height: 21px;
margin-top: 6px;
}
.we_sell-outer {
padding: 40px 0;
}
.mesquite-Lumps-inner h5 {
font-size: 12px;
line-height: 20px;
margin-top: 15px;
}

.spacing{padding:0;}
.mesquite-Lumps-inner2 {
padding: 40px 0;
}
.mesquite-Lumps-outer {
padding: 85px 0 220px;
}
.overlay {
width: 100%;
padding: 25px 26px;
top: 160px;
}
.overlay h3 {
font-size: 19px;
line-height: 19px;
}
.fogonero-inner-navbar ul li:nth-child(3) {
margin-right: 0;
}
.overlay-inn-con {
max-height: 140px;
}
.overlay p {
font-size: 12px;
line-height: 20px;
}
.we_sell-inner {flex-direction: column;
align-items: normal;}
.overlay a {
font-size: 12px;
line-height: 20px;
}
.we_sell-right{
margin-top: 30px}
.we_sell-left {
padding-right: 0;
}
.lumps_info img { height: 220px;
}
.we_sell-left h2 {
font-size: 30px;
line-height: 60px;
}
.Briquettes_info p {
color: #fff;
}
.we_sell-left p {
font-size: 12px;
line-height: 23px;
}
.copyright span {font-size: 12px;}
.we_sell-left p:nth-child(3) {
margin: 10px 0 0;
}
footer { padding: 15px 0 30px;}

.mesquite-inner {
display: flex;
flex-direction: column;
}
.fogo-banner-left {
float: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;}
/*custom toggle nav* start*/
.pushmenu-push {display: none;}

.navigation-main-outer button.navbar-toggle {
position: absolute;
z-index: 99;
margin: 0;
padding: 0;
cursor: pointer;
display: block !important;
background: none !important;
border: 0px;
outline: none;
left: auto;
z-index: 999999;
right: 15%;
top: 45px;
}
.navigation-main-outer button.navbar-toggle .icon-bar {
display: block;
width: 30px;
height: 5px;
border-radius: 1px;
background: #d12a21;
margin: 0 0 5px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar:nth-child(1) {
transform: rotate(45deg);
-webkit-transform: rotate(44deg);
left: 0px;
position: relative;
top: 7px;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar:nth-child(3) {
transform: rotate(45deg);
-webkit-transform: rotate(134deg);
left: 0px;
position: relative;
top: -3px;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar:nth-child(2) {
display: none;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar {
background: #fff;
}
.pushmenu-push {
position: fixed;
width: 300px;
height: 100vh;
overflow:auto;
background: #000;
top: 0;
display: block;
padding: 110px 20px 80px;
z-index: 9999;
transition: .3s all ease;
-webkit-transition: .3s all ease;
right: -450px;	
}

.nav-open .pushmenu-push{right:0;}
.nav_barul {float: left;width:100%;margin: 30px 0 0;}
.navigation-main-outer li {float: left;width: 100%;margin: 0 0 10px;}
.navigation-main-outer li a {float: left;text-align: left;width: 100%;font-size:17px;line-height:26px;margin: 0 0 5px;	color: #fff;padding-left:10px;}
/*custom toggle nav* end*/

.col-xs-12.pad-none.contact-inner-sec 
{
	display: flex;
	justify-content: unset;
	padding: 60px 15px 0 15px;
	align-items: center;
	margin: 0px 0 0 0px;
	flex-direction: column;
}
.contact-inner-text {
	width: 100%;
	padding: 30px 20px;
	text-align: left;
	margin-bottom: 70px;
}
.contact-inner-text {
	width: 100%;
	padding: 30px 20px;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 60px;
}
.contact-inner-text a {
	font-size: 15.67px;
}
.contact-section{
	height: auto;
	margin: 0 0 6px 0;
}
.contact-inner-text h2 {
	font-size: 35px;
}
.contact-inner-text h4 {
	font-size: 18px;
	margin: 15px 0 10px 0;
}
.contact-inner-right-image {
	text-align: center;
}
.contact-inner-right-image img {
	max-width: 80%;
}

}
@media (max-width:575px){
.we_sell-inner {padding: 0 10px;
}
.overlay {
padding:25px 15px 0;
width: 100.3%;
position: static;
transform: inherit;
bottom: 0;
left: 0;
max-height: 2000px;
float: left;
width: 100%;
margin: 0 0 15px;
}
.overlay-inn-con {
max-height: 2000px;
}
.mesquite-Lumps-inner2 {
padding: 40px 10px;
flex-direction: column;
}
.lumps_info {
width: 100%;
margin: 5px 0;
}
.overlay a {
display: none;
}
}
@media (max-width:479px){
.lumps_info img {
height: 200px;
}

.navigation-main-outer button.navbar-toggle {
position: absolute;
z-index: 99;
margin: 0;
padding: 0;
cursor: pointer;
display: block !important;
background: none !important;
border: 0px;
outline: none;
left: auto;
z-index: 999999;
right: 5%;
top: 45px;
}
.mesquite-Lumps-inner h2 {
font-size: 23px;
line-height: 39px;
}

}