@media (max-width: 767px) {

	/* fix para menu responsivo */
	body { margin-top: 60px; }

	/* logo */
	.navbar { height: 65px; }
	.navbar-brand { padding: 15px 10px; }

	.navbar-header {
		height: 60px;
		background-color: rgba(0,200,83,.8);
	}

	.navbar-toggle {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    background-color: transparent;
	    border: 0;
	    border-radius: 0;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}

	#menu {
		margin-top: -20px;
		float: right;
	}

	#menu a {
		color: #FFF;
		text-align: right;
		background-color: rgba(0,200,83,.7);
	}

	/* fix para sticky navbar */
	.sticky { height: 60px; }
	.sticky .navbar-brand img {
		padding: 0;
		margin-top: 5px;
		width: 100px;
	}
	/* fix para backgrouds das sections #parallax */
	#parallax-1,
	#parallax-2,
	#parallax-3,
	#parallax-4 {
		background-size: cover;
	}

	/* fix para vertical align */
	.vertical-align {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-4%);
	        transform: translateY(-4%);
	}

	/* fix para info sections */
	.wrapper { height: auto; }

	/* fix para hight do carousel principal em dispositivos mobile */
	.banner-item { height: 150px; }

	/* fix para imagens de topo de pgina */
	.img-topo > img { height: 120px; }

	/*  fix overflow causado por botões do carousel das sections */
	
	.custom-navs.owl-theme .owl-prev { display: none; }

	.custom-navs.owl-theme .owl-next { display: none; }

	.carousel-section.owl-theme .owl-prev { left: -3%; }

	.carousel-section.owl-theme .owl-next { right: -3%; }

	.owl-theme .owl-dots, .owl-theme .owl-dots {
	    position: relative;
	    top: 10%;
	    -webkit-transform: translateY(-100%);
	    transform: translateY(-100%);
	}

	/* fix para imagens de noticias */
	.noticia img { margin: 10px auto; }

	/* fix form padding */
	.form-bg { padding: 10px; }

	/* fix para paginas */
	/* a empresa */
	.content-wrapper {
		position: relative;
		top: -20%;
	}

	.empresa-img-fix { margin-bottom: 20px; }

	.barra-fundo {
		height: 150px;
		width: 100%;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(140%);
		        transform: translateY(140%)
	}

	.img-base { margin-bottom: -37%; }

	/* fix para galeria */
	.gallery-item { margin: -3px -7px; }

	.margin-bottom-fix { margin-bottom: 0px; }

	.gallery-item:hover .caption-1,
	.gallery-item:hover .caption-2 { display: none !important; }

	/* fix para logo do rodapé */
	.logo-footer {
		margin: 0 auto;
		padding-bottom: 10px;
	}

	/* fix para modal */
	.modal-content img {
		width: 100%;
		margin-top: 40px;
	}

	.close {
		color: #000;
	}

	.close:hover,
	.close:focus {
	    color: #000;
	}
}

@media (max-width: 768px) {
	/* iPad */
	/* fix para logo da home page em navbar */
	.nav-1-logo {
		width: 100px;
		margin-top: -10px
	}

	.modal-content img {
		width: 100%;
		margin-top: 40px;
	}

	.close {
		color: #000;
	}

	.close:hover,
	.close:focus {
	    color: #000;
	}
}

@media (max-width: 1024px) {
	/* iPad Pro */
	/* fix para info sections */
	.outline-align {
		top: 50%;
		-webkit-transform: translateY(0%);
		        transform: translateY(0%);
	}
	
	#info-1.info-section-img {
		width: 300px;
		height: 300px;
	}
	/* .wrapper { height: 350px; } */
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: landscape) {

	
	/*// Navbar  //*/

	.navbar {
		min-height: 55px;
		height: 60px;
	}

	.navbar-toggle {
		margin-top: 15px !important;
	}

	.navbar-nav {
		margin: 0 !important;
	}

	.navbar-default .navbar-collapse {
		margin-top: -30px !important;
		float: right !important;
		background-color: rgba(0,200,83,.7) !important;
	}

	.home .navbar-default .navbar-nav > li > a { color: #3D5058; }

	/* scroll down menu */
	.sticky {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    background-color: rgba(0,200,83,.7);
	    z-index: 10;
	    border: 0;
	}

	.sticky #menu a { color: #FFF; }

	.sticky .navbar-brand img {
		padding: 15px 10px !important;
		width: 150px !important;
	}

	.sticky .navbar-brand { padding: 0 10px; }

	.sticky .navbar-brand img {
		padding: 1px 0;
		width: 120px;
	}

	.sticky .navbar-nav > li > a {
		padding-top: 20px;
		padding-bottom: 0;
	}

	/*// end Navbar  //*/

}