/* Default style - tabs*/

#BundleSelector.bundleTabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

    #BundleSelector.bundleTabs .optTab.selected {
        border-width: 3px 3px 1px 3px !important;
    }

@media (max-width: 768px) {
    #BundleSelector.bundleTabs {
        *margin-top: -80px;
    }

        #BundleSelector.bundleTabs .optTab {
            font-size: 14px !important;
            min-width: 0px !important;
        }
}

@media (max-width: 600px) {
    #BundleSelector.bundleTabs {
        *margin-top: -20px;
    }
}

@media (max-width: 520px) {
    #BundleSelector.bundleTabs {
        *margin-top: -200px;
    }
}

@media (max-width: 367px) {
    #BundleSelector.bundleTabs {
        *margin-top: -100px;
    }
}

#BundleSelector.bundleTabs .optTab {
    background-color: #0066e3;
    border-bottom: none;
    padding: 10px 25px;
    color: white;
    margin: 0 1px;
    cursor: pointer;
    margin-bottom: -3px;
    z-index: 2;
    font-size: 16px;
    min-width: 130px;
}

    #BundleSelector.bundleTabs .optTab.selected {
        background-color: #e9e9e9;
        border-bottom: 4px solid #e9e9e9;
        color: #0066e3;
        border-width: 3px 3px 0px 3px;
        cursor: auto;
    }

@media (max-width: 520px) {
    /*.c-offer-buttons{display: block;}*/
    #BundleSelector.bundleTabs.optTabsWrap {
        flex-direction: column;
    }

    #BundleSelector.bundleTabs .optTab {
        border: none;
        border-bottom: none;
        background-color: white !important;
        color: #0066e3 !important;
    }

        #BundleSelector.bundleTabs .optTab.selected {
            border-bottom: 4px solid white;
            border-width: 4px;
            background-color: #0066e3 !important;
            color: white !important;
            margin: 0px 30px;
        }

    #BundleSelector.bundleTabs .optTab4 {
        border: none;
    }

        #BundleSelector.bundleTabs .optTab4.selected {
            border-bottom: none;
        }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #BestOfferIn {
        /*padding: 40px 0px;
        margin-bottom: 60px;*/
    }
}



/* checkboxes*/