#side-menu li:hover>a,
#side-menu li>a:hover,
.menuBtn.fa:hover {
    text-decoration: none
}

#module-header,
#side-menu li,
#vmarquee li,
.edit-module-wrapper {
    text-align: left
}

.hidden-sub-menu #mobile-admin-menu,
.hidden-sub-menu #mobile-distributor-menu,
.hidden-sub-menu #mobile-main-menu {
    display: none
}

#mobile-admin-menu ul>li>a:before,
#mobile-distributor-menu ul>li>a:before,
#mobile-main-menu ul>li>a:before {
    content: "";
    display: block !important;
    float: left;
    height: 50px
}

#mobile-admin-menu>ul>li>a:before,
#mobile-distributor-menu>ul>li>a:before,
#mobile-main-menu>ul>li>a:before {
    width: 10px
}

#mobile-admin-menu .level0>ul>li>a:before,
#mobile-distributor-menu .level0>ul>li>a:before,
#mobile-main-menu .level0>ul>li>a:before {
    width: 20px
}

#mobile-admin-menu .level1>ul>li>a:before,
#mobile-distributor-menu .level1>ul>li>a:before,
#mobile-main-menu .level1>ul>li>a:before {
    width: 30px
}

#mobile-admin-menu .level2>ul>li>a:before,
#mobile-distributor-menu .level2>ul>li>a:before,
#mobile-main-menu .level2>ul>li>a:before {
    width: 40px
}

body#html5.menu-active #container-wrapper {
    position: fixed;
    overflow: hidden;
    width: 100%
}

body#html5.menu-active,
body#html5.menu-active>form#aspnetForm,
body#html5.shop-menu-active {
    overflow: hidden !important
}

body#html5 {
    overflow-y: auto !important
}

#html5.menu-active,
#html5.shop-menu-active,
.downline-detail-wrapper {
    overflow: hidden
}

div[aria-describedby=OnBoardWizardAPI],
div[aria-describedby=OnBoardWizardTL] {
    width: 80% !important;
    height: 90% !important;
    left: 10% !important;
    top: 5% !important
}

div[aria-describedby=OnBoardWizardTL] #OnBoardWizardTL {
    width: 100% !important;
    box-sizing: border-box;
    height: 85% !important;
    padding-left: 0;
    padding-right: 0
}

.distributor-detail,
.moduleContainer,
div#commission-history {
    float: left;
    width: 100%
}

.fixed-header div#header-wrapper {
    z-index: 100
}

#container-wrapper {
    z-index: 9;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
    position: relative
}

.downline-detail-wrapper>table {
    border-spacing: 20px 5px
}

.RadMenu_EditLayout>ul>li>a>span:before {
    content: "\f108";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 5px
}

.distributor-detail {
    box-sizing: border-box;
    padding: 0 20px
}

.row.clearfix .btn {
    white-space: normal
}

.SetHeightCalendar+div+div>div,
.SetHeightCalendar+div>div {
    margin-bottom: 5px
}

.moduleContainer {
    margin: 0px
}

div.rTable,
div.rTableBody,
div.rTableCell,
div.rTableRow {
    display: block;
    float: left;
    width: 100%
}

.left-menu+.rTableCell {
    width: 75%
}

html #side-menu {
    padding-bottom: 150px
}

html #side-menu,
html #side-menu-wrapper {
    position: fixed;
    width: 300px;
    display: none;
    top: 0;
    overflow: auto;
    height: 100vh;
    z-index: 1
}

#side-menu-wrapper {
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px)
}

.menu-active #side-menu-wrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

div#dvAnnouncementDialog .pushbutton {
    margin-bottom: 5px
}

#side-menu-wrapper {
    right: 0;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#side-menu {
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
    background: #92bce2;
    z-index: 1
}

.alt-menu-wrapper,
.footer-container {
    position: relative
}

.menu-active #side-menu,
.menu-active #side-menu-wrapper {
    display: block !important;
    opacity: 1
}

.alt-menu-wrapper {
    width: 100%;
    list-style-type: none
}

#side-menu li {
    line-height: 50px;
    font-family: "Source Sans Pro", sans-serif
}

#side-menu li>a>.fa {
    padding-right: 20px;
    font-size: 20px
}

#mobile-main-menu .hidden-sub-menu>.slide,
#side-menu .hidden-sub-menu .menu-slider,
#side-menu .hidden-sub-menu>.slide {
    opacity: 0;
    height: 1px !important;
    overflow: hidden !important;
    display: none !important
}

#mobile-main-menu li>.slide,
#side-menu li>.slide {
    display: block !important
}

#side-menu #product-search {
    padding: 10px 20px;
    line-height: 30px
}

#side-menu #product-search table {
    width: 100%;
    position: relative
}

.mobile-menu-wrapper {
    background-color: #92bce2;
    display: none;
    padding: 5px 0;
    box-sizing: border-box
}

.mobile-menu-wrapper #alternate-login,
.mobile-menu-wrapper .mini-cart {
    color: #fff;
    line-height: 31px;
    font-size: 25px;
    text-decoration: none
}

.menuBtn.fa {
    display: inline-block;
    cursor: pointer;
    font-size: 35px !important;
    color: #fff
}

.mobile-menu-wrapper .mini-cart:before,
.mobile-menu-wrapper a.cart-link {
    position: static
}

.mobile-menu-wrapper .cart-icon strong {
    font-size: 14px
}

.new-mobile-shop-category .ui-effects-wrapper {
    height: auto !important;
    width: auto !important;
}

.shop-menu-active #backoffice-wrapper {
    position: relative
}

#backoffice-wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    z-index: -1;
    top: 0;
    left: 0
}

.shop-menu-active #backoffice-wrapper:before {
    background-color: #000;
    z-index: 2;
    opacity: .6;
    display: block
}

.menu-active #mobile-layer {
    display: block
}

#distributor-menu {
    float: right
}

@media screen and (max-height:500px) and (orientation:landscape) {
    .fixed-header div#header-wrapper {
        position: static
    }
}

@media(min-width:992px) {
    .shop-main-category>img {
        opacity: 0
    }
    .shop-category .shop-main-category:hover .shop-sub-category {
        display: block !important
    }
    .shop-category .shop-sub-category,
    div.shop-sub-category>[id^=shop-category].search-wrapper {
        display: none !important
    }
}

@media screen and (max-width:1200px) {
    .shopping-cart.table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width:1199px) {
    .slidetxts h1 {
        font-size: 26px !important
    }
    .slidetxts>p {
        font: 12px Arial !important;
        margin: 15px 0 !important
    }
    [id$=RadGridCustomer].table-responsive,
    [id$=RadGridDistributor].table-responsive,
    div#distributor_signup-wrapper {
        width: 100% !important
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }
    div[id$=updtpanelProductTabs]>div[id$=ProductsTab]>.rtsLevel ul.rtsUL>li.rtsLI {
        width: 50%
    }
    .shopping-cart-table,
    .shopping-cart-table>tbody,
    .shopping-cart-table>tbody>tr,
    .shopping-cart-table>tbody>tr>td {
        display: block
    }
    div.cartItem {
        min-width: 0
    }
}

@media screen and (max-device-width:1024px) {
    #admintoolbar {
        display: none
    }
}

@media screen and (max-width:991px) {
    .row-md-align-center {
        text-align: center !important
    }
    #recaptcha2>div {
        margin: 0 auto
    }
    div.shop-category .shop-sub-category {
        position: static;
        border: 0;
        background: 0 0
    }
    .payment-info>div.card-num-wrapper>divtable[id$=mppLogin] .trDS_ten .signInBorder>div>div>div span.label,
    table[id$=mppLogin] .trDS_ten .signInBorder>div>#divCaptchaInput>div>div>div.alignleft>a.linkbutton,
    td.mppLogin_right table tbody tr td a[id*=mppLogin_btnContinue] {
        position: static !important
    }
    .row-md-none,
    .shop-category .shop-sub-category .shop-sub-arrow,
    .shop-category .shop-sub-category:before {
        display: none !important
    }
    div#divDetail_companyinfo,
    div#divDetail_orderdetail {
        margin: 0 0 5px !important
    }
    div#distributor_signup-options input[type=radio],
    div#distributor_signup-options input[type=radio]+label {
        width: auto !important
    }
    div[id$=SinglePageEnrollment_divStep3UserInformation] .divColumn.shipping-address {
        margin: 0
    }
    div.genealogy-id-wrapper>div:nth-of-type(2),
    div.userInformation>.divRow>.divColumn.paddingright10:nth-of-type(2) {
        border: 0;
        margin: 10px 0
    }
    #InvalidDistributorModuleWrapper {
        width: 95% !important;
        margin: 0 auto 10px;
        float: none;
        overflow: hidden
    }
    #InvalidDistributorModuleWrapper .enter-id>input,
    #InvalidDistributorModuleWrapper .web-site>input {
        width: 50% !important;
        margin-left: 0
    }
    #InvalidDistributorModuleWrapper .enter-id>span,
    #InvalidDistributorModuleWrapper .web-site>span {
        width: 100%
    }
    .slidetxts h1 {
        font-size: 18px !important
    }
    tr#trSignInPass input[id$=Password],
    tr#trSignInUser input[id$=UserName] {
        max-width: none !important
    }
    #dvLayout .left-menu+div,
    #module-body>table,
    #module-body>table>tbody,
    #module-body>table>tbody>tr,
    #module-body>table>tbody>tr>td,
    #tblLayout,
    #tblLayout>tbody,
    #tblLayout>tbody>tr,
    #tblLayout>tbody>tr>td,
    #tblLayout>tbody>tr>td>table,
    #tblLayout>tbody>tr>td>table>tbody,
    #tblLayout>tbody>tr>td>table>tbody>tr,
    #tblLayout>tbody>tr>td>table>tbody>tr>td,
    #tblLayout>tbody>tr>td>table>tbody>tr>td>table,
    #tblLayout>tbody>tr>td>table>tbody>tr>td>table>tbody,
    #tblLayout>tbody>tr>td>table>tbody>tr>td>table>tbody>tr,
    #tblLayout>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td,
    [id*=moduleContainer],
    [id*=moduleContainer]>tbody,
    [id*=moduleContainer]>tbody>tr,
    [id*=moduleContainer]>tbody>tr>td,
    table[id$=wzd],
    table[id$=wzd]>tbody,
    table[id$=wzd]>tbody>tr,
    table[id$=wzd]>tbody>tr>td {
        display: block;
        float: left;
        width: 100%
    }
    #tblLayout>tbody>tr>td>table>tbody>tr>td>table {
        padding: 0 15px;
        margin: 5px 0
    }
    section#module-wrapper {
        padding: 0 15px;
        margin: 0
    }
    .payment-info>div.card-num-wrapper>div .errorMessage,
    .payment-info>div.cardholder-wrapper>div .errorMessage,
    .payment-info>div.ccv-code-wrapper>div .errorMessage,
    section#module-wrapper [class*=col-] {
        padding: 0
    }
    .signInBorder [id$=imgCaptcha] {
        width: 100% !important;
        height: 80px !important
    }
    div#DisplayNotificationsDetailsPanelWrap>div {
        width: 100%;
        text-align: left
    }
    #calendar-wrapper .buttons-wrapper>div,
    .col-sm-12 {
        margin: 2px 0
    }
    div#DisplayNotificationsDetailsPanelWrap #DisplayNotificationsDetailsPanel>.innerWrap {
        float: left
    }
    div#DisplayNotificationsDetailsPanelWrap>div>.innerWrap>div:first-child {
        margin-left: 0
    }
    .mTbl,
    .mTblBody,
    .mTblRow {
        display: block
    }
    div#tblQuickViewDashboard .mTblCell {
        width: 50%;
        display: inline-block
    }
    div#login-wrapper>div {
        width: 100%;
        margin: 5px 0
    }
    [id$=mppLogin],
    [id$=mppLogin] table,
    [id$=mppLogin] tbody,
    [id$=mppLogin] tbody>tr,
    [id$=mppLogin] tbody>tr>td {
        display: block;
        width: 100% !important;
        border-right: 0 !important;
        text-align: center;
        float: left;
        box-sizing: border-box
    }
    [id$=mppLogin] tr[id$=mppLogin_tr1] {
        float: left
    }
    #login-wrapper .label {
        word-break: break-word;
        white-space: normal
    }
    #login-wrapper label>br,
    #popProductDescription,
    #productSpecial #arrowsNav,
    .checklist_format h3 br,
    td.tmp_mod_hdr_left,
    td.tmp_mod_hdr_mid_right,
    td.tmp_mod_hdr_right {
        display: none !important
    }
    #module-body,
    #module-wrapper {
        margin: 0;
        padding: 0
    }
    .payment-info>div.card-num-wrapper>div,
    .payment-info>div.cardholder-wrapper>div,
    .payment-info>div.ccv-code-wrapper>div {
        float: right;
        width: 180px
    }
    .rgWrap.rgAdvPart table {
        min-width: auto !important
    }
    .table-responsive table {
        min-width: 560px
    }
    .table-responsive .cart_container table {
        min-width: 320px
    }
    #CCSdiv3 .selectWrap>div,
    #divCaptchaInput div,
    #dvAnnouncementDialog [id$=pnlAnnouncement],
    #infoContact .errorMessage,
    #wizard-distributor-step-3 .billing_container>div,
    #wizard-distributor-step-3 [id$=UpdatePanel1],
    .Default [id$=mppLogin] td a.pushbutton,
    .distributor-sign-up-step1 #distri_descriptions,
    .dynamicDiv,
    .left-menu,
    .row-md-span,
    .signInBorder .divColumn,
    .signInBorder .textbox,
    .user-information-field #userPassword .divColumn,
    .user-information-field input,
    [id$=diveWalletFields] span.errorMessage,
    div.dark-wrapper.pink .inner,
    div.distributor-sign-up-step1 input[id$=calJoinDate_dateInput],
    div[id$=DvPaymentProcess2],
    table[id*=tblBirtData] .fa-drop-down {
        width: 100% !important;
        float: left !important
    }
    div#distributor_signup-contents,
    div#distributor_signup-contents+div,
    div#distributor_signup-contents>div,
    div#infoContact>div {
        width: 100% !important;
        float: none !important;
        margin: 5px auto !important;
        overflow: hidden
    }
    div#create_account_container>* {
        float: none;
        margin: 0 auto 5px;
        display: block;
        overflow: hidden
    }
    #email_add_container a br,
    .HeaderDiv hr,
    .shopping-cart-table .cartHeader>div {
        display: none !important
    }
    .password-wrapper>div:last-child {
        margin-top: 20px
    }
    #distributorCheckOut-container #checklist-wrapper .fa-drop-down,
    #divUserIntellitext,
    .distributor-sign-up-step1 .fa-drop-down,
    .distributor-sign-up-step1 input.row-md-span:not([type=checkbox]),
    .distributor-sign-up-step1 input:not([type=checkbox]),
    .distributor-sign-up-step1 table[id*=tblBirtData],
    div[id$=dvJoinDateLabel] [id$=calJoinDate_wrapper] {
        width: 80% !important
    }
    div#acount_info_form input,
    div#acount_info_form label[for="security question"]+div,
    div#acount_info_form>.password-wrapper>div input,
    div.Reseller-info .fa-drop-down,
    div.Reseller-info input:not([type=checkbox]) {
        width: 75% !important
    }
    #distributorCheckOut-container .password-wrapper>div:last-child,
    .checklist_format .fa-drop-down,
    div[id$=dvJoinDateLabel] [id$=calJoinDate_wrapper] {
        float: right
    }
    #wizard-distributor-step-3 .billing_container>div,
    .distributor-sign-up-step1 input.row-md-span:not([type=checkbox]),
    .dynamicDiv,
    div.checklist_format {
        margin: 5px 0
    }
    #distributorCheckOut-container #method_container {
        margin: 10px 0
    }
    #distributorCheckOut-container .methods_list {
        width: 49%
    }
    div.checklist_format h3 {
        margin-right: 0
    }
    #colorbox #email_add_container,
    div[id$=dvJoinDateLabel] [id$=calJoinDate_wrapper],
    span.errorMessage[id$=cvBirthDate] {
        margin: 0 !important
    }
    div.dynamicDiv .label,
    div.dynamicDiv label {
        text-align: left
    }
    #email_add_container a,
    #email_add_container input {
        width: 100% !important;
        left: 0 !important
    }
    #colorbox #email {
        text-align: center
    }
    #email_add_container,
    #login_container,
    [id*=FirstStep] .upDivBorder {
        border: 0 !important
    }
    #email_add_container input {
        margin-bottom: 10px !important;
        margin-top: 0 !important
    }
    div.password-wrapper {
        margin-bottom: 0
    }
    div#email_add_container a {
        text-align: center;
        margin-bottom: 5px
    }
    div#login_container [id*=forgotpass_container] a[id*=lnkLogin],
    label.HeaderLabel {
        margin: 0 auto !important;
        float: none
    }
    div#account_container>span {
        margin-bottom: 10px
    }
    div#Checkout-popup-wrapper #guestCheckout_container {
        margin-top: 15px !important
    }
    .kit_list {
        min-width: 100%
    }
    #productSpecial {
        margin-left: auto;
        margin-right: auto;
    }
    .shopping-cart-table .productDescription {
        margin: 0 !important
    }
    .row-md-2 {
        width: 20% !important
    }
    .row-md-3 {
        width: 30% !important
    }
    .row-md-1 {
        width: 10% !important
    }
    #productSpecial .swiper-slide .popUpProdDescription {
        width: 101% !important
    }
    .Reseller-info .clsValidator,
    .Reseller-info>div>.errorMessage,
    div.Reseller-info input+div {
        width: 75% !important;
        float: right !important;
        padding: 0 !important
    }
    .Reseller-info .divError,
    .Reseller-info input+div+div,
    .Reseller-info input+span {
        display: block;
        width: 80% !important;
        float: right !important;
        padding: 0 !important
    }
    .options-buttons>a {
        display: block;
        width: 100% !important;
        margin: 10px 0 !important;
        text-align: center
    }
    #dvAnnouncementDialog [id$=pnlAnnouncement] fieldset {
        min-width: 850px
    }
}

@media screen and (max-width:767px) {
    html .row-sm-bottom-margin-10 {
        margin-bottom: 10px;
    }
    html .row-sm-no-bottom-margin {
        margin-bottom: 0 !important;
    }
    html #dvLayout .left-menu,
    html #dvLayout .left-menu+div,
    html #tblLayout .left-menu,
    html #tblLayout .left-menu+td {
        padding: 0 !important
    }
    .row-sm-align-center {
        text-align: center !important
    }
    #new-captcha-wrapper>div,
    .contentList_desc {
        text-align: center
    }
    .row-sm-none {
        display: none !important
    }
    a[id*=btnExitWithoutSaving],
    a[id*=btnFinishPrevious],
    a[id*=btnFinish] {
        width: 100%;
        margin: 5px 0 !important;
        text-align: center
    }
    div#template-slider>div {
        margin: 10px 0
    }
    html {
        width: 1px;
        min-width: 100%
    }
    div.tab-menu-wrapper .RadTabStrip_pasta ul>li,
    html #edit-application-user-tabs .tab-menu-wrapper .levelwrap>ul>li {
        width: 100% !important
    }
    .row-md-span>.pushbutton,
    .row-sm-span>.pushbutton {
        margin-left: 0 !important
    }
    div.calendar {
        left: 15px !important
    }
    div#shortcutWrap {
        display: block
    }
    #personal_infoContainer [id$=lblNoEnrollerForEnteredCCSponsorId],
    #personal_infoContainer [id$=vldCustEnteredCCSponsor] {
        margin: 0 !important
    }
    a.pushbutton.row-sm-3 {
        width: 29% !important;
        float: left
    }
    a.pushbutton.row-sm-3.row-sm-middle-button {
        margin: 0 6.5%
    }
    .password-wrapper>div:last-child {
        margin-top: 0
    }
    div#acount_info_form>div>input+div,
    div#error-wrapper,
    div#inforeg .Reseller-info label {
        position: static
    }
    #infoContact label,
    .navProductWrapper .product-button-wrapper {
        position: static !important
    }
    div#account-info-wrapper .errorMessage,
    div#acount_info_form>div>input+div .errorMessage {
        padding: 0
    }
    .content_list {
        margin: 10px 0 0 !important
    }
    .content-list-title img {
        margin: 0 auto
    }
    a.arrowR_circle img {
        float: initial !important;
        margin: 0 auto
    }
    #contentList-third {
        margin-bottom: 10px !important
    }
    #acount_info_form>div>label br,
    #admintoolbar {
        display: none
    }
    .row-md-block,
    .tblSearch,
    .tblSearch>tbody,
    .tblSearch>tbody>tr,
    .tblSearch>tbody>tr>td {
        display: block;
        float: left;
        width: 100%
    }
    [class*=span-] {
        margin-bottom: 5px
    }
    div.dark-wrapper.pink .inner .countdown {
        width: 85%;
        margin: 0 auto
    }
    #acount_info_form>.password-wrapper>div,
    #acount_info_form>div label,
    #distributorCheckOut-contents .Reseller-info label,
    #divUserIntellitext,
    .Reseller-info .clsValidator,
    .Reseller-info .divError,
    .Reseller-info input+div,
    .Reseller-info input+div+div,
    .Reseller-info input+span,
    .Reseller-info label,
    .button-responsive,
    .button-responsive>.tdBottomButtonMiddle,
    .card-validity>div,
    .checklist_format .fa-drop-down,
    .continueCheckoutWrap>a,
    .distributor-sign-up-step1 .fa-drop-down,
    .distributor-sign-up-step1 input.row-md-span:not([type=checkbox]),
    .distributor-sign-up-step1 input:not([type=checkbox]),
    .distributor-sign-up-step1 table[id*=tblBirtData],
    .dynamicDiv,
    .dynamicDiv label,
    .payment-info .fa-drop-down,
    .payment-info input,
    .payment-info label,
    .row-md-block a.button-responsive.pushbutton,
    .row-md-block input,
    .row-md-block select,
    .row-sm-span,
    a.placeOrder,
    div#acount_info_form input,
    div#acount_info_form label[for="security question"]+div,
    div#acount_info_form>.password-wrapper>div input,
    div#distributor_signup-wrapper>div,
    div#recalcBtnWrap>a,
    div.Reseller-info .fa-drop-down,
    div.Reseller-info input+div,
    div.Reseller-info input:not([type=checkbox]),
    div.Reseller-info>div>.errorMessage,
    div.dark-wrapper.pink .inner,
    div.payment-info>div.card-num-wrapper>div,
    div.payment-info>div.cardholder-wrapper>div,
    div.payment-info>div.ccv-code-wrapper>div,
    div.wrapperCLogo,
    div[id$=dvJoinDateLabel] [id$=calJoinDate_wrapper],
    div[id*=dvSSNTextID] .dynamicDiv .label.inFieldSSNTaxNum,
    input[id$=txtReportName],
    select[id$=ddlCurrentUserInfo],
    select[id$=ddlMailMerge] {
        width: 100% !important
    }
    .table-responsive td,
    .table-responsive th {
        padding: 0 5px
    }
    #acount_info_form>div label,
    #distributorCheckOut-contents .Reseller-info label,
    .Reseller-info label,
    .payment-info label,
    div[id*=dvSSNTextID] .dynamicDiv .label.inFieldSSNTaxNum {
        text-align: left !important
    }
    .Reseller-info label,
    .payment-info label,
    .row-md-block a.button-responsive.pushbutton,
    div#acount_info_form input,
    div#acount_info_form label[for="security question"]+div,
    div#acount_info_form>div,
    div#distributorCheckOut-contents .Reseller-info label,
    div.Reseller-info .fa-drop-down,
    div.Reseller-info input:not([type=checkbox]),
    div[id$=dvJoinDateLabel] [id$=calJoinDate_wrapper] {
        margin: 0 !important
    }
    #infoContact label {
        width: auto !important
    }
    .inforeg a {
        margin-bottom: 0 !important
    }
    .row-md-block a.button-responsive.pushbutton {
        margin-bottom: 5px !important
    }
    #infoContact .checkbox1 label {
        width: auto !important;
        line-height: 39px;
        margin: 0 !important
    }
    div#terms_container>ul {
        max-width: 100%
    }
    #company-cannot-sponsor label br,
    div.checklist_format h3 br {
        display: none
    }
    div#colorbox-popup {
        margin: 0;
        padding: 0 10px
    }
    .row-md-block {
        margin: 2px 0
    }
    .row-md-block.row-sm-6 {
        width: 60%;
        float: left
    }
    .row-md-block.row-sm-4 {
        width: 40%;
        float: left
    }
    .navProductWrapper>table,
    .navProductWrapper>table>tbody,
    .navProductWrapper>table>tbody>tr,
    .navProductWrapper>table>tbody>tr>td,
    .product-information>table,
    .product-information>table>tbody,
    .product-information>table>tbody>tr,
    .product-information>table>tbody>tr>td {
        display: block;
        float: left;
        width: 100% !important
    }
    .navProductWrapper>table>tbody>tr>td {
        margin: 5px 0
    }
    .navProductWrapper>table>tbody>tr>td>div {
        width: 100%;
        min-height: 0 !important
    }
    .navProductWrapper>table>tbody>tr>td>div .product-image {
        float: left;
        width: 40%;
        margin-top: 0
    }
    .navProductWrapper>table>tbody>tr>td>div .product-image+.product-info {
        float: left;
        width: 60%;
        text-align: left
    }
    .navProductWrapper>table>tbody>tr>td>div .product-image+.product-info>* {
        min-height: auto
    }
    .navProductWrapper>table>tbody>tr>td>div .product-image img {
        height: auto !important;
        width: auto !important;
        padding: 5px !important
    }
    div.distributor-sign-up-step1 input.rdfd_.radPreventDecorate {
        width: 1px !important
    }
}

@media screen and (max-width:710px) {
    .zoomContainer>.zoomWindowContainer {
        display: none
    }
}

@media screen and (max-width:739px) and (min-width:640px) {
    .slidetxts h1 {
        font-size: 18px !important
    }
    .slidetxts>p {
        font: 12px Arial !important;
        margin: 15px 0 !important
    }
}

@media screen and (max-width:670px) {
    .slidetxts h1 {
        font-size: 18px !important
    }
    .slidetxts>p {
        font: 11px Arial !important;
        margin: 10px 0 !important
    }
    .slidetxts .btn.btn-default {
        font: 14px/40px Arial !important;
        height: 40px !important
    }
    #myCarousel .carousel-indicators {
        top: 80% !important
    }
    .carousel-indicators li {
        width: 15px !important;
        height: 15px !important
    }
}

@media screen and (min-width:769px) {
    html #html5.menu-active {
        overflow: auto !important
    }
    .logo-wrapper>.row>div:first-child {
        display: block !important
    }
    body.menu-active #container-wrapper {
        -webkit-transform: initial !important;
        -moz-transform: initial !important;
        -ms-transform: initial !important;
        -o-transform: initial !important;
        transform: initial !important
    }
}

@media screen and (max-width:648px) and (min-width:641px) {
    div.RadMenu_UserMenuSkin ul>li>a {
        font-size: .8rem !important
    }
}

@media screen and (max-width:768px) {
    body.menu-active #side-menu-wrapper,
    body.menu-active #side-menu {
        display: block !important;
    }
    html body.menu-active #container-wrapper,
    .menu-active div#mobile-layer,
    .menu-active div.footer-container {
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px)
    }
    #newAdminToolbar [id$=divMyCustomMenuToolbar] .panelbar .rootGroup>li {
        width: 100% !important
    }
    [id$=divMyCustomMenuToolbar].divPanelBar {
        height: auto
    }
    [id$=divMyCustomMenuToolbar].divPanelBar .rootGroup li .slide {
        min-width: 0;
        width: 100%;
        position: static
    }
    [id$=divMyCustomMenuToolbar].divPanelBar .rootGroup li a span {
        white-space: normal
    }
    #new-admin-toolbar-wrapper {
        display: none !important
    }
    html body#html5.admin-menu-active {
        overflow-y: hidden !important
    }
    body#html5.admin-menu-active #new-admin-toolbar-wrapper {
        position: fixed;
        bottom: 0;
        display: block !important
    }
    .navProductWrapper>table>tbody>tr>td>div .product-image+.product-info .product-description,
    .shop-module-panel,
    .top-links-wrapper,
    .top-links-wrapper .row>.cart-wrapper,
    .top-links-wrapper .row>.login-wrapper .loginButtonMiddle,
    .top-links-wrapper .row>div:after {
        display: none
    }
    .fixed-header div#header-wrapper {
        position: static
    }
    .fixed {
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        padding: 14px 0 0;
        position: static !important
    }
    .float-panel {
        padding: 0;
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        width: 100%;
        z-index: 998
    }
    [id$=divButtons1].topholder>a.pushbutton,
    [id$=divButtons2].bottomholder>a.pushbutton {
        width: 48%;
        margin-bottom: 5px;
        margin-right: 5px
    }
    a.pushbutton.row-xs-span {
        text-align: center !important;
        margin: 5px 0 !important
    }
    .row-xs-span {
        width: 100% !important
    }
    div.inforeg2>a {
        position: static;
        margin: 20px 5px
    }
    div.more-information-wrapper {
        width: 100%
    }
    .top-links-wrapper .row>div,
    div.RadMenu_UserMenuSkin .slide>ul,
    div.dd,
    div.dd .ddTitle {
        width: 100% !important
    }
    div#header-wrapper {
        border-top: 0
    }
    div.dd .ddChild {
        width: 107% !important
    }
    #menu-button,
    .mobile-menu-wrapper {
        display: block !important
    }
    .more-info {
        width: 100%
    }
    div.more-info>a[href] {
        margin: 0;
        width: 99.8%;
        border-radius: 0;
        text-align: left;
        line-height: 40px
    }
    div.more-info>a[href]>span {
        float: right;
        border-radius: 0;
        color: #367476
    }
    div.alternate-cart-button,
    div.alternate-login-button {
        display: block;
        border: 2px solid #ccc;
        text-align: center;
        padding: 10px
    }
    .more-information-wrapper>div>div,
    div.more-information-wrapper {
        margin: 3px 0 0
    }
    div.alternate-cart-button a,
    div.alternate-login-button a {
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 700;
        color: #ccc;
        text-transform: uppercase
    }
    a.menuBtn.fa {
        display: inline-block;
        cursor: pointer
    }
    div.RadMenu_UserMenuSkin>ul>li>.slide {
        position: relative;
        top: 0 !important;
        width: 100% !important
    }
    #side-menu .slide li>a:before {
        content: "";
        width: 20px;
        display: block;
        float: left;
        height: 50px
    }
    div.RadMenu_UserMenuSkin {
        height: auto !important
    }
    .RadMenu_UserMenuSkin>ul>li {
        padding: 0 !important
    }
    .RadMenu_UserMenuSkin ul,
    .RadMenu_UserMenuSkin>ul>li {
        width: 100% !important
    }
    .RadMenu_UserMenuSkin>ul>li:after,
    .menu-wrapper {
        display: none
    }
    #side-menu div.RadMenu_UserMenuSkin .slide {
        background-color: transparent !important;
        position: static
    }
    #side-menu .RadMenu_UserMenuSkin ul>li:hover,
    #side-menu .RadMenu_UserMenuSkin>ul {
        background-color: transparent !important;
        position: static;
        display: block !important
    }
    #side-menu .slide ul li a span.text {
        font-size: inherit
    }
    div.RadMenu_UserMenuSkin ul>li>a {
        display: inline-block;
        padding-left: 10px;
        width: 100% !important;
        color: #fff
    }
    div.dvGlobalAjaxContent {
        width: 95% !important
    }
    div.dvGlobalAjaxContent .pushbutton {
        margin: 5px 0 !important
    }
    div#side-menu,
    div#side-menu-wrapper {
        display: block
    }
}

@media screen and (max-width:600px) {
    .product-page-breadcrumb .linkSubCaption,
    .product-page-breadcrumb .subcaption {
        display: block;
        margin: 0 !important;
        padding-left: 10px
    }
    #colorbox div#divNoRecordFoundMsg {
        position: static
    }
    .slidetxts h1 {
        font-size: 18px !important
    }
    .slidetxts>p {
        font: 9px Arial !important;
        margin: 7px 0 !important
    }
    .slidetxts .btn.btn-default {
        font: 12px/28px Arial !important;
        height: 28px !important;
        width: 90px !important
    }
    #myCarousel .carousel-indicators {
        top: 80% !important
    }
    .carousel-indicators li {
        width: 15px !important;
        height: 15px !important
    }
    .navProductWrapper>table>tbody>tr>td>div {
        width: 100% !important
    }
    #popupcontent .container-wrap .col-lg-6,
    #popupcontent .container-wrap .col-lg-6 a,
    div#cart-info>#coupon-code,
    div#cart-info>div {
        width: 100% !important;
        padding: 0 10px
    }
    div#discCodeWrapper .labelAndTextWrap .discount-coupon {
        width: 80% !important
    }
    #cart-info #coupon-code+div,
    .navProductWrapper>table>tbody>tr>td {
        text-align: center
    }
    #lblShippingReturnPolicy {
        padding-right: 10px;
        display: inline;
        white-space: normal
    }
    #cart-price div.totaclComputationWrap>div>div:last-child {
        width: 29% !important
    }
    #cart-price div.totaclComputationWrap>div>div:nth-of-type(2) {
        width: 70% !important
    }
    #findADistributor .col-lg-2 h4.strikeThrough:before,
    #findADistributor h4.strikeThrough:before {
        left: 40% !important
    }
    #findADistributor .col-lg-2 h4.strikeThrough:after,
    #findADistributor h4.strikeThrough:after {
        right: 40% !important
    }
    #findADistributor .submitWrap>div {
        width: 100% !important;
        margin-bottom: 10px;
        text-align: center !important
    }
    #findADistributor .submitWrap>div>* {
        float: none
    }
    #findADistributor .submitWrap>div a.styleUnderline {
        position: static;
        margin: 0;
        padding: 0 !important
    }
    figcaption {
        height: 95% !important;
        padding: 0 10px !important
    }
    figcaption>*,
    figure.hdr h2 span {
        font-size: 14px !important
    }
    figcaption>p {
        padding: 10px 15px !important
    }
    #productSpecial .swiper-slide {
        height: 180px !important
    }
    div#mandatoryPurchase_container {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }
    #purchase-list .kit {
        width: 45%;
        clear: left;
        float: left
    }
}

@media screen and (max-width:559px) {
    .slidetxts h1 {
        font-size: 16px !important
    }
    .slidetxts>p {
        font: 11px Arial !important;
        margin: 5px 0 !important
    }
    .slidetxts .btn.btn-default {
        font: 10px/24px Arial !important;
        height: 24px !important;
        width: 80px !important
    }
    #myCarousel .carousel-indicators {
        top: 80% !important
    }
    .carousel-indicators li {
        width: 15px !important;
        height: 15px !important
    }
}

@media screen and (max-width:550px) {
    .slidetxts h1 {
        font-size: 14px !important
    }
    #company-cannot-sponsor .fa-drop-down,
    #company-cannot-sponsor input,
    #company-cannot-sponsor label,
    #distributorCheckOut-container #checklist-wrapper .fa-drop-down,
    .distributor-sign-up-step1 .fa-drop-down,
    .distributor-sign-up-step1 input[type]:not([type=checkbox]),
    .distributor-sign-up-step1 label,
    .distributor-sign-up-step1 table[id*=tblBirtData] {
        width: 100% !important
    }
    #company-cannot-sponsor label,
    .distributor-sign-up-step1 label,
    div.checklist_format h3 {
        text-align: left !important;
        position: static !important;
        margin: 5px 0 !important;
        width: 100%
    }
    .distributor-sign-up-step1 label a {
        margin: 0 !important
    }
    .slidetxts>p {
        font: 8px Arial !important;
        margin: 5px 0 !important
    }
    .slidetxts .btn.btn-default {
        font: 10px/24px Arial !important;
        height: 24px !important;
        width: 80px !important
    }
    #myCarousel .carousel-indicators {
        top: 80% !important
    }
    .carousel-indicators li {
        width: 15px !important;
        height: 15px !important
    }
    .distributor-sign-up-step1 .checkbox1 label {
        width: 85% !important;
        line-height: 30px
    }
    div.siteNameValidation+div#divSitenName>span {
        word-break: break-all
    }
    div#distributor_signup-contents .row span {
        margin: 0;
        width: 100%
    }
    input[title="Distributor Sign Up"] {
        max-width: 100%
    }
    div[id$=updtpanelProductTabs]>div[id$=ProductsTab]>.rtsLevel ul.rtsUL>li.rtsLI {
        width: 100%
    }
}

@media screen and (max-width:500px) {
    .subcaption {
        word-wrap: break-word
    }
    div#main-content>.container>div>.row>div.text-wrapper {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-bottom: 1rem
    }
    div#distributor_signup-contents .row span {
        margin: 0 0 10px;
        display: block;
        float: left;
        width: 100%
    }
    section#module-wrapper {
        padding: 0
    }
    .orderCheck {
        float: left !important
    }
    #mandatoryPurchase_container,
    #wizard-distributor-step-3 .orderView_container,
    .responsive-table-wrapper {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }
    .responsive-table-wrapper>.cart_container>div {
        min-width: 500px
    }
    #wizard-distributor-step-3 .orderView_container .inforeg2,
    .responsive-table-wrapper table {
        min-width: 450px
    }
}

@media screen and (max-width:470px) {
    .slidetxts {
        top: 5% !important
    }
    div.dark-wrapper.pink .inner .countdown {
        width: 160px;
        margin: 0 auto
    }
}

@media screen and (max-width:461px) {
    .slidetxts {
        top: 5% !important
    }
    .slidetxts h1 {
        font-size: 12px !important
    }
    .slidetxts>p {
        font: 9px Arial !important;
        margin: 4px 0 !important
    }
}

@media screen and (max-width:450px) {
    #productSpecial .swiper-slide {
        height: 160px !important
    }
    #productSpecial .swiper-slide .popUpProdDescription p:nth-of-type(1) {
        display: none
    }
}

@media screen and (max-width:444px) {
    .slidetxts h1 {
        font: 14px/10px Arial !important
    }
}

@media screen and (max-width:420px) {
    .slidetxts h1,
    .slidetxts>p {
        font: 7px Arial !important
    }
    .slidetxts>p {
        margin: 4px 0 !important
    }
    .btnWrapper div[id*=tblButtons] {
        text-align: center !important;
        float: none !important
    }
}

@media screen and (max-width:407px) {
    div.social-media ul li {
        margin: 5px 25px
    }
}

@media screen and (max-width:400px) {
    #InvalidDistributorModuleWrapper .enter-id>input,
    #InvalidDistributorModuleWrapper .web-site>input {
        width: 100% !important;
        margin: 0 0 10px
    }
    .slidetxts {
        top: 0 !important
    }
    .slidetxts>p {
        font: 9px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 9px/20px Arial !important;
        height: 20px !important;
        width: 70px !important
    }
    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important
    }
    .btnWrapper>div {
        width: 100% !important;
        text-align: center !important
    }
    div#recalcBtnWrap>a {
        display: inline-block;
        text-align: center;
        float: none !important
    }
    a[id*=btnCheckOut] .tdBottomButtonMiddle {
        width: 100% !important;
        padding: 0 20px !important
    }
    .row-wrapper [class*=span-4],
    div.calendar {
        width: 90% !important
    }
    #findADistributor .selectWrap .fa-drop-down,
    .row-span[class*=span-],
    [class*=span-] .pushbutton {
        width: 100% !important
    }
    .edit-module-wrapper>a,
    .options-buttons a {
        width: 100% !important;
        margin: 5px 0 !important;
        text-align: center
    }
    #company-cannot-sponsor p.strikeThrough:before {
        left: 40% !important
    }
    #company-cannot-sponsor p.strikeThrough:after {
        right: 40% !important
    }
    #company-cannot-sponsor .buttonsWrap p.strikeThrough:before {
        left: 0 !important
    }
    #company-cannot-sponsor .buttonsWrap p.strikeThrough:after {
        right: 0 !important;
        left: 38px !important
    }
    #findADistributor .col-lg-2 h4.strikeThrough:before,
    #findADistributor h4.strikeThrough:before {
        left: 35% !important
    }
    #findADistributor .col-lg-2 h4.strikeThrough:after,
    #findADistributor h4.strikeThrough:after {
        right: 35% !important
    }
    .popUpProdDescription {
        width: 250px
    }
    .pb-left-column #views_block {
        width: 100% !important
    }
    #productSpecial .swiper-slide {
        height: 140px !important
    }
}

@media screen and (max-width:399px) {
    .slidetxts {
        top: 0 !important
    }
    .slidetxts>p {
        font: 9px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 9px/20px Arial !important;
        height: 20px !important;
        width: 70px !important
    }
    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important
    }
}

@media screen and (max-width:375px) {
    div#side-menu .slide ul.vertical li {
        height: auto
    }
    .slidetxts {
        top: 0 !important
    }
    .slidetxts>p {
        font: 7px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 9px/20px Arial !important;
        height: 20px !important;
        width: 70px !important
    }
    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important
    }
}

@media screen and (max-width:370px) {
    .slidetxts {
        top: 0 !important
    }
    .slidetxts>p {
        font: 8px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 8px/20px Arial !important;
        height: 20px !important;
        width: 70px !important
    }
    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important
    }
}

@media screen and (max-width:361px) {
    .slidetxts h1 {
        font: 8px/10px Arial !important
    }
    .slidetxts>p {
        font: 8px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 8px/16px Arial !important;
        height: 16px !important;
        width: 50px !important
    }
}

@media screen and (max-width:360px) {
    .slidetxts h1 {
        font: 8px/10px Arial !important
    }
    .slidetxts>p {
        font: 8px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 8px/16px Arial !important;
        height: 16px !important;
        width: 50px !important
    }
    html div#side-menu {
        width: 100%;
    }
}

@media screen and (max-width:325px) {
    .slidetxts {
        padding: 5px 0 !important
    }
    .slidetxts h1 {
        font: 8px/10px Arial !important
    }
    .slidetxts>p {
        font: 5px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 8px/16px Arial !important;
        height: 16px !important;
        width: 50px !important
    }
}

@media screen and (max-width:320px) {
    .slidetxts h1 {
        font: 8px/10px Arial !important
    }
    .slidetxts>p {
        font: 6px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 8px/16px Arial !important;
        height: 16px !important;
        width: 50px !important
    }
}

@media screen and (max-width:311px) {
    .slidetxts h1 {
        font: 8px/10px Arial !important
    }
    .slidetxts>p {
        font: 7px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 7px/14px Arial !important;
        height: 14px !important;
        width: 50px !important
    }
}

@media screen and (max-width:310px) {
    .slidetxts h1 {
        font: 6px/10px Arial !important
    }
    .slidetxts>p {
        font: 4px Arial !important
    }
    .slidetxts .btn.btn-default {
        font: 7px/14px Arial !important;
        height: 14px !important;
        width: 50px !important
    }
}

@media screen and (max-width:275px) {
    .slidetxts {
        padding: 10px 0 !important
    }
    .slidetxts h1 {
        font: 7px/5px Arial !important
    }
    .slidetxts>p {
        font: 6px Arial !important;
        margin: 2px 0 !important
    }
    .slidetxts .btn.btn-default {
        font: 6px/8px Arial !important;
        height: 8px !important;
        width: 35px !important
    }
    #myCarousel .carousel-indicators {
        top: 70% !important
    }
    .carousel-indicators li {
        width: 8px !important;
        height: 8px !important
    }
}

@media screen and (max-width:211px) {
    .slidetxts {
        padding: 10px 0 !important
    }
    .slidetxts h1 {
        font: 7px/5px Arial !important
    }
    .slidetxts>p {
        font: 5px Arial !important;
        margin: 2px 0 !important
    }
    .slidetxts .btn.btn-default {
        font: 6px/8px Arial !important;
        height: 8px !important;
        width: 35px !important
    }
    #myCarousel .carousel-indicators {
        top: 70% !important
    }
    .carousel-indicators li {
        width: 8px !important;
        height: 8px !important
    }
}

@media screen and (max-width:191px) {
    .slidetxts h1 {
        font: 5px/5px Arial !important
    }
    .slidetxts>p {
        font: 4px Arial !important;
        margin: 2px 0 !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) {
    #social-top>li#connect_withUs {
        width: 100%;
        margin-bottom: 10px
    }
    #social-top li {
        margin-bottom: 10px
    }
    #btn-video_readMore.btn.btn-default {
        display: block;
        width: 40%;
        margin: 0 auto;
        margin-bottom: 20px !important
    }
    #video_text_container {
        margin-top: 0 !important
    }
    .packages_description>p {
        margin-bottom: 35px !important
    }
    ul#social-top {
        float: left !important
    }
    #video_text_container>h1,
    #video_text_container>p {
        text-align: center
    }
    .slidetxts .btn.btn-default {
        font: 8px/15px Arial !important;
        height: 15px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape)and (-webkit-min-device-pixel-ratio:1) {
    .slidetxts>p {
        font: 11px Arial !important
    }
    .slidetxts h1 {
        font-size: 18px !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) {
    #social-top>li#connect_withUs {
        width: 100%;
        margin-bottom: 10px
    }
    #social-top li {
        margin-bottom: 10px
    }
    #btn-video_readMore.btn.btn-default {
        display: block;
        width: 40%;
        margin: 0 auto;
        margin-bottom: 20px !important
    }
    #video_text_container {
        margin-top: 0 !important
    }
    .packages_description>p {
        margin-bottom: 35px !important
    }
    ul#social-top {
        float: left !important
    }
    #video_text_container>h1,
    #video_text_container>p {
        text-align: center
    }
    .slidetxts .btn.btn-default {
        font: 8px/15px Arial !important;
        height: 15px !important
    }
    .slidetxts>p {
        font: 7px Arial !important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
    #social-top>li#connect_withUs {
        width: 100%;
        margin-bottom: 10px
    }
    #social-top li {
        margin-bottom: 10px
    }
    #btn-video_readMore.btn.btn-default {
        display: block;
        width: 40%;
        margin: 0 auto;
        margin-bottom: 20px !important
    }
    #video_text_container {
        margin-top: 0 !important
    }
    .packages_description>p {
        margin-bottom: 35px !important
    }
    ul#social-top {
        float: left !important
    }
    #video_text_container>h1,
    #video_text_container>p {
        text-align: center
    }
}