/*-----------------------------------------------------------------------
							RESPONSIVE STYLES
------------------------------------------------------------------------- */

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

	.padding-block{ padding: 0 2%}

}


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

	.navbar-default .navbar-nav > li {
		margin-left: 20px ;
		margin-right: 20px ;
	}

	.padding-block{ padding: 0 2%}

}



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

	.navbar-default .navbar-nav > li {
		margin-left: 10px ;
		margin-right: 10px ;
	}

	.logo{ width: 280px}

	.padding-block{ padding: 0 0.5%}

	.produto-gas{ width: 200px;}
	.produto-semgas{ width: 200px;}

	.white-diamond span {font-size: 24px;  font-weight: 100; max-width: 100%}




}

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

	#sendingbtn {
		margin-top: 37px;
	}

	.navbar-default .navbar-nav > li {
		margin-left: 0px ;
		margin-right: 0px ;
	}

	.logo{ width: 240px; margin-top: 30px;}

	.padding-block{ padding: 0 15px}

	.produto-gas{ width: 100px;}
	.produto-semgas{ width: 100px;}

	.red-diamond , .white-diamond{margin-top: 40px; padding: 40px 20px 10px 20px; border: none; }

	.white-diamond strong {font-size: 43px; margin-left: 150px; }
	.white-diamond span {font-size: 27px; margin-left: 150px; max-width: 100%; }

	.red-diamond strong {font-size: 43px; margin-right: 150px  }
	.red-diamond span {font-size:27px ; margin-right: 150px; max-width: 100%; }

	.title-onde-encontrar { margin-top: 100px; margin-bottom: 60px}
	.text-encontrar{  padding-bottom: 70px}

	.img-diamond2{
		width: 60%;
	}



}

/* =========== MAX 991PX =========== */
@media only screen and (max-width:991px) {
	/*Animation*/
	.animated {
		visibility: visible !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.home{margin-top: 0; padding-bottom: 80px;}

	.navbar-brand{ width: 120px;}

	.navbar-default .navbar-nav > li {
		margin-left: 0px ;
		margin-right: 0px ;
		margin-top: 10px;
	}

	.img-gas{float: right; max-width: 60%;	height: auto; }
	.img-sem{float: left;     max-width: 60%;	height: auto;}

	.title{ padding: 40px 0 0 0;  }
	.slogan { position: relative; top: 40px; }

	.padding{margin-top: 300px;}

	.img-diamond2{
		width: 30%;
	}

	.padding{margin-top: 50px;}

	.beneficios-section h1 , .faq-section h1{
		margin-bottom: 40px;
		margin-top: 40px;
		text-align: center;
	}

	.block-info{
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 80px;
	}

}

/* =========== MAX 767PX =========== */
@media only screen and (max-width:767px) {

	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
		background: #5f0919;
	}

	.navbar .navbar-collapse {
		text-align: left;
		background: #5f0919;
	}

	/*------Navigation Bar-------*/
	.navbar-default .navbar-header p{
		clear:both;
		margin-left:15px;
	}
	.navbar-default .navbar-nav > li > a{
		padding:10px 15px;
	}

	.img-gas{float: right; max-width: 60%;	height: auto; }
	.img-sem{float: left;     max-width: 60%;	height: auto;}

	.title{ padding: 40px 0 0 0;  }
	.slogan { position: relative; top: 40px; }


	.img-gas{display: block;}
	.img-sem{display: block;}

	.diamond-section{padding: 100px 0;}





}
/* =========== MAX 480PX =========== */
@media screen and (max-width:480px) {

	.produto-gas{ width: 100px; display: block; float: none; margin: 0 auto; position: relative; right: 0; left: 0; padding-bottom: 35px}
	.produto-semgas{ width: 100px; display: block; float: none; margin: 0 auto; position: relative; right: 0; left: 0; padding-bottom: 35px}

	.red-diamond , .white-diamond{margin-top: 20px; padding: 5px 0; border: none; display: block }

	.white-diamond strong {font-size: 26px; text-align: center; margin-left: 0 }
	.white-diamond span {font-size: 16px; text-align: center; margin-left: 0 ; padding-bottom: 5px;}

	.red-diamond strong {font-size: 26px; text-align: center; margin-right: 0  }
	.red-diamond span {font-size:16px ; text-align: center; margin-right: 0; max-width: 100%; padding-bottom: 5px; }

	.title-onde-encontrar { margin-top: 40px; font-size: 32px;/ margin-bottom: 20px; }
	.text-encontrar{  padding-bottom: 30px; font-size: 20px; line-height: 24px}

	.beneficios-section h1{
		font-size: 40px;
		letter-spacing: 4px;
		margin-bottom: 40px;
		color: #ffffff;
		margin-top: 40px;
		text-align: center;
	}

	.padding{margin-top: 70px;}


}

/* =========== MAX 320PX =========== */
@media only screen and (max-width:400px) {

	.produto-gas{ width: 70px; display: block; float: none; margin: 0 auto; position: relative; right: 0; left: 0; padding-bottom: 30px}
	.produto-semgas{ width: 70px; display: block; float: none; margin: 0 auto; position: relative; right: 0; left: 0; padding-bottom: 30px}

	.text-diamond{ font-size: 16px; letter-spacing: 1px; line-height: 24px;}


}