#client .show-mobile, .toggle-form-option, .mb-total, .mb-btn, .mb-d-none{ display: none;}
.width-100{width: 100%;}
.mb-0{margin-bottom: 0;}
#order-premium_comparison .thumb-mobile{display: none;}
@media (min-width: 200px) and (max-width: 980px) {
    .mb-d-none{ display: block;}
    .total-due-today{
        padding-top: 0px;
        margin: 0px;
    }
    .d-block-xs{display: block;}
    .page-row-mb{ display: flex;}
    .toggle-form-option{display: block;}
    .hero-mobile{ width: 90%; margin: 0 auto; padding-bottom: 45px;}
    .hero-mobile .owl-nav{ display: none;}
    .hero-mobile .owl-dots{ margin: 10px 0 0 0;}
    .hero-mobile .owl-theme .owl-dots .owl-dot span{
        background: #aaa;
        height: 9px;
        width: 9px;
    }
    .hero-mobile .owl-theme .owl-dots .owl-dot.active span, .hero-mobile
     .owl-theme .owl-dots .owl-dot:hover span{
        background: #503de3;
    }
    .owl-carousel .owl-item img{border-radius: 4px;}
    .hide-mobile{
        display: none;
    }
    #client .header{
        height: 56px;
    }
    #client .show-mobile{ display: block;}
    #client .header .logo-client{
        background-size: 190px auto;
        -width: 190px;
        height: 56px;
        top: -6px;
    }
    #client .home .heading {
        font-size: 32px;
    }

    #client .form-client {
        width: 300px;
        margin-top: 20px;
    }

    #client .header::after{
        background: #707070;
    }

    .loader-bg video {
        width: 300px;
    }

    #client #form-get-logos .row {
        display: block;
    }

    #client .form-custom .col {
        margin-bottom: 35px;
        position: relative;
    }

    #client .logo-col .logo-btn-group {
        opacity: 1;
        transition: all ease-in-out 0.2s;
    }

    #client #logo_pages .logo-col {
        margin-bottom: 30px;
    }

    #logo_ui_tabs .ui-tabs li {
        width: inherit;

    }

    #client .hide-xs {
        display: none !important;
    }

    #client .footer .primary{padding: 25px 0 0 0}
    #client .footer h4{ font-size: 21px; margin: 0 0 5px 0;}
    .ic-social{
        background-size: 30px auto !important;
        width: 30px;
        height: 32px;
        margin: 5px 15px 0 0;
    }
    .text-footer{
        font-size: 12px;
        color: #9c9c9c;
        text-align: center;
    }

    .remove-cart-item {
        margin: 0
    }

    .row-footer{
         display: block;
    }

    .row-footer .col-xs-12{
        margin: 0 0 10px 0;
    }
    .cart-item-details .cart-item-image {
        margin-bottom: 20px;
    }

    .view-cart-footer-wrp {
        flex-direction: column;
    }

    .view-cart-footer-wrp .view-cart-discount,
    .view-cart-footer-wrp .view-cart-total {
        display: block;
        margin: 0 0 20px 0;
        width: 100%;
    }

    .view-cart-total{
        display: none;
    }

    .cart-right {
        background-color: white;
        padding: 20px 20px;
    }

    .content-container{
        display: flex;
        flex-direction: column;
    }

    .cart-right{
        order: 1;
    }

    .cart-left{
        order: 2;
    }

    .logo-thumb{
        margin: 0 auto;
    }

   .brandLiveHeading{
        text-align: center;
        padding: 10px 0px 10px 0px;
   }

   #order-standard_cart .view-cart-items{
        margin: 0px !important;
        padding: 0px;
   }

    .blurb-with-shadow {
        padding: 0px;
        margin: 0px;
        box-shadow: none;
    }

    .view-cart-discount .tab-content{
        margin: 0 auto;
    }

    .login-right-col {
        border: none;
        margin: 0;
    }

    .social-login-btn button {
        margin: 0px 10px;
    }

    .accordian-wrp h3{
        display: none;
    }

    .spacer {
        padding: 0;
    }

    .cart-left{
        padding: 0px;
    }

    .blurb-checkout h3{
        font: 600 21px 'Open Sans', sans-serif;
    }

    .logo-thumb{
        width: 100%;
    }

    .btn-fgt-passwd {
        margin: 15px 0 0 0;
    }

    .r-menu-trigger {
        position: absolute;
        top: 15px;
        right: 20px;
        display: none;
        width: 25px;
        height: 25px;
        cursor: pointer;
        z-index: 100;
    }

    .r-menu-trigger span {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 100%;
        height: 3px;
        margin-top: -2px;
        background-color: #3842c4;
        font-size: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: background-color .3s;
        -ms-transition: background-color .3s;
        transition: background-color .3s;
        border-radius: 4px
    }

    .r-menu-open.r-menu-trigger span {
        background-color: transparent
    }

    .r-menu-trigger span:before,
    .r-menu-trigger span:after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #3842c4;
        content: '';
        -webkit-transition: -webkit-transform .3s;
        -ms-transition: -webkit-transform .3s;
        transition: transform .3s;
        border-radius: 4px
    }

    .r-menu-trigger span:before {
        -webkit-transform: translateY(-305%);
        -ms-transform: translateY(-305%);
        transform: translateY(-305%)
    }

    .r-menu-trigger span:after {
        -webkit-transform: translateY(305%);
        -ms-transform: translateY(305%);
        transform: translateY(305%)
    }

    .r-menu-open.r-menu-trigger span:before {
        -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg)
    }

    .r-menu-open.r-menu-trigger span:after {
        -webkit-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg)
    }

    .top-nav {
        position: fixed;
        padding-top: 60px;
        right: 0;
        top: 0;
        width: 55%;
        height: 100%;
        z-index: 10;
        opacity: 0;
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;

        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);

        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        clear: both;
        background: #503de3;
        color: #fff;
    }

    .top-nav.active {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
    }

    .top-nav ul {
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 0;
        position: relative;
        height: 100%;
    }
    .top-nav .text-floated{
        position: absolute;
        bottom: 60px;
        right: 0;
        text-align: right;
        border-top: solid 1px #708cbf;
        font-size: 14px;
    }
    #client .top-nav li {
        padding: 10px 0 10px 0;
        text-align: right;
        display: block;
        margin: 0 25px 0 0;
    }

    .top-nav li a:after{ display: none;}
    #client .footer li{
        margin: 0 0 5px 0;
    }
    #client .footer li a, #client .footer p{
        font-size: 14px;
    }
    #client .footer .secondary{
        padding: 20px 0;
        font-size: 12px;
    }

    .footer .footer-separator{
        margin: 15px 0 5px 0;
        padding: 15px 0 0 0
    }
    #client .page-section .col-xs-12{
        margin-bottom: 25px;
    }
    .modal-body .form-group-wrp{ width: 90%;}
    .form-group-social-btn{ text-align: center}
    #client .form-group-social-btn button{ margin: 0 0 15px 0; width: 100%;}
    #client .modal-header .close i{ margin: 15px; font-size: 2rem;}
    #client .controls-wrp .ui-tabs{ min-height: 70px;}
    .xs-hide{
        display: none;
    }
    .page-section .text-xxl{
        font-size: 30px;
        line-height: 37px;
    }
    .page-section .list li{ font-size: 15px; margin: 0 0 10px 0;}
    .section-spacer{
        padding: 35px 0;
    }
    .page-section .mt-85{
        margin: 0;
    }
    .page-section .text-xl{ font-size: 16px;}
    .hero-img{ background-size: contain; width: 100%; height: 215px;}
    .lead-text .font1{ font-size: 23px;}
    .lead-text .font2, .lead-text2 .font1{ font-size: 31px;}
    .title-img{ background-size: contain; width: 100%; height: 29px; margin: 0 0 10px 0;}
    .page-section .text-right{ text-align: center; }
    .hero-img-form, .hero-img-shortlist{ width: 100%; height: auto;}
    .lead-text2 .font2{ font-size: 16px;}
    .section-3 .lead-text2{ text-align: center;}
    .section-spacer2{ padding: 25px 0;}
    .hero-img-edit{ width: 100%; background-size: contain; height: 255px;}
    .hero-img-merchandise{ width: 100%; background-size: contain; height: 255px;}
    .section-5 .dflex{ display: block;}
    .page-section .section-title{ font-size: 30px;}
    .pricing-blurb .plans{ display: block; width: 330px; margin-bottom: 35px;}
    .pricing-blurb .plans_container{ width: 330px; margin-bottom: 35px;}
    .testimonial{ flex-direction: column;}
    .testimonial .text{ font-size: 15px; line-height: 25px;}
    .testimonial .author{ font-size: 21px;}
    .testimonial .author strong{ font-size: 31px;}
    .section-compare h2{ font-size: 31px;}
    .row-content table td{ padding: 15px;}
    .section-compare .ic{ display: none;}
    .section-compare span{ width: 99%; display: block; text-align: center;}
    .faqs .q{ font-size: 17px;}
    .faqs .a{ font-size: 15px; line-height: 22px;}
    .c20{ padding: 10px;}
    .c6{ margin: 0; padding: 0;}
    #client .form-client .form-group{
        padding-bottom: 30px;
    }
    #client .form-client label{ font-size: 17px;}
    #client .form-client .autofocus:focus + label{ font-size: 17px;}
    #client .form-client .btn-big{ margin: 25px 0 30px 0;}
    #form-get-logos{
        width: 80%;
        margin: 0 auto;
        position: relative;
        padding-top: 30px;
    }
    .form-custom label{
        left: 10px !important;
    }
    #client .logo-pin-counter{
        position: absolute;
        top: -21px;
        right: 30px;
    }
    #client .active .logo-pin-counter{
        position: absolute;
        top: -265px;
        right: 0;
    }
    #client .col-btn-groups{
        text-align: center;
        padding-top: 15px;
    }
    #client .logo-hero-heading h2{
        font-size: 20px;
    }
    #client .logo-hero-heading p{
        font-size: 12px;
    }
    .logo-btn-group .btn-secondary{
        color: #fff;
    }
    .row-group-buttons.black-border, .mhd-container{
        display: none;
    }

    #client .top-nav li a{
        text-transform: none;
        padding: 0;
        font-weight: 400;
        font-size: 14px;
    }
    #client .top-nav .menu-item a{
        font-size: 16px;
        padding: 0;
    }
    #client .menu-seperator{
        height: 1px;
        background: #708cbf;
        padding: 0 !important;
        margin:15px 25px 15px 20% !important;
    }
    #client .header .top-nav{margin: 0;}
    .toogle-form-items{ display: none;}
    #client .toggle-form-option.col{ margin:0 0 5px 0;}

    .navtabs li{
        margin: 5px 0;
        font-size: 14px;
    }
    .navtabs li a{
        padding: 0 12px;
    }
    .navtabs li:nth-child(3) a{
        border: none;
    }
    .mylogo #tableServicesList th, #tableTicketsList th, #tableAffiliatesList th{
        display: none;
    }
    .mylogo #tableServicesList td, #tableTicketsList td{
        display: block;
    }
    .dataTables_wrapper .dataTables_filter{margin-top: 8px;}
    .row-with-border{ padding: 0; border: none;}

    .affi-page-wrp .h1 b{
        display: block;
        font-size: 24px;
    }
    .affi-page-wrp .h1{ font-size: 15px;}
    .hero-affi-img {
        width: 100%;
        height: 311px;
        background-position: center center;
        background-size: 100% auto;
    }
    #client .logo-card{
        overflow: hidden;
    }

    .hero-aboutus-image{
        height: 400px;
    }
    .logincontainer{
        padding: 40px 20px;
    }
    .logincontainer h2{
        font-size: 21px;
    }
    .text-big{
        font-size: 23px;
    }
    .lead-text-affi{
        margin-top: -70px;
    }
    #client .btn-fat{
        font-size: 19px;
        padding: 10px 40px;
    }
    .lead-text-affi .font1{
        font-size: 45px;
    }
    .lead-text-affi .font2{
        font-size: 19px;
    }
    .cart-after-login{
        border: none;
        padding-left: 15px;
        padding-right: 15px;
    }
    #client .view-cart h2{
        margin: 0 0 20px 0;
    }
    #client .btn-outline-primary, #client .fb-btn, #client .google-btn{
        font-size: 14px;
    }
    .mb-total{
        display: flex;
        justify-content: space-between;
        margin: 20px 0;
        font-weight: bold;
        color: #777;
        font-size: 19px;
    }
    .mb-total .amt{ color: #434343;}
    .mb-btn{ display: block;}
    .mb-btn button{ display: block; width: 100%; margin:15px 0 40px 0;}
    .view-cart-footer-wrp.with-sidebar .view-cart-discount, .view-cart-footer-wrp.with-sidebar .view-cart-total, .view-cart-footer-wrp.with-sidebar .checkout-btn-wrp{
        padding-left: 0;
    }
    .view-cart .cart-v-spacer{ padding-bottom: 0;}
    .tabs-custom .navtabs{
        margin: 25px 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .dd-menu .dd-menu-items li a{
        padding: 1px 10px;
    }
    #tableTicketsList_wrapper{
        padding: 0 20px;
        border: 0;
    }
    .ticket-reply,  .panel-info, .mb-space, .form-change-password{
        margin: 20px;
    }
    .lead-text .font1:first-child{ margin: 0;}
    #order-premium_comparison .images-wrp, .list-box2, .hide-mb{
        display: none;
    }
    .list-box1 .two-cols{
        display: block;
        border: none;
    }
    #order-premium_comparison .two-cols .list, #order-premium_comparison .compare-plans .list-wrp .list-box1{
        margin: 0;
    }
    #order-premium_comparison .compare-plans .list li{
        margin: 0 0 5px 0;
    }
    #order-premium_comparison .compare-plans .price-area .price{
        font: bold 22px 'Open Sans', sans-serif !important;
        line-height: 20px;
    }
    #order-premium_comparison .compare-plans .list li{
        font-size: 12px;
    }
    #order-premium_comparison .compare-plans .price-area .slashed-price, #order-premium_comparison .compare-plans .price-area .plan-price {
        height: inherit;
    }
    .compare-plans .order-button{
        width: inherit;
        padding: 10px 20px;
        font-size: 12px;
    }

    #order-premium_comparison .compare-plans .plans-box{
        width: 95% !important;
    }

    #order-premium_comparison #product3 .images-wrp{
        display: none;
    }
    #order-premium_comparison #product0-description h5, #order-premium_comparison #product1-description h5, #order-premium_comparison #product2-description h5{
        font-size: 11px;
        margin: 0 0 10px 0;
    }

    #order-premium_comparison .compare-plans .price-area .center-price {
        padding: 12px 0px 28px 0px;
    }

    #order-premium_comparison .thumb-mobile{
        display: none;
        width: 100%;
        height: 110px;
        margin: 0 0 35px 0;
        justify-content: center;
        align-items: center;
    }

    #order-premium_comparison .plans-heading {
        display: none;
    }

    #order-premium_comparison .compare-plans h4{
        font: bold 17px 'Open Sans', sans-serif;
    }
    #order-premium_comparison .thumb-mobile .svg-top{box-shadow: 0 5px 7px #bebebe; border-radius: 4px;}
    .upgrade-blurb{
        border: none;
    }
    .pera-intro-upgrade{
        margin: 0;
    }
    .payment-heading{margin-left: 0;}
    .cart-item-image #logo_thumb{
        width: 220px;
        margin: 0 auto;
    }
    #applyPromo{
        height: inherit;
        margin: 0px;
        text-align: right;
    }
    #order-standard_cart #applyPromo label{
        font-size: 10px;
    }
    #client .login-tabs ul{
        width: 230px;
        margin: 0px auto;
    }
    #order-standard_cart .prepend-icon{
        width: 85%;
    }
    #applyPromo .btn-abs{right: 0;}
    #order-premium_comparison .compare-plans .price.slash-price{
        font-size: 20px;
        line-height: 18px;
        margin: -19px ​0px 5px 0px;
        font-weight: 600;
    }
    #order-premium_comparison .main-container #headline{
        font-size: 18px;
        margin: 25px 0 0px 0;
    }
    #order-premium_comparison .headline-plans b{
        font-size: 16px;
    }
    .compare-plans #product1{
        border-radius: 5px 0px 0px 5px;
        margin-right: -2px;
    }

    #order-premium_comparison .price-area{
        padding-top: 30px;
    }

    .compare-plans .order-button{
        margin: 0 0 0px 0;
    }

    #order-premium_comparison .one_time_payment{
        font-size: 11px;
        margin: 0px 0px 24px 0px;
    }

    #order-premium_comparison .buy-flow .plans-container .plans-box {
        margin: 0px 10px 20px 10px;
        height: 380px;
    }

    #order-premium_comparison .buy-flow .plans-container .plans-box, #order-premium_comparison .buy-flow .plans-box .description-bottom {
        transition: height 0.25s ease;
    }

    #order-premium_comparison .buy-flow .plans-box .description-bottom {
        height: 142px;
        overflow: hidden;
    }

    #order-premium_comparison .basic-logo-plan-container {
        height: 434px;
    }

    #order-premium_comparison .buy-flow .plans-container .basic-logo-plan-container.expanded {
        height: 420px;
    }

    #order-premium_comparison .buy-flow .plans-container .basic-logo-plan-container.expanded .description-bottom {
        height: 188px;
    }

    #order-premium_comparison .buy-flow .plans-container .web-only-plan-container.expanded {
        height: 445px;
    }

    #order-premium_comparison .buy-flow .plans-container .web-only-plan-container.expanded .description-bottom {
        height: 207px;
    }

    #order-premium_comparison .buy-flow .plans-container .web-pro-plan-plan-container.expanded {
        height: 603px;
    }

    #order-premium_comparison .buy-flow .plans-container .web-pro-plan-plan-container.expanded .description-bottom {
        height: 366px;
    }

    #order-premium_comparison .buy-flow .plans-container .complete-logo-kit-plan-container.expanded {
        height: 623px;
    }

    #order-premium_comparison .buy-flow .plans-container .complete-logo-kit-plan-container.expanded .description-bottom {
        height: 390px;
    }

    #order-premium_comparison .buy-flow .plans-container .design-subscription-plan-container.expanded {
        height: 734px;
    }

    #order-premium_comparison .buy-flow .plans-container .design-subscription-plan-container.expanded .description-bottom {
        height: 496px;
    }

    #order-premium_comparison .plans-box .toggleContent {
        margin: 0px -25px;
        background-color: #efefef;
        padding: 2px;
        text-align: center;
        height: 20px;
        font-size: 20px;
        display: block;
    }

    #order-premium_comparison .txt-center {
        display: flex;
        flex-direction: column;
    }

    #order-premium_comparison .complete-logo-kit-plan-container {
        height: 623px;
    }

    #order-premium_comparison .design-subscription-plan-container {
        height: 743px;
    }

    .compare-plans .plan-wrp{
        flex-direction: column;
    }

    .social-button-facebook{
        margin-top: 10px;
    }

}