/* REPONSIVE - OAWEB SOLUÇÕES TECNOLÓGICAS*/


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.footer .btn {margin-bottom: 20px;}
	#a-pousada .btn {margin-bottom: 30px;}
	#acomodacoes .cbp-caption-defaultWrap {height: 200px;}
	.parallax2 {height: 676px;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.logo { width: 68px;}
	.navbar-toggle {margin-top: 12px;}
	.aga1 h1 {font-size: 22px}
	.slider h1 {font-size: 18px;}
	.footer p {font-size: 10px;}
	.footer .btn {margin-bottom: 20px;}
	.parallax2 {height: 676px;}
	.reservas .form-select select {padding: 2px 25px 2px 2px;}
	.footer h2 {font-size: 22px;}
	.footer p { font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
	#acomodacoes .cbp-caption-defaultWrap {height: 170px;}
	#a-pousada .btn {margin-bottom: 30px;}
	.pousada-ft1 {width: 100%; height: 320px;margin-bottom: 30px;}
	.pousada-ft2 {height: 100px;}
	.barra-logo ul li {padding: 5px 0px;}
	.navbar { margin-top: 60px; }
	.navbar-nav { margin-left: 15px; }
	.footer { padding: 10px 0; }
	.navbar-oawebpg{ margin-top: 0px !important; }
	.slider-paginas { margin-top: 43px; }
	.barra-logo ul li div {font-size: 17px;}
	.modal-video .modal-content {width: 100%;}		
	#modalVideo .modal-dialog {width: 100%;}
	#contato p {font-size: 15px;}
	.barra-logo {height: 60px;}
	.slider-paginas {height: 86px;}
	.slider-paginas .title {padding-top: 5px;}


}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 979px) { 
	.navbar {font-size: 12px;}
	.navbar-brand {padding: 19px 11px;font-size: 13px;}
	.footer .btn {margin-bottom: 20px;}
	#a-pousada .btn {margin-bottom: 30px;}
	#acomodacoes .cbp-caption-defaultWrap {height: 220px;}

}

/* ipad, tablet */
@media only screen and (min-device-width : 980px) { 
	.footer .btn {margin-bottom: 20px;}
	#a-pousada .btn {margin-bottom: 30px;}

}

/* ipad, tablet */
@media only screen and (min-device-width : 1024px) { 
	.slider { height: 315px; z-index: 5; position: relative; margin-top: 70px; }


}

/* Large desktop */
@media (min-width: 1200px) {

	.slider { height: 420px; z-index: 5; position: relative; margin-top: 90px; }


}