/**************************************************/
/* MEDIA QUERIES
/**************************************************/
@media only screen and (min-width: 1420px) and (max-width: 1900px) {
	#banner3 {height: 870px;}
	.info-banner3 {padding-top: 53%;}
}
@media only screen and (max-width: 1200px) {
	.container {width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}
	.col-md-12 {padding-left: 0 !important; padding-right: 0 !important;}
	.row {margin-left: 0 !important; margin-right: 0 !important;}
	#contact-opener{display: none;}
}
@media only screen and (max-width: 1200px) {
	.info-banner3 {margin-top: 34%;}
	.info-banner4{padding-top: 0 !important}
	.title-banner2{padding-top: 0 !important}
	.info-banner5 {padding-top: 2%;}
	.sub-banner5 {padding-top: 1%;}
	.icons-banner5 {margin-top: 3%;margin-left: 17%;}
	.icon {width: 21%;}
	.wind img {margin-left: 43%; margin-top: 4%;width: 60%;}
	.caixa-texto{width: 40%;}
	.info-banner6 {padding-top: 0%;}
	.info-wind {width: 80%;margin-left: 14%;margin-top: 4%;}
	.btn-form {margin-right: 30px;}
}

@media only screen and (max-width: 1054px) {
	.imag-office {margin-top: 0%;}
	.info-banner3 span {color: #fff;font-size: 20px;}
	#btn-solicite {margin-top: 2%;}
	.info-wind {width: 87% ! important;margin-top: 2% !important;}
	.txt-message {width: 305px;}
	#mensagem {margin-left: -60px;}
	.btn-form {margin-right: 0px;}
	.f1, .f2, .f3{display: none;}
	.info-01{width: 100%}
	.title-banner {padding-top: 34%;}
	#banner02 {float: left; padding-top: 30px;}
	.info-banner3 {padding-top: 12%;}
	.inf-banner4{padding-left: 0; text-align: center;}
	#banner-text span {padding-top: 0%; width: 100%;}
	#banner-text {margin-left: 0% !important;width: 100% !important; height: 100%; padding-top: 20px; padding-bottom: 20px;}
    .inf-banner4-2{padding-left: 0; text-align: center; width: 100%; margin-left: 0;}
    .icons-banner4-2 {margin-top: 3% ! important;}
    #banner-text1 span {padding-top: 0%; width: 100%;}
	#banner-text1 {margin-left: 0% !important;width: 100% !important; height: 100%; padding-top: 20px; padding-bottom: 20px;}
	.inf-banner4-3{padding-left: 0; text-align: center; width: 90%;}
    .icons-banner4-3 {margin-top: 3% ! important;}
    #banner-text2 span {padding-top: 0%; width: 100%;}
	#banner-text2 {margin-left: 0% !important;width: 100% !important; height: 100%; padding-top: 20px; padding-bottom: 20px;}
	.info-banner6{padding-top: 10%;}
	.info-banner5{padding-top: 5%;}
	.icon {width: 33.3333%; padding-left: 0;}
	.icons-banner4-2 img {width: 30%;}
	.icons-banner4-3 img {width: 35%;}
	.btn-banner4 {display: none;}
	.icons-banner5 {padding-left: 0% ! important;margin-top: 3%;text-align: center; margin-left: 0;}
	.btn-form {margin-top: 2%;}
	.info-banner4 {padding-top: 30px !important;}
	.inf-banner4 {width: 100%; margin-left: 0;} 
	.icons-banner4 img {width: 17%;}
	#banner-text span {padding-left: 0;}
	.btn-banner5 {margin-left: 0; width: 100%;}
	#button-sol {width: 23%; padding: 7px 20px; float: initial; margin: 0 auto;}
	#banner5 {height: auto; padding-bottom: 4%;}
	#banner7 {margin-top: 5%;}
	.logo-footer {padding-right: 0; text-align: center;}
	.planos {margin-left: 0;}
	.navbar {padding-left: 15px; padding-right: 15px;}
}



@media only screen and (max-width: 991px) {
	.span-banner2 {margin-left: 0 !important; width: 100%;}
	.span-banner2 span {display: block; padding-left: 15px; padding-right: 15px;}
	.sub-title {width: 100%; margin-left: 0;}
	.span-sub {text-align: center;}
	.span-info {text-align: center; padding-bottom: 3%; margin-top: 2%;}
	section {float: left;}
	.imag-office img {width: initial; float: initial;}
	.imag-office {text-align: center; padding-bottom: 5%;}
	#button-planos {margin: 0 auto; width: 34%; float: initial;}
	.btn-planos {width: 100%; margin-top: 50px;}
	.planos span {line-height: 38px;}
	.computer {margin-left: 0; margin-top: -8%;}
	.f4{display: none;}
	.computer img {width: initial;}
	.planos{ padding-top: 6%;}
	.icon {float: left;}
	#button-sol{width: 30%;}
	.caixa-texto{background-image: none;width: 100%; text-align: center;}
	.info-wind{margin-left: 0%; width: 100% !important;}
	.info-wind span {width: 100%;}
	.wind {text-align: center;}
	.wind img {width: initial;margin-left: 0;}
	.info-banner6{padding-top: 3%;}
	.caixa-texto{height: initial;}
	.contato-info{width: 100%; text-align: center;margin-left: 0;}
	#banner7 .contato .contato {float: left; width: 50%; }
	#form2{padding-right: 0%; width: 100%; float: left; margin-left: 0; margin-top: 30px;}
	#banner7 {height: 950px;}
	#mensagem {margin-left: 0;}
	#button-form {width: 100%; text-align: center; float: left;}
	.btn-form {float: left;}
	.contato {padding-bottom: 0;}
	#banner-text, #banner-text1, #banner-text2{
		height: 100px;
	}
}

@media only screen and (max-width: 937px) { 
	.info-banner3 {padding-top: 20%;}
}
@media only screen and (max-width: 810px) { 
	.info-banner3 {padding-top: 27%;}
	.btn-banner5 {margin-top: 6%;}
	.title-banner {padding-top: 43%;}
	#button-sol {width: 35%;}
}
@media only screen and (max-width: 768px) { 
	.navbar-default .navbar-toggle {display: none;}
	.info-banner3 {padding-top: 33%;}
	#banner-text, #banner-text2 {padding-left: 10px; padding-right: 10px;}
	#banner-text1 span, #banner-text2 span {padding-left: 0;}
	.inf-banner4-3 {margin-left: 0; width: 100%;	}
}
@media only screen and (max-width: 668px) {  
	.contato-scroll {padding-bottom: 5px;}
	.title-banner {padding-top: 55%;}
	#banner3 {background-size: contain 100%; background-image: url(../img/banner3-mobile.png); height: 460px;}
	.info-banner3 {padding-top: 5%;}
	#btn-solicite {font-size: 19px;}
	.info-banner4 span {font-size: 34px;}
	.computer {margin-top: 6%}
	#button-planos {width: 55%;}
	#button-sol {width: 45%;}
	#btn-solicite {margin-top: 7%;}
}
@media only screen and (max-width: 650px) {   
	.icon {width: 100%; padding-bottom: 20px;}
	.txt-message {width: 100%;}
	.info-banner3 span {font-size: 18px;}
}
@media only screen and (max-width: 596px) {  
	#banner02 {width: 100%;}
	.title-banner2 span, .span-sub span {font-size: 38px; line-height: 38px;}
	.info-banner3 span {width: 100%;}
	.info-banner4 span, .planos span {font-size: 30px;}
	.icon {width: 100%; padding-bottom: 20px;}
	.info-banner7 span {font-size: 46px;}
	#banner7 .contato .contato {width: 100%;}
	#banner7 {background-image: url(../img/banner7-mobile.png); height: auto; padding-bottom: 50px;}
	.btn-form {margin-right: 0; float: initial;}
	#button-form {margin-top: 15px;}
	#banner7 input[type="text"], #banner7 textarea {width: 100%;}
	.contato-scroll {display: none;}
	.navbar-header .col-md-12 {text-align: center;}
	.navbar-header img {float: initial;}
}
@media only screen and (max-width: 560px) {  
	.imag-office img {width: 100%;}
	.info-banner3 span {font-size: 16px;}
	.info-banner3 {padding-top: 14%;}
	#banner5 {padding-bottom: 7%;}

}
@media only screen and (max-width: 489px) { 
	.title-banner2 span, .span-sub span {font-size: 32px; line-height: 32px;}
	.info-banner3 {padding-top: 10%;}
	.info-banner4 {width: 100%;}
	section {width: 100%;}
	.info-banner4 span, .planos span {font-size: 26px;}
	.info-01 {padding-top: 40px;}
	.icons-banner4 img {width: 32%;}
	.icons-banner4-2 img {width: 48%;}
	.icons-banner4-3 img {width: 57%;}
	#btn-plano {font-size: 16px;}
	.info-banner5 span {font-size: 34px;}
	.sub-banner5 span {font-size: 16px;}
	.icons-banner5 .icon:first-of-type {padding-top: 40px;}
	#button-sol a {font-size: 16px;}
	.info-banner7 span {font-size: 40px;}
	.title-banner span {font-size: 36px;}
	.computer img {width: 100%;}
	#banner3 {background-size: contain 100%; background-image: url(../img/banner3-mobile.png); height: 400px;}
}
@media only screen and (max-width: 414px) { 
	.title-banner {padding-top: 73%;}
	.title-banner span {font-size: 32px; line-height: 32px;}
	.info-banner3 span {float: initial; width: 98%;}
	#btn-solicite {font-size: 16px;}
	.info-banner3 {padding-top: 20%;}
	#button-planos {width: 80%;}
	#button-sol {width: 70%;}
	.wind img {width: 100%;}
}
@media only screen and (max-width: 360px) { 
	.info-banner3 {padding-top: 35%;}
	#banner-text, #banner-text1, #banner-text2{
		height: 150px;
	}
}
@media only screen and (max-width: 355px) {  
	.title-banner span {font-size: 28px;}
	.title-banner2 span, .span-sub span {font-size: 28px;}
	.info-banner3 {padding-top: 35%;}
	.info-banner4 span, .planos span {font-size: 22px;}
	#button-planos {width: 100%;}
	#button-sol {width: 90%;}
}