@media only screen and (max-width: 600px) {

html {
    position: relative; 
    min-height: 100%;
     overflow-x:hidden;
     max-width:100%;
}

body
{
  font-size: 18px;
  line-height: 21px;
  overflow-x:hidden;
  max-width:100%;

}


.geral, .footer {
border-left:0 !important;
border-right:0 !important;

}



#divnewsletter {
margin-left:0;

}

.geral{
margin-top: 90px !important;
width:100%;
overflow:hidden; 
}

.conteudo {
    margin-left: 2vw !important;
    margin-right: 5vw !important;
}

.conteudo .row
{
margin-left:0px;
margin-right:0px;

}

h1
{
font-size: 25px;
line-height: 30px;
}

h2
{
font-size: 22px;
line-height: 23px;
}


h3
{
font-size: 18px;
line-height: 19px;
}

.btn
{
width: 120px;
}


.tprevista
{
width: auto;
display:block;
}

.collapsible-menu {
    padding-top: 20px;
    overflow-y: auto;
    height: auto;

}

.collapsible-menu li {
    margin-top: 5px;
}


.collapsible-menu #labelmenu {
width:20px;
height:20px;
margin-left: 10px;
margin-bottom: 0px;
float: right;
margin-right: 15px;
margin-top: 5px;
}

input:checked ~ #labelmenu {
    background-size: 20px 20px;
}

input:checked +#labelmenu {
    background-size: 20px 20px !important;
}

#logobroteria {
margin-left:10px;
}

#logo_broteria {
height:24px;
margin-left:0px;
}


#lcarrinho {
right: 50px !important;
top: 25px !important;
position: fixed;

}

#iconcarrinho {
height: 15px;
}

.ncarrinho {
    font-size: 15px;
    position: absolute;
    top: -5px;
    right: -10px;
    padding: 0;
}

#login-menu {
font-size:24px;
margin-top:8px;
margin-right: 8px;
}

#login-menu {
    position: relative;
    left: 10px;
    top: 30px;
    cursor: pointer;
}


.menu-content {
border-left:0 !important;
margin-left: 4px;
font-size: 24px;
line-height: 26px;
width: 100%;
height: auto;
}

.mobilemenuoptions
{
height: auto;
}


#login_border {
border-right:0 !important;
display:none;
}

.login_mobile
{
display:none;
}

.login_extramobile
{
margin-left: 10px;
margin-top: 240px;
height: auto;
margin-bottom: 100px;
}

.login-content {
border-left:0 !important;
margin-left: 0;
font-size: 15px;
line-height: 23px;
position: relative;
top: 50px;
padding-left: 10px !important;
z-index: 99999999;
}

.loginlabel
{
width:110px;
padding-top: 20px;
}

.modulo_mydata .caixa
{
width:100% !important;
}

.cursoloja
{
margin-top:20px;
height: 20vw;
}

.cursolojadetalhe
{
padding:2vh;
}

.cursolojadetalhe .pagtextotitulo {
    font-family: 'AcademicaBook','HelveticaNowBold';
    font-size: 3.5vw;
    line-height: 4vw;
}

.cursolojadetalhe .pagtextoboldsmall
{
    font-size: 2.5vw;
    line-height: 3vw;
}

.caixalogin
{
width:150px;
border-left:0;
border-right:0;
-webkit-appearance: none;
     border-radius: 0;
}

.loginbuttons
{
margin-left:0px;
}

.blogin {
    font-size: 14px !important;
    line-height: 20px !important;
    border-radius: 20px;
    padding: 6px 8px !important;
    margin-top: 10px !important;
}

#menu_title {
	top: 12px;
    font-size: 5vw;
    left: 140px;
}

#logo_broteria_footer {
width:150px;
height:auto;
}

#bannertopo {
   /* height: 200px; */
    display:none;
}

.footer {
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    left: 0;
    width: 100%;
}

.mobilerow
{
    display:none;
}

.rowfooter
{
display:flex;
direction: rtl;
margin-left: 10px !important;
margin-bottom: 20px;
padding-left: 0 !important;
margin-right: 20px !important;
}

.mobilefooterborder
{
margin-left: 2vw !important;
margin-right: 5vw !important;
}

.footercol1
{
text-align: right;
}

.footercolmobile
{
display:none;
}

.footercol
{
margin-bottom: 20px;
padding: 0;
}

.footercol2
{
display: table; 
margin-bottom: 20px;

}

.footercolfooter
{
display: table-footer-group; 

}

.footercontent
{
margin-bottom: 15px;
}

.footerdetail
{
text-align: left;
direction: ltr;
}

.footerdetail a
{
position: relative;
}

.footertitle
{
}


.rowpprivacidade
{
background-color:#000;
color:#fff;
margin-left: 0px !important;
margin-right: -40px !important;
margin-bottom: 0px !important;
height:50px;
position:relative;
bottom:-40px;
left:-20px;
}

.disclaimersmall
{
  font-size: 12px;
  line-height: 13px;

}

.pprivacidade
{
  font-size: 10px;
  position: relative;
  top: 15px;
  left: 25px;
}

.pprivacidade .m-l
{
margin-left:50px !important;
}

.linkpprivacidade
{
color:#fff !important;
}

.taghora
{
	font-size: 13px;
	line-height: 18px;
}

.coltaghora
{
	font-size: 15px;
	width: 100%;
}


.tagart-titulo
{
	font-size: 15px;
	line-height:16px;
	margin-bottom:5px;
}

.artsmall .coltitulo
{
	font-size: 15px;
	line-height:17px;
}

.artsmall .coltaghora
{
	font-size: 12px;
}

.artsmall tag, .artsmall .small
{
font-size: 13px !important;
}

.coltitulo
{
	font-size: 20px;
	line-height:22px;
}

.coltitulos
{
	font-size: 18px;
	line-height:18px;
}

.eventotitulo
{
	font-size: 18px;
	line-height: 20px;
}


.coltexto
{
	font-size: 20px;
	line-height: 22px;
}

.coleventos
{
	font-size: 18px;
	line-height: 22px;
}
small
{
font-size: 65%;
}

tag
{
font-size: 13px;
line-height: 15px;
padding: 4px 10px;
margin-right:5px;
margin-top:5px;
}

#bpesquisa {
    font-size: 13px;
    line-height: 17px;
	padding: 4px 10px;
    width: 100px;
    margin-top: 2px !important;
    border: 3px solid #E5E5E5;
}

#bpesquisa:focus {
  width: 100%;
  font-style: italic;
    font-size: 13px;
}

#bpesquisa:focus::placeholder {
  color: #999;
  opacity: 0.5; /* Firefox */
  font-style: italic;
    font-size: 13px;
}



.botao_submete
{
font-size: 13px !important;
line-height: 18px !important;
}

tag.selected
{
border-width: 5px;
line-height: 18px !important;
}

tag.notselected
{
line-height: 18px !important;
}

tag.small
{
font-size: 12px !important;
}

.small
{
font-size: 12px !important;
line-height: 12px !important;
}


.pagdestaque
{
font-size: 22px;
line-height: 25px;
}

.pagtextonormal
{ 
font-size: 20px;
line-height: 25px;
} 

.artrevistadetail
{ 
font-size: 15px;
line-height: 18px;
} 

.dadosextra, .pagtextoboldsmall 
{ 
font-family: 'HelveticaNowBold';
font-size: 15px;
line-height: 18px;
} 

.pagtextosmall
{ 
font-size: 15px;
line-height: 18px;
} 

.pagtextonormalsmall
{ 
font-size: 12px;
line-height: 13px;
} 



.pagnormal
{ 
font-size: 20px;
line-height: 25px;
}

.pagh1 {
    font-size: 20px;
	line-height: 30px;
    margin-top: 10px;
	margin-bottom: 10px;
	border-width:5px !important;
}

p.revista, .revista
{
font-size: 15px;
line-height: 18px;
}

.revista_detail.p-b
{
padding-bottom:30px !important;
}

.artrevista {
    font-size: 12px;
    line-height: 14px;
    display: block;
}


.colpartilha
{
position:absolute;
top:0;
left: -30px;
}

#partilhaclose
{
height:16px;
width:16px;
background-size:cover !important;
position:absolute;
top:8px;
right:0;
}

#programacaoarticle {
    padding-top: 40px !important;
}

#programacaomenu
{
margin-top: -3vw;
}



.card-columns2 {
    webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; 
}

.colsubmenu
{
margin-top:10px;
min-height:20px;
margin-bottom:30px;
background-image: url(images/plus.svg);
background-repeat: no-repeat;
cursor: pointer;
background-position-x: right;
background-position-y: top;
background-size: 5vw;
}

.colsubmenu.menuopen
{
background-image: url(images/plus.svg);
}

.colsubmenu.menuclose
{
background-image: url(images/close.svg);
}

#submenu {
    position: unset;
}

#submenuitems {
position: unset;
}

p.submenu
{
font-size: 22px;
line-height: 25px;
margin-bottom:0;
}

p.submenu.active, a.selected
{
color:inherit !important;
}


p.submenu.inactive
{
display:none;
}

.row_bb, .b-b-l, .row_bt, .lojacbr, .cbt, .b-r, .cbb { border-width:5px !important; padding-bottom:20px;}

#menu_row  { border-width:5px !important; margin-bottom:0 !important;}

.cbr {border-right-width:0 !important; border-bottom: solid 5px!important; padding-bottom:20px;margin-top:20px; }

.b-r-l { border-right-width:0 !important;}
.becbr{ border-width:5px !important;}


.rowloja {
    height: 120px;
}

.artloja, .artlojaoutros
{
    height: 120px;
}

.imglojarevista {
    height: 80px;
    margin-top:20px;
}

.bgrevista
{
    height: 240px;
}

.imgrevista {
margin-top:40px;
    height: 150px;
}


.img-fluid
{
width:100%;
margin-bottom:20px;
margin-top:20px;
}

.imgrevistaclose
{
height:18px;
position: absolute;
right: 0;
top: 6px;
}

.imgcarrinho
{
max-width:100%;
margin-top: 20px;
display:none;
}

.bgcarrinho
{
height: 120px;
display:none;

}

#botaocarrinho {
    position: fixed;
    bottom: 80px;
    left: 20px;
}

#politicaprivacidade, #termoscondicoes
{
top: 65px;
}

.pag_politica.bodyframe, .pag_termos.bodyframe, #pag_politica.bodyframe, #pag_termos.bodyframe
{
margin-bottom:50px;
}



#ecrancarrinho {
    position: fixed;
    top: 71px;
    right: 2vw;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
}

#framecarrinho {
    height: 100%;
}

.imgpagpoliticaclose
{
height:20px;
} 

.imgpagtermosclose
{
height:20px;
} 

.imgcarrinhoclose {
height: 18px;
    position: absolute;
    right: 15px;
    top: 30px;    
}

.modulo_carrinho .coleventos h1 {
font-size: 25px;
    line-height: 30px;
}

.bcarrinhototal {
    display: flex;
    margin-top:10px;
    position: unset;
}

.autorizapagamento {
    display: block;
    margin-top:40px;
    position: absolute;
    left:20px;
}


.carrinho_item, .carrinho_total, .checkout_item, .checkout_total {
    margin: 0;
    font-size: 20px;
}

.checkout_rowsubtotal {
    font-size: 14px;
}

.checkout_subtotal
{
width: 150px;
}

.inputcheckout
{
height: 24px;
padding-right:0;
}

.checkout_moeda
{
position:relative;
bottom:2.4px;
line-height: 24px;
}

.inputcheckouttotal
{
height: 44px;
padding-right:0;
}


.checkout_tmoeda
{
position:relative;
bottom:3px;
line-height: 44px;
}

.expimg {
height: 300px;
}


.overlay {
    position: absolute;
    top: 0;
    bottom: 45px;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #fff;
}

.cbr .titleoverlaytext
{
padding-bottom: 0px;
}

.titleoverlaytext
{
 position:unset;
 padding-bottom: 10px;
}

.col-sm-6.b-r
{
border-right:0 !important;
}

.m-b-l,  .m-b-xl, .coluna {margin-bottom:20px !important;}
.m-b {margin-bottom:10px !important;}
.m-t, .m-t-l, .m-t-xl {margin-top: 20px !important;}
.p-t-l, .p-t, .p-t-xl {padding-top:20px !important; }
.p-b-l, .p-b, .p-b-xl {padding-bottom:20px !important; }
.m-l-l {margin-left: 6px !important}
.m-r-l {margin-right: 6px !important}
.col-sm-8, .col-sm-6, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-7, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {padding:0 !important; margin-right:0 !important;}

}