/*css for responsive*/
/*
    600 resolution
    resolution<600px
*/
@media only screen and (max-width: 700px) {
    #expiredLabel {
        float: left !important;
        margin-right: auto;
        margin-left: 2px;
    }

    .mds-form__radio-button.rightColumn {
        float: left;
        margin-left: auto !important;
    }

    #audiencetypecontainer {
        width: 250px !important
    }

        #audiencetypecontainer #tooltiptext4 {
            width: auto !important
        }

    #investmentInUK {
        width: 89%;
    }

    .main {
        margin: 0 auto;
        width: 280px;
        height: 534px;
    }

    #divAudienceConfirmation {
        overflow-x: hidden;
        overflow-y: scroll;
        padding: unset;
    }

    #dialog-bottom-content {
    }

    body {
        margin-right: 0px;
    }

    #groupone ul, #grouptwo ul, #groupthree ul {
        white-space: normal !important;
    }

        .main::-webkit-scrollbar, #groupone ul::-webkit-scrollbar, #grouptwo ul::-webkit-scrollbar,
        #groupthree ul::-webkit-scrollbar {
            width: 8px;
            height: 8px;
            background-color: #F5F5F5;
        }

        .main::-webkit-scrollbar-track, #groupone ul::-webkit-scrollbar-track, #grouptwo ul::-webkit-scrollbar-track,
        #groupthree ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            border-radius: 8px;
            background-color: #f0f0f0;
        }

        .main::-webkit-scrollbar-thumb, #groupone ul::-webkit-scrollbar-thumb, #grouptwo ul::-webkit-scrollbar-thumb,
        #groupthree ul::-webkit-scrollbar-thumb {
            border-radius: 8px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            background-color: #c0c0c0;
        }
}