@media screen and (max-width: 767px) {
  body {
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 140px;
    max-width: 100%;
  }
  /* Wrapping element */
  /* Set some basic padding to keep content from hitting the edges */
  .body-content {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    width: 94%;
    margin-left: 3%;
  }
  .page-content {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
    margin-bottom: 20px;
    min-height: 500px;
  }
  .btn-default,
  .btn-default-black {
    font-size: 8pt;
    padding: 7px;
  }
  h2 {
    font-size: 16pt;
  }
  p {
    font-size: 9pt;
  }
  .lds-spinner {
    top: 40%;
    left: 40%;
  }
  .form-control {
    padding: 5px;
    height: auto;
    font-size: 8pt;
  }
  /*Page error Popup*/
  #page_error .error_message {
    left: 5%;
    top: 15%;
    width: 90%;
    height: auto;
    padding: 10px;
  }
  #page_error .error_message img {
    max-width: 75%;
  }
  #page_error .error_message h4 {
    font-size: 10pt;
  }
  #page_error .error_message h5 {
    font-size: 9pt;
  }
  #page_error .error_message button {
    width: 80px;
  }
  /*Page success Popup*/
  #page_success .success_message {
    left: 5%;
    top: 15%;
    width: 90%;
    height: auto;
    padding: 10px;
  }
  #page_success .success_message h4 {
    font-size: 10pt;
  }
  #page_success .success_message h5 {
    font-size: 9pt;
  }
  #page_success .success_message button {
    width: 80px;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 5%;
    top: 15%;
    width: 90%;
    height: auto;
    padding: 10px;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess {
    position: fixed;
    padding: 0;
    margin: 0;
    top: -500px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 99;
    transition: width 0.3s, height 0.3s;
    background: rgba(0, 0, 0, 0.6);
  }
  #page_cartSuccess .cartSuccess_message {
    right: 9.5%;
    top: 22%;
    width: 75%;
    padding: 3px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 9.5%;
    top: 22%;
    width: 75%;
    padding: 3px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .image-success,
  #page_cartSuccess .cartSuccess_message_user #success_details .image-success {
    width: 7%;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 6.5pt;
    margin: 2px;
  }
  #page_cartSuccess .cartSuccess_message:after,
  #page_cartSuccess .cartSuccess_message_user:after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid white;
    top: -8px;
    left: 88%;
  }
  #page_cartSuccess .cartSuccess_message:before,
  #page_cartSuccess .cartSuccess_message_user:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #971b1e;
    top: -10px;
    content: '';
    left: 88%;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess {
    position: fixed;
    padding: 0;
    margin: 0;
    top: -500px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 99;
    transition: width 0.3s, height 0.3s;
    background: rgba(0, 0, 0, 0.6);
  }
  #page_favSuccess .favSuccess_message {
    right: 6.5%;
    top: 22.5%;
    width: 75%;
    padding: 3px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 12%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 7pt;
    width: 25%;
  }
  #page_favSuccess .favSuccess_message:after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid white;
    top: -8px;
    left: 74%;
  }
  #page_favSuccess .favSuccess_message:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #971b1e;
    top: -10px;
    content: '';
    left: 74%;
  }
  /*Page medidas Popup*/
  #page_medidas .medidas_container {
    left: 2.5%;
    width: 95%;
    padding: 10px;
    padding-top: 30px;
  }
  /*Page envios Popup*/
  #page_envio .envio_container {
    left: 2.5%;
    width: 95%;
    padding: 10px;
    padding-top: 30px;
  }
  /*Page termos Popup*/
  #page_termos .termos_container {
    left: 2.5%;
    width: 95%;
    padding: 10px;
    padding-top: 30px;
    height: 620px;
  }
  .page-title {
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
  .page-title h5 {
    margin: 0;
    font-size: 7pt;
  }
  .page-title h4 {
    font-size: 8pt;
    font-weight: bold;
  }
  .page-title hr {
    margin: 5px;
  }
  .header .top-header {
    /*padding: 2px 30px 2px 5px;*/
    padding: 0;
    height: 20px;
    width: 100%;
  }
  .header .top-header .header-social-icons {
    width: 20%;
    float: left;
  }
  .header .top-header .header-social-icons ul li {
    display: inline-block;
    margin: 0 3px;
  }
  .header .top-header .header-social-icons ul li a .fab.fa-facebook-f {
    font-size: 9pt;
  }
  .header .top-header .header-social-icons ul li a i.fab.fa-instagram {
    font-size: 9pt;
  }
  .header .top-header .header-social-icons ul li a .fab.fa-twitter {
    font-size: 9pt;
  }
  .header .top-header .header-info {
    float: left;
    text-align: center;
    width: 60%;
    margin: 0;
  }
  .header .top-header .header-info #header-slider ul li {
    height: 15px;
  }
  .header .top-header .header-info #header-slider .frase-header_1st {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    padding-top: 3px;
    font-size: 7pt;
  }
  .header .top-header .header-info #header-slider .frase-header_2nd {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    padding-top: 3px;
    font-size: 7pt;
  }
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 67%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    padding: 0;
    width: 100%;
    height: 120px;
    margin: 0;
    clear: both;
  }
  .header .header-top-icons .logo {
    clear: both;
    float: none;
    width: 80%;
    margin: 0;
    margin-left: 10%;
  }
  .header .header-top-icons .search-box {
    float: none;
    width: 90%;
    margin-top: 5px;
    margin-left: 5%;
  }
  .header .header-top-icons .search-box form .form-search {
    width: 100%;
    height: 25px;
    font-size: 8pt;
    float: none;
  }
  .header .header-top-icons .search-box form .form-search input {
    width: 90%;
    font-size: 8pt;
    margin-left: 3px;
    margin-top: 1px;
    padding: 3px;
  }
  .header .header-top-icons .search-box form .form-search ::placeholder {
    font-size: 8pt;
  }
  .header .header-top-icons .search-box form .form-search a {
    height: 20px;
    width: 20px;
    margin-top: 2px;
    margin-right: 5px;
  }
  .header .header-top-icons .icons-right {
    width: 90px;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    text-align: right;
  }
  .header .header-top-icons .icons-right ul li {
    margin: 0;
    padding: 0;
  }
  .header .header-top-icons .icons-right ul li a {
    /*border:1px solid;*/
    padding: 0;
  }
  .header .header-top-icons .icons-right ul li a img {
    width: 17px;
    margin: 3px;
    margin-top: 0;
    padding: 0;
  }
  .header .header-top-icons .icons-right ul li img#user {
    padding: 0;
    width: 22px;
    margin: 3px;
    /*margin-top: 0;*/
  }
  .header .header-top-icons .icons-right ul li a img#heart {
    padding: 0;
    width: 22px;
    margin: 3px;
    margin-top: 7px;
  }
  .header .header-top-icons .icons-right ul li a#shopping-bag span#cart-status {
    left: 10px;
    width: 12px;
    height: 12px;
    padding: 0;
  }
  .header .header-top-icons .icons-right ul li a#favorites-icon span#favorites-nr {
    left: 15px;
    width: 12px;
    height: 12px;
    padding: 0;
  }
  .header .header-top-icons .icons-right ul.dropdown li.dropbtn ul.dropdown-content {
    left: -50px;
    top: 33px;
    width: 135px;
  }
  .header .header-top-icons .icons-right ul.dropdown li.dropbtn ul.dropdown-content:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -4px;
    left: 82%;
  }
  .header .header-top-icons .icons-right ul.dropdown li.dropbtn ul.dropdown-content:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #971b1e;
    top: -6px;
    left: 82%;
  }
  .header .header-top-icons .icons-right ul.dropdown li.dropbtn ul.dropdown-content li {
    list-style: none;
    /*margin: 5px;*/
    text-shadow: none;
    font-weight: bold;
    text-align: center;
  }
  .header .header-top-icons .icons-right ul.dropdown li.dropbtn ul.dropdown-content li p {
    color: #808080;
    font-weight: bold;
    font-size: 8pt;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    display: block;
    padding: 5px;
    cursor: default;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
  }
  .header .header-top-icons .icons-right ul.dropdown li.dropbtn ul.dropdown-content li a {
    color: #808080;
    /*box-shadow: 0 8px 10px -10px #a6a6a6;*/
    font-size: 8pt;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    display: block;
    padding: 5px;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
  }
  .navbar-collapse {
    background: white;
    border-top: 1.5px solid #971b1e;
    border-bottom: 1.5px solid #971b1e;
    width: 100%;
  }
  .nav-top {
    width: 100%;
    border-top: none;
    border-bottom: none;
    height: 20px;
    position: relative;
    margin-top: -40px;
    overflow: unset;
    background: transparent;
  }
  .nav-top .navbar-toggle {
    position: absolute;
    top: 0;
    left: 5px;
    padding: 0;
  }
  .nav-top .navbar-toggle .icon-bar {
    border: 1px solid;
  }
  .nav-top .navbar-toggle .toggle-menu-caption {
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    top: -1.5px;
    left: 25px;
    font-size: 9pt;
  }
  .navbar-collapse.collapse {
    background: white;
    border-top: 1.5px solid #971b1e;
    border-bottom: 1.5px solid #971b1e;
    border-radius: 10px;
    height: 215px;
    width: 100%;
    transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
  }
  .nav-top .top-menu-left {
    width: 100%;
    text-align: left;
    padding-left: 0;
    display: block;
    margin-top: 25px;
    border-bottom: 2px solid #f3e7d2;
  }
  .nav-top .top-menu-left li {
    margin-right: 0;
  }
  .nav-top .top-menu-left li:last-child {
    margin-left: -5px;
  }
  .nav-top .top-menu-left ul li a {
    font-size: 8pt;
  }
  .nav-top .top-menu-left ul li a img {
    height: 12px;
  }
  .nav-top .top-menu-left ul li a.active-season {
    font-size: 9pt;
    border-radius: 5px;
    padding: 2px;
  }
  .nav-top .top-menu-right {
    width: 100%;
    text-align: left;
    padding-left: 0;
    display: block;
    margin-top: 0;
  }
  .nav-top .top-menu-right ul li {
    padding: 5px 3px 5px 3px;
    display: block;
  }
  .nav-top .top-menu-right ul li a {
    font-size: 8pt;
  }
  .nav-top .top-menu-right ul li.menu-separator {
    display: none;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content {
    left: 0px;
    width: 300%;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn#informacoes_btn {
    display: none;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content#menu_informacoes {
    width: 215%;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content.visible {
    text-shadow: none;
    visibility: visible;
    /* shows sub-menu */
    height: auto;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.35s;
    /* this removes the transition delay so the menu will be visible while the other styles transition */
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content .dropmenu-image {
    display: none;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content .dropmenu-links {
    width: 100%;
    float: none;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content .dropmenu-links #gen_name_lingua {
    float: left;
    font-size: 9pt;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content .dropmenu-all-produtos a {
    font-size: 9pt;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content .dropmenu-links > ul li a i {
    visibility: hidden;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content#menu_informacoes .dropmenu-links {
    float: left;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content#menu_informacoes .dropmenu-sublinks {
    float: right;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content#menu_informacoes .dropmenu-sublinks a {
    font-size: 9pt;
  }
  /* Carousel */
  .carousel {
    height: 100px;
  }
  .carousel-indicators {
    bottom: -30px;
    z-index: 0;
  }
  .info-banner {
    margin-top: 23px;
    text-align: center;
    margin-bottom: 10px;
  }
  .info-banner ul {
    padding: 0;
    text-align: center;
  }
  .info-banner ul li {
    margin: 0;
    padding: 0;
    width: 49%;
    text-align: center;
  }
  .info-banner ul li a {
    font-size: 6.5pt;
    text-align: center;
  }
  .info-banner ul li a .info-text {
    text-align: center;
  }
  .info-banner ul li a .info-text span {
    font-size: 6.5pt;
    text-align: center;
  }
  .info-banner ul li a .info-image {
    display: inline-block;
    margin: 0;
  }
  .info-banner ul li a .info-image img#ship24h {
    width: 30px;
    margin: 0;
  }
  .info-banner ul li a .info-image img#free-ship {
    width: 30px;
    margin: 0;
    margin-right: 3px;
  }
  .info-banner ul li a .info-image img#measure {
    width: 18px;
    margin: 0;
    margin-right: 3px;
    margin-left: 5px;
  }
  .info-banner ul li a .info-image img#payment {
    width: 25px;
    margin-right: 3px;
  }
  .info-banner ul li a .info-image img#shop {
    width: 22px;
    margin-right: 5px;
  }
  .catalogo {
    margin-top: 10px;
    padding: 0 5px 0 5px;
    text-align: center;
  }
  .catalogo .cat_homem {
    margin-top: 15px;
  }
  .destaques {
    margin-top: 20px;
    width: 100%;
  }
  .destaques .title {
    height: 25px;
  }
  .destaques .title h4 {
    font-size: 10pt;
    line-height: 25px;
  }
  .artigos_destaque {
    margin-top: 5px;
  }
  .slider {
    margin: 20px auto;
    width: 100%;
  }
  .slick-slide {
    width: 100px;
    margin: 5px;
  }
  .slick-slide.artigo_destaque a img {
    max-width: 70%;
    margin-left: 15%;
  }
  .slick-slide.artigo_destaque h5 span.tip span {
    width: 50px;
    font-size: 6pt;
  }
  .slick-slide.artigo_destaque .hat-name {
    height: 30px;
  }
  .slick-slide.artigo_destaque .hat-name h4 {
    font-size: 6pt;
  }
  .slick-slide.artigo_destaque h5 {
    font-size: 6pt;
  }
  .slick-slide.artigo_destaque h5 span.tip img {
    width: 8px;
  }
  .slick-prev:before,
  .slick-next:before {
    display: none;
  }
  /* Páginas de texto */
  td {
    font-size: 9pt;
  }
  .tab-header th,
  .tab-header td {
    font-size: 11pt;
  }
  .info_text {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  #page-medidas .info_text {
    width: 100%;
  }
  #page-medidas img {
    width: 35%;
    margin-left: 25px;
  }
  .info_text p {
    font-size: 9pt;
    line-height: 20px;
  }
  .info_text p.title {
    font-size: 11pt;
  }
  .info_text .info-loja-total .loja-details {
    height: auto;
  }
  .info_text .info-loja-total .loja-details .imagens_lojas {
    margin-top: 10px;
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 20px;
  }
  .info_text .info-loja-total .loja-details .info_lojas {
    margin: 0;
    width: 100%;
    float: none;
  }
  .info_text .info-loja-total .loja-details .info_lojas .lojas-info .title {
    font-size: 11pt;
  }
  .info_text .info-loja-total .loja-details .info_lojas .lojas-info .lojas-info-text {
    margin-left: 10px;
    width: 100%;
    float: none;
  }
  .info_text .info-loja-total .loja-details .info_lojas .lojas-info .lojas-info-text .title {
    font-size: 10pt;
  }
  .info_text .info-loja-total .loja-details .info_lojas .lojas-info .lojas-info-text address {
    font-size: 9pt;
  }
  .info_text .info-loja-total .loja-details .info_lojas .lojas-info .lojas-info-mapa {
    float: none;
    margin-left: 10px;
    width: 100%;
  }
  .info_text .info-loja-total .loja-details .info_lojas .lojas-info .lojas-info-mapa .title {
    font-size: 10pt;
  }
  .info_text .info-loja-total .loja-details .info_lojas .lojas-info .lojas-info-mapa iframe {
    width: 100%;
  }
  /* Contact Page */
  .contact-page {
    padding: 0;
  }
  .contact-page .page_title {
    margin-top: 10px;
  }
  .contact-page p {
    font-size: 9pt;
  }
  .contact-page .contactos-dados {
    display: block;
  }
  .contact-page .contactos-dados .contact-icon {
    margin: 5px;
    font-size: 9pt;
  }
  .contact-page .contactos-dados .contact-icon a {
    font-size: 9pt;
  }
  .contact-page .contactos-dados .contact-icon i {
    width: 30px;
    height: 30px;
    padding: 5px;
  }
  .contact-page .contactos-dados .contact-icon i.fas {
    font-size: 12pt;
  }
  .contact-page .contact-body {
    height: 650px;
  }
  .contact-page .contact-form {
    width: 100%;
    margin-left: 0;
    padding: 10px;
    top: 160px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 180px;
  }
  .contact-page .contact-form label,
  .contact-page .contact-form input,
  .contact-page .contact-form textarea {
    font-size: 8pt;
  }
  .contact-page .contact-form .dados-contacto input#nome_field,
  .contact-page .contact-form .dados-contacto span#nome_field {
    width: 100%;
    float: none;
  }
  .contact-page .contact-form .dados-contacto input#email_field,
  .contact-page .contact-form .dados-contacto span#email_field {
    width: 100%;
    float: none;
  }
  .contact-page .contact-form .dados-contacto input#telefone_field,
  .contact-page .contact-form .dados-contacto span#telefone_field {
    width: 65%;
    float: none;
  }
  .contact-page .contact-form .anexo {
    margin-top: 20px;
  }
  .contact-page .contact-form .anexo input {
    width: 100%;
  }
  .contact-page .contact-form .contact-submit {
    width: 100%;
    text-align: center;
  }
  .contact-page .contact-form h5 {
    font-size: 9pt;
  }
  .contact-page .contact-form .contact-submit input[type=submit] {
    width: 150px;
    font-size: 7pt;
  }
  /* Registar user + login */
  .account-content {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
    min-height: 1050px;
  }
  .account-body {
    margin-top: 0;
    height: 980px;
  }
  .login-form {
    top: 50px;
    left: 5%;
    width: 90%;
  }
  .register-form {
    top: 520px;
    left: 5%;
    width: 90%;
  }
  .wrap-form {
    padding: 5px;
    min-height: unset;
  }
  .wrap-form h4 {
    font-size: 11pt;
  }
  .wrap-form .form-data {
    min-height: 220px;
    height: auto;
  }
  .wrap-form .form-data label,
  .wrap-form .form-data input {
    font-size: 8pt;
  }
  .account-content .wrap-form #email_login,
  .account-content .wrap-form #email_register,
  .account-content .wrap-form #email_reset {
    width: 90%;
    margin-left: 5%;
  }
  .account-content .wrap-form #email_login > label,
  .account-content .wrap-form #email_register > label,
  .account-content .wrap-form #email_reset > label {
    width: 15%;
  }
  .account-content .wrap-form #email_login > input,
  .account-content .wrap-form #email_register > input,
  .account-content .wrap-form #email_reset > input {
    width: 83.5%;
  }
  .account-content .wrap-form #password_login,
  .account-content .wrap-form #password_register,
  .account-content .wrap-form #password_reset {
    width: 90%;
    margin-left: 5%;
  }
  .account-content .wrap-form #password_login > label,
  .account-content .wrap-form #password_register > label,
  .account-content .wrap-form #password_reset > label {
    width: 30%;
  }
  .account-content .wrap-form #password_login > input,
  .account-content .wrap-form #password_register > input,
  .account-content .wrap-form #password_reset > input {
    width: 59%;
  }
  .account-content .wrap-form #confirm_password_register,
  .account-content .wrap-form #confirm_password_reset {
    width: 90%;
    margin-left: 5%;
  }
  .account-content .wrap-form #confirm_password_register > label,
  .account-content .wrap-form #confirm_password_reset > label {
    width: 30%;
  }
  .account-content .wrap-form #confirm_password_register > input,
  .account-content .wrap-form #confirm_password_reset > input {
    width: 59%;
  }
  .account-content .wrap-form #checkbox,
  .account-content .wrap-form #checkbox_terms,
  .account-content .wrap-form #chk_mailingList {
    width: 90%;
    margin-left: 5%;
    text-align: left;
  }
  .account-content .wrap-form #checkbox .checkbox label.link,
  .account-content .wrap-form #checkbox_terms .checkbox label.link,
  .account-content .wrap-form #chk_mailingList .checkbox label.link {
    font-weight: bold;
    font-size: 8pt;
  }
  .account-content .wrap-form #forgotpwd {
    margin-left: 5%;
  }
  .account-content .wrap-form #forgotpwd a {
    font-size: 8pt;
  }
  #recover-password {
    min-height: 250px;
  }
  #recover-password .account-body {
    margin-top: 0;
    height: 270px;
  }
  #reset-password {
    min-height: 350px;
  }
  #reset-password .account-body {
    margin-top: 0;
    height: 370px;
  }
  .wrap-form#password-recovery {
    height: auto;
  }
  .password-recovery-form {
    top: 50px;
    left: 5%;
    width: 90%;
    font-size: 8pt;
  }
  .password-recovery-form #email {
    width: 90%;
    margin-left: 5%;
  }
  .password-recovery-form #email > label {
    width: 15%;
    display: inline;
  }
  .password-recovery-form #email > input {
    width: 83.5%;
    display: inline;
  }
  .password-recovery-form #password {
    width: 60%;
    margin-left: 20%;
  }
  /*Login success Popup*/
  #login_success .success_message {
    left: 5%;
    top: 35%;
    width: 90%;
    padding: 10px;
  }
  #login_success .success_message img {
    max-width: 75%;
  }
  #login_success .success_message h4 {
    font-size: 10pt;
  }
  #login_success .success_message h5 {
    font-size: 9pt;
  }
  /*Page register Popup*/
  #page_register #register_form {
    left: 2.5%;
    top: 15%;
    width: 95%;
    padding: 10px;
    font-size: 8pt;
  }
  #page_register #register_form h4 {
    font-size: 10pt;
  }
  #page_register #register_form label {
    display: block;
  }
  #page_register #register_form input {
    font-size: 8pt;
    display: inline;
  }
  #page_register #register_form #password_register,
  #page_register #register_form #confirm_password_register {
    width: 65%;
  }
  #page_register #register_form #password_register input,
  #page_register #register_form #confirm_password_register input {
    width: 70%;
  }
  /* END Registar user */
  /* Registo Revenda Page */
  .revenda-page {
    padding: 0;
    padding-top: 10px;
  }
  .revenda-page .revenda-body {
    min-height: 1250px;
    margin-top: 10px;
  }
  .revenda-page .revenda-form {
    width: 95%;
    margin-left: 2.5%;
    padding: 10px;
    top: 200px;
  }
  .revenda-page .revenda-form label {
    font-size: 8pt;
  }
  .revenda-page .revenda-form input,
  .revenda-page .revenda-form textarea,
  .revenda-page .revenda-form select {
    font-size: 8pt;
    padding: 5px;
    margin-right: 0;
  }
  .revenda-page .revenda-form .dados-revenda input#nome_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#nome_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda input#email_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#email_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda input#telefone_field {
    width: 60%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#telefone_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda input#empresa_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#empresa_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda input#funcao_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#funcao_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda input#nif_field {
    width: 60%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#nif_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda input#morada_field {
    width: 100%;
    margin-right: 0;
    float: left;
  }
  .revenda-page .revenda-form .dados-revenda span#morada_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda input#codpostal_field {
    width: 60%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#codpostal_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda input#localidade_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#localidade_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda select#pais_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .dados-revenda span#pais_field {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .revenda-page .revenda-form .password {
    display: inline-block;
    width: 70%;
    margin-top: 10px;
    margin-right: 0;
  }
  .revenda-page .revenda-form .password label {
    color: #971b1e;
    font-weight: bold;
    text-transform: uppercase;
  }
  .revenda-page .revenda-form .password input#password_field {
    display: inline;
    width: 85%;
  }
  .revenda-page .revenda-form .password input#confirm_password_field {
    display: inline;
    width: 85%;
  }
  /*.revenda-page .revenda-form .password input#password_field {
            margin-bottom: 20px;
        }

        .revenda-page .revenda-form .password input#confirm_password_field {
            width: 20%;
            margin-right: 0;
            margin-bottom: 20px;
        }*/
  .revenda-page .revenda-form .anexo {
    width: 100%;
    margin-top: 20px;
  }
  .revenda-page .revenda-form .anexo input {
    width: 100%;
  }
  .revenda-page .revenda-form .revenda-submit input[type=submit] {
    width: 150px;
  }
  /*.revenda-page .revenda-form .revenda-submit input[type=submit]:hover {
                    text-transform: uppercase;
                    background-color: #e44e50;
                    border: 1px solid #e44e50;
                    transition: all 0.35s ease;
                    -webkit-transition: all 0.35s ease;
                    -moz-transition: all 0.35s ease;
                    -o-transition: all 0.35s ease;
                    -ms-transition: all 0.35s ease;
                }*/
  .revenda-page h5 {
    font-size: 9pt;
  }
  /* END Registo Revenda Page */
  /* Página Compra Rápida */
  #comprarapida_screen #comprarapida_content {
    left: 5%;
    top: 3%;
    width: 90%;
    padding-top: 0;
  }
  #comprarapida_screen .artigo .artigo-foto-preview {
    width: 18%;
    float: left;
    display: inline-block;
    margin-bottom: 15px;
    height: 170px;
    overflow-y: scroll;
  }
  #comprarapida_screen .artigo .artigo-foto-preview img {
    max-width: 80%;
  }
  #comprarapida_screen .artigo .chapeu-info {
    width: 80%;
    float: left;
    height: 190px;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 60%;
    margin-left: 20%;
    margin-top: 0;
  }
  #comprarapida_screen .artigo .chapeu-details {
    width: 100%;
    display: block;
  }
  #comprarapida_screen .artigo .chapeu-details h2 {
    margin-bottom: 10px;
    font-size: 13pt;
  }
  #comprarapida_screen .artigo .chapeu-details h5 {
    margin-bottom: 10px;
    font-size: 10pt;
  }
  #comprarapida_screen .artigo .chapeu-details h5 span.preco {
    font-size: 10.5pt;
  }
  #comprarapida_screen .artigo .chapeu-details .artigo-icones {
    height: auto;
  }
  #comprarapida_screen .artigo .chapeu-details .artigo-icones .icone {
    display: block;
    width: 100%;
  }
  #comprarapida_screen .artigo .chapeu-details .artigo-icones .icone img {
    width: 15px;
  }
  #comprarapida_screen .artigo .chapeu-details .artigo-icones .icone span {
    display: inline-block;
    font-size: 8pt;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select {
    margin-top: 20px;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select label {
    font-size: 8pt;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select span#selectedCorDescricao {
    margin-left: 5px;
    padding: 2.5px 5px 2.5px 5px;
    font-size: 8pt;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select #selectColors #corElement .color-circle {
    width: 17px;
    height: 17px;
    margin: 1px;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select #selectColors #corElement:hover .color-circle {
    width: 22px;
    height: 22px;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select #selectColors #corElement.selected .color-circle {
    width: 22px;
    height: 22px;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select label span a.link {
    font-size: 7pt;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select #selectSizes {
    color: #262626;
    height: 30px;
    font-size: 8pt;
    width: 70%;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select #selectSizes #sizeSelect {
    width: 100%;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select #selectSizes #sizeElement {
    width: 100%;
    padding: 1px;
  }
  #comprarapida_screen .artigo .chapeu-details .form-qtd #quantidade {
    width: 39%;
    display: inline-block;
  }
  #comprarapida_screen .artigo .chapeu-details .form-qtd #quantidade input {
    font-size: 8pt;
    width: 35%;
    height: 30px;
  }
  #comprarapida_screen .artigo .chapeu-details .form-qtd #quantidade a {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 8pt;
    height: 30px;
  }
  #comprarapida_screen .artigo .chapeu-details .form-qtd #disponibilidade {
    width: 59%;
    display: inline-block;
  }
  #comprarapida_screen .artigo .chapeu-details .form-qtd #disponibilidade p {
    font-size: 8pt;
    height: 30px;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select .form-buttons {
    margin-top: 0;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select .form-buttons .addtocart {
    width: 45%;
    height: 33px;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select .form-buttons .addtocart img {
    width: 10px;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select .form-buttons .addtofavorites {
    width: 40%;
    margin-left: 5%;
    height: 33px;
    padding-top: 7px;
  }
  #comprarapida_screen .artigo .chapeu-details .details-select .form-buttons .addtofavorites img {
    width: 12px;
    margin-top: -2px;
  }
  .artigo-page .page-title {
    margin-bottom: 10px;
  }
  .social-share {
    display: none;
  }
  .classificacao {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .classificacao .tip-rate span {
    font-size: 9pt;
    margin-top: 2px;
  }
  .classificacao .tip-rate span.rating {
    float: left;
    margin-right: 10px;
  }
  .classificacao .tip-rate span.rating span.star-empty {
    width: 14px;
  }
  .classificacao .tip-rate span.rating span.star-half {
    width: 14px;
  }
  .classificacao .tip-rate span.rating span.star-full {
    width: 14px;
  }
  .artigo-page .artigo .artigo-foto-preview {
    width: 20%;
    float: left;
    display: inline-block;
    margin-bottom: 15px;
    height: 170px;
    overflow-y: scroll;
  }
  .artigo-page .artigo .artigo-foto-preview img {
    max-width: 85%;
  }
  .artigo-page .artigo .chapeu-info {
    width: 80%;
    float: left;
    height: 210px;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 60%;
    margin-left: 20%;
    margin-top: 5%;
  }
  .artigo-page .artigo .chapeu-details {
    width: 100%;
    display: block;
    height: auto;
  }
  .artigo-page .artigo .chapeu-details h2 {
    margin-bottom: 10px;
    font-size: 13pt;
  }
  .artigo-page .artigo .chapeu-details h5 {
    margin-bottom: 10px;
    font-size: 10pt;
  }
  .artigo-page .artigo .chapeu-details h5 span.preco {
    font-size: 10.5pt;
  }
  .artigo-page .artigo .chapeu-details .mais-info {
    font-size: 8pt;
  }
  .artigo-page .artigo .chapeu-details .artigo-icones .icone {
    display: block;
    width: 100%;
  }
  .artigo-page .artigo .chapeu-details .artigo-icones .icone img {
    width: 15px;
  }
  .artigo-page .artigo .chapeu-details .artigo-icones .icone span {
    display: inline-block;
    font-size: 8pt;
  }
  .artigo-page .artigo .chapeu-details .details-select {
    margin-top: 20px;
  }
  .artigo-page .artigo .chapeu-details .details-select label {
    font-size: 8pt;
  }
  .artigo-page .artigo .chapeu-details .details-select span#selectedCorDescricao {
    margin-left: 5px;
    padding: 2.5px 5px 2.5px 5px;
    font-size: 8pt;
  }
  .artigo-page .artigo .chapeu-details .details-select #selectColors #corElement .color-circle {
    width: 17px;
    height: 17px;
    margin: 1px;
  }
  .artigo-page .artigo .chapeu-details .details-select #selectColors #corElement:hover .color-circle {
    width: 22px;
    height: 22px;
  }
  .artigo-page .artigo .chapeu-details .details-select #selectColors #corElement.selected .color-circle {
    width: 22px;
    height: 22px;
  }
  .artigo-page .artigo .chapeu-details .details-select label span a.link {
    font-size: 8pt;
  }
  .artigo-page .artigo .chapeu-details .details-select #selectSizes {
    color: #262626;
    height: 30px;
    font-size: 8pt;
    width: 70%;
  }
  .artigo-page .artigo .chapeu-details .details-select #selectSizes #sizeSelect {
    width: 100%;
  }
  .artigo-page .artigo .chapeu-details .details-select #selectSizes #sizeElement {
    width: 100%;
    padding: 1px;
  }
  .artigo-page .artigo .chapeu-details .form-qtd #quantidade {
    width: 39%;
    display: inline-block;
  }
  .artigo-page .artigo .chapeu-details .form-qtd #quantidade input {
    font-size: 8pt;
    width: 35%;
    height: 30px;
  }
  .artigo-page .artigo .chapeu-details .form-qtd #quantidade a {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 8pt;
    height: 30px;
  }
  .artigo-page .artigo .chapeu-details .form-qtd #disponibilidade {
    width: 59%;
    display: inline-block;
  }
  .artigo-page .artigo .chapeu-details .form-qtd #disponibilidade p {
    font-size: 8pt;
    height: 30px;
  }
  .artigo-page .artigo .chapeu-details .details-select .form-buttons {
    margin-top: 15px;
  }
  .artigo-page .artigo .chapeu-details .details-select .form-buttons .addtocart {
    width: 45%;
    height: 33px;
  }
  .artigo-page .artigo .chapeu-details .details-select .form-buttons .addtocart img {
    width: 10px;
  }
  .artigo-page .artigo .chapeu-details .details-select .form-buttons .addtofavorites {
    width: 40%;
    margin-left: 5%;
    height: 33px;
    padding-top: 7px;
  }
  .artigo-page .artigo .chapeu-details .details-select .form-buttons .addtofavorites img {
    width: 12px;
    margin-top: -2px;
  }
  .artigo-page .artigo .artigo-tabs .tabs-titles ul li {
    margin-right: 10px;
    padding: 5px;
  }
  /*Our top arrow. This is the same color as the background of the page below it.*/
  .artigo-page .artigo .artigo-tabs .tabs-titles ul li.active_tab:after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid white;
    bottom: -2.5px;
    left: 39%;
  }
  .artigo-page .artigo .artigo-tabs .tabs-titles ul li.active_tab:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #a6a6a6;
    left: 36.5%;
  }
  .artigo-page .artigo .artigo-tabs .tabs-titles ul li h5 {
    font-size: 9pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs-titles ul li h5::after {
    height: 2px;
    margin-top: 5px;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content {
    padding: 10px;
    font-size: 9pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content h5 {
    font-size: 9pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comentario {
    font-size: 9pt;
    margin-top: 10px;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comment_title.active:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
    top: 37.5px;
    left: 3%;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comment_title.active:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #a6a6a6;
    top: 35px;
    left: 2.5%;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comment {
    margin-top: 30px;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comment_text {
    padding: 5px;
    font-size: 9pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content textarea {
    font-size: 9pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .btn-submit {
    width: 100px;
    font-size: 9pt;
    height: 33px;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .form-control {
    padding: 3px;
    height: auto;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .form-control p {
    font-size: 9pt;
    padding: 0;
    margin: 0;
  }
  /* Encomenda page */
  #encomenda {
    margin-bottom: 120px;
  }
  #encomenda table {
    width: 450px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 6pt;
    padding: 0;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 70px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 70px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 70px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 50px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 45px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 90px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 45px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 12px;
    height: 12px;
    padding-top: 1px;
    font-size: 7pt;
  }
  #encomenda .dados-tabs {
    height: auto;
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  #encomenda .dados-tabs .tabs-titles ul li {
    padding: 5px;
    padding-bottom: 10px;
  }
  #encomenda .dados-tabs .tabs-titles ul li h5 {
    font-size: 8pt;
  }
  .entrega-detalhes {
    font-size: 8pt;
  }
  .entrega-detalhes label {
    margin-left: 5px;
    margin-top: 5px;
  }
  .entrega-detalhes input,
  .entrega-detalhes p {
    margin: 2px;
    font-size: 8pt;
    padding: 10px;
  }
  .entrega-detalhes #nome-group {
    width: 90%;
  }
  .entrega-detalhes #email-group {
    width: 90%;
    margin-left: 0;
  }
  .entrega-detalhes #telefone-group {
    width: 60%;
  }
  .entrega-detalhes #nif-group {
    width: 60%;
    margin-left: 0;
  }
  .entrega-detalhes #endereco-group #endereco {
    width: 90%;
  }
  .entrega-detalhes #codpostal {
    width: 35%;
    display: inline-block;
  }
  .entrega-detalhes #localidade {
    width: 51%;
  }
  .entrega-detalhes #pais {
    width: 90%;
    font-size: 8pt;
  }
  .entrega-detalhes textarea {
    font-size: 8pt;
    height: 80px;
  }
  .entrega-detalhes #nome_faturacao-group {
    width: 90%;
  }
  .entrega-detalhes #nif_faturacao-group {
    width: 60%;
  }
  .entrega-detalhes #endereco_faturacao-group #endereco_faturacao {
    width: 90%;
  }
  .entrega-detalhes #codpostal_faturacao {
    width: 35%;
  }
  .entrega-detalhes #localidade_faturacao {
    width: 51%;
  }
  .entrega-detalhes #pais_faturacao {
    width: 90%;
    font-size: 8pt;
  }
  .entrega-detalhes .container#dadosFaturacao {
    font-size: 8pt;
  }
  .entrega-detalhes .checkmark-box {
    top: 2px;
    height: 13px;
    width: 13px;
    left: 10px;
  }
  .entrega-detalhes .container .checkmark-box:after {
    left: 3px;
    top: 0;
    width: 6px;
    height: 10px;
    border-width: 0 2px 2px 0;
  }
  #encomenda #resumo_encomenda {
    width: 100%;
  }
  .resumo-encomenda {
    padding: 10px;
    height: auto;
  }
  #encomenda #resumo_encomenda .resumo-tab {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    float: none;
    margin-bottom: 50px;
  }
  #encomenda #resumo_encomenda .resumo-tab .tabs-titles {
    text-align: left;
  }
  #encomenda #resumo_encomenda .resumo-tab h5 {
    font-size: 8pt;
  }
  .resumo-encomenda .value-group {
    height: 40px;
    font-size: 8pt;
  }
  .resumo-encomenda .value-group i.fas.fa-info-circle {
    font-size: 9pt;
    color: #b3b3b3;
    cursor: pointer;
  }
  .resumo-encomenda #cupao {
    font-size: 8pt;
  }
  .resumo-encomenda #cupao input {
    width: 50%;
    display: inline;
  }
  .btn-default,
  .btn-default-black {
    font-size: 8pt;
    padding: 7px;
  }
  .resumo-encomenda #finalizar .btn-default {
    float: right;
    padding: 7px;
    font-size: 8pt;
  }
  /* Fim Encomenda page */
  /* Checkout Page */
  #checkout-page {
    margin-bottom: 20px;
    padding: 0;
  }
  #checkout-page h3 {
    font-size: 13pt;
  }
  #checkout-page .page-title {
    margin-top: 10px;
  }
  #checkout {
    padding: 5px;
    margin-top: -20px;
    clear: both;
    width: 100%;
    float: none;
  }
  #checkout .encomenda-tabs .tabs-titles ul li {
    padding: 4px;
    margin: 0;
  }
  #checkout .encomenda-tabs .tabs-titles ul li h5 {
    font-size: 7pt;
    padding: 0;
  }
  #checkout .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 300px;
    overflow: auto;
  }
  #checkout table th,
  #checkout table td {
    font-size: 8pt;
  }
  #pagamento {
    padding: 5px;
    margin-left: 0;
    width: 100%;
    float: none;
    margin-top: 10px;
  }
  #pagamento .encomenda-tabs .tabs-titles ul {
    text-align: left;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li {
    padding: 4px;
    margin: 0;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li h5 {
    font-size: 7pt;
    padding: 1px;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 300px;
  }
  #pagamento .metodo-pagamento .pay-method label span.metodo_desc {
    font-size: 8pt;
    margin-left: 15px;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    margin-top: 5px;
    margin-left: 18px;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    margin-top: -5px;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    margin-top: -5px;
    margin-left: 15px;
  }
  #pagamento .metodo-pagamento .container {
    padding-left: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 8pt;
  }
  /* Create a custom radio button */
  #pagamento .metodo-pagamento .checkmark {
    margin-left: 10px;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
  }
  /* Style the indicator (dot/circle) */
  #pagamento .metodo-pagamento .container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
  }
  /* Create a custom checkbox */
  #pagamento .metodo-pagamento .container#termos {
    font-size: 8pt;
  }
  #pagamento .metodo-pagamento .container#termos > span#label_termos {
    margin-left: 10px;
  }
  #pagamento .metodo-pagamento .checkmark-box {
    top: 2px;
    left: 10px;
    height: 13px;
    width: 13px;
    margin-right: 45px;
  }
  /* Style the checkmark-box/indicator */
  #pagamento .metodo-pagamento .container .checkmark-box:after {
    left: 3px;
    top: 0;
    width: 6px;
    height: 10px;
    border-width: 0 2px 2px 0;
  }
  #fimEncomenda h3 {
    font-size: 13pt;
  }
  #fimEncomenda h4 {
    font-size: 10pt;
  }
  #fimEncomenda h5 {
    font-size: 9pt;
  }
  .ref-MB {
    width: 90%;
    margin-left: 5%;
    margin-top: 10%;
    padding: 5px;
    /*border:1px solid #971b1e;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(245, 217, 10, 0.75);*/
    border: 2px solid #a6a6a6;
  }
  .ref-MB .ref-MB-header img {
    width: 20%;
    margin-left: 15px;
    margin-top: -15px;
  }
  .ref-MB .ref-MB-header h4 {
    width: 65%;
    margin-left: 5px;
  }
  .ref-MB .ref-MB-body table td.td-left {
    font-size: 8pt;
  }
  .ref-MB .ref-MB-body table td.td-right {
    font-size: 8pt;
  }
  .ref-TB {
    width: 90%;
    margin-left: 5%;
    margin-top: 10%;
    padding: 5px;
    /*border-color: rgba(77, 148, 255, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 204, 0, 0.6);*/
    border: 2px solid #a6a6a6;
  }
  .ref-TB .ref-TB-header img {
    width: 15%;
    margin-left: 15px;
    margin-top: -15px;
  }
  .ref-TB .ref-TB-header h4 {
    width: 65%;
    margin-left: 15px;
  }
  .ref-TB .ref-TB-body table {
    width: 90%;
    margin-left: 5%;
  }
  .ref-TB .ref-TB-body table td.td-left {
    font-size: 8pt;
  }
  .ref-TB .ref-TB-body table td.td-right {
    font-size: 8pt;
  }
  #favoritos table {
    width: 360px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 6pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 70px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 70px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 45px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 70px;
  }
  #favoritos table td#cores span.color-circle {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 3px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  #favoritos table td#compra_rapida img {
    width: 100%;
    margin-top: 0;
  }
  #favoritos table th#trash,
  #favoritos table td#trash {
    width: 5px;
    padding: 0;
  }
  #favoritos table td#trash i.fas.fa-times {
    width: 12px;
    height: 12px;
    padding: 0;
    padding-top: 2px;
    font-size: 7pt;
  }
  /* Encomendas */
  #encomendas table {
    width: 360px;
  }
  #encomendas table th,
  #encomendas table td {
    width: 80px;
    font-size: 8pt;
    text-align: center;
    border: 1px solid;
  }
  #encomendas table th {
    padding: 0;
  }
  /* Fim Checkout Page */
  /* Area Cliente */
  #manage_menu {
    width: 100%;
    float: none;
  }
  #manage_body {
    margin-left: 0;
    width: 100%;
    float: none;
  }
  #area_cliente .body-content {
    padding: 0;
    width: 100%;
    margin-left: 0;
  }
  #area_cliente .page-content {
    padding: 0;
    padding-top: 15px;
    width: 100%;
    margin-left: 0;
  }
  #area_cliente .manage-title {
    font-size: 12pt;
  }
  #area_cliente h4#manage_subtitle {
    font-size: 10pt;
  }
  #area_cliente #manage_menu {
    width: 100%;
    padding: 0;
  }
  #area_cliente .manage-menu ul.nav.nav-pills.nav-stacked {
    padding: 0;
  }
  #area_cliente .manage-menu ul.nav.nav-pills.nav-stacked li {
    padding: 0;
    display: inline-block;
    margin: 5px;
    width: auto;
  }
  #area_cliente .manage-menu ul.nav.nav-pills.nav-stacked li a {
    padding: 0;
  }
  #area_cliente .manage-menu ul.nav.nav-pills.nav-stacked li a h5 {
    font-size: 7.5pt;
    padding: 0;
  }
  #area_cliente .perfil {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #area_cliente .perfil .form-frame {
    padding: 10px;
    font-size: 8pt;
  }
  #areacliente_email_group {
    width: 95%;
    display: block;
  }
  #areacliente_nome_group {
    width: 60%;
    display: inline-table;
    margin-left: 0;
  }
  #areacliente_telefone_group {
    width: 35%;
    display: inline-table;
    margin-left: 2%;
  }
  #areacliente_empresa_group {
    width: 50%;
    display: inline-table;
  }
  #areacliente_funcao_group {
    width: 45%;
    display: inline-table;
    margin-left: 2%;
  }
  #areacliente_morada_group {
    width: 100%;
    display: block;
  }
  #areacliente_codpostal_group {
    width: 30%;
    display: inline-table;
  }
  #areacliente_localidade_group {
    width: 65%;
    display: inline-table;
    margin-left: 4%;
  }
  #areacliente_pais_group {
    width: 75%;
    display: block;
    margin-left: 0;
  }
  #areacliente_faturacao_nome_group {
    width: 60%;
    display: inline-table;
  }
  #areacliente_nif_group {
    width: 35%;
    display: inline-table;
    margin-left: 2%;
  }
  #change-password input {
    width: 50%;
  }
  /* Fim Area Cliente */
  /* Página categoria-genero */
  #side-menu {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
    float: none;
    height: 100%;
  }
  #side-menu .sidenav {
    padding: 2px;
  }
  #side-menu .sidenav .menu-title {
    box-shadow: 0 4px 4px -4px #a6a6a6;
  }
  #side-menu .sidenav .menu-title h4 {
    font-size: 9pt;
  }
  #side-menu .sidenav .menu-title span.chevron {
    width: 15px;
    height: 15px;
  }
  #side-menu .sidenav .sub-title h5 {
    font-size: 8pt;
  }
  #side-menu .sidenav .sub-title span.chevron {
    width: 17px;
    height: 17px;
  }
  #side-menu .sidenav .sub-title ul {
    padding: 2px 2px 0 2px;
    overflow: hidden;
    transition: height 0.35s ease-out;
    box-shadow: 0 4px 4px -4px #a6a6a6;
  }
  #side-menu .sidenav .sub-title ul li {
    font-size: 8pt;
    box-shadow: none;
  }
  #side-menu .sidenav .sub-title ul li .regular-checkbox + label {
    padding: 8px 8px 8px 8px;
  }
  #side-menu .sidenav .sub-title ul li .regular-checkbox:checked + label:after {
    font-size: 15px;
    left: 1px;
  }
  #side-menu .sidenav .sub-title ul li .tag {
    width: 25px;
  }
  #side-menu .sidenav .sub-title ul li .color-circle {
    margin-top: 0;
    width: 18px;
    height: 18px;
  }
  .page-content#categorias {
    padding-left: 5px;
    padding-right: 5px;
  }
  .categorias-page {
    margin-left: 0;
    margin-bottom: 0;
  }
  .categorias-page .categorias {
    margin-top: 0;
  }
  .categorias-page .categorias .categoria-main {
    width: 45%;
    margin: 5px;
    margin-bottom: 25px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 8pt;
    height: 30px;
    overflow: hidden;
    bottom: -95px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao h5 {
    font-size: 8pt;
  }
  .categorias-page .sort-produtos label {
    font-size: 8pt;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 45%;
  }
  .categorias-page .categoria .categoria-artigo > a .hat-name {
    height: 30px;
  }
  .categorias-page .categoria .categoria-artigo h5 {
    font-size: 8pt;
  }
  .categorias-page .categoria .categoria-artigo h5.preco #compraRapida img {
    width: 15px;
  }
  .categorias-page h5 {
    font-size: 9pt;
  }
  /* Pesquisa */
  .otherSeason {
    font-size: 9pt;
    width: 100%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 50%;
    padding: 0;
    text-align: right;
  }
  .pagination a {
    padding: 5px 10px;
  }
  .pagination p {
    padding: 8px;
    font-size: 8pt;
  }
  /* Página categoria-genero */
  /* Footer */
  .footer-content {
    padding: 0;
    margin-bottom: 50px;
  }
  .info-footer {
    height: auto;
    margin: 0;
    margin-top: 10px;
    padding: 10px;
    border: 2px solid #971b1e;
    clear: both;
  }
  .info-footer .info {
    text-align: left;
    display: block;
  }
  .info-footer .info#info-acessos {
    width: 100%;
  }
  .info-footer .info#info-compras {
    width: 100%;
    margin-top: 20px;
  }
  .info-footer .info#info-sobre {
    width: 100%;
    margin-top: 20px;
  }
  .info-footer .info#info-address {
    width: 100%;
    margin-top: 20px;
  }
  .info-footer .info#info-revenda {
    width: 100%;
    margin-top: 20px;
  }
  .info-footer .info#info-informacoes {
    width: 100%;
    margin-top: 20px;
  }
  .info-footer .info h5 {
    font-size: 9pt;
  }
  .info-footer .info p {
    font-size: 7pt;
  }
  .info-map {
    display: block;
    position: relative;
    float: none;
    width: 100%;
    height: 130px;
    margin-top: 20px;
    margin-left: 0;
    text-align: left;
  }
  .info-map iframe {
    float: none;
    width: 75%;
    margin-left: 0;
    height: 130px;
  }
  footer {
    height: fit-content;
    bottom: -75px;
  }
  footer .copyright p {
    font-size: 6pt;
    /*padding-top:10px;*/
  }
  footer .copyright p span {
    display: block;
  }
}
@media screen and (max-width: 280px) {
  .btn-default,
  .btn-default-black {
    font-size: 6pt;
    padding: 7px;
  }
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 12%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  .header .header-top-icons .search-box form .form-search input {
    width: 70%;
  }
  .header .header-top-icons {
    height: 107px;
  }
  .nav-top {
    width: 100%;
  }
  #comprarapida_screen .artigo .artigo-foto-preview {
    height: 120px;
    overflow-y: scroll;
  }
  #comprarapida_screen .artigo .artigo-foto-preview img {
    max-width: 80%;
  }
  #comprarapida_screen .artigo .chapeu-info {
    width: 80%;
    float: left;
    height: 140px;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 13.5%;
    top: 23%;
    width: 80%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 9.5%;
    top: 23%;
    width: 80%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 6pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 5.5pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 12%;
    top: 23.5%;
    width: 80%;
    padding: 3px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 12%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 6pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 5.5pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 75px;
  }
  .carousel-indicators {
    bottom: -30px;
    z-index: 0;
  }
  .info-banner ul li a {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-text {
    font-size: 6.5pt;
  }
  .info-banner ul li a .info-text span {
    font-size: 5.5pt;
  }
  .info-banner ul li a .info-image img#ship24h {
    width: 28px;
  }
  .info-banner ul li a .info-image img#free-ship {
    width: 25px;
  }
  .info-banner ul li a .info-image img#payment {
    width: 25px;
    margin-right: 3px;
  }
  .info-banner ul li a .info-image img#shop {
    width: 20px;
  }
  .contact-page .contactos-dados .contact-icon {
    margin: 5px;
    font-size: 7pt;
  }
  .contact-page .contactos-dados .contact-icon a {
    font-size: 7pt;
  }
  .contact-page .contactos-dados .contact-icon i {
    width: 25px;
    height: 25px;
    padding: 4px;
  }
  .contact-page .contactos-dados .contact-icon i.fas {
    font-size: 9pt;
  }
  .contact-page .contact-form {
    top: 190px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 225px;
  }
  .categorias-page .categorias .categoria-main {
    width: 100px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 35px;
    bottom: -75px;
  }
  .categorias-page .sort-produtos select {
    width: 70%;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 44.5%;
  }
  .categorias-page .categoria .categoria-artigo h5 {
    font-size: 7pt;
  }
  .categorias-page .categoria .categoria-artigo h5.preco #compraRapida img {
    width: 12px;
  }
  .categorias-page h5 {
    font-size: 8pt;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 70%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .artigo-foto-preview {
    height: 120px;
    overflow-y: scroll;
  }
  .artigo-page .artigo .artigo-foto-preview img {
    max-width: 80%;
  }
  .artigo-page .artigo .chapeu-info {
    width: 80%;
    float: left;
    height: 140px;
  }
  .artigo-page .artigo .artigo-tabs .tabs-titles ul li h5 {
    font-size: 7pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content {
    font-size: 7pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content h5 {
    font-size: 7pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content p {
    font-size: 7pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comentario {
    font-size: 7pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comment_title.active:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
    top: 29.5px;
    left: 4%;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comment_title.active:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #a6a6a6;
    top: 27px;
    left: 3.5%;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .comment_text {
    font-size: 7pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content textarea {
    font-size: 7pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .btn-submit {
    font-size: 7pt;
  }
  .artigo-page .artigo .artigo-tabs .tabs_content .form-control p {
    font-size: 7pt;
  }
  #encomenda .dados-tabs .tabs-titles ul li {
    padding: 2px;
    padding-bottom: 7px;
  }
  #encomenda .dados-tabs .tabs-titles ul li h5 {
    font-size: 6pt;
    padding: 3px;
  }
  .entrega-detalhes {
    font-size: 6pt;
  }
  .entrega-detalhes input {
    font-size: 6pt;
  }
  .entrega-detalhes #pais_faturacao {
    font-size: 6pt;
  }
  .entrega-detalhes .container#dadosFaturacao {
    font-size: 6pt;
  }
  #encomenda #resumo_encomenda .resumo-tab h5 {
    font-size: 6pt;
  }
  .resumo-encomenda .value-group {
    height: 35px;
    font-size: 6pt;
    vertical-align: middle;
  }
  .resumo-encomenda .value-group i.fas.fa-info-circle {
    font-size: 7pt;
  }
  .resumo-encomenda #cupao {
    font-size: 6pt;
  }
  .resumo-encomenda #cupao input {
    font-size: 6pt;
    width: 55%;
    margin: 0;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .btn-default,
  .btn-default-black {
    font-size: 6pt;
    padding: 5px;
  }
  .resumo-encomenda #finalizar .btn-default {
    font-size: 6pt;
  }
  /* Checkout Page */
  #checkout .encomenda-tabs .tabs-titles ul li {
    padding: 3px;
    margin: 0;
  }
  #checkout .encomenda-tabs .tabs-titles ul li h5 {
    font-size: 5pt;
    padding: 0;
  }
  #checkout .encomenda-tabs .tabs_content {
    padding: 3px;
    height: 200px;
    overflow: auto;
  }
  #checkout table th,
  #checkout table td {
    font-size: 6pt;
  }
  #pagamento {
    padding: 3px;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li {
    padding: 3px;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li h5 {
    font-size: 6pt;
    padding: 1px;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 3px;
    height: 270px;
  }
  #pagamento .metodo-pagamento .pay-method label span.metodo_desc {
    font-size: 6pt;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    margin-top: 5px;
    margin-left: 18px;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    margin-top: -5px;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    margin-top: -5px;
    margin-left: 15px;
  }
  #pagamento .metodo-pagamento .container {
    padding-left: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 6pt;
  }
  /* Create a custom radio button */
  #pagamento .metodo-pagamento .checkmark {
    margin-left: 10px;
    top: 5px;
    left: 0;
    height: 11px;
    width: 11px;
  }
  /* Style the indicator (dot/circle) */
  #pagamento .metodo-pagamento .container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
  }
  /* Create a custom checkbox */
  #pagamento .metodo-pagamento .container#termos {
    font-size: 6pt;
  }
  #pagamento .metodo-pagamento .container#termos > span#label_termos {
    margin-left: 10px;
  }
  #pagamento .metodo-pagamento .checkmark-box {
    top: 2px;
    left: 10px;
    height: 9px;
    width: 9px;
    margin-right: 45px;
  }
  /* Style the checkmark-box/indicator */
  #pagamento .metodo-pagamento .container .checkmark-box:after {
    left: 2px;
    top: 0;
    width: 4px;
    height: 8px;
    border-width: 0 1.5px 1.5px 0;
  }
  .wrap-form .form-data label,
  .wrap-form .form-data input {
    font-size: 6pt;
  }
  .account-content .wrap-form #email_login > label,
  .account-content .wrap-form #email_register > label,
  .account-content .wrap-form #email_reset > label {
    display: block;
  }
  .account-content .wrap-form #password_login > label,
  .account-content .wrap-form #password_register > label,
  .account-content .wrap-form #password_reset > label {
    display: block;
  }
  .account-content .wrap-form #confirm_password_register > label,
  .account-content .wrap-form #confirm_password_reset > label {
    display: block;
  }
  .newsletter-content h4 {
    font-size: 8pt;
  }
  .newsletter-content .form-container {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .form-container input {
    width: 100%;
    display: block;
  }
  .newsletter-content .form-container button.btn-default {
    width: 100%;
    display: block;
  }
  .newsletter-content .newsletter-termos {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .container {
    font-size: 7pt;
  }
}
@media screen and (min-width: 281px) and (max-width: 320px) {
  body {
    padding-top: 140px;
  }
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 22%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  .header .header-top-icons {
    height: 110px;
  }
  .header .header-top-icons .search-box form .form-search input {
    width: 87%;
    font-size: 8pt;
    margin-left: 3px;
    margin-top: 1px;
    padding: 3px;
  }
  .nav-top {
    width: 50%;
    margin-top: -30px;
  }
  .navbar-collapse.collapse {
    width: 180%;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 11.5%;
    top: 21%;
    width: 80%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 11%;
    top: 24%;
    width: 80%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 7pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 6pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 11%;
    top: 24%;
    width: 80%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 12%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 90px;
  }
  .contact-page .contactos-dados .contact-icon {
    margin: 5px;
    font-size: 7pt;
  }
  .contact-page .contactos-dados .contact-icon a {
    font-size: 7pt;
  }
  .contact-page .contactos-dados .contact-icon i {
    width: 25px;
    height: 25px;
    padding: 4px;
  }
  .contact-page .contactos-dados .contact-icon i.fas {
    font-size: 9pt;
  }
  .contact-page .contact-form {
    top: 150px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 210px;
  }
  .wrap-form .form-data label,
  .wrap-form .form-data input {
    font-size: 8pt;
  }
  .account-content .wrap-form #email_login > label,
  .account-content .wrap-form #email_register > label,
  .account-content .wrap-form #email_reset > label {
    display: block;
  }
  .account-content .wrap-form #password_login > label,
  .account-content .wrap-form #password_register > label,
  .account-content .wrap-form #password_reset > label {
    display: block;
    width: 80%;
  }
  .account-content .wrap-form #confirm_password_register > label,
  .account-content .wrap-form #confirm_password_reset > label {
    display: block;
    width: 80%;
  }
  .categorias-page .categorias .categoria-main {
    width: 115px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 30px;
    bottom: -75px;
  }
  .categorias-page .sort-produtos select {
    width: 70%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 61%;
    padding: 0;
    text-align: right;
  }
  #encomenda .dados-tabs .tabs-titles ul li {
    padding: 2px;
    padding-bottom: 7px;
  }
  #encomenda .dados-tabs .tabs-titles ul li h5 {
    font-size: 6pt;
    padding: 3px;
  }
  .entrega-detalhes {
    font-size: 6pt;
  }
  .entrega-detalhes input {
    font-size: 6pt;
  }
  .entrega-detalhes #pais_faturacao {
    font-size: 6pt;
  }
  .entrega-detalhes .container#dadosFaturacao {
    font-size: 6pt;
  }
  #encomenda #resumo_encomenda .resumo-tab h5 {
    font-size: 6pt;
  }
  .resumo-encomenda .value-group {
    height: 35px;
    font-size: 6pt;
    vertical-align: middle;
  }
  .resumo-encomenda .value-group i.fas.fa-info-circle {
    font-size: 7pt;
  }
  .resumo-encomenda #cupao {
    font-size: 6pt;
  }
  .resumo-encomenda #cupao input {
    font-size: 6pt;
    width: 55%;
    margin: 0;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .btn-default,
  .btn-default-black {
    font-size: 6pt;
    padding: 5px;
  }
  .resumo-encomenda #finalizar .btn-default {
    font-size: 6pt;
  }
  /* Checkout Page */
  #checkout .encomenda-tabs .tabs-titles ul li {
    padding: 3px;
    margin: 0;
  }
  #checkout .encomenda-tabs .tabs-titles ul li h5 {
    font-size: 5pt;
    padding: 0;
  }
  #checkout .encomenda-tabs .tabs_content {
    padding: 3px;
    height: 200px;
    overflow: auto;
  }
  #checkout table th,
  #checkout table td {
    font-size: 6pt;
  }
  #pagamento {
    padding: 3px;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li {
    padding: 3px;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li h5 {
    font-size: 6pt;
    padding: 1px;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 3px;
    height: 270px;
  }
  #pagamento .metodo-pagamento .pay-method label span.metodo_desc {
    font-size: 6pt;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    margin-top: 5px;
    margin-left: 18px;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    margin-top: -5px;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    margin-top: -5px;
    margin-left: 15px;
  }
  #pagamento .metodo-pagamento .container {
    padding-left: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 6pt;
  }
  /* Create a custom radio button */
  #pagamento .metodo-pagamento .checkmark {
    margin-left: 10px;
    top: 5px;
    left: 0;
    height: 11px;
    width: 11px;
  }
  /* Style the indicator (dot/circle) */
  #pagamento .metodo-pagamento .container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
  }
  /* Create a custom checkbox */
  #pagamento .metodo-pagamento .container#termos {
    font-size: 6pt;
  }
  #pagamento .metodo-pagamento .container#termos > span#label_termos {
    margin-left: 10px;
  }
  #pagamento .metodo-pagamento .checkmark-box {
    top: 2px;
    left: 10px;
    height: 9px;
    width: 9px;
    margin-right: 45px;
  }
  /* Style the checkmark-box/indicator */
  #pagamento .metodo-pagamento .container .checkmark-box:after {
    left: 2px;
    top: 0;
    width: 4px;
    height: 8px;
    border-width: 0 1.5px 1.5px 0;
  }
  .newsletter-content h4 {
    font-size: 8pt;
  }
  .newsletter-content .form-container {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .form-container input {
    width: 100%;
    display: block;
  }
  .newsletter-content .form-container button.btn-default {
    width: 100%;
    display: block;
  }
  .newsletter-content .newsletter-termos {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .container {
    font-size: 7pt;
  }
  /* Footer */
  footer {
    padding: 5px;
  }
  footer .payment-methods img#paypal_payment {
    height: 17px;
    margin-top: 0;
  }
  footer .payment-methods img#refmb_payment {
    height: 13px;
    margin-left: 5px;
    margin-top: 0;
  }
  footer .payment-methods img#tb_payment {
    height: 11px;
    margin-left: 5px;
    margin-top: 0;
  }
}
@media screen and (min-width: 321px) and (max-width: 350px) {
  body {
    padding-top: 160px;
  }
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 32%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 115px;
  }
  .header .header-top-icons .search-box form .form-search input {
    width: 87%;
    font-size: 8pt;
    margin-left: 3px;
    margin-top: 1px;
    padding: 3px;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 10.5%;
    top: 22%;
    width: 80%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 9.5%;
    top: 24.5%;
    width: 80%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 7pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 6pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 9%;
    top: 25%;
    width: 80%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 12%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 110px;
  }
  .contact-page .contactos-dados .contact-icon {
    margin: 5px;
    font-size: 7pt;
  }
  .contact-page .contactos-dados .contact-icon a {
    font-size: 7pt;
  }
  .contact-page .contactos-dados .contact-icon i {
    width: 25px;
    height: 25px;
    padding: 4px;
  }
  .contact-page .contactos-dados .contact-icon i.fas {
    font-size: 9pt;
  }
  .contact-page .contact-form {
    top: 150px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 190px;
  }
  .wrap-form .form-data label,
  .wrap-form .form-data input {
    font-size: 8pt;
  }
  .account-content .wrap-form #email_login > label,
  .account-content .wrap-form #email_register > label,
  .account-content .wrap-form #email_reset > label {
    display: block;
  }
  .account-content .wrap-form #password_login > label,
  .account-content .wrap-form #password_register > label,
  .account-content .wrap-form #password_reset > label {
    display: block;
    width: 80%;
  }
  .account-content .wrap-form #confirm_password_register > label,
  .account-content .wrap-form #confirm_password_reset > label {
    display: block;
    width: 80%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 53%;
    padding: 0;
    text-align: right;
  }
  /* Checkout Page */
  #checkout .encomenda-tabs .tabs-titles ul li {
    padding: 3px;
    margin: 0;
  }
  #checkout .encomenda-tabs .tabs-titles ul li h5 {
    font-size: 6pt;
    padding: 0;
  }
  #checkout .encomenda-tabs .tabs_content {
    padding: 3px;
    height: 250px;
    overflow: auto;
  }
  #checkout table th,
  #checkout table td {
    font-size: 7pt;
  }
  #pagamento {
    padding: 3px;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li {
    padding: 3px;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li h5 {
    font-size: 7pt;
    padding: 1px;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 3px;
    height: 300px;
  }
  #pagamento .metodo-pagamento .pay-method label span.metodo_desc {
    font-size: 7pt;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    margin-top: 5px;
    margin-left: 18px;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    margin-top: -5px;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    margin-top: -5px;
    margin-left: 15px;
  }
  #pagamento .metodo-pagamento .container {
    padding-left: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 7pt;
  }
  /* Create a custom radio button */
  #pagamento .metodo-pagamento .checkmark {
    margin-left: 10px;
    top: 5px;
    left: 0;
    height: 11px;
    width: 11px;
  }
  /* Style the indicator (dot/circle) */
  #pagamento .metodo-pagamento .container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 5px;
    height: 5px;
  }
  /* Create a custom checkbox */
  #pagamento .metodo-pagamento .container#termos {
    font-size: 7pt;
  }
  #pagamento .metodo-pagamento .container#termos > span#label_termos {
    margin-left: 10px;
  }
  #pagamento .metodo-pagamento .checkmark-box {
    top: 2px;
    left: 11px;
    height: 10px;
    width: 9px;
    margin-right: 45px;
  }
  /* Style the checkmark-box/indicator */
  #pagamento .metodo-pagamento .container .checkmark-box:after {
    left: 3px;
    top: 0;
    width: 4px;
    height: 8px;
    border-width: 0 1.5px 1.5px 0;
  }
  .newsletter-content h4 {
    font-size: 8pt;
  }
  .newsletter-content .form-container {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .form-container input {
    width: 100%;
    display: block;
  }
  .newsletter-content .form-container button.btn-default {
    width: 100%;
    display: block;
  }
  .newsletter-content .newsletter-termos {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .container {
    font-size: 7pt;
  }
}
@media screen and (min-width: 351px) and (max-width: 380px) {
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 40%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 125px;
  }
  .header .header-top-icons .search-box form .form-search input {
    width: 87%;
    font-size: 8pt;
    margin-left: 3px;
    margin-top: 1px;
    padding: 3px;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 10%;
    top: 22%;
    width: 80%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 9%;
    top: 22.3%;
    width: 80%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 6.5pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 8%;
    top: 22.5%;
    width: 70%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6.5pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 110px;
  }
  .newsletter-content h4 {
    font-size: 8pt;
  }
  .newsletter-content .form-container {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .form-container input {
    width: 70%;
    margin-left: 15%;
    display: block;
  }
  .newsletter-content .form-container button.btn-default {
    width: 70%;
    margin-left: 15%;
    display: block;
  }
  .newsletter-content .newsletter-termos {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .container {
    font-size: 7pt;
  }
}
@media screen and (min-width: 381px) and (max-width: 410px) {
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 45%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 125px;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 10%;
    top: 23%;
    width: 70%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 9%;
    top: 23%;
    width: 70%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 6.5pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 9%;
    top: 23%;
    width: 60%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6.5pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 110px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 160px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 29%;
  }
  .newsletter-content h4 {
    font-size: 10pt;
  }
  .newsletter-content .form-container {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .form-container input {
    width: 70%;
    margin-left: 15%;
    display: block;
  }
  .newsletter-content .form-container button.btn-default {
    width: 70%;
    margin-left: 15%;
    display: block;
  }
  .newsletter-content .newsletter-termos {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .container {
    font-size: 8pt;
  }
}
@media screen and (min-width: 411px) and (max-width: 450px) {
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 45%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 125px;
  }
  #comprarapida_screen .artigo .artigo-foto-preview img {
    max-width: 80%;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 55%;
    margin-left: 22.5%;
    margin-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 9%;
    top: 23%;
    width: 65%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 8.5%;
    top: 24%;
    width: 65%;
    padding: 4px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 8%;
    top: 24%;
    width: 60%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6.5pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 120px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 160px;
  }
  .categorias-page .categorias .categoria-main {
    width: 112px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 30px;
    bottom: -75px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 30%;
  }
  .artigo-page .artigo .artigo-foto-preview img {
    max-width: 80%;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 55%;
    margin-left: 22.5%;
    margin-top: 0;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 330px;
  }
  .newsletter-content h4 {
    font-size: 10pt;
  }
  .newsletter-content .form-container {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .form-container input {
    width: 60%;
    margin-left: 20%;
    display: block;
  }
  .newsletter-content .form-container button.btn-default {
    width: 60%;
    margin-left: 20%;
    display: block;
  }
  .newsletter-content .newsletter-termos {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .container {
    font-size: 8pt;
  }
}
@media screen and (min-width: 451px) and (max-width: 480px) {
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 50%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 130px;
  }
  .header .header-top-icons .search-box {
    width: 70%;
    margin-left: 15%;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 55%;
    margin-left: 22.5%;
    margin-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 8%;
    top: 24%;
    width: 65%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 7.5%;
    top: 24.5%;
    width: 65%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 8%;
    top: 24.5%;
    width: 55%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6.5pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 130px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 140px;
  }
  /* Página categoria-genero */
  #side-menu {
    width: 90%;
    margin-left: 5%;
  }
  .categorias-page .categorias .categoria-main {
    width: 127px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 35px;
    bottom: -85px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 30%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 38%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 55%;
    margin-left: 22.5%;
    margin-top: 0;
  }
  #encomenda table {
    width: 550px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 7pt;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 100px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 120px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 100px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 80px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 65px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 120px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 65px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 13px;
    height: 13px;
    padding-top: 1px;
    font-size: 8pt;
  }
  #favoritos table {
    width: 550px;
    margin-top: 10px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 7pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 100px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 120px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 65px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 100px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  #favoritos table td#compra_rapida img {
    width: 100%;
    margin-top: 0;
  }
  .resumo-encomenda #cupao input {
    width: 45%;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .resumo-encomenda #finalizar {
    width: 70%;
    margin-left: 15%;
  }
  .ref-MB .ref-MB-header img {
    width: 15%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-header img {
    width: 10%;
    margin-left: 15px;
    margin-top: 0;
  }
  .newsletter-content h4 {
    font-size: 10pt;
  }
  .newsletter-content .form-container {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .form-container input {
    width: 60%;
    margin-left: 20%;
    display: block;
  }
  .newsletter-content .form-container button.btn-default {
    width: 60%;
    margin-left: 20%;
    display: block;
  }
  .newsletter-content .newsletter-termos {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .container {
    font-size: 8pt;
  }
}
@media screen and (min-width: 481px) and (max-width: 530px) {
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 55%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 135px;
  }
  .header .header-top-icons .search-box {
    width: 70%;
    margin-left: 15%;
  }
  #comprarapida_screen .artigo .artigo-foto-preview img {
    max-width: 70%;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 50%;
    margin-left: 25%;
    margin-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 8%;
    top: 25%;
    width: 55%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 7.5%;
    top: 25%;
    width: 55%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 6%;
    top: 25%;
    width: 55%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6.5pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 140px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 140px;
  }
  /* Página categoria-genero */
  #side-menu {
    width: 90%;
    margin-left: 5%;
  }
  .categorias-page .categorias .categoria-main {
    width: 130px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 35px;
    bottom: -90px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 30%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 35%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .artigo-foto-preview img {
    max-width: 70%;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 50%;
    margin-left: 25%;
    margin-top: 0;
  }
  #encomenda table {
    width: 550px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 7pt;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 100px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 120px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 100px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 80px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 65px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 120px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 65px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 13px;
    height: 13px;
    padding-top: 1px;
    font-size: 8pt;
  }
  #favoritos table {
    width: 550px;
    margin-top: 10px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 7pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 100px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 120px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 65px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 100px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  #favoritos table td#compra_rapida img {
    width: 100%;
    margin-top: 0;
  }
  .resumo-encomenda #cupao input {
    width: 45%;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .resumo-encomenda #finalizar {
    width: 70%;
    margin-left: 15%;
  }
  .ref-MB .ref-MB-header img {
    width: 15%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-header img {
    width: 10%;
    margin-left: 15px;
    margin-top: 0;
  }
  .newsletter-content h4 {
    font-size: 10pt;
  }
  .newsletter-content .form-container {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .form-container input {
    width: 60%;
    margin-left: 20%;
    display: block;
  }
  .newsletter-content .form-container button.btn-default {
    width: 60%;
    margin-left: 20%;
    display: block;
  }
  .newsletter-content .newsletter-termos {
    width: 100%;
    margin-left: 0;
  }
  .newsletter-content .container {
    font-size: 8pt;
  }
}
@media screen and (min-width: 531px) and (max-width: 550px) {
  body {
    padding-top: 160px;
  }
  #page_error .error_message {
    left: 15%;
    top: 25%;
    width: 70%;
  }
  #page_success .success_message {
    left: 15%;
    top: 25%;
    width: 70%;
  }
  #login_success .success_message {
    left: 15%;
    top: 35%;
    width: 70%;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 15%;
    top: 15%;
    width: 70%;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 140px;
  }
  .header .header-top-icons .search-box {
    width: 60%;
    margin-left: 20%;
  }
  /* Página Compra Rápida */
  #comprarapida_screen #comprarapida_content {
    left: 15%;
    top: 4%;
    width: 70%;
    padding-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 7.5%;
    top: 26%;
    width: 50%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 7%;
    top: 26%;
    width: 50%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 7%;
    top: 26%;
    width: 45%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6.5pt;
    width: 25%;
  }
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 58%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  .nav-top {
    height: 32px;
    margin-top: -20px;
  }
  /* Carousel */
  .carousel {
    height: 150px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 120px;
  }
  .login-form {
    left: 17.5%;
    width: 65%;
  }
  .register-form {
    left: 17.5%;
    width: 65%;
  }
  /* Página categoria-genero */
  #side-menu {
    width: 85%;
    margin-left: 7.5%;
  }
  .categorias-page .categorias .categoria-main {
    width: 111px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 30px;
    bottom: -77px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 22%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 32%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .artigo-foto-preview img {
    max-width: 60%;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 45%;
    margin-left: 20%;
    margin-top: 0;
  }
  #encomenda table {
    width: 550px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 7pt;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 100px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 120px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 100px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 80px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 65px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 120px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 65px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 13px;
    height: 13px;
    padding-top: 1px;
    font-size: 8pt;
  }
  #favoritos table {
    width: 550px;
    margin-top: 10px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 7pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 100px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 120px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 65px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 100px;
  }
  .resumo-encomenda #cupao input {
    width: 45%;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .resumo-encomenda #finalizar {
    width: 70%;
    margin-left: 15%;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 320px;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    width: 17%;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    width: 10%;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    width: 7%;
  }
  .ref-MB .ref-MB-header img {
    width: 15%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-header img {
    width: 10%;
    margin-left: 15px;
    margin-top: 0;
  }
  .newsletter-content h4 {
    font-size: 10pt;
  }
  .newsletter-content .form-container {
    width: 90%;
    margin-left: 5%;
  }
  .newsletter-content .form-container input {
    width: 65%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 34%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 90%;
    margin-left: 5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
}
@media screen and (min-width: 551px) and (max-width: 590px) {
  body {
    padding-top: 160px;
  }
  #page_error .error_message {
    left: 15%;
    top: 25%;
    width: 70%;
  }
  #page_success .success_message {
    left: 15%;
    top: 25%;
    width: 70%;
  }
  #login_success .success_message {
    left: 15%;
    top: 35%;
    width: 70%;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 15%;
    top: 15%;
    width: 70%;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 145px;
  }
  .header .header-top-icons .search-box {
    width: 70%;
    margin-left: 15%;
  }
  /* Página Compra Rápida */
  #comprarapida_screen #comprarapida_content {
    left: 15%;
    top: 4%;
    width: 70%;
    padding-top: 0;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 55%;
    margin-left: 20%;
    margin-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 7.5%;
    top: 27%;
    width: 50%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 7.5%;
    top: 27%;
    width: 50%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 6%;
    top: 27%;
    width: 45%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6.5pt;
    width: 25%;
  }
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 58%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Carousel */
  .carousel {
    height: 160px;
  }
  .info-banner ul li a {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-text span {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-image img#ship24h {
    width: 38px;
  }
  .info-banner ul li a .info-image img#free-ship {
    width: 38px;
  }
  .info-banner ul li a .info-image img#payment {
    width: 35px;
    margin-right: 3px;
  }
  .info-banner ul li a .info-image img#shop {
    width: 25px;
    margin-right: 5px;
  }
  .destaques .title h4 {
    font-size: 11pt;
  }
  .slick-slide.artigo_destaque .hat-name h4 {
    font-size: 6.5pt;
  }
  .slick-slide.artigo_destaque h5 {
    font-size: 7pt;
  }
  .contact-page .contact-form {
    top: 100px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 120px;
  }
  .login-form {
    left: 17.5%;
    width: 65%;
  }
  .register-form {
    left: 17.5%;
    width: 65%;
  }
  /* Página categoria-genero */
  #side-menu {
    width: 75%;
    margin-left: 12.5%;
  }
  .categorias-page .categorias .categoria-main {
    width: 116px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 32px;
    bottom: -78px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 22.5%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 31%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .artigo-foto-preview {
    height: 230px;
  }
  .artigo-page .artigo .artigo-foto-preview img {
    max-width: 60%;
  }
  .artigo-page .artigo .chapeu-info {
    height: 250px;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 50%;
    margin-left: 15%;
    margin-top: 0;
  }
  #encomenda table {
    width: 550px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 7pt;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 100px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 120px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 100px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 80px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 65px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 120px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 65px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 13px;
    height: 13px;
    padding-top: 1px;
    font-size: 8pt;
  }
  #favoritos table {
    width: 550px;
    margin-top: 10px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 7pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 100px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 120px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 65px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 100px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  #favoritos table td#compra_rapida img {
    width: 100%;
    margin-top: 0;
  }
  .resumo-encomenda #cupao input {
    width: 45%;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .resumo-encomenda #finalizar {
    width: 70%;
    margin-left: 15%;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 320px;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    width: 17%;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    width: 10%;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    width: 7%;
  }
  .ref-MB .ref-MB-header img {
    width: 14%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-header img {
    width: 9%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-body table {
    width: 70%;
    margin-left: 15%;
  }
  .newsletter-content h4 {
    font-size: 10pt;
  }
  .newsletter-content .form-container {
    width: 90%;
    margin-left: 5%;
  }
  .newsletter-content .form-container input {
    width: 65%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 34%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 90%;
    margin-left: 5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
}
@media screen and (min-width: 591px) and (max-width: 640px) {
  body {
    padding-top: 170px;
  }
  #page_error .error_message {
    left: 15%;
    top: 25%;
    width: 70%;
  }
  #page_success .success_message {
    left: 15%;
    top: 25%;
    width: 70%;
  }
  #login_success .success_message {
    left: 15%;
    top: 35%;
    width: 70%;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 15%;
    top: 15%;
    width: 70%;
  }
  .header .top-header .header-flags {
    width: 20%;
  }
  .header .top-header .header-flags .dropdown .btn-flag {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown .btn-flag img {
    width: 13px;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 63%;
    width: 40px;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a {
    font-size: 8pt;
  }
  .header .top-header .header-flags .dropdown ul.dropdown-menu li a img {
    width: 13px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 150px;
  }
  .header .header-top-icons .search-box {
    width: 70%;
    margin-left: 15%;
  }
  /* Página Compra Rápida */
  #comprarapida_screen #comprarapida_content {
    left: 15%;
    top: 4%;
    width: 70%;
    padding-top: 0;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 53%;
    margin-left: 20%;
    margin-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 7%;
    top: 27%;
    width: 47%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 6.5%;
    top: 27.5%;
    width: 47%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 5%;
    top: 28%;
    width: 45%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 7.5pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 6.5pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 170px;
  }
  .info-banner ul li a {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-text span {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-image img#ship24h {
    width: 38px;
  }
  .info-banner ul li a .info-image img#free-ship {
    width: 38px;
  }
  .info-banner ul li a .info-image img#payment {
    width: 35px;
    margin-right: 3px;
  }
  .info-banner ul li a .info-image img#shop {
    width: 25px;
    margin-right: 5px;
  }
  .destaques .title h4 {
    font-size: 11pt;
  }
  .slick-slide.artigo_destaque .hat-name h4 {
    font-size: 6.5pt;
  }
  .slick-slide.artigo_destaque h5 {
    font-size: 7pt;
  }
  .contact-page .contact-form {
    top: 100px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 120px;
  }
  .account-content {
    min-height: 650px;
  }
  .login-form {
    left: 17.5%;
    width: 65%;
  }
  .register-form {
    left: 17.5%;
    width: 65%;
  }
  /* Página categoria-genero */
  #side-menu {
    width: 75%;
    margin-left: 12.5%;
  }
  .categorias-page .categorias .categoria-main {
    width: 122px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 32px;
    bottom: -80px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 22.5%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 28%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .artigo-foto-preview {
    height: 230px;
  }
  .artigo-page .artigo .artigo-foto-preview img {
    max-width: 60%;
  }
  .artigo-page .artigo .chapeu-info {
    height: 250px;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 50%;
    margin-left: 15%;
    margin-top: 0;
  }
  #encomenda table {
    width: 750px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 7pt;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 100px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 150px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 110px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 100px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 75px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 130px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 75px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 13px;
    height: 13px;
    padding-top: 1px;
    font-size: 8pt;
  }
  #favoritos table {
    width: 750px;
    margin-top: 10px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 7pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 100px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 150px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 75px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 110px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  #favoritos table td#compra_rapida img {
    width: 100%;
    margin-top: 0;
  }
  .resumo-encomenda #cupao input {
    width: 40%;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .resumo-encomenda #finalizar {
    width: 60%;
    margin-left: 20%;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 320px;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    width: 17%;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    width: 10%;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    width: 7%;
  }
  .ref-MB .ref-MB-header img {
    width: 14%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-header img {
    width: 9%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-body table {
    width: 70%;
    margin-left: 15%;
  }
  .newsletter-content h4 {
    font-size: 11pt;
  }
  .newsletter-content .form-container {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .form-container input {
    width: 65%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 34%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
}
@media screen and (min-width: 641px) and (max-width: 690px) {
  body {
    padding-top: 180px;
  }
  #page_error .error_message {
    left: 20%;
    top: 25%;
    width: 60%;
  }
  #page_success .success_message {
    left: 20%;
    top: 25%;
    width: 60%;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 15%;
    top: 15%;
    width: 70%;
  }
  #login_success .success_message {
    left: 20%;
    top: 35%;
    width: 60%;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 160px;
  }
  .header .header-top-icons .search-box {
    width: 70%;
    margin-left: 15%;
  }
  /* Página Compra Rápida */
  #comprarapida_screen #comprarapida_content {
    left: 15%;
    top: 4%;
    width: 70%;
    padding-top: 0;
  }
  #comprarapida_screen .artigo .artigo-foto-preview img {
    max-width: 65%;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 50%;
    margin-left: 20%;
    margin-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 6.5%;
    top: 28%;
    width: 45%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 6.5%;
    top: 28%;
    width: 45%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 5%;
    top: 29%;
    width: 40%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 7pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 190px;
  }
  .info-banner ul li a {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-text span {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-image img#ship24h {
    width: 38px;
  }
  .info-banner ul li a .info-image img#free-ship {
    width: 38px;
  }
  .info-banner ul li a .info-image img#payment {
    width: 35px;
    margin-right: 3px;
  }
  .info-banner ul li a .info-image img#shop {
    width: 25px;
    margin-right: 5px;
  }
  .destaques .title h4 {
    font-size: 11pt;
  }
  .slick-slide.artigo_destaque .hat-name h4 {
    font-size: 6.5pt;
  }
  .slick-slide.artigo_destaque h5 {
    font-size: 7pt;
  }
  .contact-page .contact-form {
    top: 100px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 110px;
  }
  .account-content {
    min-height: 400px;
  }
  .account-body {
    margin-top: 0;
    height: 480px;
  }
  .login-form {
    top: 50px;
    left: 3%;
    width: 45%;
  }
  .register-form {
    top: 50px;
    left: 52%;
    width: 45%;
  }
  .account-content .wrap-form #email_login,
  .account-content .wrap-form #email_register,
  .account-content .wrap-form #email_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #email_login > label,
  .account-content .wrap-form #email_register > label,
  .account-content .wrap-form #email_reset > label {
    width: 15%;
  }
  .account-content .wrap-form #email_login > input,
  .account-content .wrap-form #email_register > input,
  .account-content .wrap-form #email_reset > input {
    width: 83.5%;
  }
  .account-content .wrap-form #password_login,
  .account-content .wrap-form #password_register,
  .account-content .wrap-form #password_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #password_login > label,
  .account-content .wrap-form #password_register > label,
  .account-content .wrap-form #password_reset > label {
    width: 30%;
  }
  .account-content .wrap-form #password_login > input,
  .account-content .wrap-form #password_register > input,
  .account-content .wrap-form #password_reset > input {
    width: 59%;
  }
  .account-content .wrap-form #confirm_password_register,
  .account-content .wrap-form #confirm_password_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #confirm_password_register > label,
  .account-content .wrap-form #confirm_password_reset > label {
    width: 30%;
  }
  .account-content .wrap-form #confirm_password_register > input,
  .account-content .wrap-form #confirm_password_reset > input {
    width: 59%;
  }
  /* Página categoria-genero */
  #side-menu {
    width: 75%;
    margin-left: 12.5%;
  }
  .categorias-page .categorias .categoria-main {
    width: 135px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 30px;
    bottom: -85px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 22.5%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 26%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .artigo-foto-preview {
    height: 250px;
    width: 15%;
  }
  .artigo-page .artigo .chapeu-info {
    height: 270px;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 50%;
    margin-left: 17%;
    margin-top: 0;
  }
  #encomenda table {
    width: 750px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 7pt;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 100px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 150px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 110px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 100px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 75px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 130px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 75px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 13px;
    height: 13px;
    padding-top: 1px;
    font-size: 8pt;
  }
  #favoritos table {
    width: 750px;
    margin-top: 10px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 7pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 100px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 150px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 75px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 110px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  #favoritos table td#compra_rapida img {
    width: 100%;
    margin-top: 0;
  }
  .resumo-encomenda #cupao input {
    width: 40%;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .resumo-encomenda #finalizar {
    width: 60%;
    margin-left: 20%;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 350px;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    width: 17%;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    width: 10%;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    width: 7%;
  }
  .ref-MB {
    width: 70%;
    margin-left: 15%;
  }
  .ref-MB .ref-MB-header img {
    width: 11%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-MB .ref-MB-body table {
    width: 50%;
    margin-left: 25%;
  }
  .ref-TB {
    width: 70%;
    margin-left: 15%;
  }
  .ref-TB .ref-TB-header img {
    width: 7%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-body table {
    width: 60%;
    margin-left: 20%;
  }
  .newsletter-content h4 {
    font-size: 11pt;
  }
  .newsletter-content .form-container {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .form-container input {
    width: 65%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 34%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
}
@media screen and (min-width: 691px) and (max-width: 730px) {
  body {
    padding-top: 170px;
  }
  #page_error .error_message {
    left: 20%;
    top: 25%;
    width: 60%;
  }
  #page_success .success_message {
    left: 20%;
    top: 25%;
    width: 60%;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 15%;
    top: 15%;
    width: 70%;
  }
  #login_success .success_message {
    left: 20%;
    top: 35%;
    width: 60%;
  }
  .header .header-top-icons .logo {
    width: 60%;
    margin-left: 20%;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 155px;
  }
  .header .header-top-icons .search-box {
    width: 60%;
    margin-left: 20%;
  }
  .nav-top {
    margin-top: -35px;
  }
  /* Página Compra Rápida */
  #comprarapida_screen #comprarapida_content {
    left: 20%;
    top: 4%;
    width: 60%;
    padding-top: 0;
  }
  #comprarapida_screen .artigo .artigo-foto-preview img {
    max-width: 65%;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 50%;
    margin-left: 20%;
    margin-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 6.5%;
    top: 26%;
    width: 45%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 5.5%;
    top: 26%;
    width: 45%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 5%;
    top: 27%;
    width: 40%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 7pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 200px;
  }
  .info-banner ul li a {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-text span {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-image img#ship24h {
    width: 38px;
  }
  .info-banner ul li a .info-image img#free-ship {
    width: 38px;
  }
  .info-banner ul li a .info-image img#payment {
    width: 35px;
    margin-right: 3px;
  }
  .info-banner ul li a .info-image img#shop {
    width: 25px;
    margin-right: 5px;
  }
  .destaques .title h4 {
    font-size: 11pt;
  }
  .slick-slide.artigo_destaque .hat-name h4 {
    font-size: 6.5pt;
  }
  .slick-slide.artigo_destaque h5 {
    font-size: 7pt;
  }
  .contact-page .contact-form {
    top: 100px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 100px;
  }
  .account-content {
    min-height: 400px;
  }
  .account-body {
    margin-top: 0;
    height: 480px;
  }
  .login-form {
    top: 50px;
    left: 3%;
    width: 45%;
  }
  .register-form {
    top: 50px;
    left: 52%;
    width: 45%;
  }
  .account-content .wrap-form #email_login,
  .account-content .wrap-form #email_register,
  .account-content .wrap-form #email_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #email_login > label,
  .account-content .wrap-form #email_register > label,
  .account-content .wrap-form #email_reset > label {
    width: 15%;
  }
  .account-content .wrap-form #email_login > input,
  .account-content .wrap-form #email_register > input,
  .account-content .wrap-form #email_reset > input {
    width: 83.5%;
  }
  .account-content .wrap-form #password_login,
  .account-content .wrap-form #password_register,
  .account-content .wrap-form #password_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #password_login > label,
  .account-content .wrap-form #password_register > label,
  .account-content .wrap-form #password_reset > label {
    width: 30%;
  }
  .account-content .wrap-form #password_login > input,
  .account-content .wrap-form #password_register > input,
  .account-content .wrap-form #password_reset > input {
    width: 59%;
  }
  .account-content .wrap-form #confirm_password_register,
  .account-content .wrap-form #confirm_password_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #confirm_password_register > label,
  .account-content .wrap-form #confirm_password_reset > label {
    width: 30%;
  }
  .account-content .wrap-form #confirm_password_register > input,
  .account-content .wrap-form #confirm_password_reset > input {
    width: 59%;
  }
  /* Página categoria-genero */
  #side-menu {
    width: 60%;
    margin-left: 20%;
  }
  .categorias-page .categorias .categoria-main {
    width: 115px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 32px;
    bottom: -77px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 18%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 24%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .artigo-foto-preview {
    height: 250px;
    width: 15%;
  }
  .artigo-page .artigo .chapeu-info {
    height: 270px;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 45%;
    margin-left: 17%;
    margin-top: 0;
  }
  #encomenda table {
    width: 750px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 7pt;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 100px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 150px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 110px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 100px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 75px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 130px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 75px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 13px;
    height: 13px;
    padding-top: 1px;
    font-size: 8pt;
  }
  #favoritos table {
    width: 750px;
    margin-top: 10px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 7pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 100px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 150px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 75px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 110px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  #favoritos table td#compra_rapida img {
    width: 100%;
    margin-top: 0;
  }
  .resumo-encomenda #cupao input {
    width: 30%;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .resumo-encomenda #finalizar {
    width: 50%;
    margin-left: 25%;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 350px;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    width: 14%;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    width: 8%;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    width: 5%;
  }
  .ref-MB {
    width: 70%;
    margin-left: 15%;
  }
  .ref-MB .ref-MB-header img {
    width: 15%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-MB .ref-MB-body table {
    width: 50%;
    margin-left: 25%;
  }
  .ref-TB {
    width: 70%;
    margin-left: 15%;
  }
  .ref-TB .ref-TB-header img {
    width: 10%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-body table {
    width: 60%;
    margin-left: 20%;
  }
  .newsletter-content h4 {
    font-size: 11pt;
  }
  .newsletter-content .form-container {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .form-container input {
    width: 65%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 34%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
}
@media screen and (min-width: 731px) and (max-width: 767px) {
  body {
    padding-top: 175px;
  }
  #page_error .error_message {
    left: 20%;
    top: 25%;
    width: 60%;
  }
  #page_success .success_message {
    left: 20%;
    top: 25%;
    width: 60%;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 15%;
    top: 15%;
    width: 70%;
  }
  #login_success .success_message {
    left: 20%;
    top: 35%;
    width: 60%;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    height: 150px;
  }
  .header .header-top-icons .logo {
    width: 60%;
    margin-left: 20%;
  }
  .header .header-top-icons .search-box {
    width: 60%;
    margin-left: 20%;
  }
  /* Página Compra Rápida */
  #comprarapida_screen #comprarapida_content {
    left: 20%;
    top: 4%;
    width: 60%;
    padding-top: 0;
  }
  #comprarapida_screen .artigo .artigo-foto-preview img {
    max-width: 65%;
  }
  #comprarapida_screen .artigo .chapeu-info .chapeu-foto {
    width: 50%;
    margin-left: 20%;
    margin-top: 0;
  }
  /*Page cart success - WHITE Popup*/
  #page_cartSuccess .cartSuccess_message {
    right: 6.5%;
    top: 27%;
    width: 37%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 6.5%;
    top: 27%;
    width: 37%;
    padding: 2px;
  }
  #page_cartSuccess .cartSuccess_message #success_details .text-success h5,
  #page_cartSuccess .cartSuccess_message_user #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message #success_buttons .btn-default-black,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default,
  #page_cartSuccess .cartSuccess_message_user #success_buttons .btn-default-black {
    font-size: 7pt;
    margin: 2px;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 5%;
    top: 27%;
    width: 40%;
    padding: 2px;
  }
  #page_favSuccess .favSuccess_message #success_details .image-success {
    width: 10%;
  }
  #page_favSuccess .favSuccess_message #success_details .text-success h5 {
    font-size: 8pt;
  }
  #page_favSuccess .favSuccess_message #success_buttons .btn-default,
  #page_favSuccess .favSuccess_message #success_buttons .btn-default-black {
    font-size: 7pt;
    width: 25%;
  }
  /* Carousel */
  .carousel {
    height: 210px;
  }
  .info-banner ul li a {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-text span {
    font-size: 8.5pt;
  }
  .info-banner ul li a .info-image img#ship24h {
    width: 38px;
  }
  .info-banner ul li a .info-image img#free-ship {
    width: 38px;
  }
  .info-banner ul li a .info-image img#payment {
    width: 35px;
    margin-right: 3px;
  }
  .info-banner ul li a .info-image img#shop {
    width: 25px;
    margin-right: 5px;
  }
  .destaques .title h4 {
    font-size: 11pt;
  }
  .slick-slide.artigo_destaque .hat-name h4 {
    font-size: 6.5pt;
  }
  .slick-slide.artigo_destaque h5 {
    font-size: 7pt;
  }
  .contact-page .contact-form {
    top: 100px;
  }
  .contact-page .contact-form#outroschapeus {
    top: 100px;
  }
  .account-content {
    min-height: 400px;
  }
  .account-body {
    margin-top: 0;
    height: 480px;
  }
  .login-form {
    top: 50px;
    left: 3%;
    width: 45%;
  }
  .register-form {
    top: 50px;
    left: 52%;
    width: 45%;
  }
  .account-content .wrap-form #email_login,
  .account-content .wrap-form #email_register,
  .account-content .wrap-form #email_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #email_login > label,
  .account-content .wrap-form #email_register > label,
  .account-content .wrap-form #email_reset > label {
    width: 15%;
  }
  .account-content .wrap-form #email_login > input,
  .account-content .wrap-form #email_register > input,
  .account-content .wrap-form #email_reset > input {
    width: 83.5%;
  }
  .account-content .wrap-form #password_login,
  .account-content .wrap-form #password_register,
  .account-content .wrap-form #password_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #password_login > label,
  .account-content .wrap-form #password_register > label,
  .account-content .wrap-form #password_reset > label {
    width: 30%;
  }
  .account-content .wrap-form #password_login > input,
  .account-content .wrap-form #password_register > input,
  .account-content .wrap-form #password_reset > input {
    width: 59%;
  }
  .account-content .wrap-form #confirm_password_register,
  .account-content .wrap-form #confirm_password_reset {
    width: 95%;
    margin-left: 2.5%;
  }
  .account-content .wrap-form #confirm_password_register > label,
  .account-content .wrap-form #confirm_password_reset > label {
    width: 30%;
  }
  .account-content .wrap-form #confirm_password_register > input,
  .account-content .wrap-form #confirm_password_reset > input {
    width: 59%;
  }
  /* Página categoria-genero */
  #side-menu {
    width: 60%;
    margin-left: 20%;
  }
  .categorias-page .categorias .categoria-main {
    width: 120px;
  }
  .categorias-page .categorias .categoria-main a .cat_descricao {
    font-size: 7pt;
    height: 32px;
    bottom: -80px;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 18%;
  }
  /* Paginação */
  .pagination {
    right: 0;
    /*margin-left: 2%;*/
    width: 23%;
    padding: 0;
    text-align: right;
  }
  .artigo-page .artigo .artigo-foto-preview {
    height: 260px;
    width: 13%;
  }
  .artigo-page .artigo .chapeu-info {
    height: 280px;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 48%;
    margin-left: 17%;
    margin-top: 0;
  }
  #encomenda table {
    width: 750px;
    margin-top: 10px;
  }
  #encomenda table th,
  #encomenda table td {
    font-size: 7pt;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 100px;
  }
  #encomenda table td#imagem img {
    max-width: 70%;
  }
  #encomenda table th#nome,
  #encomenda table td#nome {
    width: 150px;
  }
  #encomenda table th#cor,
  #encomenda table td#cor {
    width: 110px;
  }
  #encomenda table th#tamanho,
  #encomenda table td#tamanho {
    width: 100px;
  }
  #encomenda table th#preco,
  #encomenda table td#preco {
    width: 75px;
  }
  #encomenda table th#quantidade,
  #encomenda table td#quantidade {
    width: 130px;
  }
  #encomenda table td#quantidade input {
    font-size: 7pt;
    margin-top: 12px;
  }
  #encomenda table td#quantidade a {
    font-size: 7pt;
  }
  #encomenda table th#precotot,
  #encomenda table td#precotot {
    width: 75px;
  }
  #encomenda table th#trash,
  #encomenda table td#trash {
    width: 0;
  }
  #encomenda table td#trash i.fas.fa-times {
    width: 13px;
    height: 13px;
    padding-top: 1px;
    font-size: 8pt;
  }
  #favoritos table {
    width: 750px;
    margin-top: 10px;
  }
  #favoritos table th,
  #favoritos table td {
    font-size: 7pt;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 100px;
  }
  #favoritos table td#imagem img {
    max-width: 70%;
  }
  #favoritos table th#nome,
  #favoritos table td#nome {
    width: 150px;
  }
  #favoritos table th#preco,
  #favoritos table td#preco {
    width: 75px;
  }
  #favoritos table th#cores,
  #favoritos table td#cores {
    width: 110px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  #favoritos table td#compra_rapida img {
    width: 100%;
    margin-top: 0;
  }
  .resumo-encomenda #cupao input {
    width: 30%;
  }
  .resumo-encomenda #cupao a#aplicaCupao {
    margin-left: 10px;
  }
  .resumo-encomenda #finalizar {
    width: 50%;
    margin-left: 25%;
  }
  #pagamento .encomenda-tabs .tabs_content {
    padding: 5px;
    height: 350px;
  }
  #pagamento .metodo-pagamento .pay-method #img_Paypal {
    width: 14%;
  }
  #pagamento .metodo-pagamento .pay-method #img_MB {
    width: 8%;
  }
  #pagamento .metodo-pagamento .pay-method #img_TB {
    width: 5%;
  }
  .ref-MB {
    width: 70%;
    margin-left: 15%;
  }
  .ref-MB .ref-MB-header img {
    width: 15%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-MB .ref-MB-body table {
    width: 50%;
    margin-left: 25%;
  }
  .ref-TB {
    width: 70%;
    margin-left: 15%;
  }
  .ref-TB .ref-TB-header img {
    width: 10%;
    margin-left: 15px;
    margin-top: 0;
  }
  .ref-TB .ref-TB-body table {
    width: 60%;
    margin-left: 20%;
  }
  .newsletter-content h4 {
    font-size: 11pt;
  }
  .newsletter-content .form-container {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .form-container input {
    width: 65%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 34%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
}
@media screen and (min-width: 768px) {
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn:hover ul.drop-menu-content {
    /*                .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content.visible {*/
    text-shadow: none;
    visibility: visible;
    /* shows sub-menu */
    height: auto;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.35s;
    /* this removes the transition delay so the menu will be visible while the other styles transition */
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body {
    padding-top: 10px;
  }
  /*Page error Popup*/
  #page_error .error_message {
    left: 25%;
    top: 30%;
    width: 50%;
  }
  /*Page success Popup*/
  #page_success .success_message {
    left: 25%;
    top: 30%;
    width: 50%;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 15%;
    top: 15%;
    width: 70%;
  }
  #login_success .success_message {
    left: 25%;
    top: 30%;
    width: 50%;
  }
  #comprarapida_screen #comprarapida_content {
    left: 10%;
    width: 80%;
  }
  #page_cartSuccess .cartSuccess_message {
    right: 3%;
    top: 13%;
    width: 35%;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 5%;
    top: 13%;
    width: 35%;
  }
  #page_cartSuccess .cartSuccess_message:after,
  #page_cartSuccess .cartSuccess_message_user:after {
    left: 82%;
  }
  #page_cartSuccess .cartSuccess_message:before,
  #page_cartSuccess .cartSuccess_message_user:before {
    left: 82%;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 3%;
    top: 13%;
    width: 35%;
  }
  #page_favSuccess .favSuccess_message:after {
    left: 62%;
  }
  #page_favSuccess .favSuccess_message:before {
    left: 62%;
  }
  .header .top-header {
    padding: 5px;
  }
  .header .top-header .header-social-icons {
    width: 10%;
  }
  .header .top-header .header-social-icons ul li a .fab.fa-facebook-f,
  .header .top-header .header-social-icons ul li a i.fab.fa-instagram,
  .header .top-header .header-social-icons ul li a .fab.fa-twitter {
    font-size: 11pt;
  }
  .header .top-header .header-info {
    width: 80%;
  }
  .header .top-header .header-info #header-slider .frase-header_1st,
  .header .top-header .header-info #header-slider .frase-header_2nd {
    font-size: 9pt;
  }
  .header .top-header .header-flags {
    width: 10%;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 40%;
    width: 60px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    width: 100%;
    height: 90px;
    padding-top: 10px;
    margin: 0;
    clear: both;
  }
  .header .header-top-icons .logo {
    width: 40%;
  }
  .header .header-top-icons .search-box {
    width: 35%;
    margin-left: 5%;
    margin-top: 10px;
  }
  .header .header-top-icons .search-box form .form-search {
    width: 100%;
    height: 30px;
    padding: 0;
  }
  .header .header-top-icons .search-box form .form-search input {
    width: 85%;
    margin-left: 3px;
    margin-top: 0;
    padding: 2px;
  }
  .header .header-top-icons .search-box form .form-search ::placeholder {
    font-size: 9pt;
  }
  .header .header-top-icons .search-box form .form-search a {
    height: 25px;
    width: 25px;
    margin-top: 2px;
    margin-right: 5px;
  }
  .header .header-top-icons .icons-right {
    /*width: 90px;*/
    width: 20%;
    margin: 0;
    padding: 0;
    margin-top: -5px;
    text-align: right;
  }
  .header .header-top-icons .icons-right ul li a img {
    /*width: 35px;*/
    width: 20px;
    margin: 10px;
    /*margin-top:5px;*/
  }
  .header .header-top-icons .icons-right ul li img#user {
    width: 27px;
  }
  .header .header-top-icons .icons-right ul li a img#heart {
    width: 25px;
  }
  .header .header-top-icons .icons-right ul li a#shopping-bag span#cart-status {
    top: 11px;
    padding: 0;
    width: 13px;
    height: 13px;
  }
  .header .header-top-icons .icons-right ul li a#favorites-icon span#favorites-nr {
    top: 11px;
    padding: 0;
    width: 13px;
    height: 13px;
  }
  .nav-top {
    height: 32px;
    padding: 0;
  }
  .nav-top .top-menu-left {
    width: 25%;
    height: 30px;
    padding: 0;
    margin: 0;
  }
  .nav-top .top-menu-left ul {
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background: white;
  }
  .nav-top .top-menu-left .fas.fa-slash {
    margin-right: 0;
  }
  .nav-top .top-menu-left li {
    list-style: none;
    display: inline;
    margin-right: 0;
  }
  .nav-top .top-menu-left li:last-child {
    margin-left: -5px;
  }
  .nav-top .top-menu-left ul li a {
    font-size: 9pt;
  }
  .nav-top .top-menu-left ul li a img {
    height: 14px;
  }
  .nav-top .top-menu-left ul li a.active-season {
    font-size: 10pt;
  }
  .nav-top .top-menu-right {
    width: 74.5%;
    margin: 0;
    padding: 0;
  }
  .nav-top .top-menu-right ul {
    padding: 0;
  }
  .nav-top .top-menu-right ul li {
    padding: 3px;
  }
  .nav-top .top-menu-right ul li:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .nav-top .top-menu-right ul li a {
    font-size: 9pt;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn:hover ul.drop-menu-content {
    /*                .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content.visible {*/
    text-shadow: none;
    visibility: visible;
    /* shows sub-menu */
    height: auto;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.35s;
    /* this removes the transition delay so the menu will be visible while the other styles transition */
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content .dropmenu-image {
    width: 45%;
  }
  /* Carousel */
  .carousel {
    height: 240px;
  }
  .info-banner ul li a .info-text {
    text-align: center;
  }
  /*
    .catalogo .cat_mulher {
        width: 40%;
        margin-left: 5%;
    }

    .catalogo .cat_homem {
        width: 40%;
    }
*/
  .slick-slide.artigo_destaque a img {
    max-width: 60%;
    margin-left: 20%;
  }
  .slick-slide.artigo_destaque .hat-name h4 {
    font-size: 9pt;
  }
  .slick-slide.artigo_destaque h5 {
    font-size: 9pt;
  }
  .slick-slide.artigo_destaque h5 span.tip img {
    width: 15px;
  }
  .contact-page .contact-form {
    width: 90%;
    margin-left: 2.5%;
  }
  .contact-page .contact-form input,
  .contact-page .contact-form textarea {
    margin-right: 13px;
  }
  .login-form {
    left: 3%;
    width: 45%;
  }
  .register-form {
    position: absolute;
    top: 220px;
    left: 52%;
    width: 45%;
  }
  .wrap-form {
    padding: 5px;
  }
  .revenda-page .revenda-form {
    width: 93%;
    margin-left: 1%;
    padding: 10px;
  }
  .revenda-page .revenda-form input,
  .revenda-page .revenda-form textarea {
    margin-right: 5px;
  }
  .revenda-page .revenda-form .dados-revenda span#email_field {
    margin-left: 5px;
  }
  .revenda-page .revenda-form .dados-revenda input#telefone_field {
    width: 28.5%;
  }
  .revenda-page .revenda-form .dados-revenda span#telefone_field {
    width: 28.5%;
    margin-left: 5px;
  }
  .revenda-page .revenda-form .dados-revenda span#funcao_field {
    margin-left: 5px;
  }
  .revenda-page .revenda-form .dados-revenda input#nif_field {
    width: 28.5%;
  }
  .revenda-page .revenda-form .dados-revenda span#nif_field {
    width: 28.5%;
    margin-left: 5px;
  }
  .revenda-page .revenda-form .dados-revenda select#pais_field {
    width: 38.5%;
  }
  .revenda-page .revenda-form .dados-revenda span#pais_field {
    width: 38.5%;
  }
  .revenda-page .revenda-form .password {
    width: 30%;
  }
  #side-menu {
    width: 30%;
  }
  .categorias-page {
    margin-left: 33%;
  }
  .categorias-page .categorias .categoria-main {
    width: 28%;
    text-align: center;
    margin: 8px;
    margin-bottom: 60px;
    display: inline-block;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 28%;
  }
  .pagination {
    bottom: -80px;
    width: 40%;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 90px;
  }
  .resumo-encomenda .value-group .value-left {
    width: 60%;
  }
  .resumo-encomenda .value-group .value-right {
    width: 38%;
  }
  .resumo-encomenda #finalizar .btn-default {
    width: 70%;
  }
  #checkout .encomenda-tabs .tabs-titles ul li h5 {
    padding: 0 2px 0 2px;
    font-size: 10pt;
  }
  #pagamento {
    margin-left: 1%;
    width: 44%;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li h5 {
    padding: 0 2px 0 2px;
    font-size: 10pt;
  }
  #pagamento .metodo-pagamento h5 {
    padding: 0 5px 0 5px;
    font-size: 10pt;
  }
  #pagamento .metodo-pagamento .pay-method label span.metodo_desc {
    font-size: 9pt;
  }
  #pagamento .metodo-pagamento .container#termos {
    font-size: 9pt;
  }
  .ref-MB {
    width: 55%;
    margin-left: 22.5%;
  }
  .ref-TB {
    width: 55%;
    margin-left: 22.5%;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 70px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  .artigo-page .artigo .chapeu-info {
    width: 45%;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 70%;
  }
  .artigo-page .artigo .chapeu-details {
    width: 45%;
    margin-left: 0;
    display: inline-block;
    padding: 0;
    /*border-bottom: 1px solid #d9d9d9;*/
  }
  .newsletter-content h4 {
    font-size: 11pt;
  }
  .newsletter-content .form-container {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .form-container input {
    width: 65%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 34%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
  .info-footer .info h5 {
    font-size: 9pt;
  }
  .info-footer .info p {
    font-size: 6pt;
    line-height: 5px;
  }
  .info-map {
    float: right;
    width: 35%;
    height: 170px;
    margin-top: -50px;
    margin-left: -70px;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1212px) {
  body {
    padding-top: 5px;
  }
  /*Page error Popup*/
  #page_error .error_message {
    left: 25%;
    top: 30%;
    width: 50%;
  }
  /*Page success Popup*/
  #page_success .success_message {
    left: 25%;
    top: 30%;
    width: 50%;
  }
  /*Page newsletter Popup*/
  #page_Newsletter .newsletter_container {
    left: 20%;
    top: 15%;
    width: 60%;
  }
  #login_success .success_message {
    left: 25%;
    top: 30%;
    width: 50%;
  }
  #comprarapida_screen #comprarapida_content {
    left: 10%;
    width: 80%;
  }
  #page_cartSuccess .cartSuccess_message {
    right: 3%;
    top: 13%;
    width: 35%;
  }
  #page_cartSuccess .cartSuccess_message_user {
    right: 5%;
    top: 13%;
    width: 35%;
  }
  #page_cartSuccess .cartSuccess_message:after,
  #page_cartSuccess .cartSuccess_message_user:after {
    left: 82%;
  }
  #page_cartSuccess .cartSuccess_message:before,
  #page_cartSuccess .cartSuccess_message_user:before {
    left: 82%;
  }
  /*Page favorites success - WHITE Popup*/
  #page_favSuccess .favSuccess_message {
    right: 3%;
    top: 13%;
    width: 35%;
  }
  #page_favSuccess .favSuccess_message:after {
    left: 62%;
  }
  #page_favSuccess .favSuccess_message:before {
    left: 62%;
  }
  .header .top-header {
    padding: 5px;
  }
  .header .top-header .header-social-icons {
    width: 10%;
  }
  .header .top-header .header-social-icons ul li a .fab.fa-facebook-f,
  .header .top-header .header-social-icons ul li a i.fab.fa-instagram,
  .header .top-header .header-social-icons ul li a .fab.fa-twitter {
    font-size: 11pt;
  }
  .header .top-header .header-info {
    width: 80%;
  }
  .header .top-header .header-info #header-slider .frase-header_1st,
  .header .top-header .header-info #header-slider .frase-header_2nd {
    font-size: 9pt;
  }
  .header .top-header .header-flags {
    width: 10%;
  }
  .header .top-header .header-flags .dropdown .dropdown-menu {
    left: 40%;
    width: 60px;
  }
  /* Header pesquisa-icons */
  .header .header-top-icons {
    width: 100%;
    height: 90px;
    padding-top: 10px;
    margin: 0;
    clear: both;
  }
  .header .header-top-icons .logo {
    width: 40%;
  }
  .header .header-top-icons .search-box {
    width: 35%;
    margin-left: 5%;
    margin-top: 10px;
  }
  .header .header-top-icons .search-box form .form-search {
    width: 100%;
    height: 30px;
    padding: 0;
  }
  .header .header-top-icons .search-box form .form-search input {
    width: 85%;
    margin-left: 3px;
    margin-top: 0;
    padding: 2px;
  }
  .header .header-top-icons .search-box form .form-search ::placeholder {
    font-size: 9pt;
  }
  .header .header-top-icons .search-box form .form-search a {
    height: 25px;
    width: 25px;
    margin-top: 2px;
    margin-right: 5px;
  }
  .header .header-top-icons .icons-right {
    /*width: 90px;*/
    width: 20%;
    margin: 0;
    padding: 0;
    margin-top: -5px;
    text-align: right;
  }
  .header .header-top-icons .icons-right ul li a img {
    /*width: 35px;*/
    width: 20px;
    margin: 10px;
    /*margin-top:5px;*/
  }
  .header .header-top-icons .icons-right ul li img#user {
    width: 27px;
  }
  .header .header-top-icons .icons-right ul li a img#heart {
    width: 25px;
  }
  .header .header-top-icons .icons-right ul li a#shopping-bag span#cart-status {
    top: 11px;
    padding: 0;
    width: 13px;
    height: 13px;
  }
  .header .header-top-icons .icons-right ul li a#favorites-icon span#favorites-nr {
    top: 11px;
    padding: 0;
    width: 13px;
    height: 13px;
  }
  .nav-top {
    height: 32px;
    padding: 0;
  }
  .nav-top .top-menu-left {
    width: 25%;
    height: 30px;
    padding: 0;
    margin: 0;
  }
  .nav-top .top-menu-left ul {
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background: white;
  }
  .nav-top .top-menu-left .fas.fa-slash {
    margin-right: 0;
  }
  .nav-top .top-menu-left li {
    list-style: none;
    display: inline;
    margin-right: 0;
  }
  .nav-top .top-menu-left li:last-child {
    margin-left: -5px;
  }
  .nav-top .top-menu-left ul li a {
    font-size: 9pt;
  }
  .nav-top .top-menu-left ul li a img {
    height: 14px;
  }
  .nav-top .top-menu-left ul li a.active-season {
    font-size: 10pt;
  }
  .nav-top .top-menu-right {
    width: 74.5%;
    margin: 0;
    padding: 0;
  }
  .nav-top .top-menu-right ul {
    padding: 0;
  }
  .nav-top .top-menu-right ul li {
    padding: 8px;
  }
  .nav-top .top-menu-right ul li:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .nav-top .top-menu-right ul li a {
    font-size: 9pt;
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn:hover ul.drop-menu-content {
    /*                .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content.visible {*/
    text-shadow: none;
    visibility: visible;
    /* shows sub-menu */
    height: auto;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.35s;
    /* this removes the transition delay so the menu will be visible while the other styles transition */
  }
  .nav-top .top-menu-right ul.drop-menu li.dropmenu-btn ul.drop-menu-content .dropmenu-image {
    width: 45%;
  }
  /* Carousel */
  .carousel {
    height: 255px;
  }
  .info-banner ul li a .info-text {
    text-align: center;
  }
  /*
    .catalogo .cat_mulher {
        width: 40%;
        margin-left: 5%;
    }

    .catalogo .cat_homem {
        width: 40%;
    }
*/
  .slick-slide.artigo_destaque a img {
    max-width: 60%;
    margin-left: 20%;
  }
  .slick-slide.artigo_destaque .hat-name h4 {
    font-size: 9pt;
  }
  .slick-slide.artigo_destaque h5 {
    font-size: 9pt;
  }
  .slick-slide.artigo_destaque h5 span.tip img {
    width: 15px;
  }
  .contact-page .contact-form {
    width: 90%;
    margin-left: 2.5%;
  }
  .contact-page .contact-form input,
  .contact-page .contact-form textarea {
    margin-right: 13px;
  }
  .login-form {
    left: 3%;
    width: 45%;
  }
  .register-form {
    position: absolute;
    top: 220px;
    left: 52%;
    width: 45%;
  }
  .wrap-form {
    padding: 5px;
  }
  .revenda-page .revenda-form {
    width: 93%;
    margin-left: 1%;
    padding: 10px;
  }
  .revenda-page .revenda-form input,
  .revenda-page .revenda-form textarea {
    margin-right: 5px;
  }
  .revenda-page .revenda-form .dados-revenda span#email_field {
    margin-left: 5px;
  }
  .revenda-page .revenda-form .dados-revenda input#telefone_field {
    width: 28.5%;
  }
  .revenda-page .revenda-form .dados-revenda span#telefone_field {
    width: 28.5%;
    margin-left: 5px;
  }
  .revenda-page .revenda-form .dados-revenda span#funcao_field {
    margin-left: 5px;
  }
  .revenda-page .revenda-form .dados-revenda input#nif_field {
    width: 28.5%;
  }
  .revenda-page .revenda-form .dados-revenda span#nif_field {
    width: 28.5%;
    margin-left: 5px;
  }
  .revenda-page .revenda-form .dados-revenda select#pais_field {
    width: 38.5%;
  }
  .revenda-page .revenda-form .dados-revenda span#pais_field {
    width: 38.5%;
  }
  .revenda-page .revenda-form .password {
    width: 30%;
  }
  #side-menu {
    width: 30%;
  }
  .categorias-page {
    margin-left: 33%;
  }
  .categorias-page .categorias .categoria-main {
    width: 28%;
    text-align: center;
    margin: 8px;
    margin-bottom: 60px;
    display: inline-block;
  }
  .categorias-page .categoria .categoria-artigo {
    width: 28%;
  }
  .pagination {
    bottom: -80px;
    width: 40%;
  }
  #encomenda table th#imagem,
  #encomenda table td#imagem {
    width: 90px;
  }
  .resumo-encomenda .value-group .value-left {
    width: 60%;
  }
  .resumo-encomenda .value-group .value-right {
    width: 38%;
  }
  .resumo-encomenda #finalizar .btn-default {
    width: 70%;
  }
  #checkout .encomenda-tabs .tabs-titles ul li h5 {
    padding: 0 2px 0 2px;
    font-size: 10pt;
  }
  #pagamento {
    margin-left: 1%;
    width: 44%;
  }
  #pagamento .encomenda-tabs .tabs-titles ul li h5 {
    padding: 0 2px 0 2px;
    font-size: 10pt;
  }
  #pagamento .metodo-pagamento h5 {
    padding: 0 5px 0 5px;
    font-size: 10pt;
  }
  #pagamento .metodo-pagamento .pay-method label span.metodo_desc {
    font-size: 9pt;
  }
  #pagamento .metodo-pagamento .container#termos {
    font-size: 9pt;
  }
  .ref-MB {
    width: 55%;
    margin-left: 22.5%;
  }
  .ref-TB {
    width: 55%;
    margin-left: 22.5%;
  }
  #favoritos table th#imagem,
  #favoritos table td#imagem {
    width: 70px;
  }
  #favoritos table th#compra_rapida,
  #favoritos table td#compra_rapida {
    width: 20px;
  }
  .artigo-page .artigo .chapeu-info {
    width: 45%;
  }
  .artigo-page .artigo .chapeu-info .chapeu-foto {
    width: 70%;
  }
  .artigo-page .artigo .chapeu-details {
    width: 45%;
    margin-left: 0;
    display: inline-block;
    padding: 0;
    /*border-bottom: 1px solid #d9d9d9;*/
  }
  .newsletter-content h4 {
    font-size: 11pt;
  }
  .newsletter-content .form-container {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .form-container input {
    width: 60%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 39%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
  .info-footer .info h5 {
    font-size: 9pt;
  }
  .info-footer .info p {
    font-size: 7pt;
    line-height: 10px;
  }
  .info-map {
    width: 35%;
    height: 150px;
    margin-top: -70px;
    margin-left: -70px;
    text-align: center;
  }
  .info-map iframe {
    width: 85%;
    margin-left: 7.5%;
    height: 150px;
    border: 1px solid;
  }
}
@media only screen and (min-width: 1213px) {
  /*.body-content {
        width: 80%;
        margin-left: 10%;
    }*/
  .info_text .info-loja-total .loja-details .info_lojas .lojas-info .lojas-info-mapa {
    margin-left: 5%;
  }
  /*.account-content {
        margin-left: 2%;
    }
*/
  #page_error .error_message img {
    max-width: 55%;
  }
  /* Carousel */
  .carousel {
    height: 300px;
  }
  .newsletter-content h4 {
    font-size: 11pt;
  }
  .newsletter-content .form-container {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .form-container input {
    width: 65%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .form-container button.btn-default {
    width: 34%;
    margin-left: 0;
    display: inline;
  }
  .newsletter-content .newsletter-termos {
    width: 85%;
    margin-left: 7.5%;
  }
  .newsletter-content .container {
    font-size: 9pt;
  }
}
@media only screen and (min-width: 1450px) {
  /*.body-content {
        width: 95%;
        margin-left: 2.5%;
    }
*/
  /*    .account-content {
        margin-left: 12%;
    }
*/
  #page_error .error_message img {
    max-width: 55%;
  }
  /* Carousel */
  .carousel {
    height: 380px;
  }
}
@media only screen and (min-width: 1700px) {
  /* Carousel */
  .carousel {
    height: 400px;
  }
  #page_error .error_message img {
    max-width: 55%;
  }
}
@media only screen and (min-width: 1920px) {
  .body-content {
    width: 90%;
    margin: auto;
  }
  /* Carousel */
  .carousel {
    height: 470px;
  }
  /*.account-content {
        margin-left: 12%;
    }
*/
  #page_error .error_message img {
    max-width: 55%;
  }
}
@media only screen and (min-width: 2075px) {
  .body-content {
    width: 80%;
    margin-left: 10%;
  }
}
@media only screen and (min-width: 2210px) {
  .body-content {
    width: 75%;
    margin-left: 12.5%;
  }
}
@media only screen and (min-width: 2500px) {
  .body-content {
    width: 70%;
    margin-left: 15%;
  }
}
@media only screen and (min-width: 2850px) {
  .body-content {
    width: 65%;
    margin-left: 17.5%;
  }
}
@media only screen and (min-width: 2950px) {
  .body-content {
    width: 60%;
    margin-left: 20%;
  }
}