
/* Land header  -  Menu responsivo 
    21/12/2018
    ver na url: https://tableless.com.br/header-responsivo-somente-com-css/
Formatei o “label .control-nav” para ser o botão responsivo, o “label .control-nav-close” para ser a cortina bloqueando o fundo e o ‘nav’ para ficar fixo e redimensionável.
Agora o pulo do gato
Utilizando seletores do CSS3 que são os ‘:checked’ e ‘~’, conseguimos formatar elementos de acordo com a necessidade, veja a documentação.https://www.w3.org/TR/css3-selectors/#selectors
Sendo mais claro, com o seletor ‘~’ você consegue selecionar elemento do mesmo pai declarado depois dele.
Ao marcar o input, no css usando o transform vamos exibir suavemente o menu, 
*/

/* retirado do cuccoMin.css em 25/12/2018 - Inicio */
.justify {
    text-align: justify;
    display: block;
}
.clAtencao {
     color:#ff5406; 
     float: left; 
     font-size:1.0em; 
     padding-right: 10px;
     padding-left: 2px; 
     width: 98%;
}
.comparison {
  max-width:940px;
  margin:0 auto;
  font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:center;
  padding:10px;
}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom:1px solid #CCC;
}

.comparison td, .comparison th {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:10px;
}

.compare-heading {
  font-size:18px;
  font-weight:bold !important;
  border-bottom:0 !important;
  padding-top:10px !important;
}

.comparison tbody tr:nth-child(odd) {
  display:none;
}

.comparison .compare-row {
  background:#F5F5F5;
}

.comparison .tickblue {
  color:#0078C1;
}

.comparison .tickgreen {
  color:#009E2C;
}

.comparison th {
  font-weight:normal;
  padding:0;
  border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {
  text-align:left;
}
  
.comparison .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  padding:10px;
  font-size:13px;
  border-right:1px solid #CCC;
  border-bottom:0;
}

.comparison .tl2 {
  border-right:0;
}

.comparison .qbse {
  background:#0078C1;
  border-top-left-radius: 3px;
  border-left:0px;
}

.comparison .qbo {
  background:#009E2C;
  border-top-right-radius: 3px;
  border-right:0px;
}

.comparison .price-info {
  padding:5px 15px 15px 15px;
}

.comparison .price-was {
  color:#999;
  text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
  color:#ff5406;
}

.comparison .price-now span {
  font-size:32px;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
  background:#ff5406;
  padding:10px 20px;
  font-size:12px;
  display:inline-block;
  color:#FFF;
  text-decoration:none;
  border-radius:3px;
  text-transform:uppercase;
  margin:5px 0 10px 0;
}

.comparison .price-try {
  font-size:12px;
}

.comparison .price-try a {
  color:#202020;
}
.clLeft {
	float: left;
}
.clRight {
	float: right;
}

section.containerCadastro{
    width: 520px;
}
div.container fieldset.quadroCinza {
    width: 520px;
	padding: 5px;
	background-color: #dedede;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        
	margin-top: 10px;
	margin-bottom: 10px;
        overflow: scroll;
  font-style: italic;
  text-align:left;
}
.comparison .boxCinza {
    width: 300px;
    min-width: 299px;
	padding: 5px;
	background-color: #dedede;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
        max-height: 65px;
        overflow: visible;
  font-style: italic;
  text-align:left;
}
.boxCinza .formLabel{
	font-size: 0.8em;
	color: #606060;
}
div.comparison fieldset.boxCinza div.clValor{
    padding-top: 6px;}

.videoDepoimento a {
	color: #d09459;
}
/* retirado do cuccoMin.css em 25/12/2018 - Final */

header.headerTop {
    background: url(../images/bkgHeader.jpg);
    border-bottom: 1px solid #D4D4D4;
    height: 60px;
    position: relative;
    width: 99.99%;
    z-index: 999;
}

header.headerTop div.headerContainer a.headerLogo {
    padding-left: 20px;
    padding-top: 7px;
    display: block;
    float: left;
    text-align:center;
}

header.headerTop div.headerContainer{ 
    margin: 0 auto; 
    padding: 0;   
    width: 99.9%;
}

div.headerContainer div.telefone{
    background:url(../images/bkgWhatsappBig.png);
    width:111px;
    padding-top:2px;
    padding-bottom:8px;
    padding-left:45px;
    line-height:16px;
    font-size:12px;
    height:48px;
    position: absolute; top: 0px; right: 1px;
    color:#000;
    text-shadow:1px 1px #FFF;
    margin-top:61px;
}

div.headerContainer div.telefone a {
    color: blue; padding-left: 3px;
}
div.headerContainer div.telefone a:hover{
    color: #F79C33; font-size: 1.2em;
}

/* menu horizontal: Como funciona, Quem usa, Planos e precos Blog Use Grátis*/
header.headerTop nav ul.headerMenu li a:hover {	
        color: #F79C33;
}

div.headerContainer ul.headerMenu{ 
    background-color: #EDEDED;
    list-style: none;
    margin: 0px;
    padding: 0px 10px 0 0;
    display: block;
    width: 99%;
}

header.headerTop div.headerContainer nav ul li {
    display: inline-block;
    float: left;
    margin: 0px;
    background-color: #333;
    font-size: 1.0em;
    height: 45px;
    padding-top: 15px;
}

div.headerContainer li a {
    border-left: 1px solid #2c333d;
    padding: 0 10px;
    color: #FFF;
    line-height: auto;                           /*30px;*/
    padding: 26px 30px;
    text-decoration: none;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

input#headerNavId {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  opacity: 0;
}

div.headerContainer {
    margin: 0 auto;
    width: 99.8%;
    max-width: 960px;
}

div.container section.comoFunciona a img {display: block;}
div.processoAgendPasso1 img {display: none;}
div.processoAgendPasso2 img {display: none;}
div.processoAgendPasso3 img {display: none;}

section.screens div.oferecaServicos{display: block;}
section.screens div.oferecaServicosMedium{display: none;}
section.screens div.oferecaServicosSmall{display: none;}

section.screens div.container div.sucessoBig{display: block;
           border-top: #000 solid 1px;
           border-right: #000 solid 1px;
           border-left: #000 solid 3px;
           border-bottom: #000 solid 3px;
           -moz-border-radius: 10px;
           -webkit-border-radius: 10px;
           border-radius: 10px;
           width: 720px;
           
           margin-left: 20px;           
           margin-bottom: 20px;}
section.screens div.container div.sucessoMedium{display: none;
           border-top: #000 solid 1px;
           border-right: #000 solid 1px;
           border-left: #000 solid 3px;
           border-bottom: #000 solid 3px;
           -moz-border-radius: 10px;
           -webkit-border-radius: 10px;
           border-radius: 10px;
           width: 420px;
           margin-left: 20px;
           margin-bottom: 20px;}
section.screens div.container div.sucessoSmall{display: none; 
           border-top: #000 solid 1px;
           border-right: #000 solid 1px;
           border-left: #000 solid 3px;
           border-bottom: #000 solid 3px;
           -moz-border-radius: 10px;
           -webkit-border-radius: 10px;
           border-radius: 10px;
           width: 300px;
           margin-left: 20px;
           margin-bottom: 20px;}

section.screens div.todasAgendasBig{display: block;}
section.screens div.todasAgendasMedium{display: none;}
section.screens div.todasAgendasSmall{display: none;}

section.screens div.informacoesClientes{display: block;}
section.screens div.informacoesClientesMedium{display: none;}
section.screens div.informacoesClientesSmall{display: none;}

section.screens div.divulgueSeuNegocio{display: block;}
section.screens div.divulgueSeuNegocioMedium{display: none;}
section.screens div.divulgueSeuNegocioSmall{display: none;}
    
/* quemUsa */
section.screens div.quemUsa{display: block;}
section.screens div.quemUsaSmall{display: none;}
    
    article.screens div.todasAgendasMedium{display: block;}
    article.screens div.todasAgendasSmall{display: none;}

    section div.academiasefitness{display: block;width:346px; height:239px;}
    section div.academiasefitnessSmall{display: none;}
    article.screens div.academiasServico{display: block;}
    article.screens div.academiasServicoMedium{display: none;}
    article.screens div.academiasServicoSmall{display: none;}
    
    section div.alugueldeequipamentos{display: block;width:346px; height:239px;}
    section div.alugueldeequipamentosSmall{display: none;}
    article.screens div.equipamentosServico{display: block;}
    article.screens div.equipamentosServicoMedium{display: none;}
    article.screens div.equipamentosServicoSmall{display: none;}
    
    section div.aulasecursos{display: block;}
    section div.aulasecursosSmall{display: none;}
    article.screens div.aulasecursosServicos{display: block;}
    article.screens div.aulasecursosServicosMedium{display: none;}
    article.screens div.aulasecursosServicosSmall{display: none;}

    section div.clinicasdeestetica{display: block;}
    section div.clinicasdeesteticaSmall{display: none;}
    article.screens div.clinicasdeesteticaServicos{display: block;}
    article.screens div.clinicasdeesteticaServicosMedium{display: none;}
    article.screens div.clinicasdeesteticaServicosSmall{display: none;}
    
    section div.consultoriaereunioes{display: block;}
    section div.consultoriaereunioesSmall{display: none;}
    article.screens div.consultoriaereunioesServicos{display: block;}
    article.screens div.consultoriaereunioesServicosMedium{display: none;}
    article.screens div.consultoriaereunioesServicosSmall{display: none;}

    section div.estudiosdemusica{display: block;}
    section div.estudiosdemusicaSmall{display: none;}
    article.screens div.estudiosdemusicaServicos{display: block;}
    article.screens div.estudiosdemusicaServicosMedium{display: none;}
    article.screens div.estudiosdemusicaServicosSmall{display: none;}

    section div.kartpaintbal{display: block;}
    section div.kartpaintballSmall{display: none;}
    article.screens div.kartpaintballServicos{display: block;}
    article.screens div.kartpaintballServicosMedium{display: none;}
    article.screens div.kartpaintballServicosSmall{display: none;}

    section div.medicinaalternativa{display: block;}
    section div.medicinaalternativaSmall{display: none;}
    article.screens div.medicinaalternativaServico{display: block;}
    article.screens div.medicinaalternativaServicoMedium{display: none;}
    article.screens div.medicinaalternativaServicoSmall{display: none;}

    section div.medicosedentistas{display: block;}
    section div.medicosedentistasSmall{display: none;}
    article.screens div.medicosedentistasServicos{display: block;}
    article.screens div.medicosedentistasServicosMedium{display: none;}
    article.screens div.medicosedentistasServicosSmall{display: none;}

    section div.oficinaseconcessionarias{display: block;}
    section div.oficinaseconcessionariasSmall{display: none;}
    article.screens div.oficinasServicos{display: block;}
    article.screens div.oficinasServicosMedium{display: none;}
    article.screens div.oficinasServicosSmall{display: none;}

    section div.psicologos{display: block;}
    section div.psicologosSmall{display: none;}
    article.screens div.psicologosServicos{display: block;}
    article.screens div.psicologosServicosMedium{display: none;}
    article.screens div.psicologosServicosSmall{display: none;}

    section div.quadrasdeesporte{display: block;}
    section div.quadrasdeesporteSmall{display: none;}
    article.screens div.quadrasdeesporteServicos{display: block;}
    article.screens div.quadrasdeesporteServicosMedium{display: none;}
    article.screens div.quadrasdeesporteServicosSmall{display: none;}

    section div.saloesdebeleza{display: block;}
    section div.saloesdebelezaSmall{display: none;}
    article.screens div.saloesdebelezaServicos{display: block;}
    article.screens div.saloesdebelezaServicosMedium{display: none;}
    article.screens div.saloesdebelezaServicosSmall{display: none;}

    section div.saloesdefesta{display: block;}
    section div.saloesdefestaSmall{display: none;}
    article.screens div.saloesdefestaServicos{display: block;}
    article.screens div.saloesdefestaServicosMedium{display: none;}
    article.screens div.saloesdefestaServicosSmall{display: none;}
    
    section div.servicosdiversos{display: block;}
    section div.servicosdiversosSmall{display: none;}
    article.screens div.servicosdiversosServicos{display: block;}
    article.screens div.servicosdiversosServicosMedium{display: none;}
    article.screens div.servicosdiversosServicosSmall{display: none;}

    section div.spaemassagistas{display: block;}
    section div.spaemassagistasSmall{display: none;}
    article.screens div.spaemassagistasServicos{display: block;}
    article.screens div.spaemassagistasServicosMedium{display: none;}
    article.screens div.spaemassagistasServicosSmall{display: none;}
    
/* comece-agora cadastroPS */
section.paginaInterna{
    padding-top:60px;
}
    section.paginaInterna div.container div.sucesso{
        text-align: center;
    }
    
    section.paginaInterna div.container fieldset input.urlPS{font-size:16px;width: 290px;}
    .cadastroPS legend{font-weight:bold;font-size:18px}
    .cadastroPS label{display:block}
    .cadastroPS .textarea{width:98%;height:100px;margin-bottom:10px}
    section.paginaInterna div.container fieldset div.complementoEndereco{
        font-size: 16px; width: 140px;
        padding-left:0px;
        padding-top:4px;
        padding-bottom: 7px;
        margin-top:-53px;
        height: 19.5px;
    }
    header.headerTop nav ul li a {
	padding: 26px 15px;
    }
    div.clPhone {
        float: left; 
        display: inline; 
        margin-left: 10px; 
        margin-right: 10px;
        width: 220px;
    }
    div.clAtraves {
        margin-left: 10px; 
        margin-right: 10px;
        width: 220px;
    }
    div.clComentario{
        margin-left: 10px; 
        width: 97%;
    }
    div.clComentario textarea{
        width: 97%;
    }
    /* media */
@media only screen and (min-width:768px) and (max-width:959px){
      div.clPhone {
        width: 172px;
    }
      
}

@media screen and (max-width: 768px) {
/* comece-agora cadastroPS */
    div.clPhone {
        width: 300px;
        margin-left: 0px;
        margin-top: 20px;
    }

    section.paginaInterna div.container div.sucesso h2.url{
        font-size: 24px;
    }
    section.paginaInterna section.screens div.sucesso fieldset{max-width: 85%;}
    section.paginaInterna div.container fieldset{max-width: 85%;}
    section.paginaInterna div.container fieldset input.urlPS{font-size:14px;width: 67%;}
    section.paginaInterna div.container fieldset div.complementoEndereco{
        font-size: 14px; width: 25%;
            padding-top:4px;
            padding-bottom: 7px;
        margin-top:-51px;
        margin-left:69%;
        height: 18px;
    }

    section.paginaInterna{padding-top:0px;}
    section.paginaInterna h1.center {font-size: 24px; height: 10px;padding-top: 10px;}
    section.paginaInterna h2.center {font-size: 20px;}
    section.paginaInterna h3.center {font-size: 16px;}
    
    section.screens div.oferecaServicos{display: none;}
    section.screens div.oferecaServicosMedium{width: 420px; height: 302px; display: block;margin-bottom: 20px;}

    section.screens div.container div.sucessoBig{display: none;}
    section.screens div.container div.sucessoMedium{display: block;}
    section.screens div.container div.sucessoSmall{display: none;}
    
    section.screens div.todasAgendasBig{display: none;}
    section.screens div.todasAgendasMedium{width: 420px; height: 313px; display: block;margin-bottom: 20px;}
    
    section.screens div.informacoesClientes{display: none;}
    section.screens div.informacoesClientesMedium{width: 420px; height: 296px; display: block;margin-bottom: 20px;}
    
    section.screens div.divulgueSeuNegocio{display: none;}
    section.screens div.divulgueSeuNegocioMedium{width: 420px; height: 329px; display: block;margin-bottom: 20px;}

    article.screens div.academiasServico{display: none;}
    article.screens div.academiasServicoMedium{display: block;}

    article.screens div.equipamentosServico{display: none;}
    article.screens div.equipamentosServicoMedium{display: block;}

    article.screens div.aulasecursosServicos{display: none;}
    article.screens div.aulasecursosServicosMedium{display: block;}

    article.screens div.clinicasdeesteticaServicos{display: none;}
    article.screens div.clinicasdeesteticaServicosMedium{display: block;}

    article.screens div.consultoriaereunioesServicos{display: none;}
    article.screens div.consultoriaereunioesServicosMedium{display: block;}
    
    article.screens div.estudiosdemusicaServicos{display: none;}
    article.screens div.estudiosdemusicaServicosMedium{display: block;}

    article.screens div.kartpaintballServicos{display: none;}
    article.screens div.kartpaintballServicosMedium{display: block;}

    article.screens div.medicinaalternativaServico{display: none;}
    article.screens div.medicinaalternativaServicoMedium{display: block;}

    article.screens div.medicosedentistasServicos{display: none;}
    article.screens div.medicosedentistasServicosMedium{display: block;}

    article.screens div.oficinasServicos{display: none;}
    article.screens div.oficinasServicosMedium{display: block;}

    article.screens div.psicologosServicos{display: none;}
    article.screens div.psicologosServicosMedium{display: block;}

    article.screens div.quadrasdeesporteServicos{display: none;}
    article.screens div.quadrasdeesporteServicosMedium{display: block;}

    article.screens div.saloesdebelezaServicos{display: none;}
    article.screens div.saloesdebelezaServicosMedium{display: block;}

    article.screens div.saloesdefestaServicos{display: none;}
    article.screens div.saloesdefestaServicosMedium{display: block;}

    article.screens div.servicosdiversosServicos{display: none;}
    article.screens div.servicosdiversosServicosMedium{display: block;}
    
    article.screens div.spaemassagistasServicos{display: none;}
    article.screens div.spaemassagistasServicosMedium{display: block;}
    
    div.container section.comoFunciona a img {display: none;}
    div.processoAgendPasso1 img {display: block;}
    div.processoAgendPasso2 img {display: block;}
    div.processoAgendPasso3 img {display: block;}
    
    header.headerTop div.headerContainer .telefone{
        margin-top:1px;
        margin-right: 8px;
        width: 100px;
    }
    div.headerContainer nav {
        background: #fff;
        bottom: 0;
        margin: 0px;
        width: 200px;
        overflow-x: auto;
        position: fixed;
        right: 0;
        top: 61px;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -webkit-transform: translate(100%, 0);
        z-index: 2;
    }

    div.headerContainer nav ul li {
        width: 100%;
        border: solid #ccc;
        border-width: 0 0 1px;
    }

    div.headerContainer nav ul li a {
        color: white;        
	font-size: 1.0em;
        font-weight: normal;
        text-shadow: none;
    }

    .headerNav {                                     /* label icon  3 traços/traco*/
        position: absolute;
        right: 175px;
        display: block;
        width: 20px;
        margin-top: 20px;
        padding: 5px 0;
        border: solid #FFFFFF;
        border-width: 3px 0;
        z-index: 2;
        cursor: pointer;
    }

    .headerNav:before {
        content: "";
        display: block;
        height: 3px;
        background: #FFFFFF;
    }

    .headerNavClose {
        position: fixed; /* label layer */
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        z-index: 1;
        background: rgba(0,0,0,0.4);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -webkit-transform: translate(100%, 0);
    }

    /*<!--
    Utilizando dos seletores do CSS3 que são os ‘:checked’ e ‘~’, conseguimos formatar elementos de acordo com a 
        necessidade, veja a documentação em:https://www.w3.org/TR/css3-selectors/#selectors.
    -->*/
    /*Selects every <nav> element that are preceded by a <input#headerNavId:checked> element */
    input#headerNavId:checked ~ nav,
    input#headerNavId:checked ~ .headerNavClose {
        transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }   
}           /* Final @media screen and (max-width: 767px) */

/* retirado do cuccoMin.css em 25/12/2018 - Inicio */

@media (max-width: 639px) {
    .comparison .price-buy {
        padding:5px 10px;
    }
    .comparison td, .comparison th {
        padding:10px 5px;
    }
    .comparison .hide-mobile {
        display:none;
    }
    .comparison .price-now span {
        font-size:16px;
    }

    .comparison .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0;
    }
    .comparison .qbse, .comparison .qbo {
        font-size:12px;
        padding:10px 5px;
    }
    .comparison .price-buy {
        margin-top:10px;
    }
    .compare-heading {
        font-size:13px;
    }
}

@media (max-width: 520px){
    section.paginaInterna div.container div.sucesso h2.url{
        font-size: 18px;
    }
        section.paginaInterna div.container{margin-left:10px;}
}
@media (max-width: 480px) {
        section.paginaInterna div.container{width:95%;}
    section.paginaInterna div.container fieldset input.urlPS{width: 56%;}
    section.paginaInterna div.container fieldset div.complementoEndereco{
        width: 27%;
        margin-left:50%;
    }


    header.headerTop div.headerContainer .telefone{
        margin-right: 1px;
    }
    header.headerTop div.headerContainer a.headerLogo {
        padding-left: 3px;
    }
    .comparison .price-now span {
        font-size:14px;
    }
    .comparison td, .comparison th {
        width: 100px;
    }
}
@media (max-width: 420px) {    
    div.comparison fieldset.boxCinza{
    padding-right: 0px; font-size: 0.9em;}

    section.paginaInterna h1.center {font-size: 18px; height: 10px;padding-top: 10px;}

    section.paginaInterna div.container fieldset input.urlPS{width: 56%;}
    section.paginaInterna div.container fieldset div.complementoEndereco{
        width: 30%;
        margin-left:50%;
    }
    section.screens div.oferecaServicosMedium{display: none;}
    section.screens div.oferecaServicosSmall{display: block; height: 216px; width: 300px;margin-bottom: 20px;}
    
    section.screens div.container div.sucessoBig{display: none;}
    section.screens div.container div.sucessoMedium{display: none;}
    section.screens div.container div.sucessoSmall{display: block;}
    
    section.screens div.todasAgendasMedium{display: none;}
    section.screens div.todasAgendasSmall{width: 300px; height: 224px; display: block;margin-bottom: 20px;}
    
    section.screens div.informacoesClientesMedium{display: none;}
    section.screens div.informacoesClientesSmall{width: 300px; height: 211px; display: block;margin-bottom: 20px;}
        
    section.screens div.divulgueSeuNegocioMedium{display: none;}
    section.screens div.divulgueSeuNegocioSmall{width: 300px; height: 235px; display: block;margin-bottom: 20px;}

    /* quemUsa */
    section.screens div.quemUsa{display: none;}
    section.screens div.quemUsaSmall{width: 300px; height: 184px; display: block;margin-bottom: 20px;}

        section div.academiasefitness{display: none;}
        section div.academiasefitnessSmall{width: 300px; height: 207px; display: block;margin-bottom: 20px;}
        article.screens div.academiasServico{display: none;}
        article.screens div.academiasServicoMedium{display: none;}
        article.screens div.academiasServicoSmall{display: block;}
        
        article.screens div.todasAgendasMedium{display: none;}
        article.screens div.todasAgendasSmall{display: block;}
        
        section div.alugueldeequipamentos{display: none}
        section div.alugueldeequipamentosSmall{display: block;}

        article.screens div.equipamentosServicoMedium{display: none;}
        article.screens div.equipamentosServicoSmall{display: block;}

        section div.aulasecursos{display: none;}
        section div.aulasecursosSmall{display: block;}
        article.screens div.aulasecursosServicosMedium{display: none;}
        article.screens div.aulasecursosServicosSmall{display: block;}

        section div.clinicasdeestetica{display: none;}
        section div.clinicasdeesteticaSmall{display: block;}
        article.screens div.clinicasdeesteticaServicosMedium{display: none;}
        article.screens div.clinicasdeesteticaServicosSmall{display: block;}
        
        section div.consultoriaereunioes{display: none;}
        section div.consultoriaereunioesSmall{display: block;}
        article.screens div.consultoriaereunioesServicosMedium{display: none;}
        article.screens div.consultoriaereunioesServicosSmall{display: block;}

        section div.estudiosdemusica{display: none;}
        section div.estudiosdemusicaSmall{display: block;}
        article.screens div.estudiosdemusicaServicosMedium{display: none;}
        article.screens div.estudiosdemusicaServicosSmall{display: block;}

        section div.kartpaintball{display: none;}
        section div.kartpaintballSmall{display: block;}
        article.screens div.kartpaintballServicosMedium{display: none;}
        article.screens div.kartpaintballServicosSmall{display: block;}

        section div.medicinaalternativa{display: none;}
        section div.medicinaalternativaSmall{display: block;}
        article.screens div.medicinaalternativaServicoMedium{display: none;}
        article.screens div.medicinaalternativaServicoSmall{display: block;}

        section div.medicosedentistas{display: none;}
        section div.medicosedentistasSmall{display: block;}
        article.screens div.medicosedentistasServicosMedium{display: none;}
        article.screens div.medicosedentistasServicosSmall{display: block;}
        
        section div.oficinaseconcessionarias{display: none;}
        section div.oficinaseconcessionariasSmall{display: block;}
        article.screens div.oficinasServicos{display: none;}
        article.screens div.oficinasServicosMedium{display: none;}
        article.screens div.oficinasServicosSmall{display: block;}
        
        section div.psicologos{display: none;}
        section div.psicologosSmall{display: block;}
        article.screens div.psicologosServicos{display: none;}
        article.screens div.psicologosServicosMedium{display: none;}
        article.screens div.psicologosServicosSmall{display: block;}

        section div.quadrasdeesporte{display: none;}
        section div.quadrasdeesporteSmall{display: block;}
        article.screens div.quadrasdeesporteServicosMedium{display: none;}
        article.screens div.quadrasdeesporteServicosSmall{display: block;}
        
        section div.saloesdebeleza{display: none;}
        section div.saloesdebelezaSmall{display: block;}
        article.screens div.saloesdebelezaServicosMedium{display: none;}
        article.screens div.saloesdebelezaServicosSmall{display: block;}

        section div.saloesdefesta{display: none;}
        section div.saloesdefestaSmall{display: block;}
        article.screens div.saloesdefestaServicosMedium{display: none;}
        article.screens div.saloesdefestaServicosSmall{display: block;}
     
        section div.servicosdiversos{display: none;}
        section div.servicosdiversosSmall{display: block;}
        article.screens div.servicosdiversosServicosMedium{display: none;}
        article.screens div.servicosdiversosServicosSmall{display: block;}

        section div.spaemassagistas{display: none;}
        section div.spaemassagistasSmall{display: block;}
        article.screens div.spaemassagistasServicosMedium{display: none;}
        article.screens div.spaemassagistasServicosSmall{display: block;}
        
    .comparison td, .comparison th {
        width: 88px;
        padding-left: 1px;
    }
}
/* retirado do cuccoMin.css em 25/12/2018 - Final */

@media only screen and (max-width:380px){
    section.paginaInterna div.container div.sucesso h2.url{
        font-size: 16px;
    }
    header.headerTop .headerNav{
                right: 160px;
    }
}
@media only screen and (max-width:360px){
    header.headerTop .headerNav{
                right: 147px;
    }
    section.paginaInterna div.container fieldset input.urlPS{width: 55%;}
    section.paginaInterna div.container fieldset div.complementoEndereco{
        width: 30%;
        padding-left: 1px;
        margin-left:53%;
    }
}
@media only screen and (max-width:340px){
    section.paginaInterna div.container fieldset div.complementoEndereco{
        width: 35%;
        margin-left:54.5%;
        margin-top: -51px;
    }
}
