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

    html,
    body {
        font-family: "Klavika Light" !important;
        text-rendering: optimizeLegibility;
    }

    body {
        margin-top: 96px;
    }

    .modal {
        width: 100% !important;
    }

    .modal-dialog {
        margin-top: 100px !important;
    }

    header {
        height: 96px;
        background-color: #C3000A;
        /* background-image: url(../images/background/headerbg-mobile.png); */
        background-size: cover;
        position: fixed;
        width: 100% !important;
        z-index: 1060;
        margin-top: -96px;
    }

    .header-container {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        height: 96px;
    }

    header .logo-home img {
        max-height: 45px;
        width: 100%;
        display: block !important;
    }

    .logo-header {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 50%;
    }

    a.logo-home {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    header .atendimento {
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: flex-start;
        justify-content: center;
        color: #fff;
        font-family: Klavika light;
    }

    header .atendimento p {
        margin: 0;
    }

    header .atendimento p:first-child {
        color: #E8B600;
        font-family: Klavika;
    }

    /* Footer Desktop */
    footer .logo-home img {
        height: 52px;
        display: block !important;
    }

    footer {
        width: 100%;
        background-color: #C3000A;
        margin: 0;
        z-index: 1060;
        padding: 20px 0;
    }

    .footer-container {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto;
    }

    .footer-container {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }

    .footer-container>* {
        width: calc(100%);
        margin: 10px 0;
    }

    footer .Redes.Socias ul {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    footer .Redes.Socias ul i {
        color: #fff;
        font-size: 30px;
        padding-right: 20px;
    }

    footer .center p {
        color: #fff;
        font-size: 12px;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    footer .center div.footer-nav {
        display: flex;
        color: #fff;
        font-size: 12px;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        justify-content: center;
    }

    footer .center div.footer-nav a {
        text-decoration: none;
        color: #fff;
    }

    footer .center div.footer-nav a:hover {
        text-decoration: underline;
    }

    footer .center div.footer-nav div:not(:last-child) {
        padding-right: 4px;
    }

    footer .center {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    footer .center p a {
        text-decoration: none;
        color: #fff;
    }

    /* Address Validation Page */
    body.page-address-validation div#maincontent {
        min-height: unset;
    }

    body.page-address-validation form input:disabled,
    body.page-address-validation form select:disabled {
        opacity: 0.8;
        background-color: #fff;
    }

    body.page-address-validation {
        background-color: #B40009 !important;
        /* background-image: url(../images/background/blackfridaybg-mobile.png); */
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        font-family: Klavika Light;
    }

    body.page-address-validation p.note {
        font-size: 13px;
        color: #c3000a;
    }

    body.page-address-validation form {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin-top: 4rem
    }

    body.page-address-validation.form-started .address-form.form h1 {
        display: none;
    }

    body.page-address-validation:not(.form-started) form>label:first-child input {
        height: 70px;
        font-size: 11px;
        text-align: center;
        text-indent: 0;
        border-radius: 20px;
    }

    body.page-address-validation form input,
    body.page-address-validation form select {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        border: 1px solid #A8A8A8;
        box-shadow: 0px 3px 6px #00000029;
        text-indent: 10px;
        margin: 0 auto;
    }

    body.page-address-validation .invalid-feedback {
        font-size: 100%;
        color: #000000;
    }

    body.page-address-validation form label {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
    }

    body.page-address-validation .address2.required span:after {
        content: "*";
    }

    body.page-address-validation form label span {
        font-size: 13px;
        color: #fff;
    }

    body.page-address-validation .terms-text a {
        color: #fff;
    }

    body.page-address-validation input#terms {
        margin: unset;
    }

    body.page-address-validation .form {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 2vh;
    }

    body.page-address-validation input.button {
        width: 180px;
        height: 50px;
        border: 2px solid #E8B600;
        background-color: #E8B600;
        font-size: 30px;
        font-family: Klavika Medium;
        color: #373737;
        line-height: 47px;
        margin: 0 auto;
        margin-top: 50px;
        border-radius: 0px;
    }

    body.page-address-validation .control.triple label {
        width: 31% !important;
    }

    body.page-address-validation .control {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    body.page-address-validation .control label {
        width: 48% !important;
    }

    body.page-address-validation .control label span {
        width: 100%;
    }

    body.page-address-validation label.full-field.address2.complement {
        display: flex;
        align-items: flex-end;
    }

    body.page-address-validation a.home-button {
        text-align: center;
    }

    body.page-address-validation .address-form.form h1 p {
        width: 100%;
        font-family: Klavika Medium !important;
        font-size: 25px;
        color: #d6b63b;
        text-align: left;
        margin: 0;
        padding: 0;
        font-weight: bold;
        text-transform: uppercase;
    }

    body.page-address-validation .address-form.form h1 {
        margin-bottom: 35px;
        margin-top: 20px;
    }

    body.page-address-validation .address-form.form h1 p.white {
        color: #fff;
    }

    body.page-address-validation .address-form.form h1+p {
        width: 100%;
        text-align: left;
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
    }

    body.page-address-validation input#terms {
        height: 15px;
        width: 15px;
        box-shadow: none;
    }

    body.page-address-validation label.full-field.terms {
        flex-direction: row;
        align-items: flex-start;
    }

    body.page-address-validation label.full-field.terms a,
    label.full-field.terms span {
        font-size: 16px;
    }

    body.page-address-validation .terms-text {
        line-height: 15px;
        padding-left: 10px;
    }

    body.page-address-validation button#callGeocode {
        background-color: #f7b600;
        box-shadow: 0px 3px 6px #00000029;
        border: none;
        color: #282321;
        height: 50px;
        width: 75%;
        margin: 0 auto;
        border-radius: 15px;
        font-family: 'Klavika Medium';
        font-size: 100%;
        font-weight: bold;
    }

    body.page-address-validation button#callGeocode:focus {
        border: none !important;
        box-shadow: 0px 3px 6px #00000029 !important;
        outline: none;
    }

    body.page-address-validation header,
    body.page-address-validation footer {
        display: none !important;
    }

    body.page-address-validation {
        margin-top: 0 !important;
    }

    body.page-address-validation .page-container {
        background-size: 106%;
        background-repeat: no-repeat;
    }

    .bgplans {
        height: 24vh;
        margin-top: -18rem;
        margin-bottom: -2vh;
    }

    body.page-address-validation .content {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 85%;
    }

    body.page-address-validation:not(.form-started) form>label:first-child span {
        width: 100%;
        font-family: Klavika Medium !important;
        font-size: 20px;
        color: #ffffff;
        text-align: center;
        margin: 0;
        padding: 0;
        font-weight: bold;
        text-shadow: 1px 1px 10px black;
    }

    body.page-address-validation a.sou-cliente {
        font-family: 'Klavika Medium';
        color: #f7b600;
        border: 1px solid #f7b600;
        border-radius: 10px;
        padding: 1px 7px;
        text-transform: uppercase;
        font-size: 10px;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    body.page-address-validation .cliente {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        margin: 25px 10px 0 0;
    }

    body.page-address-validation .content footer {
        display: block !important;
        background-color: #b40009 !important;
        z-index: 1 !important;
        margin-top: 2rem;
    }

    body.page-address-validation .content footer .footer-container>* {
        width: 100%;
    }

    /* Warning Pages */
    body.page-warning div#maincontent>img {
        width: 50%;
    }

    body.page-warning div#maincontent h1,
    body.page-warning div#maincontent p {
        margin: 0;
        padding: 0;
    }

    body.page-warning div#maincontent {
        min-height: calc(100vh - 192px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 30px 0;
        background-size: 170%;
    }

    body.page-warning.apifail div#maincontent {
        background: url(../images/background/apifail_mobile.jpg) no-repeat center;
        background-size: cover;
    }

    body.page-warning.availability div#maincontent {
        background: url(../images/background/inviabilidade_mobile.jpg) no-repeat center;
        background-size: cover;
    }

    body.page-warning.botaction div#maincontent {
        background: url(../images/background/apifail_mobile.jpg) no-repeat center;
        background-size: cover;
    }

    body.page-warning.commerce div#maincontent {
        background: url(../images/background/apifail_mobile.jpg) no-repeat center;
        background-size: cover;
    }

    body.page-warning.credit div#maincontent {
        background: url(../images/background/credito_mobile.jpg) no-repeat center;
        background-size: cover;
    }

    body.page-warning.tvphone div#maincontent {
        background: url(../images/background/tvphone_mobile.jpg) no-repeat center;
        background-size: cover;
    }

    body.page-warning div#maincontent h1 {
        font-family: 'Klavika Bold';
        font-size: 24px;
        font-weight: normal;
        color: #c3000a;
    }

    body.page-warning div#maincontent p {
        font-size: 16px;
        margin-top: 20px;
    }

    body.page-warning .content {
        width: 90%;
        max-width: 500px;
        background-color: #fff;
        margin: 0 auto;
        border-radius: 16px;
        padding: 30px;
        color: #373737;
    }

    body.page-warning a#back-to-site {
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        background-color: #f7b600;
        width: 320px;
        max-width: 100%;
        height: 40px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 25px;
        box-shadow: 0px 3px 6px #00000029;
    }

    body.page-warning a.whatsapp-btn {
        background-color: #4aae54;
        padding: 10px 20px;
        border-radius: 34px;
        margin: 0 auto;
        display: block;
        width: 40%;
        text-align: center;
        margin-top: 20px;
        font-family: 'Klavika Medium';
        color: #fff;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        min-width: 180px;
    }

    body.page-warning a.whatsapp-btn i {
        font-size: 30px;
    }

    body.page-warning a.whatsapp-btn:hover {
        text-decoration: none;
    }

    /* Slider */
    button.slick-prev.slick-arrow:before {
        content: "\f053";
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
        font-size: 30px;
        color: #373737 !important;
    }

    button.slick-prev.slick-arrow,
    button.slick-next.slick-arrow {
        font-size: 0px;
        background-color: transparent;
        border: none;
    }

    button.slick-prev.slick-arrow:focus,
    button.slick-next.slick-arrow:focus {
        outline: none !important;
    }

    button.slick-next.slick-arrow:before {
        content: "\f054";
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
        font-size: 30px;
        color: #373737 !important;
    }

    .slick-track {
        margin-left: 0 !important;
    }

    .slick-list.draggable {
        width: calc(100% - 60px);
        overflow: hidden;
        margin: 0 auto;
    }

    button.slick-prev.slick-arrow {
        left: 0;
        top: 0;
    }

    button.slick-next.slick-arrow {
        top: 0;
        right: 0;
    }

    button.slick-prev.slick-arrow,
    button.slick-next.slick-arrow {
        font-size: 0px;
        background-color: transparent;
        border: none;
        width: 30px !important;
        position: absolute;
        height: 100%;
        background-color: transparent;
        color: #f9f9f9;
    }

    /* Mini Cart */
    body.product-list .headercart {
        max-width: 50%;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    body.product-list .minicart .minicart-icon:before {
        content: "\f07a" !important;
        font-weight: 700;
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        font-size: 30px;
        text-shadow: #f7b600 -3px 3px 0px;
    }

    .container-minicart.active {
        display: block !important;
    }

    body.product-list .minicart.active .minicart-icon:before {
        content: "\f00d" !important;
        font-weight: 700;
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        font-size: 9vw;
        text-shadow: #f7b600 -3px 3px 0px;
    }

    body.product-list .minicart.active span.minicart-quantity {
        display: none;
    }

    body.product-list span.minicart-quantity {
        background-color: #f7b600 !important;
        position: absolute;
    }

    body.product-list .container-minicart.active .empty-cart,
    body.product-list .container-minicart.active .popover {
        position: fixed;
        left: 0;
        width: 100%;
        top: 96px;
        height: calc(100% - 96px);
    }

    body.product-list .cart-title,
    body.product-list .emptycart-title {
        text-align: center;
        height: 50px;
        background-color: #C3000A;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -1px;
    }

    body.product-list .add-to-cart-messages {
        top: 25%;
    }

    body.product-list .container.emptycart>div:not(:first-child),
    body.product-list .container.cart>div:not(:first-child) {
        padding: 0 !important;
        width: 80%;
        margin: 0 auto;
        border-top: none;
    }

    body.product-list .emptycart-content,
    body.product-list .cart-content {
        margin-top: 20px !important;
    }

    body.product-list .cart-content {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    body.product-list .minicart h1 {
        font-size: 25px;
        font-family: 'Klavika Medium';
        color: #fff;
        margin: 0;
        padding: 0;
    }

    body.product-list .container.emptycart,
    body.product-list .container.cart {
        padding: 0;
        background-color: #F9F9F9;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100vw !important;
    }

    body.product-list .emptyminicart-footer.empty,
    body.product-list .minicart-footer {
        margin-top: auto !important;
    }

    .empty-cart .checkout-continue div {
        background-color: #de7c81;
        border-color: #de7c81;
        border-radius: 0px;
        font-size: 13px;
        font-family: 'Klavika Medium';
        pointer-events: none;
        color: #fff;
        margin: 0 auto;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        width: 100%;
        border-radius: 25px;
    }

    body.product-list ul.product-services {
        display: flex;
        justify-content: center;
    }

    body.product-list ul.product-services img {
        max-width: 100%;
        max-height: 50px;
        border-radius: 50px;
        box-shadow: 4px 2px 6px #c3000a33;
    }

    body.product-list ul.product-services li {
        margin: 10px 5px;
    }

    body.product-list .product-options ul {
        padding: 0;
        margin: 0;
    }

    body.product-list .product-options ul li {
        list-style: none;
        font-size: 11px;
    }

    body.product-list .product-options ul li i,
    body.product-list .product-options ul li img,
    body.product-list .product-options ul.product-services,
    body.product-list .product-options .infowifi {
        display: none !important;
    }

    body.product-list .product-options.active .long-desc {
        height: auto !important;
    }

    body.product-list .product-options .long-desc {
        height: 16px;
        overflow: hidden;
    }

    body.product-list span.ver-mais {
        text-transform: uppercase;
        font-family: 'Klavika Medium';
        color: #373737;
        cursor: pointer;
    }

    body.product-list .col-4.line-item-quantity {
        max-width: 50px;
        padding: 0;
    }

    body.product-list .minicart .product-summary {
        max-height: unset !important;
    }

    body.product-list .checkout-continue a.btn {
        background-color: #C3000A;
        border-color: #C3000A;
        border-radius: 25px;
        font-size: 13px;
        font-family: 'Klavika Medium';
        margin: 0 auto;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        width: 100%;
    }

    body.product-list p.sub-total-label {
        font-size: 1.4em !important;
        font-family: 'Klavika Medium';
        font-weight: normal !important;
    }

    body.product-list .sub-total {
        font-size: 1.7em !important;
        color: #C3000A;
        font-family: 'Klavika Medium';
    }

    body.product-list .row.estimated-total {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    body.product-list .row.estimated-total>div {
        padding: 0 !important;
    }

    /* Product List */
    body.product-list {
        background-color: #EDEDED;
    }
    body.product-list {
        /* background-image: url(../images/background/blackfridaybg-mobile.png); */
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center 90px;
        background-attachment: fixed;
    }

    body.product-list .homepage-product-listing:last-child {
        margin-bottom: 50px;
    }

    body.product-list .homepage-product-listing:not(:first-child) h2 {
        padding-top: 25px;
    }

    body.product-list a.conditions {
        font-size: 13px;
        width: 100%;
        display: inline-block;
        text-align: center;
        color: #3D3D3D;
        text-decoration: underline;
        font-family: 'Klavika Medium';
    }

    body.product-list div#maincontent {
        margin: 0 10px;
        position: relative;
    }

    body.product-list .homepage-product-listing h2 {
        font-size: 1.2em !important;
        font-family: 'Klavika Light';
        margin: 0;
        margin-bottom: 20px;
        position: relative;
        /* z-index: -1; */
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
        color: #fff;
    }

    body.product-list .required-text {
        font-size: 15px;
        color: #c3000a;
        font-family: 'Klavika Light';
        width: 100%;
        text-align: right;
        display: inline-block;
    }

    body.product-list .required-text.tax {
        text-align: center;
        display: block;
        width: 80%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        color: #fff;
    }

    body .category-nav-container {
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding: 4% 0;
    }

    body.product-list .category-nav {
        margin: 30px 0;
        width: 100%;
        text-align: center;
        display: flex;
        /* margin-bottom: 30px !important;
        display: flex;
        text-align: center;
        align-items: center !important;
        justify-content: flex-start;
        gap: 2rem;
        border-bottom: 2px solid #4d4d4d;
        overflow-x: scroll; */
        /* height: 80px; */
    }

    body.product-list .category-nav::-webkit-scrollbar {
        display: none;
    }

    body.product-list .category-nav a {
        font-size: 1.2em;
        border-bottom: 1px solid;
        /* flex: 1; */
        /* font-size: 1.4em;
        white-space: nowrap; */
        /* position: relative;
        top: 22px; */
        color: #fff;
    }

    body.product-list .emptycart-content p {
        text-align: center;
        color: #c3000a;
    }

    body.product-list .category-nav a.active {
        color: #ffffff;
        border-bottom: 5px solid #f7b600;
        font-family: 'Klavika Medium';
    }

    body.product-list .item {
        margin: 10px;
        margin-top: 30px;
    }

    body.product-list .product-list:not(.slick-slider) .item {
        width: calc(100% - 60px);
        margin: 0 auto;
    }

    body.product-list .item .pdp-link a {
        font-family: 'Klavika Medium';
        font-size: 30px !important;
        color: #373737;
        font-weight: normal;
        pointer-events: none;
    }

    body.product-list .item .pdp-link a .break {
        font-family: 'Klavika Medium';
        font-size: 46px !important;
        font-weight: bold;
        pointer-events: none;
        display: inline-block;
        width: 100%;
        line-height: 0.8;
    }

    body.product-list .homepage-product-listing:first-child .item .pdp-link a {
        color: #C3000A;
    }

    body.product-list .item .pdp-link {
        text-align: center;
        margin-top: 10px;
        min-height: 86px;
    }

    body.product-list .product-tile .tile-body {
        padding: 0 !important;
    }

    body.product-list .price span {
        font-family: 'Klavika Medium';
        color: #35302D;
        font-size: 50px;
        display: block;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding: 0px 5px;
        margin: 0px auto;
        border-radius: 25px;
        line-height: 1;
    }

    body.product-list .price span.value::before {
        content: "R$";
        font-size: 28px;
        font-style: italic;
        font-family: 'Klavika Light';
        font-weight: bold;
    }

    body.product-list p.item-message {
        font-size: 12px;
        text-align: center;
        min-height: 18px;
        color: #35302D;
        font-style: italic;
    }

    body.product-list hr.divisor {
        border: 1px solid #C3000A;
    }

    body.product-list .item ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    body.product-list .item ul:first-of-type li img {
        display: inline-block;
        margin-right: 10px;
    }

    body.product-list .item ul:first-of-type li {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        margin-left: 10px;
    }

    body.product-list .item ul i {
        color: #c3000a;
        margin-right: 10px;
    }

    body.product-list .product-tile .tile-body ul li span,
    body.product-list .product-tile .tile-body ul li a {
        color: #000000;
        font-family: 'Klavika Medium' !important;
        font-weight: normal !important;
    }

    body.product-list ul.product-services {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        margin: 10px 0;
    }

    body.product-list ul.product-services img {
        max-width: 32px;
        max-height: 32px;
        border-radius: 6px;
    }

    body.product-list ul.product-services div.more-apps {
        border: 2px solid;
        border-radius: 6px;
        height: 32px;
        width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Klavika Bold';
        border-color: #f7b600;
        color: #f7b600;
    }

    body.product-list .cart-button a {
        background-color: #C3000A;
        border-radius: 0;
        color: #fff;
        font-family: 'Klavika Medium';
        font-size: 13px;
    }

    body.product-list .cart-button {
        margin: 10px 0;
    }

    body.product-list .product-tile .price {
        margin-top: auto !important;
    }

    body.product-list .product-tile {
        height: calc(100% - 2px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border: 10px solid transparent;
        background-color: #fff;
        border-radius: 14px;
        margin: 2px;
        margin-top: 0;
        position: relative;
    }

    body.product-list .product {
        height: 100%;
        position: relative;
    }

    body.product-list .cart-and-ipay {
        padding-bottom: unset !important;
    }

    body.product-list .product-tile .image-container a .tile-image {
        width: auto;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
        max-height: 60px;
        max-width: 100%;
    }

    body.product-list .product-tile .image-container {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.product-list .item-image {
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: unset;
    }

    body.product-list .minicart img.product-image {
        max-width: 42px;
        max-height: 42px;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.product-list .item-attributes {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }

    body.product-list .product-remove {
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1px;
        font-size: 10px;
    }

    body.product-list .product-name {
        width: 90%;
    }

    .product-line-item .product-name span {
        font-family: 'Klavika Bold' !important;
        font-size: 17px;
        color: #373737;
    }

    body.product-list .product-options {
        width: 70%;
    }

    body.product-list .product-price {
        width: 30%;
    }

    body.product-list .product-price .pricing {
        font-weight: normal;
        font-family: 'Klavika Light';
        text-align: right;
    }

    body.product-list .minicart .card {
        border: none !important;
    }

    body.product-list .minicart .card hr {
        display: none;
    }

    .minicart .popover,
    body.product-list .empty-cart {
        z-index: 1050;
    }

    body.product-list .item.promo-border {
        background-color: #f7b600;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }
    body.product-list span.promoText span {
        font-family: 'Klavika Bold';
        padding-right: 5px;
    }
    body.product-list span.promoText {
        background-color: #f7b600;
        text-align: center;
        color: #35302d;
        font-family: 'Klavika Light';
        font-size: 16px !important;
        font-weight: bold;
        height: 26px;
        line-height: 26px;
        margin: 0 auto;
        margin-top: -26px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-color: #f7b600;
    }

    body.product-list .item.black-friday span.promoText {
        background-color: #35302d !important;
        color: #f7b600 !important;
        border-color: #35302d !important;
    }
    body.product-list .item.promo-border.black-friday {
        border-color: #35302d !important;
        background-color: #35302d !important;
    }

    body.product-list .product-tile .image-title .image-container {
        width: 20%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.product-list .product-tile .tile-body .image-title>* {
        margin: 0;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    body.product-list .product-tile .image-container a.product-image {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        margin: 0;
    }

    body.product-list .product-tile .image-container a.product-image img {
        margin: 0;
        padding: 0;
    }

    body.product-list .product-tile .tile-body .image-title {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    body.product-list .item.promo-border .product .btn-primary {
        background-color: #f7b600 !important;
        border-color: #f7b600 !important;
    }

    body.product-list .product .btn-primary {
        font-size: 14px;
        font-family: 'Klavika Bold';
        border: 2px solid;
        border-color: #35302D !important;
        border-radius: 4px;
        background-color: #fff !important;
        color: #35302D !important;
        width: 100%;
    }

    body.product-list .infowifi {
        display: inline-block;
        border: 2px solid;
        color: #f3b300;
        padding: 11px 9px;
        border-radius: 25px;
        font-family: 'Klavika Bold';
        font-size: 20px;
        line-height: 0;
        position: absolute;
        right: 0;
        cursor: default;
    }

    body.product-list .infowifi .infowifitext {
        visibility: hidden;
        position: absolute;
        width: 120px;
        background-color: #f7b600;
        color: #35302d !important;
        text-align: center;
        padding: 5px 5px;
        border-radius: 6px;
        z-index: 1;
        opacity: 0;
        transition: opacity .6s;
        line-height: 1;
        font-size: 13px;
    }

    body.product-list .infowifi:hover .infowifitext {
        visibility: visible;
        opacity: 1;
    }

    body.product-list .infowifi-bottom {
        top: 135%;
        right: 0;
    }

    body.product-list .infowifi-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 91%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #f7b600 transparent;
    }

    body.product-list span.tagText {
        position: absolute;
        right: 2px;
        top: -7px;
        z-index: 1;
    }

    /* Page Success */
    body.page-success div#maincontent {
        background: url(../images/background/success_mobile.jpg) no-repeat center;
        background-size: cover;
    }

    body.page-success .content {
        background-color: #fff;
        color: #373737;
        text-align: center;
    }

    body.page-success a#back-to-site {
        background-color: #c3000a;
    }

    body.page-success .biu-address {
        width: 90%;
        max-width: 500px;
        margin: 0 auto;
        text-align: right;
    }

    body.page-success .biu-address img {
        height: 150px;
    }

    body.page-success div#maincontent h1,
    body.page-success div#maincontent h2 {
        font-size: 1.9em;
        font-family: 'Klavika Bold';
        font-weight: normal;
        color: #c3000a;
        text-align: left;
    }

    body.page-success div#maincontent h2 {
        font-size: 1.4em !important;
    }

    body.page-success div#maincontent p {
        font-size: 1.2em;
        text-align: left;
    }

    body.page-success div#maincontent p b {
        font-family: 'Klavika Medium';
    }

    /* Page Checkout */
    body.page-checkout div#maincontent {
        /* background-image: url(../images/background/blackfridaybg-mobile.png); */
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        /* background-color: #fff !important; */
    }

    body.page-checkout .right h2.card-header-custom {
        font-size: 24px;
        font-family: 'Klavika Medium';
        color: #fff;
        margin: 0;
        padding: 0;
    }

    body.page-checkout .right .card-header {
        width: 100%;
        text-align: center;
        height: 50px;
        background-color: #C3000A;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.page-checkout .right h2.card-header-custom:before {
        content: "\F07A";
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
        padding-right: 5px;
    }

    body.page-checkout .right>.card {
        border-radius: 16px;
        background-color: #F9F9F9;
        overflow: hidden;
        height: fit-content;
        display: block;
        margin: 0 auto;
        width: 100%;
        margin: 10px;
    }

    body.page-checkout .right {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }

    body.page-checkout .right img.product-image {
        max-width: 32px;
        max-height: 32px;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-checkout .card.order-product-summary .leading-lines {
        display: none;
    }

    body.page-checkout .right .card {
        border: none !important;
    }

    body.page-checkout .right .card-body div.product-line-item:not(:first-child) {
        padding: 10px 0px !important;
    }

    body.page-checkout .right .card hr {
        display: none;
    }

    body.page-checkout .qty-display {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    body.page-checkout .qty-display span {
        padding-right: 5px;
    }

    body.page-checkout .right .card .item-image {
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: unset;
    }

    body.page-checkout .right .card-body.order-total-summary {
        width: 256px;
        padding: 0;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    body.page-checkout .right .product-line-item-details {
        overflow-y: unset !important;
    }

    body.page-checkout .right .card-body.order-total-summary div {
        padding: 0 !important;
    }

    body.page-checkout .right .card img.product-image {
        max-width: 32px;
        max-height: 32px;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-checkout .right .card .product-name {
        width: 90%;
    }

    body.page-checkout .right .card .item-attributes {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }

    body.page-checkout .right .card .product-remove {
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -5px;
    }

    body.page-checkout .right .card .product-remove i {
        font-size: 11px;
        color: #373737;
    }

    body.page-checkout .product-name {
        width: 90%;
    }

    body.page-checkout .product-options {
        width: 60%;
        max-height: 35px;
        overflow: hidden;
        font-size: 11px;
    }

    body.page-checkout .product-options.active {
        max-height: unset !important;
        overflow: visible !important;
    }

    body.page-checkout .product-options ul {
        padding: 0;
        margin: 0;
    }

    body.page-checkout .product-options ul li {
        list-style: none;
    }

    body.page-checkout .product-options ul li i,
    body.page-checkout .product-options ul li img {
        display: none !important;
    }

    body.page-checkout .ver-mais:hover:after {
        text-decoration: underline;
    }

    body.page-checkout .ver-mais:after {
        content: "Ver Mais";
    }

    body.page-checkout .ver-mais.active:after {
        content: "Ver Menos";
    }

    body.page-checkout .ver-mais {
        text-transform: uppercase;
        font-size: 12px;
        font-family: 'Klavika Bold';
        cursor: pointer;
    }

    body.page-checkout.ver-mais:hover {
        text-decoration: underline;
    }

    body.page-checkout .product-price {
        width: 40%;
    }

    body.page-checkout .right .card .product-price .pricing {
        font-weight: normal;
        font-family: 'Klavika Light';
        text-align: right;
    }

    body.page-checkout .right .card-body.order-total-summary div.row:not(.grand-total) {
        display: none;
    }

    body.page-checkout .card-footer .leading-lines {
        display: none;
    }

    body.page-checkout .card-footer {
        border-top: none;
        background-color: #f9f9f9;
    }

    .leading-lines .end-lines span {
        background-color: #f9f9f9;
    }

    body.page-checkout .right span.grand-total-sum {
        font-size: 24px !important;
        color: #C3000A;
        font-family: 'Klavika Medium';
        background-color: #f9f9f9;
    }

    body.page-checkout .right .remove-line-item.product-remove {
        visibility: hidden;
    }

    body.page-checkout .right .card-body.order-total-summary .products {
        margin-top: 20px;
    }

    body.page-checkout .right .leading-lines .start-lines:before {
        content: "" !important;
    }

    body.page-checkout .row.grand-total.leading-lines p.order-receipt-label span {
        font-size: 18px !important;
        font-family: 'Klavika Medium';
        font-weight: normal !important;
        background-color: #f9f9f9;
    }

    body.page-checkout .row.grand-total.leading-lines {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        margin-top: auto;
    }

    body.page-checkout .row.d-sm-none {
        display: none;
    }

    body.page-checkout .left>*:not(.steps) {
        margin: 10px;
    }

    body.page-checkout .left>div:last-child {
        margin: 0;
    }

    body.page-checkout .form-control {
        box-shadow: 0px 3px 6px #00000029;
        border: 1px solid #A8A8A8;
        border-radius: 3px;
    }

    body.page-checkout .col-sm-6 {
        padding: 0px 5px !important;
    }

    body.page-checkout .left .card-header,
    body.page-checkout .left .card {
        border: none !important;
        padding: 0;
        margin: 0;
    }

    body.page-checkout .left .card-header span#edit-shipping {
        /* color: #ffffff; */
        text-transform: capitalize !important;
        font-family: 'Klavika Medium' !important;
        padding-left: 10px;
        font-size: 16px;
        cursor: pointer;
    }

    body.page-checkout .left .card-header h2 {
        font-family: 'Klavika Bold';
        font-size: 32px;
        /* color: #ffffff; */
        padding: 10px;
    }

    body.page-checkout .desktop-summary h3 {
        font-size: 16px;
        font-family: 'Klavika Bold';
        color: #373737;
    }

    body.page-checkout .desktop-summary h3 i {
        color: #c3000a;
    }

    body.page-checkout .desktop-summary .card-body {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        color: #fff;
    }

    body.page-checkout .desktop-summary .card-body>div {
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

    body.page-checkout .shipping-method-block,
    body.page-checkout .gift-message-block,
    body.page-checkout .customer-address,
    body.page-checkout .card-body.multi-shipping-checkbox-block,
    body.page-checkout .left .card-header .edit-button,
    body.page-checkout fieldset.billing-address-block,
    body.page-checkout fieldset.contact-info-block,
    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .card.shipping-summary,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .card.shipping-summary,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .card.payment-summary>.card-header.clearfix,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .card.payment-summary>.card-body,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .step2 {
        display: none;
    }

    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .step3,
    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .shipping-section {
        display: block !important;
    }

    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .shipping-section input {
        pointer-events: none;
        background-color: #e9ecef
    }

    body.page-checkout .calendar i {
        font-size: 20px;
        cursor: pointer;
        float: right;
        margin-top: -29px;
        margin-right: 15px;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div {
        flex: 1;
        height: 39px;
        box-shadow: 0px 3px 6px #00000029;
        border: 1px solid #A8A8A8;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1;
        margin-left: 10px;
        margin-top: 3px;
        color: black;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div .content span {
        line-height: 15px;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div input {
        margin-left: 10px;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div .content span.times {
        font-size: 12px;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div.disabled {
        background-color: #e9e9e9;
        cursor: not-allowed;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div.disabled span {
        color: #9f9f9f;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div.disabled input {
        cursor: not-allowed;
    }

    body.page-checkout div#billingSchedule fieldset#scheduleRadio>div:first-child {
        margin-right: 10px;
    }

    /* Paginas Custom */
    body.page-custom div#maincontent {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto;
        padding: 30px 10px;
        text-align: left;
    }

    /* Página de Erro e Manutenção*/
    body.page-error .container {
        width: 100%;
        max-width: 1366px;
        min-height: calc(100vh - 192px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.page-error h2.text-center.error-message {
        font-family: 'Klavika Medium';
        font-size: 40px;
        border-bottom: 4px solid #c3000a;
        width: fit-content;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    body.page-error h3.text-center.error-message {
        font-family: 'Klavika Light';
        font-size: 25px;
        width: fit-content;
        margin: 0 auto;
        padding: 20px 0;
    }

    body.page-error .row>div {
        margin: 0 auto;
    }

    body.page-error .row>div a {
        margin: 0 auto;
        width: 180px;
        font-family: 'Klavika Medium';
        font-size: 20px;
    }

    /* HTML Trail */
    .steps {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 0px;
        padding-top: 30px;
    }

    .steps .trail {
        display: flex;
        width: 74%;
        align-items: center;
        justify-content: center;
    }

    .steps .trail .step {
        min-width: 25px;
        height: 25px;
        background-color: #fff;
        border-radius: 50px;
        border: 2px solid #f7b600;
    }

    .steps .trail .line {
        height: 2px;
        background-color: #4d4d4d;
        flex: 1;
    }

    .steps .text {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }

    .steps .text .label {
        flex: 1;
        text-align: center;
        /* color: #ffffff; */
        font-family: 'Klavika Bold';
        font-size: 15px;
    }

    div#divSteps span a {
        font-size: 15px;
    }

    body.page-checkout div#divSteps span a {
        color: #373737 !important;
    }

    body.product-list .steps .step-1,
    body.page-checkout div#checkout-main[data-checkout-stage*="shipping"] .steps .step-1,
    body.page-checkout div#checkout-main[data-checkout-stage*="shipping"] .steps .step-2,
    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .steps .step-1,
    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .steps .step-2,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps .step-1,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps .step-2,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps .step-3,
    body.product-list .steps .step-1 a,
    body.page-checkout div#checkout-main[data-checkout-stage*="shipping"] .steps .step-1 a,
    body.page-checkout div#checkout-main[data-checkout-stage*="shipping"] .steps .step-2 a,
    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .steps .step-1 a,
    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .steps .step-2 a,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps .step-1 a,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps .step-2 a,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps .step-3 a {
        /* color: #ffffff !important; */
    }

    body.product-list .steps div.step-1,
    body.page-checkout div#checkout-main[data-checkout-stage*="shipping"] .steps div.step-1,
    body.page-checkout div#checkout-main[data-checkout-stage*="shipping"] .steps div.step-2,
    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .steps div.step-1,
    body.page-checkout div#checkout-main[data-checkout-stage*="payment"] .steps div.step-2,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps div.step-1,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps div.step-2,
    body.page-checkout div#checkout-main[data-checkout-stage*="placeOrder"] .steps div.step-3 {
        background-color: #f7b600 !important;
    }

    /* Modal Produtos */
    div#showChannelModal {
        position: fixed;
        width: 95%;
        height: calc(100vh - 120px);
        background-color: #fffffff0;
        z-index: 999999999;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 4px 2px 6px #f7b60073;
        border: 1px solid #f7b600;
        margin-top: 10px;
    }

    div#showChannelModal .modal-border {
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    div#showChannelModal span#closeModal {
        font-family: 'Klavika Medium';
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
    }

    div#showChannelModal span#closeModal i {
        font-size: 30px;
        margin-right: 10px;
    }

    div#showChannelModal .modal-container {
        width: 100%;
        flex: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    div#showChannelModal iframe#channel-iframe {
        width: 95%;
        display: block;
        height: 95%;
        background-color: #fff;
    }

    div#showChannelModal span#closeModal {
        cursor: pointer;
    }

    div#showChannelModal.hidden {
        opacity: 0;
        height: 0px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 355px) {
    body.page-address-validation label.telephone span {
        font-size: 12px !important;
        padding-bottom: 4px;
    }
}