@media (max-width: 1600px){
	
	#area-exclusiva-site .box ul li a div span h2,
	#materias #container-materias #area-slider-materias #container-slider-materias #infos-slider-materias h2 a,
	#materias #container-materias li .infos-slider-materias h2 a,
	#colunistas #container-colunistas li div h2 a,
	#page-materia #area-slider-recomendamos #container-slider-recomendamos #slider-recomendamos .swiper-wrapper .swiper-slide .box-recomendamos div h2 a{
		font-size: 16px;
	}
	
	#area-slider-eventos #container-slider-eventos #slider-eventos .swiper-wrapper .swiper-slide .box-eventos div h2,
	#eventos #container-eventos a div h2{
		font-size: 22px;
	}
	
	#area-slider-eventos #container-slider-eventos #slider-eventos .swiper-wrapper .swiper-slide .box-eventos div span,
	#eventos #container-eventos a div span{
		margin-top: 10px;
	}
	
	#colunistas #container-colunistas #info-colunista {
		width: -webkit-calc((((100% / 4) - 20px) + ((100% / 4) - 20px)) + 20px);
		width: -moz-calc((((100% / 4) - 20px) + ((100% / 4) - 20px)) + 20px);
		width: calc((((100% / 4) - 20px) + ((100% / 4) - 20px)) + 20px);
	}
	
	#colunistas #container-colunistas li{
		width: -webkit-calc((100% / 4) - 20px);
		width: -moz-calc((100% / 4) - 20px);
		width: calc((100% / 4) - 20px);
	}
    
    
    #materias #container-materias #area-slider-materias,
	#materias #container-materias li{
		width: -webkit-calc((100% / 4) - 20px);
		width: -moz-calc((100% / 4) - 20px);
		width: calc((100% / 4) - 20px);
	}


}

@media (max-width: 1460px){
	
	#area-exclusiva-site .box ul li a div span h2{
		line-height: 20px;
	}
	
}

@media (max-width: 1360px){
	
	#materias #container-materias #area-slider-materias,
	#materias #container-materias li{
		width: -webkit-calc((100% / 3) - 20px);
		width: -moz-calc((100% / 3) - 20px);
		width: calc((100% / 3) - 20px);
	}
	
	#area-exclusiva-site .box ul li a figure{
		width: 100px;
	}
	
	#area-exclusiva-site .box ul li a div{
		width: -webkit-calc(100% - 115px);
		width: -moz-calc(100% - 115px);
		width: calc(100% - 115px);
	}
	
	#area-exclusiva-site .box ul li a div span small{
		margin-top: 5px;
	}
	
}

@media (max-width: 1260px){
	
	#destaques li div h2{
		margin-top: 10px;
	}
	
	#destaques li div h2 a{
		font-size: 20px;
	}
	
	#materias #container-materias{
		margin-top: 30px;
	}
	
	#area-exclusiva-site .box ul{
		margin-top: 50px;
		grid-row-gap: 40px;
	}
	
	#materias h6,
	#area-exclusiva-site .box h5,
	#area-slider-eventos h5,
	#area-slider-edicoes h5,
	#eventos h6,
	#page-materia #area-slider-recomendamos h5{
		font-size: 32px;
		line-height: 32px;
	}
	
	#eventos #container-eventos{
		margin-top: 50px;
		grid-template-columns: 1fr 1fr;
	}
	
	#colunistas #container-colunistas #info-colunista{
		padding: 40px;
		height: 215px;
	}
	
	#colunistas #container-colunistas #info-colunista div span p{
		margin-top: 10px;
	}
	
	#colunistas #container-colunistas li figure a{
		height: 215px;
	}
	
}
	
@media (max-width: 1190px){
	
	#header #top-header #menu{
		margin-left: 30px;
	}
	
	#header #top-header #menu > li > a{
		font-size: 14px;
	}
	
	#lt-busca form.form-busca{
		max-width: 800px;
	}
	
	#colunistas #container-colunistas #info-colunista{
		padding: 20px;
	}
	
	#contato #container-contato #content-contato form.form-contato{
		width: 480px;
	}
	
	#contato #container-contato #content-contato #infos-contato{
		width: -webkit-calc(100% - 580px);
		width: -moz-calc(100% - 580px);
		width: calc(100% - 580px);
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco{
		padding-bottom: 150px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco #texto-trabalhe-conosco{
		width: -webkit-calc(100% - 630px);
		width: -moz-calc(100% - 630px);
		width: calc(100% - 630px);
	}
	
	#clube-foquinha{
		-webkit-background-size: 1190px auto;
		background-size: 1190px auto;
		padding: 290px 0 65px 0;
		margin-top: 0;
	}
	
}
	
@media (max-width: 960px){
    
    #materias #container-materias li .info-autor{
        padding:20px;

    }


	#container-site {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	#header{
		height: auto !important;
		position: relative !important;
	}
	
	#header-mobile{
		display: block;
	}
	
	#top-header{
		display: none;
	}
	
	#menu-mobile,
	#mask-menu,
	#header-mobile{
		display: block;
	}
		
	body.no-scroll,
	body.no-scroll2{
		padding-right: 0;
	}
	
	#lk-ultima-edicao-mobile{
		position: relative;
		margin: 0;
		pointer-events: inherit;
	}
	
	#header #area-story{
		height: 112px;
		padding: 15px 0;
		margin: 0 !important;
		top: inherit !important;
		position: relative !important;
	}
	
	#header #area-story #container-slider-story #slider-story {
		padding: 0 10px;
	}
	
	#header #area-story #container-slider-story #slider-story .swiper-wrapper .swiper-slide a{
		width: 80px;
	}
	
	#header #area-story #container-slider-story #slider-story .swiper-wrapper .swiper-slide a .img{
		width: 60px;
		height: 60px;
	}
	
	#header #area-story #container-slider-story #slider-story .swiper-wrapper .swiper-slide a .info strong{
		font-size: 10px;
	}
	
	#destaques{
		margin: 0;
	}
	
	#destaques li{
		width: 50%;
	}
	
	#destaques li div{
		padding: 30px;
	}
	
	#materias{
		padding: 50px;
	}
	
	#materias #container-materias,
	#colunistas #container-colunistas{
		width: -webkit-calc(100% + 15px);
		width: -moz-calc(100% + 15px);
		width: calc(100% + 15px);
	}
	
	#materias #container-materias #area-slider-materias, #materias #container-materias li,
	#colunistas #container-colunistas li{
		width: -webkit-calc((100% / 2) - 15px);
		width: -moz-calc((100% / 2) - 15px);
		width: calc((100% / 2) - 15px);
		margin: 15px 0 0 15px;
	}
	
	#materias #container-materias li .infos-slider-materias,
	#materias #container-materias #area-slider-materias #container-slider-materias #infos-slider-materias,
	#colunistas #container-colunistas li div,
	#page-materia #area-slider-recomendamos #container-slider-recomendamos #slider-recomendamos .swiper-wrapper .swiper-slide .box-recomendamos div{
		padding: 15px;
	}
	
	#materias #container-materias li .infos-slider-materias h2,
	#materias #container-materias #area-slider-materias #container-slider-materias #infos-slider-materias h2{
		margin-top: 5px;
	}
	
	#area-exclusiva-site{
		padding: 0 50px 50px 50px;
	}
	
	#area-exclusiva-site .box ul li a div span h2, #materias #container-materias #area-slider-materias #container-slider-materias #infos-slider-materias h2 a, #materias #container-materias li .infos-slider-materias h2 a, #colunistas #container-colunistas li div h2 a, #page-materia #area-slider-recomendamos #container-slider-recomendamos #slider-recomendamos .swiper-wrapper .swiper-slide .box-recomendamos div h2 a{
		font-size: 14px;
		line-height: 17px;
		font-weight: 500;
	}
	
	#materias #container-materias li .infos-slider-materias h3 a,
	#materias #container-materias #area-slider-materias #container-slider-materias #infos-slider-materias h3 a,
	#page-materia #area-slider-recomendamos #container-slider-recomendamos #slider-recomendamos .swiper-wrapper .swiper-slide .box-recomendamos div h3 a{
		font-size: 12px;
	}
	
	#area-exclusiva-site{
		grid-template-columns: 1fr;
		grid-gap: 50px;
	}
	
	#area-exclusiva-site .box ul{
		margin-top: 30px;
	}
	
	#area-slider-eventos #container-slider-eventos #slider-eventos{
		margin-top: 30px;
	}
	
	#area-slider-eventos #navs-slider-eventos,
	#area-slider-edicoes #navs-slider-edicoes{
		display: none;
	}
	
	#area-slider-eventos #container-slider-eventos #slider-eventos .swiper-wrapper .swiper-slide .box-eventos div,
	#eventos #container-eventos a div{
		padding: 20px;
	}
	
	#area-slider-eventos #container-slider-eventos #slider-eventos .swiper-wrapper .swiper-slide .box-eventos div h2, #eventos #container-eventos a div h2{
		font-size: 18px;
		line-height: 20px;
	}
	
	#area-slider-eventos #container-slider-eventos #slider-eventos .swiper-wrapper .swiper-slide .box-eventos div span, #eventos #container-eventos a div span{
		margin-top: 5px;
	}
	
	#area-slider-edicoes,
	#area-slider-eventos{
		padding: 50px 0;
	}
	
	#area-slider-edicoes #container-slider-edicoes #slider-edicoes{
		margin-top: 30px;
	}
	
	#mp-footer{
		padding: 0;
	}
	
	#mp-footer .fluid{
		padding: 0;
	}
	
	#mp-footer #right-footer{
		width: 100%;
		padding: 50px 0;
		grid-template-columns: 1fr;
		background: #FFF;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#mp-footer #right-footer .box-footer{
		display: none;
		max-width: 480px;
	}
	
	#mp-footer #right-footer .box-footer:nth-child(2){
		display: block;
	}
	
	#mp-footer #right-footer .box-footer h5,
	#mp-footer #right-footer .box-footer form.form-newsletter h6{
		text-align: center;
		color: #101010;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter{
		margin-top: 10px;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter input[type="text"]{
		color: #101010;
		border-color: #101010;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter input[type="text"].nome{
		background-image: url("../imgs/nome3.png");
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter input[type="text"].email{
		background-image: url("../imgs/email5.png");
	}

	#mp-footer #right-footer .box-footer form.form-newsletter ::-webkit-input-placeholder {
		 color: #101010;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter ::-moz-placeholder {
		color: #101010;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter :-moz-placeholder {
		color: #101010;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter :-ms-input-placeholder {
		color: #101010;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #opcoes-sexo{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #opcoes-sexo div a{
		color: #101010;
		margin: 0 11px;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #opcoes-sexo div a span{
		border-color: #101010;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #opcoes-sexo div a.ativo{
		color: #101010;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #bt-receber{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #bt-receber input[type="submit"]{
		background: #101010;
	}
	
	#mp-footer #left-footer{
		width: 100%;
		padding: 50px 0 30px 0;
	}
	
	#mp-footer #left-footer-int{
		max-width: 480px;
	}
	
	#mp-footer #left-footer #left-footer-int figure{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#mp-footer #left-footer #left-footer-int p{
		text-align: center;
	}
	
	#mp-footer #left-footer #left-footer-int #redes-footer{
		width: 100%;
	}
	
	#mp-footer #left-footer #left-footer-int #redes-footer div a{
		margin: 0 5px;
	}
		
	#rodape{
		padding-top: 0;
		background: #010101;
	}
	
	#rodape p{
		color: #FFF;
		width: 100%;
		line-height: 14px;
		text-align: center;
	}
	
	#rodape span{
		width: 100%;
		margin-top: 20px;
	}
	
	#rodape span a{
		background-image: url("../imgs/mediaplus2.png");
	}

	#mp-footer-mobile{
		display: block;
	}
	
	#lt-busca{
		margin-top: 0;
		padding: 50px;
	}
	
	#materias.interna{
		margin-top: 0;
	}
	
	#bt-rolar{
		display: block;
	}
	
	#eventos,
	#colunistas{
		padding: 50px;
		margin: 0;
	}
	
	#eventos #container-eventos{
		grid-gap: 15px;
	}
	
	#eventos #container-eventos{
		margin-top: 50px;
	}
	
	#colunistas #container-colunistas #info-colunista{
		width: -webkit-calc(100% - 15px);
		width: -moz-calc(100% - 15px);
		width: calc(100% - 15px);
		height: auto;
		margin: 0 0 0 15px;
	}
	
	#colunistas #container-colunistas li figure a{
		height: auto;
	}
	
	#colunistas #container-colunistas li figure a img{
		display: block;
	}
	
	#mp-footer-mobile{
		display: block;
	}
	
	#page-materia{
		margin-top: 0;
	}
	
	#page-materia #header-materia{
		padding: 80px 0;
	}
	
	#page-materia #header-materia h1{
		font-size: 32px;
		line-height: 32px;
	}
	
	#page-materia #container-materia .fluid{
		padding: 0;
	}
	
	#page-materia #container-materia #left-materia{
		width: 100%;
		padding: 0 50px;
	}
	
	#page-materia #container-materia #left-materia:before{
		width: 60px;
		height: 47px;
		left: 50%;
		margin: -30px 0 0 -30px;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	#page-materia #container-materia #left-materia h2{
		margin: 0;
		text-align: center;
	}
		
	#page-materia #container-materia #right-materia{
		width: 100%;
		padding-bottom: 15px;
	}
	
	#page-materia #container-materia #right-materia #area-slider-right #container-slider-right #slider-right{
		padding: 0 15px;
	}
	
	#page-materia #area-slider-recomendamos{
		padding: 50px 0;
	}
	
	#page-materia #area-slider-recomendamos .fluid{
		padding: 0;
	}
	
	#page-materia #area-slider-recomendamos h5{
		padding: 0 30px;
	}
	
	#page-materia #area-slider-recomendamos #navs-slider-recomendamos{
		display: none;
	}
	
	#page-materia #area-slider-recomendamos #container-slider-recomendamos #slider-recomendamos{
		margin-top: 30px;
		padding: 0 15px;
	}
	
	#sobre{
		margin: 0;
	}
	
	#sobre h6{
		line-height: 40px;
		padding: 50px 0;
	}
	
	#contato{
		margin: 0;
	}
	
	#contato #tit-contato-top,
	#trabalhe-conosco #tit-trabalhe-conosco-top,
	#anuncie #tit-anuncie-top{
		padding: 50px 0;
		height: auto;
	}
	
	#contato #tit-contato-top h6,
	#trabalhe-conosco #tit-trabalhe-conosco-top h6,
	#anuncie #tit-anuncie-top h6{
		font-size: 40px;
		line-height: 40px;
	}
	
	#contato #container-contato #content-contato:before{
		display: none;
	}
	
	#contato #container-contato{
		padding: 50px 50px 0 50px;
	}
	
	#contato #container-contato .fluid{
		max-width: 680px;
		padding: 0;
	}
	
	#contato #container-contato #content-contato{
		padding: 0;
	}
	
	#contato #container-contato #content-contato form.form-contato{
		width: -webkit-calc(100% - 30px);
		width: -moz-calc(100% - 30px);
		width: calc(100% - 30px);
		margin: 0 0 0 15px;
	}
	
	#contato #container-contato #content-contato #infos-contato{
		width: 100%;
		background: #e9f1f5;
		margin-top: 15px;
		padding-bottom: 50px;
	}
	
	#contato #container-contato #content-contato #infos-contato li{
		background-position: center top !important;
	}
	
	#contato #container-contato #content-contato #infos-contato li span,
	#contato #container-contato #content-contato #infos-contato li p{
		text-align: center;
	}
	
	#trabalhe-conosco{
		margin: 0;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco .fluid{
		padding: 0;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco{
		padding: 0;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco #texto-trabalhe-conosco{
		width: 100%;
		margin: 0;
		background: #e9f1f5;
		padding: 50px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco:before{
		display: none;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco #texto-trabalhe-conosco h5,
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco #texto-trabalhe-conosco p{
		text-align: center;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco form.form-trabalhe-conosco{
		width: -webkit-calc(100% - 100px);
		width: -moz-calc(100% - 100px);
		width: calc(100% - 100px);
		margin: 50px 0 0 50px;
		float: left;
	}
	
	#clube-foquinha .fluid{
		max-width: 600px;
	}
	
	#clube-foquinha #texto-clube{
		padding: 0;
	}
	
	#clube-foquinha ul{
		grid-template-columns: 1fr 1fr;
		grid-gap: 15px;
	}
	
	#clube-foquinha{
		padding-bottom: 50px;
	}
	
	#anuncie{
		margin: 0;
	}
	
	#anuncie #container-anuncie #content-anuncie #right-anuncie{
		width: 100%;
		height: auto;
		position: relative;
		top: inherit;
		right: inherit;
		margin: 50px 0 0 0;
	}
	
	#anuncie #container-anuncie #content-anuncie #right-anuncie #right-anuncie-int{
		position: relative;
		top: inherit;
	}
	
	#anuncie #container-anuncie #content-anuncie #right-anuncie #right-anuncie-int form.form-anuncie{
		margin: 0;
	}
	
	#anuncie #container-anuncie #content-anuncie:before{
		display: none;
	}
	
	#anuncie #tit-anuncie-top h6{
		text-align: center;
	}
	
	#anuncie #container-anuncie .fluid{
		max-width: 768px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie{
		width: 100%;
	}
	
	#anuncie #container-anuncie #content-anuncie{
		padding-bottom: 0;
	}
	
}

@media (max-width:768px){
	
	#lt-busca form.form-busca input[type="text"]{
		font-size: 14px;
	}
	
	#colunistas{
		padding: 15px;
	}
	
	#colunistas #container-colunistas #info-colunista figure{
		width: 100%;
	}
	
	#colunistas #container-colunistas #info-colunista div{
		width: 100%;
	}
	
	#colunistas #container-colunistas #info-colunista div span h5{
		text-align: center;
	}
	
	#colunistas #container-colunistas #info-colunista div span p{
		text-align: center;
	}
	
	#sobre h6{
		font-size: 26px;
		line-height: 26px;
		padding: 30px 0;
	}
	
	#sobre #container-sobre h3{
		font-size: 16px;
		line-height: 24px;
	}
	
	#sobre #container-sobre #texto-sobre{
		margin-top: 30px;
		padding: 0 15px;
	}
	
	#sobre #container-sobre #texto-sobre p{
		font-size: 14px;
		line-height: 21px;
	}
	
	#sobre #container-sobre #area-slider-sobre{
		margin-top: 30px;
	}
	
	#sobre #container-sobre{
		padding: 30px 0 0 0;
	}
	
	#sobre #container-sobre #area-slider-sobre #navs-slider-sobre{
		display: none;
	}
	
	#contato #tit-contato-top,
	#trabalhe-conosco #tit-trabalhe-conosco-top,
	#anuncie #tit-anuncie-top{
		padding: 30px 0;
	}
	
	#contato #tit-contato-top h6,
	#trabalhe-conosco #tit-trabalhe-conosco-top h6,
	#anuncie #tit-anuncie-top h6{
		font-size: 26px;
		line-height: 26px;
	}
	
	#anuncie #container-anuncie .fluid{
		max-width: 480px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie .box-anuncie h6{
		font-size: 24px;
		line-height: 24px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie .box-anuncie h5{
		font-size: 18px;
		line-height: 22px;
		margin-top: 30px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie .box-anuncie p{
		font-size: 14px;
		line-height: 21px;
		margin-top: 30px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie .box-anuncie{
		padding: 30px 0;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #audiencia #left-audiencia{
		width: 100%;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #audiencia #right-audiencia{
		width: 100%;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #audiencia #right-audiencia ul li a{
		font-size: 12px;
		height: 36px;
		line-height: 26px;
		padding: 3px 3px 3px 10px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #audiencia #right-audiencia ul li a strong{
		margin-left: 10px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie .box-anuncie p{
		margin-top: 20px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #publico-alvo #left-alvo{
		width: 100%;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #publico-alvo #left-alvo #left-bottom-alvo,
	#anuncie #container-anuncie #content-anuncie #left-anuncie #publico-alvo #right-alvo #right-bottom-alvo{
		border: none;
		margin-top: 30px;
		padding: 0;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #publico-alvo #right-alvo{
		width: 100%;
		height: auto;
		border: none;
		padding: 0;
		margin-top: 30px;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #midias{
		grid-gap: 15px;
		grid-template-columns: 1fr 1fr;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #tipos-anuncios li:first-child figure img{
		display: none;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #tipos-anuncios li:first-child figure img.mobile{
		display: block;
	}
	
	#anuncie #container-anuncie #content-anuncie #left-anuncie #anuciantes-ultima ul{
		grid-gap: 15px;
		grid-template-columns: repeat(3, 1fr);
	}
	
	#anuncie #container-anuncie .fluid{
		padding: 0 30px;
	}
	
	#anuncie #container-anuncie #content-anuncie #right-anuncie #right-anuncie-int form.form-anuncie{
		padding: 30px;
	}
	
	#anuncie #container-anuncie #content-anuncie #right-anuncie #right-anuncie-int form.form-anuncie h5{
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 20px;
	}
	
}

@media (max-width: 640px){
	
	#materias{
		padding: 30px;
	}
	
	#materias #container-materias{
		margin-top: 10px;
	}
	
	#materias #container-materias #area-slider-materias, #materias #container-materias li, #colunistas #container-colunistas li{
		width: -webkit-calc((100% / 2) - 15px);
		width: -moz-calc((100% / 2) - 15px);
		width: calc((100% / 2) - 15px);
	}
	
	#area-exclusiva-site{
		padding: 0 30px 30px 30px;
	}
	
	#area-slider-edicoes, #area-slider-eventos{
		padding: 30px 0;
	}
	
	#area-slider-eventos h5,
	#area-slider-edicoes h5{
		padding: 0 30px;
	}
	
	#area-slider-eventos #container-slider-eventos #slider-eventos,
	#area-slider-edicoes #container-slider-edicoes #slider-edicoes{
		padding: 0 30px;
	}
	
	#eventos{
		padding: 30px;
	}
	
	#eventos #container-eventos{
		margin-top: 30px;
	}
	
	#colunistas #container-colunistas #info-colunista{
		padding: 50px;
	}
	
	#colunistas #container-colunistas #info-colunista figure{
		width: 100%;
	}
	
	#colunistas #container-colunistas #info-colunista div{
		width: 100%;
		min-height: inherit;
	}
	
	#colunistas #container-colunistas #info-colunista div span h5{
		margin-top: 30px;
		text-align: center;
	}
	
	#colunistas #container-colunistas #info-colunista div span p{
		text-align: center;
	}
	
	#clube-foquinha{
		-webkit-background-size: 1100px auto;
		background-size: 1100px auto;
		padding-top: 250px;
	}
	
	#clube-foquinha ul{
		margin-top: 30px;
	}
	
	#clube-foquinha ul div{
		padding: 15px;
	}
	
	#clube-foquinha ul div h2,
	#clube-foquinha ul div h2 span{
		font-size: 14px;
		line-height: 20px;
	}
	
	#clube-foquinha #bt-quero-participar{
		margin-top: 30px;
	}
	
	#clube-foquinha{
		padding-bottom: 30px;
	}
	
}

@media (max-width:560px){
	
	#destaques li{
		width: 100%;
	}
	
	#materias{
		padding: 30px 10px;
	}
	
	#materias h6{
		padding-left: 22px;
	}
	
	#colunistas{
		padding: 0 10px 10px 10px;
	}
	
	#materias #container-materias,
	#colunistas #container-colunistas{
		width: -webkit-calc(100% + 10px);
		width: -moz-calc(100% + 10px);
		width: calc(100% + 10px);
	}
	
	#materias #container-materias #area-slider-materias,
	#colunistas #container-colunistas #info-colunista{
		width: -webkit-calc(100% - 10px);
		width: -moz-calc(100% - 10px);
		width: calc(100% - 10px);
		float: right;
		margin: 10px 0 0 0;
	}
	
	#materias #container-materias li,
	#colunistas #container-colunistas li{
		width: -webkit-calc((100% / 2) - 10px);
		width: -moz-calc((100% / 2) - 10px);
		width: calc((100% / 2) - 10px);
		margin: 10px 0 0 10px;
    }
    
    #materias #container-materias li figure a,
	#colunistas #container-colunistas li figure a {
        min-height:180px ;
    }

	
	#area-exclusiva-site .box ul{
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}
	
	#area-exclusiva-site .box ul li a div{
		min-height: 75px;
	}
	
	#area-exclusiva-site .box ul li a div span small{
		margin-top: 5px;
	}
	
	#area-exclusiva-site .box ul li a div span small br{
		display: none;
	}
	
	#area-exclusiva-site .box ul li a div span small img{
		width: 20px;
		height: 20px;
	}
	
	#area-exclusiva-site .box ul li a div span small{
		line-height: 20px;
	}
	
	#area-exclusiva-site .box ul li a div span small ins{
		position: relative;
		opacity: 1;
	}
	
	#materias h6, #area-exclusiva-site .box h5, #area-slider-eventos h5, #area-slider-edicoes h5, #eventos h6, #page-materia #area-slider-recomendamos h5{
		font-size: 24px;
		line-height: 24px;
	}
	
	#area-slider-eventos #container-slider-eventos #slider-eventos .swiper-wrapper .swiper-slide .box-eventos div h2, #eventos #container-eventos a div h2{
		font-size: 15px;
	}
	
	#lt-busca{
		padding: 15px;
	}
	
	#lt-busca form.form-busca input[type="text"]{
		font-weight: 400;
		font-display: 12px;
	}
	
	#lt-busca form.form-busca #bts,
	#lt-busca form.form-busca #bts div{
		width: 100%;
	}
	
	#lt-busca form.form-busca #bts div input[type="submit"]{
		width: -webkit-calc((100% / 2) - 7.5px);
		width: -moz-calc((100% / 2) - 7.5px);
		width: calc((100% / 2) - 7.5px);
		font-size: 12px;
	}
	
	#lt-busca form.form-busca #bts div buttom{
		width: -webkit-calc((100% / 2) - 7.5px);
		width: -moz-calc((100% / 2) - 7.5px);
		width: calc((100% / 2) - 7.5px);
		font-size: 12px;
		margin: 0;
		float: right;	
	}
	
	#eventos #container-eventos{
		grid-template-columns: 1fr;
	}
	
	#page-materia #container-materia #left-materia #info-footer-autor span{
		width: 55px;
	}
	
	#page-materia #container-materia #left-materia #info-footer-autor div{
		width: -webkit-calc(100% - 145px);
		width: -moz-calc(100% - 145px);
		width: calc(100% - 145px);
		margin-left: 15px;
	}
	
	#page-materia #container-materia #left-materia #info-footer-autor span a{
		width: 100%;
		text-indent: -999999px;
		background-position: center;
	}
	
	#page-materia #container-materia #left-materia #info-footer-autor div p{
		font-size: 12px;
		line-height: 15px;
	}
	
	#page-materia #container-materia #left-materia h2{
		font-size: 18px;
		line-height: 26px;
	}
	
	#page-materia #header-materia h1{
		font-size: 22px;
		line-height: 22px;
		margin-top: 20px;
	}
	
	#page-materia #header-materia #editoria-top h2{
		font-size: 12px;
		line-height: 26px;
		padding: 0 10px;
	}
	
	#page-materia #header-materia #infos-top div li{
		line-height: 38px;
		font-size: 12px;
	}
	
	#page-materia #header-materia #infos-top div li figure{
		width: 38px;
		height: 38px;
	}
	
	#page-materia #header-materia #infos-top div li figure.data{
		-webkit-background-size: auto 15px;
		background-size: auto 15px;
	}
	
	#colunistas #container-colunistas #info-colunista{
		padding: 20px;
	}
	
	#colunistas #container-colunistas #info-colunista figure{
		height: auto;
	}
	
	#colunistas #container-colunistas #info-colunista figure img{
		width: 88px;
		height: 88px;
	}
	
	#colunistas #container-colunistas #info-colunista div span h5{
		font-size: 18px;
		line-height: 18px;
		margin-top: 20px;
	}
	
	#colunistas #container-colunistas #info-colunista div span p{
		padding: 0 20px;
	}
	
	#contato #container-contato{
		padding: 15px 0 0 0;
	}
	
	#contato #container-contato #content-contato form.form-contato{
		padding: 15px 30px 30px 30px;
	}
	
	#contato #container-contato #content-contato #infos-contato li p{
		font-size: 16px;
		line-height: 16px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco form.form-trabalhe-conosco input[type="text"].dividir{
		width: 100%;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco{
		padding-bottom: 20px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco #texto-trabalhe-conosco{
		padding-bottom: 250px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco #texto-trabalhe-conosco h5{
		font-size: 16px;
		line-height: 24px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco #texto-trabalhe-conosco p{
		margin: 30px 0 0 0;
		font-size: 14px;
		line-height: 21px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco form.form-trabalhe-conosco label{
		width: 100%;
		text-align: left;
		padding: 0 20px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco form.form-trabalhe-conosco #info-arquivo{
		line-height: 12px;
		text-align: left;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco form.form-trabalhe-conosco{
		margin-top: -200px;
	}
	
	#clube-foquinha #texto-clube h3{
		font-size: 16px;
		line-height: 24px;
	}
	
	#clube-foquinha #texto-clube p{
		font-size: 14px;
		line-height: 21px;
	}
	
}

@media (max-width:480px){
	
	#materias #container-materias{
		width: 100%;
	}
	
	#materias #container-materias #area-slider-materias{
		width: 100%;
	}
	
	#materias #container-materias li{
		width: 100%;
		margin: 10px 0 0 0;
	}
    
    #materias #container-materias li figure a,
	#colunistas #container-colunistas li figure a {
        min-height:220px ;
    }



	#area-exclusiva-site .box ul li a div span h2, #materias #container-materias #area-slider-materias #container-slider-materias #infos-slider-materias h2 a, #materias #container-materias li .infos-slider-materias h2 a, #page-materia #area-slider-recomendamos #container-slider-recomendamos #slider-recomendamos .swiper-wrapper .swiper-slide .box-recomendamos div h2 a{
		font-size: 16px;
		font-weight: 700;
	}
	
	#materias #container-materias li .infos-slider-materias h2, #materias #container-materias #area-slider-materias #container-slider-materias #infos-slider-materias h2{
		margin-top: 10px;
	}
	
	#mp-footer #right-footer{
		padding: 30px;
	}
	
	#mp-footer #right-footer .box-footer h5, #mp-footer #right-footer .box-footer form.form-newsletter h6{
		text-align: left;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter{
		margin-top: 5px;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter input[type="text"].nome{
		margin-top: 20px;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #opcoes-sexo{
		width: auto;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #opcoes-sexo div a{
		margin: 0 22px 0 0;
	}
	
	#mp-footer #right-footer .box-footer form.form-newsletter #bt-receber{
		display: block;
	}
	
	#mp-footer #left-footer{
		padding: 50px 30px 30px 30px;
	}
	
	#eventos{
		padding:  30px 10px;
	}
	
	#eventos h6{
		padding-left: 20px;
	}
	
	#eventos #container-eventos{
		grid-gap: 10px;
	}
	
	#page-materia #container-materia #left-materia{
		padding: 0 15px;
	}
	
	#page-materia #container-materia #left-materia h2{
		font-size: 16px;
		line-height: 24px;
	}
	
	#page-materia #header-materia{
		padding: 55px 0;
	}
	
	#page-materia #container-materia #left-materia #texto-materia p{
		font-size: 14px;
		line-height: 22px;
	}
	
	#contato #container-contato #content-contato form.form-contato textarea{
		height: 130px;
	}
	
	#contato #container-contato #content-contato form.form-contato #bt-enviar input[type="submit"]{
		width: 100%;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco form.form-trabalhe-conosco{
		width: -webkit-calc(100% - 30px);
		width: -moz-calc(100% - 30px);
		width: calc(100% - 30px);
		margin-left: 15px;
		padding: 15px 30px 30px 30px;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco form.form-trabalhe-conosco #bt-quero input[type="submit"]{
		width: 100%;
	}
	
	#trabalhe-conosco #container-trabalhe-conosco #content-trabalhe-conosco #texto-trabalhe-conosco{
		padding: 30px 30px 230px 30px;
	}
	
	#clube-foquinha ul div h2, #clube-foquinha ul div h2 span{
		font-size: 12px;
		line-height: 17px;
	}
	
	#clube-foquinha #bt-quero-participar a{
		width: 100%;
		max-width: 380px;
		font-size: 20px;
	}
	
}

@media (max-width: 400px){

    	
	#destaques li div h2 a{
		font-size: 16px;
	}
	
	#area-exclusiva-site .box ul li a div span h2{
		font-size: 12px;
	}
	
	#colunistas #container-colunistas{
		width: 100%;
	}
	
	#colunistas #container-colunistas #info-colunista{
		width: 100%;
	}
	
	#colunistas #container-colunistas li{
		width: 100%;
		margin: 10px 0 0 0;
	}
	
	#colunistas #container-colunistas li div h2 a{
		font-size: 16px;
		font-weight: 700;
	}
	
}