.account-nav .nav-button {
    padding: 3px 10px;
    margin-top: 1px;
}

.hidden {
    display: none;
}

.form_container form {
    width: 100%;
}

.form_container form input {
    border-radius: 0 0.25rem 0.25rem 0;
}

.bf-green-color {
    color: #2d6f15 !important;
}

.bf-darkgreen-color {
    color: #183527 !important;
}

.darkgreen-border {
    border-color: #183527 !important;
}

.affilicon-cart-widget .cd-cart-container .purchase-button {      
    background: #183527 !important;
}

.bronze-color {
    color:#A46628;
    background: -webkit-linear-gradient(transparent, transparent),
    -webkit-linear-gradient(top, rgba(123,76,30,1) 0%, rgba(144,89,35,1) 0%, rgba(220,165,112,1) 25%, rgba(182,127,73,1) 45%, rgba(103,64,25,1) 61%, rgba(160,88,34,1.00) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;                                    
}

.silver-color {
    color:#808080;
    background: -webkit-linear-gradient(transparent, transparent),
    -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(112, 112, 111, 1) 10%, rgba(125, 125, 122, 1) 15%, rgb(170 178 185) 35%, rgb(137 145 142) 45%, rgba(125, 125, 122, 1) 61%, rgba(112, 112, 111, 1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;                               
}

.gold-color {
    color: #D5AD6D; /*if no support for background-clip*/
    background: -webkit-linear-gradient(transparent, transparent),
    -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.login-form {
    height: auto;
    width: 100%;
    margin: 80px 0;
    /*background: #f39c12;*/
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    /*
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%),
        0 6px 20px 0 rgb(0 0 0 / 19%);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
    */
    border-radius: 5px;
    padding: 40px;
    position: relative;
    display: block;
}

.login_btn {
    width: 100%;
    background: #ed6c4a !important;
    color: white !important;
    text-transform: uppercase;
    padding: 7px 0;
}

.login_btn:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.login_btn2 {
    width: 100%;
    background: #ed6c4a !important;
    color: white !important;
    text-transform: uppercase;
    padding: 7px 0;
}

.login_btn2:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.input-group-text {
    border: 1px solid #dee2e6;
}

.focus-append {
    border: 1px solid #000 !important;
}

.input_user,
.input_pass:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.password-login {
    border: 1px solid #dee2e6;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ed6c4a !important;
}

.login-header {
    padding: 10px 0;
    color: #183527;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 3px solid #183527;
}

#email {
    border-radius: 0 0px 0px 0;
}

#password {
    border-radius: 0 0px 0px 0;
}

.email {
    border-radius: 0 0px 0px 0 !important;
}

.password {
    border-radius: 0 0px 0px 0 !important;
}

.account-sidebar li.nav-item {
    padding: 0px 10px;
    margin: 0;
    /* border-bottom: 2px solid #eee; */
}

.account-sidebar li.nav-item .nav-link {
    color: #9f9f9f;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.account-sidebar li.nav-item:hover,
.account-sidebar li.nav-item.active {
    text-decoration: underline;
    text-underline-offset: 13px;
    text-decoration-thickness: 0.1rem;
    font-weight: bold;
    text-transform: uppercase;
}

.account-sidebar li.nav-item:hover .nav-link,
.account-sidebar li.nav-item.active .nav-link {
    color: #183527;
}

.account-page .custom-label {
    position: absolute;
    top: -1px;
    left: 5px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: lighter;
    color: #8f8f8f;
    z-index: 999;
}

.faq-minus {
    color:#e8f0dd;
}

.account-page .custom-label-select {
    top: -1px;
    left: 2px;
}

.account-page .custom-form-group {
    position: relative;
    margin: 15px 0;
}

.account-page .form-control {
    padding: .50rem 0.75rem 0.5rem;
    height: auto;
}

.account-page .form-control {
    border: 1px solid #ddd;
    position: relative;
}

.account-page input[readonly="true"] {
    background: #fff !important;
    cursor: no-drop;
}

.account-page .required {
    color: red;
}

.color-light {
    color: #9f9f9f;
}

.color-light-fokuspoints {
    color: #e0e0e0;
}

.color-light-label {
    color: #9f9f9f;
}

.hr {
    border-top: 2px solid #000;
}

.to-edit {
    font-size: 16px;
    float: right;
    font-weight: 600;
}

.to-edit:hover {
    text-decoration: none;
    color: #9f9f9f;
}

.text-align-right {
    text-align: right;
}

.progress-bar {
    border: 1px solid #ddd;
    width: 100%;
    background: #fff;
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.progress-bar > div {
    height: 13px;
    background: #fff;
    width: 11%;
    float: left;
}

.mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid transparent;
    border-radius: 0px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card .card-title {
    position: relative;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
}

.comment-widgets {
    position: relative;
    margin-bottom: 10px;
}

.comment-widgets .comment-row {
    border-bottom: 1px solid transparent;
    padding: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
}

.p-2 {
    padding: 0.5rem !important;
}

.comment-text {
    padding-left: 15px;
    width: 100%;
}

.m-b-15 {
    margin-bottom: 15px;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.76563rem;
    line-height: 1.5;
    border-radius: 1px;
}

.btn-cyan {
    color: #fff;
    background-color: #27a9e3;
    border-color: #27a9e3;
}

.btn-cyan:hover {
    color: #fff;
    background-color: #1a93ca;
    border-color: #198bbe;
}

.comment-widgets .comment-row:hover {
    background: rgba(0, 0, 0, 0.05);
}

.table-header > div {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.table-row {
    border: 2px solid #eee;
    margin-top: 10px;
    margin-bottom: 10px;
}

.row-padding {
    padding: 15px;
}

.p15 {
    padding: 15px;
}

.active_row {
    background: #000;
}

.active_row .btn-collapse {
    color: #fff !important;
}

.active_row .color-white {
    color: #fff !important;
}

.collapse {
    width: 100%;
}

.bg-white {
    background-color: #fff;
}

.bf-darkgreen-bg {
    background-color: #183527!important;
}

.bg-lightgreen{
    background-color: #f3f3f3!important;
}

.hr-white {
    border-top: 4px solid #fff;
}

.hr-darkgreen {
    border-top: 4px solid #183527;
}

.border-left-white {
    border-left: 4px solid #fff!important;
}

.rounded-box {
    border-radius: 0.50rem!important;
}

.border-darkgreen {
    border: 1px solid #183527!important;
}

.rounded-box-bottom {
    border-bottom-right-radius: 0.50rem!important;
    border-bottom-left-radius: 0.50rem!important;
}

.faqs-header {
    cursor:pointer;
}

input::placeholder {
    color: #8f8f8f !important;
}

.form-control:focus {
    outline: 0 !important;
    border-color: initial;
    box-shadow: none;
}


/* The container */
.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 50%;
    border:1px solid #dee2e6;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
    background-color: #183527;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
    top: 8px;
    left: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

.faqs-border-top {
    border-top: 1px solid #183527!important;
}

.faqs-border-bottom {
    border-bottom: 1px solid #183527!important;
}

.product-offer {
    font-size: 0.9rem;
    cursor:pointer;
}

.darkgreen-btn {
    background-color: #183527;
    color:#fff;
    font-size: 0.9rem;
}

.product-offer:hover .darkgreen-btn {
    background: #e8f0db !important;
    color:#183527 !important;
}

.offer-section {
    cursor:pointer;
}

.offer-section:hover .darkgreen-btn {
    background: #e8f0db !important;
    color:#183527 !important;
}

.rounded-discount {
    width:150px;
    height:150px;
    cursor:pointer;
    border: none;
}

.rounded-discount:hover {
    background: #e8f0db !important;
    border: none;
}

.rounded-discount:focus {
    outline: none;
}

.nav-box {
    cursor:pointer;
}

.arrow-icon {
    font-size: 1.1rem !important;
}

.offer-nav a {
    text-decoration:none;
    color:#183527 !important;
}

.offer-1 a {
    text-decoration:none;
    color:#183527 !important;
}

.offer-2 a {
    text-decoration:none;
    color:#183527 !important;
}

.first-offer a {
    text-decoration:none;
    color:#183527 !important;
}

.table-row .transaction-msg {
    font-size: 15px;
}

.address_form {
    padding: 30px 0;
}

.account-page .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ed6c4a;
    border-color: #ed6c4a;
}

.order-details-container .card-header {
    font-weight: bold;
    text-transform: uppercase;
}

.order-details-container .card .card-title {
    font-size: 16px;
    text-transform: uppercase;
}

.order-details-container {
    width: 100%;
    position: relative;
}

.active_row_total {
    background: grey;
    padding: 15px !important;
    color: #fff;
}

.points_progress_bar {
    border-radius: 30px;
}

.points_level {
    margin-bottom: -7rem;
}

.points_progress_width {
    padding-left: 4rem!important;
    padding-right: 4rem!important;
}

.address_create_new {
    font-size: 1rem;
}

.login-image {
    width:45px;
}

.raise-arm-img {
    width:45px;
}

@media (max-width: 991px) {
    .account-nav .nav-button {
        padding: 1rem !important;
        width: 100%;
        text-align: left;
        border-radius: 0px;
    }

    .account-sidebar li.nav-item .nav-link {        
        text-decoration: none !important;
        color:#183527;   
    }

    .account-sidebar li.nav-item:hover,
    .account-sidebar li.nav-item.active {
        background-color:#183527 !important;       
        text-decoration: none;          
    }

    .account-sidebar li.nav-item:hover .nav-link,
    .account-sidebar li.nav-item.active .nav-link {
        color: #fff;
    }
   
    .account-sidebar li.nav-item {     
        border-bottom: 1px solid #eee;        
    }

    .points_level {
        margin-bottom: -6rem;
    }
}

@media (max-width: 991px) and (min-width: 769px) {
    .login-form {
        padding: 0;
    }

    .points_level {
        margin-bottom: -6.2rem;
    }
     
}

@media (max-width: 768px) {
    .login-form {
        margin: 0;
    }

    .to-edit {
        float: none;
    }

    .points_level{
        margin-bottom: none !important;
    }
    
    .table-header {
        display:none !important;
    }

    .raise-arm-img {
        width:45px;
        padding-top: 3rem!important;
        margin-top: -5rem!important;
    }  
    
}

@media (max-width: 576px) and (min-width: 321px) {
    .login-form {
        padding: 40px 20px;
    }

    .custom-control {
        padding-left: 2.5rem;
    }

    .login-form .form-group .col-6 {
        padding: 0;
    }
}

@media (max-width: 360px) {
    .login-form .form-group .col-6 {
        max-width: 100% !important;
        width: 100%;
        flex: 100%;
        text-align: left;
    }

    .custom-control {
        margin-bottom: 0 !important;
    }
}

.cursor{
    cursor: pointer;
}

#faqs-popup {
    position: -webkit-sticky !important;
    position: sticky !important;
    right: 0;
    bottom: 0;
    left: 0;
}

.popup-box {
    width:240px;
}

@media only screen and (max-width: 1525px) {
    #faqs-popup {
        position: relative !important;           
    }
}

@media only screen and (max-width: 767px) {
    .popup-box {
        width:60%;
    }
}

@media only screen and (max-width: 540px) {
    .popup-box {
        width:80%;
    }
}

@media only screen and (max-width: 780px) {
    .info-bullets {
        list-style-position: inside !important;
    }
}

.trypti {
    cursor:pointer;
    border: 1px solid #eaefe8;
    color: #3c3c3b !important;
    border-radius: 7px !important;
}

.trypti .rounded-top {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.trypti .rounded-bottom {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.trypti_active p {
    background: #2f702f !important;
    color:#fff !important;
    border-color:#2f702f !important;    
}

.trypti_active {                            
    color: #3c3c3b!important;
    background-color: #eaefe7 !important;    
    border-left:none !important;
    border-right:none !important;
    border-color:#2f702f !important;                   
}

.trypti h2 {
    font-size:1.7rem;
}

.trypti h3 {
    font-size:1rem;
}

.trypti p {
    background-color: #eaefe7;
    font-size:0.75rem;
}

.purchase_type_container input[type='radio'] {
    width: 1em; height: 5.3em;
    accent-color: #2C5742;   
}

.purchase_type_container {
    font-size:0.67rem;
    color:#3c3c3b !important;
}

.heading_price p{
    color:#3c3c3b !important;
}

.purchase_type_container p{   
    color:#8ea199 !important;
}

.purchase_type_container h3{   
    color:#8c8c8c;
    font-size:1.6rem;
}

.purchase_type_container_active h3{ 
    color:#3c3c3b !important;
}

.purchase_type_container_active p{
    color:#1b3528 !important;
}

.member-offer-info {   
    font-size: 0.8rem !important;
    color:#3c3c3b !important;
}

.member-offer-info a{
    font-size: 0.8rem !important;       
    color:#3c3c3b !important;
}

.member-offer-info-login {
    font-size: 0.8rem !important;
}

add-to-cart-button.heading_button .cart-button.btn-default {
    width:auto !important;
    margin:auto !important;
    display:block;
    padding:5px 30px !important;   
}

.product-description {
    font-size: 0.8rem !important;
    color:#3c3c3b !important;
    text-align: justify;
    text-justify: inter-word;    
}

.product-description a {
    display:block;
    margin-top:10px;
    font-size: 0.85rem !important;
}

.fotorama__wrap {   
    padding-top:15px;    
}

.fotorama__stage__shaft img {
    background-color: #fafafb  !important;
    /* padding:20px !important;    */
}

.fotorama__stage__shaft {    
    padding:20px !important;   
}

.fotorama__nav {	     
	padding-top: 7px !important;   
}

.fotorama__arr--next {
	right: 21px !important;	
}

.fotorama__arr--prev {
	left: 21px !important;	
}

.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img {    
    background-color: #f8f9fa !important;          
}

.promo-text {
    color: #ed6c4a !important; 
}

.promo-text span{
    font-size:1.1rem;   
}

.promo-text small {
    font-size:0.74rem;
    color: #3c3c3b !important; 
}

.btn-green-promo:hover .copy-tooltip {
    visibility: visible;
}

.btn-green-promo {
    position: relative;
    display: inline-block;
    background: #2d6f15;    
}
  
.btn-green-promo .copy-tooltip {
    visibility: hidden;
    width: 50px;
    background-color: #2d6f15 !important;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 3px 3px;
    font-size:10px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    right: 50%;
    left:62%;      
}

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

    .trypti h2 {
        font-size:1.4rem;
    }

    .trypti h3 {
        font-size:1.3rem;
    }

    .purchase_type_container h3 {
        font-size:1.6rem !important;
    }

    .purchase_type_container p {
        font-size:0.7rem !important;
    }

    .purchase_type_container input[type='radio'] {
        width: 1em; height: 3.3em;        
    }
}

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

    .trypti h2 {
        font-size:1.2rem;
    }

    .trypti h3 {
        font-size:1.2rem;
    }

    .trypti p {
        font-size:0.6rem !important;
    }

    .purchase_type_container h3 {
        font-size:1.2rem !important;
    }

    .purchase_type_container p {
        font-size:0.7rem !important;
    }

    .member-offer-info {
        text-align: left !important;
        font-size: 0.8rem !important;
    }

    .member-offer-info {
        text-align: left !important;
        font-size: 0.8rem !important;
    }

    .member-offer-info a {
        text-align: left !important;
        font-size: 0.8rem !important;
    }

}


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

    .trypti h2 {
        font-size:1rem;
    }

    .trypti h3 {
        font-size:0.9rem;
    }

    .trypti p {
        font-size:0.6rem !important;
    }

    .purchase_type_container p {
        font-size:0.7rem !important;
    }    
}

@media only screen and (max-width: 767px) {
    .trypti h2 {
        font-size:1.3rem;
    }

    .trypti h3 {
        font-size:1rem;
    }

    .trypti p {
        font-size:0.6rem !important;
    }

    .member-offer-info {
        text-align: left !important;
        font-size: 0.8rem !important;
    }

    .purchase_type_container h3 {
        font-size:1.6rem !important;
    }

    .purchase_type_container p {
        font-size:0.7rem !important;
    }

    .purchase_type_container h3 {
       text-align:left;
    }

    add-to-cart-button.heading_button .cart-button.btn-default {
        width:100% !important;
       
    }

    .purchase_type_container h3 {
        font-size:1.25rem !important;
    }

    .purchase_type_container p {
        font-size:0.6rem !important;
    }

    .member-offer-info-login {
        font-size: 0.75rem !important;
    }
}

@media only screen and (max-width: 667px) {
    .member-offer-info {
        text-align: left !important;
        font-size: 0.65rem !important;
    }

    .member-offer-info a {
        text-align: left !important;
        font-size: 0.65rem !important;
    }

    .trypti h2 {
        font-size:1.1rem;
    }

    .trypti h3 {
        font-size:0.8rem;
    }

    .trypti p {
        font-size:0.5rem !important;
    }

    .product-description {
        font-size: 0.75rem !important;
        color:#3c3c3b !important;
        text-align: justify;
        text-justify: inter-word;    
    }
    
    .product-description a {
        display:block;
        margin-top:10px;
    }
    

    .trypti h2 {
        font-size:1.2rem;
    }
}

.discount_seal_promo {
    width:65%;
    margin-top: -1vw;   
    margin-left: 3vw; 

}

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

    .discount_seal_promo {
        width:90%;
        margin-top: 4vw;
        margin-bottom: 4vw;
        margin-left: 1vw; 
    
    }
}

.discount-promo-seal {                                        
    width: 8.31rem;
    height: 7.9rem;        
    background: url("https://d1u0fmrftdc99b.cloudfront.net/bilder/shops/DE/seals/promo_seal_d.png") no-repeat;
    background-size: cover;                                        
    margin: 20px;
}

.discount-promo-seal p {                                        
    /* font-size: 1.7rem;
    padding-top: .3rem!important; */
    font-size: 1.15rem;
    padding-top: .7rem!important;
}

.discount-promo-seal-slider {                                        
    width: 7.31rem;
    height: 6.9rem;        
    background: url("https://d1u0fmrftdc99b.cloudfront.net/bilder/shops/DE/seals/promo_seal_d.png") no-repeat;
    background-size: cover;                                        
    margin: 20px;
}

.discount-promo-seal-slider p {                                        
    /* font-size: 1.5rem;
    padding-top: .4rem!important; */
    font-size: 0.99rem;
    padding-top: .9rem!important;
}

.promo-seal-slider {                    
    z-index: 1 !important;
    position: relative;
    position: absolute;
    margin-top: -12rem;
    margin-left: 20.4rem;                  
}

@media only screen and (max-width: 991px) {   
    .promo-seal-slider {   
        margin-top: -14rem !important;
        margin-left: 18rem !important;                  
    }
    
}

@media only screen and (max-width: 853px) {   
    .promo-seal-slider {    
        margin-top: -14.5rem !important;
        margin-left: 13.5rem !important;                  
    }
    
}

@media only screen and (max-width: 820px) {   
    .promo-seal-slider {    
        margin-top: -14rem !important;
        margin-left: 14rem !important;                  
    }
    
}

@media only screen and (max-width: 767px) {   
    .promo-seal-slider {    
        margin-top: -14rem !important;
        margin-left: 30rem !important;                  
    }
    
}

@media only screen and (max-width: 690px) {   
    .promo-seal-slider {    
        margin-top: -14rem !important;
        margin-left: 26rem !important;                  
    }
    
}

@media only screen and (max-width: 614px) {   
    .promo-seal-slider {    
        margin-top: -14rem !important;
        margin-left: 23rem !important;                  
    }
    
}

@media only screen and (max-width: 550px) {   
    .promo-seal-slider {    
        margin-top: -14rem !important;
        margin-left: 17.5rem !important;                  
    }
    
}

@media only screen and (max-width: 540px) {  
    .promo-seal-slider {
        margin-top: -15rem !important;
        margin-left: 19rem !important;                  
    }
    
}

@media only screen and (max-width: 478px) {  
    .promo-seal-slider {
        margin-top: -14rem !important;
        margin-left: 16rem !important;                  
    }
    
}

@media only screen and (max-width: 440px) {  
    .promo-seal-slider {
        margin-top: -14rem !important;
        margin-left: 14rem !important;                  
    }
    
}

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

    .promo-seal-slider {          
        margin-top: -13.5rem !important;
        margin-left: 14.5rem !important;                  
    }

    .discount-promo-seal-slider {                                        
        width: 6.31rem;
        height: 5.9rem;   
    }

    .discount-promo-seal-slider p {                                        
        /* font-size: 1.4rem;
        padding-top: .56rem!important; */
        font-size: 0.8rem;
        padding-top: 1rem!important;
    }

    .btn-green-promo {
        font-size:0.7rem;
        margin-top:.75rem !important;
    }

    .promo-text span {
        font-size: 0.8rem;
    }
}

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

    .promo-seal-slider {          
        margin-top: -12.5rem !important;
        margin-left: 13rem !important;                  
    }

    .discount-promo-seal-slider {                                        
        width: 5.31rem;
        height: 4.9rem;        
    }

    .discount-promo-seal-slider p {                                        
        /* font-size: 1.2rem;
        padding-top: .7rem!important; */
        font-size: 0.7rem;
        padding-top: 1.1rem!important;
    }
}