/* Default CSS */
.mobile-package-container {
    display: none;
}

.package-container {
    display: flex;
}

.radio-section {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.s1-prod-center {
    min-width: 310px;
    margin-left: 10px;
}

.s1-prod-right {
    min-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: .8;
    margin-left: -90px;
    margin-top: 5px;
}

.s1-single-pack-img {
    width: 100px;
    min-width: 100px;
}
.s1-two-pack-img {
    width: 100px;
    min-width: 100px;
}
.s1-three-pack-img {
    width: 100px;
    min-width: 100px;
}

.s1-prod-desc {
    font-size:small;
    font-weight: normal !important;
    background-color: #f0ffff;
}

.form-check-test-v1 input[type="radio"]{
    min-width:20px;
}

.save-off-text {
    padding-top: 5px;
}

.popularPackageText {
    font-size: 14px;
    font-weight: 700;
}

.prodPackagePrice {
    font-weight:700;
    font-size:16px;
}

.strikethrough {
    position: relative;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    float: right
}

.strikethrough::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    border-bottom: 1px solid red;
    transform: translate(-50%) rotate(-6deg);
    width: calc(100% + 15px);
    height: 50%;
}

.s1-package-price {
    line-height: 1.5;
    margin-top: 5px;
}

.s1-popular-package-price {
    line-height: 1.5;
    margin-top: -5px;
}

.w_fomo_wrapper .up-down .notify {
    transform: translateX(70px) !important;
}

@media (max-width: 768px) {

    .package-container {
        display: none;
    }

    .mobile-package-container {
        display: flex;
        flex-direction:row;
        width:100%;
        position:relative;
    }

    .s1-prod-right {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: -20px;
        right: 10px;
        font-size: 16px;
        line-height: 18px;
    }

    .s1-single-pack-img {
        width: 20%;
        min-width: 50px;
        position: relative;
        top: -12px;
    }

    .s1-two-pack-img {
        width: 40%;
        position: relative;
        top: -10px;
    }

    .s1-three-pack-img {
        width:40%;
    }

    .s1-prod-1x-desc span,
    .s1-prod-2x-desc span,
    .s1-prod-3x-desc span {
        color: black !important;
        background-color: #f0ffff !important;
        font-weight: normal !important;
        font-size: 14px;
    }

    .s1-prod-1x-brand {
        line-height: 1 !important;
        padding-top: 5px;
    }
    .s1-prod-2x-brand {
        line-height: 1 !important;
        padding-top: 5px;
    }
    .s1-prod-3x-brand {
        line-height: 1 !important;
        padding-top: 5px;
    }
    .s1-prod-4x-brand {
        line-height: 1 !important;
        padding-top: 5px;
    }
    .s1-prod-5x-brand {
        line-height: 1 !important;
        padding-top: 5px;
    }

    .s1-1x-prod-left {
        display: flex;
        flex-direction: column;
        width: 300px;
        min-width: 300px;
        position: absolute;
    }
    .s1-2x-prod-left {
        display: flex;
        flex-direction: column;
        width: 300px;
        min-width: 300px;
        position: absolute;
    }
    .s1-3x-prod-left {
        display: flex;
        flex-direction: column;
        width: 300px;
        min-width: 300px;
        position: absolute;
        top: -20px;
    }

    .s1-4x-prod-left {
        display: flex;
        flex-direction: column;
        width: 300px;
        min-width: 300px;
        position: absolute;
    }

    .s1-5x-prod-left {
        display: flex;
        flex-direction: column;
        width: 300px;
        min-width: 300px;
        position: absolute;
    }

    .w_fomo_wrapper {
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .radio-section {
        width:100%;
        height:100px;
    }

    .popularPackageContainer {
        position: relative;
        top: -5px;
    }

    .form-check-test-v1 .form-check-input {
        position: relative;
        bottom: -20px;
    }

    .strikethrough {
        line-height:2;
    }

    .save-off-text {
        font-size: 16.5px !important;
        line-height: 1 !important;
    }

    .cart-prod-img {
        width:100px;
    }

    .cart-selected-prod {
        display:flex;
        flex-wrap: wrap;

    }

    .cart-selected-prod p:nth-child(1) {
        flex: 1;
        align-self: flex-start;
    }

    .cart-selected-prod p:nth-child(2) {
        word-wrap: break-word;
        width: 102px;
        text-align: right;
    }

    .cart-selected-prod p:nth-child(3) {
        flex: 1;
        align-self: flex-start;
        text-align: right;
    }

    .ship_name {
        width: 280px;
    }

}