/*Exceções somente high Desktop - lg */

/* Max iPad Pro vs Min Notebook Width */
@media only screen and (min-width: 1024px) {
	header .logo img { max-width: 100% }
	header.fixed .bkgd-principal { width: 77.5% }
}

@media only screen and (min-width: 1150px) {
	header { height: 125px }
	header.fixed .bkgd-principal { width: 78% }
}

@media only screen and (min-width: 1250px) {
	header { height: 135px }
	header.fixed .bkgd-principal { width: 78.75% }
}

/* Notebook - Medium Device - Min 1366x768 */
@media only screen and (min-width: 1366px) {
	header { height: 145px }
}

@media only screen and (min-width: 1450px) {
	header { height: 160px }
}

@media only screen and (min-width: 1550px) {
	header { height: 170px }
	header.fixed .bkgd-principal { width: 79% }
}

@media only screen and (min-width: 1650px) {
	header { height: 180px }
}

@media only screen and (min-width: 1750px) {
	header { height: 190px }
	header.fixed .bkgd-principal { width: 79.5% }
	header.fixed .bkgd-principal { right: 1.5% }
}

@media only screen and (min-width: 1850px) {
	header { height: 200px }
}

/* Ipad Pro Portraid e Landscape - lg */
@media (max-width: 1024px) and (orientation: portrait) {}
@media (max-width: 1366px) and (orientation: landscape) {}

/* Ipad Landscape - lg */
@media (max-width: 1024px) and (orientation: landscape) {}

/* Ipad Portraid e tablets intermediários - md */
@media (max-width: 768px) and (orientation: portrait)  {
	header div.logo { padding: 0 !important }
	header div.logo img { max-width: 100% }
	header .content-right { align-self: center }
	header .content-menu {
		width: 275px;
		font-size: 12px
	}
	header .content-menu .col-links { padding-right: 0 }
}

/* Smartphone Landscape - md */
@media (max-width: 812px) and (orientation: landscape) {}

/* Smartphone Portrait - xs */
@media (max-width: 600px) and (orientation: portrait) {
	/* Bootstrap Fix */
		.fix-row-wrap { flex-wrap: initial !important }
	/* Layout */
		p.title { font-size: 25px }
		input.form-control, select.form-control {
			height: 50px;
			font-size: 18px
		}
		/* My Alert */

		.form_log {
			width: 400px;
			margin-left: -200px;
			font-size: 19px;
		}
	/* Header */
		header { height: 100px }
		header button.btn-menu-mobile {
			background: none;
		    border: 0;
		    font-size: 35px
		}
		header button.btn-menu-mobile i { color: black }
		#modalEntrar .modal-dialog { max-width:100% }
		header .logo img {
		max-width: 100%;
    	max-height: 55px
		}
	/* Menu Mobile */
		header .menu-mobile {
			background-color: var(--light-grey-default);
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1000
		}
		header .menu-mobile, header .menu-mobile a { color: var(--dark-grey-default) }
		header .menu-mobile.open { display: block }
		header .menu-mobile .btn-close {
			background-color: transparent;
			position: absolute;
			top: 20px;
			right: 5px;
			font-size: 40px;
			color: black
		}
		header .menu-mobile .row-auth {
			font-size: 20px;
			border-bottom: 2px solid rgba(100,100,100,.5);
		}
		header .menu-mobile button { font-size: 20px }
		header .menu-mobile .col-auth span { font-size: 15px }
		header .menu-mobile .menu li {
			font-size: 22px;
			margin: 22px 0
		}
		header .menu-mobile .menu li:first-child { margin-top: 0 }
		header .menu-mobile .menu li:first-child { margin-bottom: 0 }
	/* Indique um parceiro */
		.indique-parceiro button[type="submit"] {
			width: 100%;
			height: 55px;
			font-size: 20px
		}
	/* Beneficios em Destaque */
		section.beneficios-novidades .thumb .mask {
			background-color: rgba(0, 0, 0, .65);
			display: initial;
			opacity: initial;
			height: 125px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
		section.beneficios-novidades .thumb .mask p.titulo {
			width: 100%;
			color: white;
			padding: 0 15px;
			opacity: initial;
			left: initial;
			bottom: initial;
			margin: 0;
			font-size: 22px;
		}
	/* Banners */
		.slick-list.draggable {
			width: 80%;
			margin: 0 auto
		}
		.my-arrow { font-size: 50px }
		.slick-prev { left: -5px }
		.slick-next { right: -5px }
	/* Modal Login */
		#modalEntrar form label, #modalEntrar a.btn-esqueci { font-size: 15px }
	/* Categorias */
		section.categorias a { width:100% }
		section.categorias p.titulo { font-size: 18px }
		section.categorias .categoria {
			width: inherit;
			font-size: 15px
		}
		section.categorias .categoria .thumb {
			width: 100%;
			height: inherit
		}
		section.categorias .categoria .thumb, section.categorias .categoria .thumb-icon { box-shadow: none }
		section.categorias .categoria .thumb-icon {
			width: 50px;
			height: 50px
		}
		section.categorias img {
			max-width: 35px;
			max-height: 35px
		}
		#modalCategorias button.close {
			font-size: 30px;
			top: 10px;
			color: black;
			opacity: 1
		}
	/* Benefícios */
		section#beneficios .beneficio .lock { max-width: 100% }
		section#beneficios .beneficio .row-titulo,
		section#beneficios .beneficio .row-valor { height:auto }
		section#beneficios .beneficio .titulo {
			font-size: 22px;
			line-height: 27px
		}
		section#beneficios .beneficio .row-info-salvar { margin-bottom: 10px }
		section#beneficios .beneficio .valor { font-size: 19px }
		section#beneficios .beneficio a.btn-cta { font-size: 24px }
		section#beneficios .beneficio i.btn-save { font-size: 35px }
	/* Fale Conosco Flutuante */
		.fale-conosco-flutuante {
			position: relative;
			right: 0;
			margin: 10px auto 0
		}
	/* Busca */
		.content-form-search button { width: 100% }
		.content-form-search .icon-search {
		    color: var(--cor-principal);
			position: absolute;
		    top: 10px;
		    left: 10px;
		    font-size: 25px
		}
	/* Pagina Interna Beneficio */
		.row-interno-beneficio {
			margin-bottom: 0;
			padding-bottom: 60px;
		}
		.row-interno-beneficio .info-beneficio .cupom .thumb-cupom h3 {
		    font-size: 30px;
		    margin: 0 0 15px;
		    line-break: anywhere;
		}
		.row-interno-beneficio .descricao .logo-parceiro img { max-width: 55% }
		.descricao .content-thumb-cupom { flex-wrap: wrap; }
		.descricao .content-thumb-cupom button { height: 35px !important }
		.descricao .content-thumb-cupom button i { font-size: 25px !important }
		.cupom-beneficio .cupom h3 { width: 100% }
		.modal-cupom .row.mail button[type="submit"] { width:100% }
		.row-interno-beneficio .info-beneficio .cupom .thumb-cupom p.clipboard-alert {
			left: 0%;
			bottom: -5px
		}
		.row.info-beneficio > div:first-child {
		/*			padding-bottom: 55px;*/
		}
		.cupons-via-email {
			bottom: 0;
			width: 92%;
			right: 4%;
		}
		.cupons-via-email button {
			width: 100%;
			font-size: 16px;
			padding: 5px;
			border-radius: 7px;
		}
		/* Modal interno de cupom */
			#cupomModal p.clipboard-alert {
				right: initial !important;
				top: 15%;
				left: 0%;
			}
		/* Avaliações */
		.row.avaliacoes { padding: 0 !important }
	/* Cadastro */
		form#formCadastro button[type="submit"] { width:100% }
	/* Modal Fale Conosco */
		#contatoModal .modal-footer { justify-content: center }
		#contatoModal .modal-footer a.my-btn.btn-warning { margin: 0 auto }
	/* Footer */
		footer ul { margin-bottom: 25px }
		footer ul li {
			color: var(--dark-grey-default);
			font-size: 20px;
			margin: 10px 0;
		}
		footer .bkgd img { height: initial }
		footer img.logo {
			position: initial;
			display: block;
    		margin: 30px auto 0
		}
		footer .pos-footer {
			padding: 20px 15px;
			font-size: 16px;
			line-height: 24px;
		}
		footer .menu { text-align:center; }
		footer p.titulo + .my-border { margin: 0 auto }
}

@media (max-width: 390px) {
	/* Benefício */
		.row-interno-beneficio .info-beneficio .cupom .thumb-cupom h3 {
			width: 100%;
			font-size: 25px
		}
}

/* Small Smatphones - xs */
@media (max-width: 320px) {
	/* Header */
		header .logo img { max-height: 45px }
		header .col.logo {
			flex: 0 0 35%;
			padding: 0
		}
		header .btn-login { font-size: 20px }
	/* Benefício */
		.row-interno-beneficio .info-beneficio .cupom .thumb-cupom h3 { font-size: 20px }
}