/* homeslider2 css */
#homeSlider1 .rsThumbsHor {
    height: 44px;
    padding: 0
    }
#homeSlider1 .example-link {
    padding: 5px 12px 6px;
    color: #FFF;
    background: #C00;
    position: absolute;
    color: #FFF;
    right: 12px;
    bottom: 12px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 2px;
    z-index: 30
    }
#homeSlider1.rsUni .rsArrow {
    height: 94px;
    position: absolute;
    top: calc(50% - 47px)
    }
#homeSlider1 .example-link:hover {
    text-decoration: none;
    background: #BB0202;
    text-decoration: underline;
    color: #FFF
    }
#homeSlider1 .rsThumb {
    width: 172px;
    height: 44px;
    cursor: pointer
    }
#homeSlider1 .rsTmb {
    text-align: center;
    margin-top: 11px;
    font-weight: bold
    }
#homeSlider1 .rsThumb i {
    font-family: "proxima_nova_cn_rgregular";
    font-size: 20px;
    font-style: normal;
    font-weight: normal
    }
#homeSlider1 .rsThumb {
    cursor: pointer;
    height: 44px;
    margin-right: -23px !important;
    width: 175px !important
    }
.left_social_sec {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px
    }
#respond p label {
    float: left;
    padding-right: 5px;
    width: 80px
    }
#respond p input[type="text"], #respond p input[type="url"], #respond p input[type="email"], #respond p textarea {
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px
    }
@media screen and (max-width: 1024px) {
    body {
        overflow-x: hidden
        }
    .rsABlock1.imtwo.rsSlideTitle {
        left: 35%;
        top: 75px
        }
    .roi3 .get_st_roi {
        left: 15% !important
        }
    .rsFirstSlideTitle {
        color: #000;
        font-size: 62px;
        left: 0;
        padding: 14px;
        position: relative;
        top: 0 !important;
        width: 100%
        }
    .rsoneTitle {
        color: #000;
        font-size: 62px;
        padding: 14px;
        top: 0 !important;
        width: 100%
        }
    .rsABlock1.rsfiveTitle.rsSlideTitle > a {
        padding: 18px 0 0
        }
    .rsABlock1.rsinv1 {
        font-family: "proxima_novalight";
        left: 45% !important;
        top: 285px !important
        }
    .rsABlock1.rsconimg1.rsSlideTitle {
        left: 10%;
        top: 107px
        }
    .rscon1 {
        left: 18% !important;
        top: 126px !important
        }
    #bx-pager img {
        vertical-align: middle;
        width: 100%;
        margin: 4px 0 0
        }
    .rswrapp {
        margin: 0 auto;
        width: 100%
        }
    .rsSecondSlideTitle {
        left: 8% !important;
        top: 124px
        }
    .featurelogo #bx-pager > a {
        float: left;
        margin: 0;
        padding: 7px 16px 0;
        width: 15% !important
        }
    .rstextTitle {
        background: url(images/quote_icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #333 !important;
        font-family: proxima_novalight;
        font-size: 20px !important;
        left: 48% !important;
        padding: 5px 0 0 30px !important;
        top: 325px !important
        }
    .nevbar ul li a {
        color: #8c8c8c;
        font-size: 14px;
        padding: 10px 14px;
        text-decoration: none;
        text-transform: uppercase
        }
    .royalSlider .rsplaybtnma img {
        width: 62px;
        left: 0
        }
    #homeSlider1 .rsThumb {
        font-size: 12px;
        width: 115px;
        height: 44px;
        cursor: pointer
        }
    #homeSlider1 .rsTmb {
        margin-top: 12px
        }
    .featurelogo #bx-pager > a {
        float: left;
        margin: 0 0 0 0;
        padding: 7px 16px 0;
        width: auto
        }
    .rsABlock1.rsplaybtn.rsSlideTitle {
        left: 193px;
        top: 242px
        }
    .rstwoTitle {
        left: 6% !important;
        top: 20px !important
        }
    .rsThirdSlideTitle {
        color: #333;
        font-family: "proxima_novalight";
        font-size: 18px !important;
        left: 35% !important;
        text-align: left;
        top: 175px !important;
        width: 560px
        }
    .rswhotwoTitle {
        left: 0 !important;
        top: 75px !important
        }
    .rsABlock1.rsmobilthreeTitle.rsSlideTitle {
        background: none repeat scroll 0 0 #fff;
        border-radius: 6px;
        font-family: "proxima_novasemibold";
        height: auto;
        left: 10%;
        padding: 13px;
        top: 290px;
        width: 300px
        }
    .rsSecondmTitle {
        left: 10% !important;
        top: 168px !important
        }
    .imthree {
        left: 38% !important;
        top: 418px !important
        }
    .imzero {
        left: 5% !important;
        top: 120px !important
        }
    A.banner .get_st_roi {
        left: 160px !important
        }
    .rsfiveTitle {
        left: 41% !important;
        top: 395px !important
        }
    .rsABlock1.itower.rsSlideTitle {
        left: 35%;
        top: 145px
        }
    .rsABlock1.rsplaybtn1.rsSlideTitle {
        left: 220px;
        top: 246px
        }
    .rstextTitle2s {
        background: url(images/quote_icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #333 !important;
        font-family: proxima_novalight;
        font-size: 17px !important;
        font-weight: normal !important;
        left: 48% !important;
        line-height: 20px;
        padding: 0 0 0 30px !important;
        text-align: left;
        top: 200px !important;
        width: 55% !important
        }
    h1 > span {
        color: #000;
        font-family: "proxima_novalight";
        font-size: 36px;
        font-weight: bold;
        margin: 0 0 0 55px;
        padding: 20px 0
        }
    .rsSlideTitle > h1 {
        background: url(images/layer/top_bg.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #000;
        font-family: "proxima_novalight";
        font-size: 35px;
        font-weight: bold;
        margin: 40px 0 0;
        padding: 20px 0
        }
    .rsABlock1.rstwoTitle.rsSlideTitle > img {
        height: 415px;
        margin-top: 54px
        }
    .plan1 {
        background-image: url(images/box_shadow.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        color: #505050;
        float: left;
        font-family: "proxima_novalight";
        line-height: 24px;
        margin: 0 11px;
        padding-bottom: 13px;
        width: 178px
        }
    #homeSlider1 .rsThumb {
        background: url(images/tab_arr.png) no-repeat scroll 0 0/15% 100% rgba(0, 0, 0, 0);
        height: 65px;
        position: relative;
        z-index: 98 !important
        }
    #homeSlider1 .rsThumbsHor {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 10px rgba(0, 0, 0, 0.1);
        height: 65px
        }
    #homeSlider1 .rsTmb {
        margin-top: 0 !important
        }
    .banner2 #homeSlider .rsThumb:first-child:hover {
        background-image: url(images/bluetab.png) !important
        }
    #homeSlider1 .example-link {
        display: none
        }
    #homeSlider1 .rsThumb:hover {
        background: url(images/newtab_hover_blue.png) repeat scroll 0 0/100% 100% rgba(0, 0, 0, 0) !important;
        position: relative;
        z-index: 999 !important
        }
    .banner2 .rsUni .rsThumb.rsNavSelected {
        background-color: #fff
        }
    .banner222 .rsUni .rsThumbs .first_item {
        background-image: url(images/orangetab.png) !important
        }
    .banner2 #homeSlider .rsThumb:first-child:hover {
        background-image: url(images/bluetab.png) !important
        }
    .rsSecondSlideTitle {
        left: 17%;
        top: 94px !important
        }
    }
@media screen and (max-width: 991px) {
    .c-wrapperin1 {
        width: 735px
        }
    .header-wrapper {
        width: 100%
        }
    .soc-div {
        float: right;
        margin: 8px 20px 8px 0;
        text-align: right;
        width: 62%
        }
    .nevbar {
        float: left;
        margin: 0 0 0 25px;
        width: 50%
        }
    .nevbar ul li a {
        color: #8c8c8c;
        font-size: 13px;
        padding: 10px 8px;
        text-decoration: none;
        text-transform: uppercase
        }
    img {
        max-width: 100%
        }
    .fot_centers, .fot_linkss, .copyrightx {
        width: 96%;
        padding: 0 2%
        }
    }
@media screen and (max-width: 768px) {
    .header-wrapper {
        height: 95px;
        margin: auto;
        width: 100%
        }
    .rsABlock1.imtwo.rsSlideTitle {
        left: 35%;
        top: 50px
        }
    .banner_inner {
        display: none
        }
    .logo {
        float: left;
        margin: 15px 15px 12px;
        width: 18%
        }
    .soc-div {
        float: right;
        margin: 8px 20px 8px 0;
        text-align: right;
        width: 62%
        }
    .nevbar {
        float: left;
        margin: 0 0 0 25px;
        width: 53%
        }
    .logins a {
        color: #ee5516;
        float: left;
        font-family: "proxima_novasemibold";
        font-size: 15px;
        font-weight: normal;
        height: 32px;
        padding: 10px 12px;
        text-decoration: none;
        text-transform: uppercase
        }
    .nevbar ul li a {
        color: #8c8c8c;
        font-size: 13px;
        padding: 10px;
        text-decoration: none;
        text-transform: uppercase
        }
    .rsABlock1.rsinv1 {
        font-family: "proxima_novalight";
        left: 39% !important;
        top: 275px !important
        }
    .rsABlock1.rsThirdSlideTitle.rsSlideTitle li {
        line-height: 25px
        }
    .rsABlock1.rsinv2 {
        font-family: "proxima_novalight";
        left: 78% !important;
        top: 135px !important
        }
    .rsSecondSlideTitle {
        left: 4% !important;
        top: 124px
        }
    .royalSlider .imzero img {
        width: 55% !important
        }
    .rscon1 {
        width: 340px
        }
    .rstextTitle2s {
        background: url(images/quote_icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #333 !important;
        font-family: proxima_novalight;
        font-size: 15px !important;
        font-weight: normal !important;
        left: 46% !important;
        line-height: 20px;
        padding: 0 0 0 35px !important;
        text-align: left;
        top: 185px !important;
        width: 55% !important
        }
    .rsFirstSlideTitle {
        left: 12% !important
        }
    .rsForthSlideTitle {
        left: 41% !important;
        top: 290px !important
        }
    .rsABlock1.rsplaybtn.rsSlideTitle {
        left: 150px;
        top: 160px
        }
    .rsABlock1.rsplaybtn1.rsSlideTitle {
        left: 165px;
        top: 246px
        }
    .rsSecondSlideTitle {
        left: 17%;
        top: 67px !important
        }
    .rsmobilthreeTitle li {
        display: inline;
        float: left;
        height: 35px;
        line-height: 40px;
        margin: 0 10px;
        padding: 0 0 0 25px
        }
    .icon1 {
        background: url(./images/layer/apple_icon.png) no-repeat scroll left center/20px 20px rgba(0, 0, 0, 0)
        }
    .icon2 {
        background: url(./images/layer/andriod.png) no-repeat scroll left center/20px 20px rgba(0, 0, 0, 0)
        }
    .rsABlock1.rsmobilthreeTitle.rsSlideTitle {
        background: none repeat scroll 0 0 #fff;
        border-radius: 6px;
        font-family: "proxima_novasemibold";
        height: auto;
        left: 12%;
        padding: 5px 0;
        top: 257px;
        width: 230px
        }
    .rsABlock1.rsSecondmTitle.rsSlideTitle > a {
        background-image: url(images/dapp.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        float: left;
        font-size: 0;
        height: 74px;
        width: 235px
        }
    .rsmobilthreeTitle li a:hover {
        color: #6fa2bf;
        font-size: 16px;
        text-decoration: underline
        }
    .rsmobilthreeTitle li a {
        color: #333;
        font-size: 16px;
        margin: 0 10px 0 0;
        text-decoration: none
        }
    .rsABlock1.rsconimg1.rsSlideTitle {
        left: 6%;
        top: 118px
        }
    .banner .get_st_roi {
        left: 110px !important
        }
    .rsfiveTitle {
        left: 43% !important;
        top: 289px !important
        }
    .rsABlock1.rswhotwoTitle.rsSlideTitle > img {
        width: 100% !important
        }
    .rsABlock1.rstwoTitle.rsSlideTitle > img {
        height: 222px;
        margin-top: 120px;
        width: 55% !important
        }
    .rsthreeTitle {
        left: 35% !important;
        top: 165px !important
        }
    .rsfourTitle {
        left: 35% !important;
        top: 225px !important
        }
    .rstextTitle {
        background: url(images/quote_icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #333 !important;
        font-family: proxima_novalight;
        font-size: 15px !important;
        left: 46% !important;
        padding: 0 0 0 30px !important;
        top: 250px !important
        }
    .royalSlider .rsplaybtnma img {
        width: 50px !important
        }
    .rsABlock1.rsplaybtnma.rsSlideTitle {
        left: 17% !important;
        top: 206px !important;
        z-index: 10000
        }
    .rsABlock1.rsSecondmTitle.rsSlideTitle > a:hover {
        background-image: url(images/dapp.png);
        background-position: 0 -73px;
        background-repeat: no-repeat;
        float: left;
        font-size: 0;
        height: 100px;
        width: 230px
        }
    .rsImg.rsMainSlideImage {
        width: 100% !important;
        margin: 0 !important
        }
    .rsThirdSlideTitle {
        color: #333;
        font-family: "proxima_novalight";
        font-size: 16px !important;
        left: 34% !important;
        text-align: left;
        top: 143px !important;
        width: 560px
        }
    .imthree {
        left: 30% !important;
        top: 290px !important
        }
    .rswrapp {
        margin: 0 auto;
        width: 100%
        }
    .featurelogo #bx-pager .active {
        background-image: url(images/feature_hover.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 53px;
        height: 50px
        }
    .nevbar ul li a {
        color: #8c8c8c;
        font-size: 13px;
        padding: 10px 8px;
        text-decoration: none;
        text-transform: uppercase
        }
    .container {
        background-color: #FFF;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left
        }
    .rsUni.rsWithThumbsHor .rsThumbsContainer {
        height: 100%;
        left: 0;
        position: relative
        }
    .featurecontainer {
        background-color: #E0E0E0;
        color: inherit;
        margin: auto;
        padding: 10px;
        width: 100%;
        box-sizing: border-box
        }
    .featurelogo {
        height: 90px;
        margin: 25px auto 0;
        width: 100%
        }
    .featurelogo #bx-pager > a {
        float: left;
        margin: 0;
        padding: 7px 16px 0;
        width: 15%
        }
    .featurelogo img {
        height: auto;
        width: 100%
        }
    .plan1 {
        background-image: url(images/box_shadow.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        color: #505050;
        float: left;
        font-family: "proxima_novalight";
        line-height: 24px;
        margin: 0 13px;
        padding-bottom: 13px;
        width: 205px
        }
    .videodiv {
        background-repeat: no-repeat;
        height: 445px;
        margin: 20px auto 0;
        padding-top: 60px;
        width: 100%
        }
    .wrapper {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 65px 0 20px;
        width: 100%
        }
    .wrapper1 {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 25px 0 20px;
        width: 100%;
        background: #EAEFF2
        }
    .wrapper2 {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 0 0 20px;
        width: 100%
        }
    .wrapper3 {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 30px 0 20px;
        width: 100%
        }
    .f-wrapper {
        height: auto;
        margin: auto;
        overflow: hidden;
        width: 100%
        }
    .col-md-2 {
        float: left;
        width: 16%
        }
    .bx-pager1 .box1 a {
        background-image: url(images/video_tab.png);
        background-position: center top;
        background-repeat: no-repeat;
        float: left;
        height: 111px;
        margin: 0 10px;
        padding: 5px 0;
        text-align: center;
        text-transform: uppercase;
        width: 103px
        }
    rsArrowRight {
        display: block;
        left: 650px !important
        }
    .last {
        background: url(images/tab_arr.png) no-repeat scroll 1px -1px/100% 100% rgba(0, 0, 0, 0);
        float: left;
        height: 65px;
        margin: -66px 0 0 78px;
        position: absolute;
        width: 27px;
        z-index: 111;
        display: none
        }
    /*ipad potrait inner page css */
    .topinner-header-wrapper {
        height: auto;
        margin: auto;
        width: 100%
        }
    .inner-menu {
        clear: both;
        float: left;
        font-family: proxima_novalight;
        font-size: 11px;
        margin-top: 0;
        text-transform: uppercase;
        width: 100%
        }
    .top-line {
        float: left;
        margin-left: 15px;
        margin-top: 35px;
        width: 35%
        }
    .top-right {
        float: right;
        margin-top: 40px;
        width: 27%
        }
    .c-wrapper {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 20px 0;
        width: 96% !important
        }
    .test-top ul li a {
        margin-left: 8px;
        margin-right: 8px
        }
    .inner-menu li a {
        color: #505050;
        float: left;
        margin: 10px 8px;
        padding: 3px 8px 2px;
        text-decoration: none
        }
    .inner-menu li {
        background-image: url(images/sepretor.jpg);
        background-position: right center;
        background-repeat: no-repeat;
        float: left;
        font-family: "open_sansbold";
        height: 51px;
        text-align: center
        }
    .inner-menu li a span {
        background-position: 0 0;
        background-repeat: no-repeat;
        float: left;
        height: 23px;
        padding: 7px 0 0 35px
        }
    .text-contain {
        border: 1px solid #DDD;
        float: left;
        height: auto;
        padding: 15px;
        width: 385px
        }
    .footer-wraper {
        background-color: #FFF;
        border-radius: 8px;
        margin: 0 auto 20px;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
        width: 100%
        }
    .footer-wraper .c-wrapper2 {
        height: auto;
        margin: auto;
        overflow: hidden;
        width: 100%
        }
    .u-left {
        float: none;
        margin: 0 auto;
        width: 497px
        }
    .u-right {
        float: none;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        width: 510px
        }
    .resut-box {
        float: left;
        height: auto;
        margin-left: 10px;
        margin-right: 5px;
        width: 215px
        }
    .resut-box img {
        height: auto;
        width: 100%
        }
    .mid-div > img {
        height: auto;
        width: 100%
        }
    .menu_wrap span {
        float: left;
        font-size: 10px;
        margin-top: 5px
        }
    .menu_wrap {
        margin-left: 8px;
        margin-right: 8px;
        padding: 7px 10px
        }
    .test {
        background-image: url(images/test-quote.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 10% 12%;
        float: left;
        padding-left: 45px;
        text-align: left;
        width: 90%
        }
    .catgories {
        background-image: url(images/who_bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 178px
        }
    .wget.links1 {
        margin-left: 20px
        }
    .wget {
        color: #FFF;
        cursor: pointer;
        float: left;
        padding: 12px 0 0 5px;
        width: 11%
        }
    .wget img {
        height: auto;
        width: 90%
        }
    .tableft {
        float: left;
        margin-left: 0;
        width: 300px
        }
    .tableft ul li {
        background-image: url(images/whatuget/tick1.jpg);
        background-position: left center;
        background-repeat: no-repeat;
        color: #595959;
        display: block;
        font-family: Arial;
        font-size: 12px;
        padding-bottom: 10px;
        padding-left: 35px;
        padding-top: 10px
        }
    .tabright {
        float: left;
        height: auto;
        width: 234px
        }
    .customersay {
        background-image: url(images/blue-bgx.jpg);
        background-size: 100% 100%;
        font-family: Arial;
        height: 190px;
        padding: 15px
        }
    .tab-contain-wrapper {
        margin: 50px 0 0 55px;
        width: 60%
        }
    .r-left {
        float: left;
        width: 365px
        }
    .r-left h5 {
        color: #71706F;
        font-family: "proxima_novalight";
        font-size: 28px;
        margin: 8px 0 30px;
        text-transform: uppercase
        }
    .single .nevbar ul li a {
        padding: 10px 18px !important
        }
    .page .nevbar ul li a {
        padding: 10px 18px !important
        }
    .c-wrapperin {
        border-radius: 5px;
        box-shadow: 0 0 8px #000;
        height: auto;
        margin: 100px 12px 15px;
        overflow: hidden;
        padding: 15px;
        width: 94%
        }
    .rsABlock1.imtwo.rsSlideTitle > h1 {
        color: hsl(208, 96%, 60%);
        font-size: 18px;
        margin: 35px 0 0
        }
    .rsABlock1.imone.rsSlideTitle {
        background: url(images/layer/top_bg.png) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
        top: 0;
        width: 100%;
        left: 31px
        }
    .nevbar .sub-menu li a {
        padding: 10px 15px
        }
    .c-wrapperin1 {
        width: 735px
        }
    .rightr {
        width: 27%
        }
    .leftr {
        width: 71%
        }
    .leftr img {
        max-width: 100%
        }
    }
@media screen and (max-width: 767px) {
    #respond p input[type="text"], #respond p input[type="url"], #respond p input[type="email"], #respond p textarea {
        width: 100%
        }
    .contain-wraper1 {
        clear: both;
        width: 100%
        }
    .c-wrapperin1 {
        width: 90%;
        margin-top: 0
        }
    #wrapper {
        width: 100% !important
        }
    .fot_centers, .fot_linkss, .copyrightx {
        width: 96%;
        padding: 0 2%
        }
    .fot_linkss ul {
        width: 100%;
        right: 0;
        text-align: center;
        padding-bottom: 10px
        }
    .fot_linkss li {
        left: 0;
        float: none;
        display: inline-block
        }
    .mobile_menu {
        padding-top: 0 !important
        }
    #menu-mobile_nav {
        margin: 10px 5px !important
        }
    .rightr {
        width: 98% !important;
        padding: 1% !important
        }
    .roundedsignup > input {
        border: 1px solid #ccc
        }
    .roundedsignup > input[type="image"] {
        max-width: 157px;
        border: none
        }
    .mobile_menu {
        display: block !important
        }
    .leftr {
        width: 100% !important
        }
    .nevbar, .soc-div {
        display: none !important
        }
    .header {
        background-color: #FAFAFA;
        background-image: linear-gradient(to bottom, #FFF, #F2F2F2);
        background-position: center top;
        background-repeat: repeat-x;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 10px rgba(0, 0, 0, 0.1);
        float: left;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
        height: 60px
        }
    .header-wrapper {
        height: auto;
        margin: auto;
        width: 93%
        }
    .logo {
        float: left;
        height: auto;
        margin: 8px 0 0;
        width: 38%;
        max-width: 160px
        }
    .logins a {
        color: #ee5516;
        float: left;
        font-family: "proxima_novasemibold";
        font-size: 12px;
        font-weight: normal;
        height: 22px;
        margin-top: 14px;
        padding: 10px;
        text-decoration: none;
        text-transform: uppercase;
        margin-left: 14px
        }
    .logo img {
        width: 100%
        }
    .signup {
        float: right;
        padding-top: 10px;
        width: auto
        }
    .nevbar {
        display: none
        }
    .soc-div {
        display: none
        }
    .mobile_socia {
        display: block !important
        }
    .mobile_menu123 {
        border-bottom: 2px solid #000;
        border-top: 1px solid #000;
        display: block !important;
        float: left;
        margin-top: 60px;
        padding: 8px 0 0;
        width: 100%
        }
    .mobile_menu {
        background-image: linear-gradient(to bottom, #fff, #f2f2f2);
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
        box-shadow: none;
        display: block !important;
        float: left;
        margin-top: 60px;
        padding: 5px 0 0;
        width: 100%
        }
    .mobile_menu .bx-viewport {
        height: 40px !important
        }
    #menu-mobile_nav {
        margin-top: 20px;
        text-align: center
        }
    .mobile_menu li {
        display: inline-block;
        margin-left: 0 !important;
        margin-right: 2px !important
        }
    .mobile_menu li a {
        color: #8c8c8c;
        font-family: "proxima_novasemibold";
        font-size: 12px !important;
        font-weight: normal;
        text-decoration: none;
        text-transform: uppercase
        }
    .mobile_menu .bx-next {
        background: rgba(0, 0, 0, 0) url(images/nav_bullet.png) no-repeat scroll 25px 2px/12px 57% !important;
        height: 16px !important;
        width: 50px !important
        }
    .mobile_menu .bx-prev {
        background-image: url(images/nav_bullet_left.png) !important;
        background-position: 0 2px !important;
        background-repeat: no-repeat !important;
        background-size: 12px 57% !important;
        float: right;
        height: 16px !important;
        width: 50px !important
        }
    .mobile_menu .bx-wrapper .bx-controls-direction a {
        margin-top: -5px !important
        }
    .mobile_menu .bx-wrapper .bx-next:hover {
        background-position: 0 right !important
        }
    .mobile_menu .bx-wrapper .bx-next {
        right: -10px !important
        }
    .logins:hover .login {
        right: -100px
        }
    }
@media screen and (max-width: 580px) {
    .bottom_links {
        align-items: center;
        display: block;
        float: left;
        justify-content: center;
        margin: 0 25px 20px;
        width: 100%
        }
    .whumsb {
        margin: 20px 0 0 85px !important
        }
    .bxhidden .bx-viewport {
        box-shadow: none !important
        }
    .content_ms > p > a {
        background-color: #3198f2;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 17px;
        margin: 10px auto 0;
        min-width: 145px;
        padding: 10px 18px;
        position: relative;
        text-align: center;
        text-decoration: none;
        width: auto
        }
    .title_ms {
        background: none repeat scroll 0 0 rgba(244, 247, 249, 0.4);
        color: #4a8ed3;
        font-family: "proxima_novalight";
        font-size: 16px;
        padding: 12px 0;
        position: absolute;
        top: 8px;
        width: 100%
        }
    .content_ms {
        font-family: "proxima_novalight";
        font-size: 13px;
        line-height: 17px;
        position: absolute;
        text-align: center;
        top: 52px
        }
    .girl_img {
        float: left;
        margin: 0;
        width: 145px
        }
    .content_ms > ul {
        float: left;
        font-family: "proxima_novalight";
        font-size: 11px;
        margin: 5px 0 0;
        width: 148px
        }
    .banner2 .rsImg.rsMainSlideImage {
        min-height: 300px;
        margin: 0 !important;
        max-width: 100%
        }
    .content_ms li {
        background-image: url(images/mslider_li_bg.png);
        background-position: left center;
        background-repeat: no-repeat;
        float: left;
        line-height: 14px;
        list-style: none outside none;
        margin: 2px 0;
        padding: 0 0 0 25px;
        text-align: left;
        width: 87%
        }
    .rsArrow.rsArrowLeft {
        left: 0 !important
        }
    * {
        border: none
        }
    .menu_wrap {
        margin-left: 0;
        margin-right: 0;
        padding: 0
        }
    .inner-menu .menu_wrap {
        margin-left: 8px;
        margin-right: 8px;
        padding: 7px 15px
        }
    .rsUni.rsWithThumbsHor .rsThumbsContainer {
        height: 100%;
        left: 0;
        position: relative
        }
    .rsThumbsArrowRight .rsThumbsArrowIcn {
        background: url(images/nav_bullet.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border-radius: 2px;
        cursor: pointer;
        height: 100px !important;
        left: 50%;
        margin-left: -16px;
        margin-top: -16px;
        opacity: 1 !important;
        position: absolute;
        top: 16% !important;
        width: 85% !important
        }
    .rsThumbsArrowLeft .rsThumbsArrowIcn {
        background: url(images/nav_bullet_left.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border-radius: 2px;
        cursor: pointer;
        height: 100px !important;
        left: 50%;
        margin-left: 16px;
        margin-top: -16px;
        opacity: 1 !important;
        position: absolute;
        top: 16% !important;
        width: 85% !important
        }
    .banner {
        display: none
        }
    .banner2 {
        display: block
        }
    .container {
        float: left;
        background-color: #FFF;
        margin: auto;
        padding-left: 0;
        padding-right: 0;
        width: 100%
        }
    .header {
        background-color: #FAFAFA;
        background-image: linear-gradient(to bottom, #FFF, #F2F2F2);
        background-position: center top;
        background-repeat: repeat-x;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 10px rgba(0, 0, 0, 0.1);
        float: left;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
        height: 60px
        }
    .header-wrapper {
        height: auto;
        margin: auto;
        width: 93%
        }
    .logo {
        float: left;
        height: auto;
        margin: 8px 0 0;
        width: 38%
        }
    .logins a {
        color: #ee5516;
        float: left;
        font-family: "proxima_novasemibold";
        font-size: 12px;
        font-weight: normal;
        height: 22px;
        margin-top: 14px;
        padding: 10px;
        text-decoration: none;
        text-transform: uppercase;
        margin-left: 14px
        }
    .logo img {
        width: 100%
        }
    .signup {
        float: left;
        width: auto;
        padding-top: 15px
        }
    .nevbar {
        display: none
        }
    .soc-div {
        display: none
        }
    .mobile_socia {
        display: block !important
        }
    .mobile_menu123 {
        border-bottom: 2px solid #000;
        border-top: 1px solid #000;
        display: block !important;
        float: left;
        margin-top: 60px;
        padding: 8px 0 0;
        width: 100%
        }
    .mobile_menu {
        background-image: linear-gradient(to bottom, #fff, #f2f2f2);
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
        box-shadow: none;
        display: block !important;
        float: left;
        margin-top: 60px;
        padding: 5px 0 0;
        width: 100%
        }
    .mobile_menu .bx-viewport {
        height: 40px !important
        }
    #menu-mobile_nav {
        margin-top: 20px
        }
    .gtm {
        background: url(images/grey_block.jpg) repeat-x scroll left top #E8EFF1 !important
        }
    .wrapper {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 10px 0 0;
        width: 94%
        }
    .wrapper img {
        margin-left: 0;
        margin: 0 auto
        }
    .wrapper1 {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 20px 0 20px;
        width: 100%
        }
    .wrapper3 {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 30px 0 20px;
        width: 100%
        }
    .banner-bottom2 > img {
        height: auto;
        width: 100%
        }
    .left {
        float: left;
        margin-left: 0;
        width: 100%
        }
    .right {
        float: right;
        margin-right: 0;
        width: 100%
        }
    .wrapper3 .bx-viewport {
        height: auto !important
        }
    .bxslider > li {
        margin-left: 10px;
        margin-top: 10px;
        width: 135px !important
        }
    .wrapper2 {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 0 0 20px;
        width: 100%
        }
    .box2 {
        float: left;
        height: 125px;
        margin: 0 0 20px;
        text-align: center;
        width: 50%
        }
    .right > img {
        display: none !important
        }
    .left > img {
        display: none !important
        }
    .wrapper.f {
        padding: 0
        }
    .bx-pager1 {
        height: 111px;
        margin: auto;
        position: relative;
        top: 50px;
        width: 100%
        }
    .videodiv {
        background-repeat: no-repeat;
        float: left;
        height: auto;
        margin: 20px auto;
        padding-top: 60px;
        width: 100%
        }
    .vid {
        background: none repeat scroll 0 0 #fff;
        border-radius: 10px;
        box-shadow: 0 0 5px #949494;
        height: auto;
        margin: 10px 0 0 2px;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 90% !important
        }
    .vid img {
        margin-left: 0;
        height: auto
        }
    .videodiv p {
        color: #737373;
        font-family: "proxima_novalight";
        font-size: 12px;
        margin: 18px auto;
        width: 100%
        }
    .f-wrapper {
        height: auto;
        margin: auto;
        overflow: hidden;
        width: 100%
        }
    .col-md-2 {
        float: left;
        width: 50%
        }
    .col-md-3 {
        color: #8C8C8C;
        float: left;
        padding: 10px 15px;
        text-align: left;
        text-decoration: none;
        width: 100%
        }
    .last {
        background: url(images/tab_arr.png) no-repeat scroll 1px -1px/100% 100% rgba(0, 0, 0, 0);
        float: left;
        height: 65px;
        margin: -66px 0 0 78px;
        position: absolute;
        width: 27px;
        z-index: 111;
        display: none
        }
    .crappy-plastic-part-made-in-china {
        font-size: 6em;
        height: 1.5em;
        overflow: hidden;
        position: relative;
        top: -66px
        }
    .counter span {
        color: #1488FF;
        float: left;
        font-family: "segoe_printregular";
        font-size: 20px;
        font-weight: normal;
        text-align: center;
        width: 100%;
        margin-top: -50px
        }
    .pad {
        height: 1.8em;
        margin: 0 auto;
        width: 85%
        }
    .featurelogo #bx-pager > a {
        float: left;
        margin: 0 15px 0 0;
        padding: 7px 16px 0;
        width: 40%
        }
    .featurelogo #bx-pager .active {
        background-image: url(images/mhover.png);
        background-repeat: no-repeat;
        background-position: left 2px;
        background-size: 95% 50px;
        margin: 0 15px 0 0;
        padding: 7px 18px 0
        }
    .featurelogo img {
        height: auto;
        width: 85%
        }
    .featurelogo #bx-pager > a:hover {
        background: url(images/mhover.png) no-repeat scroll left 2px/95% 50px rgba(0, 0, 0, 0) !important
        }
    .bx-wrapper .bx-viewport {
        left: 0 !important
        }
    .wrapper1 .bx-wrapper .bx-viewport {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: medium none !important;
        box-shadow: none !important;
        left: -5px;
        height: auto !important
        }
    .plan1 {
        background-image: url(images/box_shadow.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
        color: #505050;
        float: left;
        font-family: "proxima_novalight";
        line-height: normal;
        margin: 0 13px !important;
        padding-bottom: 13px;
        width: 150px !important
        }
    .plan2 {
        background-image: url(images/box_shadow.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
        color: #505050;
        float: left;
        font-family: "proxima_novalight";
        line-height: normal;
        padding-bottom: 13px;
        width: 150px !important
        }
    .img1 img {
        height: 100px;
        margin: 0 0 5px 25px;
        width: 100px
        }
    .box {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #ddd;
        float: left;
        min-height: 285px;
        padding: 5px 5px 5px;
        text-align: center;
        width: 100%
        }
    .mobile_menu li {
        display: inline;
        margin-right: 2px !important;
        margin-left: 0 !important
        }
    .signup a {
        text-decoration: none
        }
    .bx-wrapper .bx-next:hover {
        background-position: 25px 2px !important
        }
    .mobile_menu .bx-prev {
        background-image: url(images/nav_bullet_left.png) !important;
        background-repeat: no-repeat !important;
        background-size: 12px 57% !important;
        background-position: 0 2px !important;
        float: right;
        height: 16px !important;
        width: 50px !important
        }
    .mobile_menu .bx-next {
        background: url(images/nav_bullet.png) !important;
        background-repeat: no-repeat !important;
        background-size: 12px 57% !important;
        background-position: 25px 2px !important;
        height: 16px !important;
        width: 50px !important
        }
    .mobile_menu li a {
        color: #8C8C8C;
        font-family: "proxima_novasemibold";
        text-decoration: none;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 12px !important
        }
    .col1 {
        background: none repeat scroll 0 0 #FFF;
        border: 1px solid #E0E0E0;
        margin: 0 auto 0;
        overflow: hidden;
        padding: 0;
        width: 94%
        }
    span1 {
        background: none repeat scroll 0 0 #FFF;
        font-family: "proxima_novalight";
        font-size: 40px;
        padding: 0;
        text-shadow: 0 0 0 #000;
        width: 100%;
        float: left
        }
    .lookinside {
        background-color: #EBECEB;
        border-radius: 4px;
        float: left;
        line-height: 30px;
        width: 90%;
        margin-left: 20px
        }
    .bx-wrapper .bx-pager {
        float: left
        }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: 8px !important;
        position: relative !important;
        width: 100% !important
        }
    .col-md-2 a {
        color: #8C8C8C;
        float: left;
        font-family: arial;
        padding: 10px 15px;
        text-align: left;
        text-decoration: none;
        width: auto
        }
    .col-md-3 {
        color: #8C8C8C;
        float: left;
        padding: 10px 15px;
        text-align: left;
        text-decoration: none;
        width: 39%;
        height: 195px
        }
    .col-md-3 .h2 {
        color: #FFF;
        font-family: "proxima_nova_rgbold";
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 15px
        }
    .title2 span {
        font-size: 35px
        }
    .title2 {
        background-image: none
        }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: none repeat scroll 0 0 #F7BC78 !important
        }
    .bx-wrapper .bx-pager.bx-default-pager a {
        background: none repeat scroll 0 0 #e0e0e0 !important;
        border-radius: 11px !important;
        display: block;
        height: 23px !important;
        margin: 0 5px;
        outline: 0 none;
        text-indent: -9999px;
        width: 23px !important
        }
    .team {
        height: auto;
        margin: 2px 0 0 75px !important;
        overflow: hidden;
        width: 100%
        }
    .team .item_right {
        opacity: 1 !important;
        position: inherit !important;
        right: 0 !important
        }
    .wrapper1 .bx-wrapper .bx-prev {
        background: url(images/mukund-left.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        left: 10px;
        height: 65px !important;
        z-index: 111 !important
        }
    .wrapper1 .bx-wrapper .bx-next {
        background: url(images/mukund-right.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        right: 10px;
        height: 65px !important;
        width: 18px;
        z-index: 111 !important
        }
    .banner-bottom2 {
        display: none
        }
    .mobimg {
        display: block
        }
    .mobx {
        margin: 0 auto;
        width: 95%
        }
    .mobx > img {
        height: auto;
        width: 100%
        }
    .banner2 {
        margin: 0 auto;
        max-width: 640px
        }
    /* inner page mobile css start */
    .topinner-header-wrapper {
        height: auto;
        margin: auto;
        width: 100%
        }
    .c-wrapper2 .logo {
        float: left;
        margin: 22px 0 0;
        width: 40%
        }
    .c-wrapper2 .logo img {
        height: auto;
        width: 100%
        }
    .top-line {
        float: left;
        margin-left: 0;
        margin-top: 35px;
        width: 55%
        }
    .top-line > img {
        height: auto;
        width: 100%
        }
    .top-right {
        border-bottom: 2px solid #000;
        float: left;
        margin-top: 20px;
        padding-bottom: 10px;
        width: 100%
        }
    .see-pricing {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        width: 50%
        }
    .menu-innermenu-container {
        float: left;
        width: 100%
        }
    .inner-menu li {
        background-image: url(images/sepretor.jpg);
        background-position: right center;
        background-repeat: no-repeat;
        float: left;
        font-family: "open_sansbold";
        height: 44px;
        text-align: center;
        width: 100%
        }
    .c-wrapper {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 20px 0;
        width: 94%
        }
    .arrow-test {
        display: none
        }
    .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
        background-image: url(images/o_bghover.png);
        background-position: 2px 0;
        background-repeat: no-repeat;
        background-size: 98% 92%;
        color: #FFF;
        height: 80px
        }
    .test-top {
        float: left;
        height: auto;
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
        }
    .test-top ul li.tab1 a {
        margin: 0 0 5px
        }
    .test-top ul li.tab2 a {
        margin: 0 0 5px
        }
    .test-top ul li.tab3 a {
        margin: 0 0 5px
        }
    .test-top ul li.tab4 a {
        margin: 0 0 5px
        }
    .test-top ul li.tab5 a {
        margin: 0 0 5px
        }
    .testimonial1 .name {
        float: left;
        font-family: "open_sansregular";
        margin-right: 0;
        margin-top: 45px;
        text-align: center;
        vertical-align: middle;
        width: 125px
        }
    .test-top ul li:hover {
        background-image: url(images/o_bghover.png);
        background-position: 2px 0;
        background-repeat: no-repeat;
        background-size: 98% 92%;
        color: #FFF;
        height: 80px
        }
    .test-top ul li {
        color: #AAA;
        display: block;
        float: left;
        font-family: open_sansbold;
        font-size: 14px;
        font-weight: normal;
        height: 80px;
        padding-top: 10px;
        text-align: center;
        width: 45%
        }
    .test-left {
        float: left;
        height: 125px;
        margin-right: 15px;
        margin-top: 0;
        width: 125px
        }
    .test-top ul li a {
        color: #AAA;
        display: block;
        float: left;
        font-family: open_sansbold;
        font-size: 14px;
        font-weight: normal;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        text-align: center;
        text-decoration: none;
        width: 100%
        }
    #tabs h2 {
        border-top: 1px solid #D2D2D2;
        float: left;
        margin: 0;
        padding: 25px 0;
        width: auto
        }
    .text-contain {
        border: 1px solid #DDD;
        float: left;
        height: auto;
        margin-top: 25px;
        padding: 15px;
        width: 88%
        }
    .test {
        background-image: url(images/test-quote.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 12% 8%;
        float: left;
        padding-left: 35px;
        text-align: left;
        width: 90%
        }
    .test-bot {
        background-color: #F7F7F7;
        float: right;
        margin-right: 0;
        margin-top: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
        width: 100%
        }
    .footer-wraper {
        background-color: #FFF;
        border-radius: 8px;
        margin: 0 auto;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
        width: 100%
        }
    .footer-wraper .c-wrapper2 {
        height: auto;
        margin: auto;
        overflow: hidden;
        width: 100%
        }
    .col-md-2 {
        float: left;
        width: 50%
        }
    .col-md-2 a {
        color: #8C8C8C;
        float: left;
        font-family: arial;
        padding: 10px 15px;
        text-align: left;
        text-decoration: none;
        width: 100%
        }
    .footer_div2 {
        background-color: #292929;
        border-bottom: 1px solid #424242;
        float: left;
        padding: 20px 0;
        width: 100%
        }
    .f-div2 {
        color: #8C8C8C;
        float: left;
        height: 165px;
        padding: 10px 15px;
        text-decoration: none;
        width: 40%
        }
    /* who uses mobile start */
    .c-wrapper {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 20px 0;
        width: 94% !important
        }
    .mid-div {
        float: left;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%
        }
    .u-left {
        float: left;
        margin-right: 0;
        width: 100%
        }
    .u-left > img {
        height: auto;
        width: 100%
        }
    .u-right {
        float: left;
        width: 100%
        }
    .u-tab {
        border-bottom: 1px solid #C6C6C6;
        height: 50px;
        padding: 0
        }
    .utab-active {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #FFF;
        border-color: #C6C6C6 #C6C6C6 -moz-use-text-color;
        border-image: none;
        border-style: solid solid none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-width: 1px 1px medium;
        cursor: pointer;
        float: left;
        height: 40px;
        margin-left: 0;
        padding: 5px
        }
    .utab {
        background-color: #F4F4F4;
        border-left: 1px solid #C6C6C6;
        border-right: 1px solid #C6C6C6;
        border-top: 1px solid #C6C6C6;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        cursor: pointer;
        float: left;
        height: 39px;
        margin-left: 8px;
        padding: 7px 3px 0
        }
    .removeborder {
        background-color: rgba(0, 0, 0, 0);
        border: medium none;
        font-size: 9px
        }
    .mid-div > img {
        height: auto;
        width: 100%
        }
    .resut-box {
        float: left;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        width: 100%
        }
    /* what you get css start */
    .tab-button {
        float: left;
        height: auto;
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        width: 100%
        }
    .button_active {
        background-color: #FFF;
        border: medium none;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        box-shadow: -3px 2px 3px 0 rgba(50, 50, 50, 0.63);
        cursor: pointer;
        float: left;
        height: 60px;
        margin-bottom: 5px;
        padding-left: 0;
        width: 100%
        }
    .buttons {
        background-color: #D8D8D8;
        background-image: none;
        background-position: center center;
        background-repeat: no-repeat;
        border: medium none;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        box-shadow: -3px 2px 3px 0 rgba(50, 50, 50, 0.63);
        cursor: pointer;
        float: left;
        height: 60px;
        margin-bottom: 5px;
        padding-left: 0;
        width: 100%
        }
    .tab-contain-div {
        background-image: none;
        background-repeat: no-repeat;
        float: left;
        height: auto;
        margin-left: 0;
        margin-top: 375px;
        min-height: 560px;
        width: 100%;
        z-index: 999
        }
    .tab-contain-wrapper {
        margin: 50px auto 0;
        width: 100%
        }
    .tableft {
        float: left;
        margin-left: 0;
        width: 100%
        }
    .title3 {
        color: #000;
        font-family: "proxima_novasemibold";
        font-size: 18px;
        margin: 0 2px 5px 0;
        text-transform: uppercase
        }
    .catgories {
        background-color: #484848;
        background-image: none;
        background-repeat: no-repeat;
        border-radius: 7px;
        box-shadow: 0 2px 11px #333;
        height: auto
        }
    .wget {
        color: #FFF;
        cursor: pointer;
        float: left;
        height: 145px;
        padding: 0;
        width: 50%
        }
    .wget img {
        margin-left: 15px;
        margin-top: 15px
        }
    .tabright {
        float: left;
        height: auto;
        width: auto
        }
    .wget.links1 {
        margin-left: 0
        }
    .wget img {
        height: auto;
        width: auto
        }
    .inner-left {
        float: left;
        width: 100%
        }
    .inn-bx .right {
        background-color: #FFF;
        border-radius: 8px;
        box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.48);
        height: auto;
        margin-right: 0;
        width: 100%
        }
    .right img {
        height: auto;
        width: 100%
        }
    .inner-right {
        background-color: #F9F9F9;
        border: 1px solid #DADADA;
        border-radius: 8px;
        float: left;
        margin-bottom: 10px;
        margin-left: 0;
        margin-top: 50px;
        padding: 10px;
        width: 93%
        }
    /* how to compare mobile start */
    .r-left {
        float: left;
        width: 100%
        }
    .r-left h1 {
        color: #F2732B;
        font-family: "helvetica_condensedbold";
        font-size: 55px;
        margin-top: 0;
        text-transform: uppercase
        }
    .r-left h5 {
        color: #71706F;
        font-family: "proxima_novalight";
        font-size: 28px;
        margin: 15px 0 30px;
        text-transform: uppercase
        }
    .rankimg {
        float: left;
        margin: 0
        }
    .rankimg > img {
        height: auto;
        width: 100%
        }
    .bx3 {
        box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.41);
        height: auto;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%
        }
    .bx3 img {
        height: auto;
        width: 100%
        }
    .signup-1 {
        float: left;
        margin: 15px 0 20px;
        text-align: center;
        width: 100%
        }
    /* simple inner page mobile css */
    .c-wrapperin {
        border-radius: 5px;
        box-shadow: 0 0 8px #000;
        height: auto;
        margin: 100px auto 15px;
        overflow: hidden;
        padding: 15px;
        width: 85%
        }
    .leftr {
        color: #666;
        float: left;
        font-family: arial;
        font-size: 15px;
        font-weight: normal;
        margin: 0;
        text-align: left;
        width: 100%
        }
    .rightr {
        border: 2px solid #D2D2D2;
        color: #5997CF;
        float: left;
        padding: 5px;
        text-align: left;
        width: 95%
        }
    .leftr img {
        height: auto;
        width: 100%
        }
    .compare-table {
        float: left;
        height: auto;
        margin: 0 0 40px;
        overflow-x: scroll;
        width: 100%
        }
    .bx3 iframe {
        height: auto;
        width: 100%
        }
    .guarantee h1 {
        color: #403F3F;
        font-family: "proxima_novalight";
        font-size: 25px
        }
    /* mix css */
    .menu_wrap span {
        float: left;
        font-size: small;
        margin-top: 5px
        }
    .signup {
        float: right;
        padding-top: 0;
        width: auto
        }
    .inner-menu li:last-child img {
        display: block;
        margin-left: -12px
        }
    .opch h2 {
        float: left;
        font-family: "proxima_novalight";
        font-size: 20px;
        padding: 25px 0 15px;
        text-align: left;
        width: 100%
        }
    .u-left {
        margin-bottom: 35px
        }
    .resut-box {
        margin-bottom: 20px
        }
    .r-left h5 {
        font-size: 20px
        }
    .bx-pager1 {
        display: none
        }
    .videodiv {
        padding-top: 0
        }
    .home .signup {
        padding-top: 15px
        }
    .logins:hover .login {
        display: inline;
        float: left;
        margin-left: 0;
        margin-top: 50px;
        position: absolute;
        z-index: 999;
        right: 0
        }
    .login {
        background: none repeat scroll 0 0 #EDEDED;
        border-radius: 3px 0 3px 3px;
        display: none;
        float: left;
        margin: 0 auto;
        padding: 22px;
        position: relative;
        width: 235px
        }
    .login input[type="text"], .login input[type="password"] {
        width: 90%
        }
    .remember_me {
        color: #777;
        float: left;
        font-family: "proxima_novasemibold";
        font-size: 14px;
        font-weight: normal;
        padding: 12px 0 0;
        width: 50%
        }
    .psdhelp {
        float: left;
        height: auto;
        line-height: 0;
        padding: 20px 0 0;
        width: 50%
        }
    .psdhelp > a {
        float: left;
        font-size: 12px;
        height: auto;
        padding: 0;
        width: 100%
        }
    .bx-wrapper .bx-controls-direction a {
        z-index: 111 !important
        }
    th.on {
        background-color: rgba(0, 0, 0, 0);
        background-image: url(images/table-top-bg.png);
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: 100% 52%;
        border-color: #FFF;
        color: #FFF;
        font-family: "open_sansbold";
        font-size: 22px;
        padding: 0 0 0 30px;
        text-transform: uppercase;
        width: 148px
        }
    .opch > p {
        text-align: justify
        }
    .mobile_menu .bx-viewport12345 {
        background: none repeat scroll 0 0 #FFF;
        border: 5px solid #FFF;
        box-shadow: 0 0 5px #CCC;
        left: 0;
        width: 80% !important;
        margin: 0 auto;
        top: -22px;
        left: 5px !important;
        height: auto !important
        }
    .mobile_menu .bx-viewport {
        background: none repeat scroll 0 0 #fff;
        border: none;
        box-shadow: none;
        height: auto !important;
        left: 0 !important;
        margin: 0 auto;
        top: -22px;
        width: 90% !important
        }
    .mobile_menu .bx-wrapper {
        margin: 0 auto !important;
        padding: 0;
        position: relative;
        height: 27px !important
        }
    .mobile_menu .bx-wrapper .bx-controls-direction a {
        height: 32px;
        margin-top: -10px;
        outline: 0 none;
        position: absolute;
        text-indent: -9999px;
        top: 50%;
        width: 32px;
        z-index: 9999
        }
    #homeSlider1 .rsThumbsHor {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 10px rgba(0, 0, 0, 0.1);
        height: 44px
        }
    #homeSlider1 .rsThumb {
        cursor: pointer;
        height: 44px;
        margin-right: -17px !important;
        width: 114px !important
        }
    #homeSlider1 .rsThumb i {
        font-family: "proxima_nova_cn_rgregular";
        font-size: 15px
        }
    .rsUni.rsWithThumbsHor .rsThumbsContainer {
        height: 100%;
        left: 0 !important;
        position: relative
        }
    #homeSlider1 .rsTmb {
        margin-top: 2px !important
        }
    .rsTmb > img {
        height: 40px !important;
        margin-right: 5px !important;
        position: relative;
        top: 4px !important;
        width: 37px !important
        }
    .rsUni .rsThumb img {
        height: auto !important;
        width: 20% !important
        }
    .rsUni .rsThumb img {
        margin-left: 0
        }
    .test-top ul li {
        color: #AAA;
        display: block;
        float: left;
        font-family: open_sansbold;
        font-size: 14px;
        font-weight: normal;
        height: auto;
        margin: 0 0 5px;
        padding-top: 0;
        text-align: center;
        width: 100%
        }
    .test-top ul li a {
        color: #AAA;
        display: block;
        float: left;
        font-family: open_sansbold;
        font-size: 14px;
        font-weight: normal;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        text-align: center;
        text-decoration: none;
        width: 100%;
        padding: 5px 0
        }
    .tabs .ui-tabs-active a {
        background-color: #F2732E;
        border-radius: 5px;
        color: #FFF
        }
    .test-top ul li:hover {
        background-image: none;
        background-position: 2px 0;
        background-repeat: no-repeat;
        background-size: 99% 94%;
        color: #FFF;
        height: auto
        }
    .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
        background-image: none;
        background-position: 2px 0;
        background-repeat: no-repeat;
        background-size: 98% 92%;
        color: #FFF;
        height: auto
        }
    .tabs li a:hover {
        background-color: #F2732E;
        border-radius: 5px;
        color: #FFF;
        padding: 5px 0
        }
    .videodiv .bx-wrapper .bx-pager {
        padding-top: 0
        }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        z-index: 999
        }
    .crappy-plastic-part-made-in-china {
        z-index: 111
        }
    .iframet iframe {
        height: auto;
        width: 100%
        }
    .frm img {
        float: right;
        position: absolute;
        right: 0;
        top: -22px
        }
    .featurelogo .item_right {
        opacity: 1;
        position: inherit;
        right: 0
        }
    .pad ul {
        float: left;
        height: 12em;
        list-style: none outside none;
        margin: -4.25em 0 0;
        padding: 0;
        width: 0.3em
        }
    .pad li {
        background-color: #FFF;
        color: #000;
        cursor: pointer;
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 45px !important;
        font-weight: bold;
        height: 4em;
        left: 0 !important;
        line-height: 2;
        text-align: center;
        width: 0 !important
        }
    #digit-64 {
        margin: -4.25em 0 0;
        width: 0.2em
        }
    #digit-64 li {
        text-align: left;
        width: 15px !important
        }
    .wrapper > h2 {
        font-size: 21px
        }
    .h5 {
        display: none
        }
    .vid {
        background: none repeat scroll 0 0 #FFF;
        border-radius: 10px;
        box-shadow: 0 0 5px #949494;
        margin: 10px 0 0 2px;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 90% !important
        }
    .vid > img {
        margin-left: 0;
        width: 100% !important;
        height: auto
        }
    .wrapperx {
        height: auto;
        margin: auto;
        overflow: hidden;
        padding: 30px 0 20px;
        width: auto
        }
    .glob {
        background-image: url(images/mimgx.png);
        float: left;
        height: 211px;
        margin-bottom: 10px;
        background-repeat: no-repeat;
        width: 100%;
        background-size: 100% auto
        }
    .glob.gb {
        margin-top: 0
        }
    .marketing .item_bottom {
        bottom: 0 !important;
        opacity: 1 !important
        }
    .glob.gbs > span {
        margin-bottom: 12px;
        margin-top: 40px
        }
    .title2 span {
        font-size: 20px
        }
    .col1 h2 {
        font-family: "proxima_novalight";
        font-size: 21px
        }
    .wrapper3 > h2 {
        font-family: "proxima_novalight";
        font-size: 21px
        }
    .glob > span {
        margin-top: 15px
        }
    .item_right {
        opacity: 1 !important;
        position: relative;
        right: 0 !important
        }
    .item_left {
        left: 0 !important;
        opacity: 1 !important;
        position: relative;
        top: -20px
        }
    .inner-menu {
        display: none
        }
    .menu-inner-mobile-container {
        float: left;
        width: 100%
        }
    .mobile_menu1 {
        background-image: linear-gradient(to bottom, #FFF, #F2F2F2);
        border-bottom: 2px solid #000;
        border-top: 1px solid #000;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 10px rgba(0, 0, 0, 0.1);
        display: block !important;
        float: left;
        margin-top: 0;
        padding: 8px 0 0;
        width: 100%
        }
    .mobile_menu1 .bx-viewport {
        background: none repeat scroll 0 0 #FFF;
        border: 5px solid #FFF;
        box-shadow: 0 0 5px #CCC;
        height: auto !important;
        left: 0 !important;
        margin: 0 auto;
        top: -7px;
        width: 85% !important
        }
    .mobile_menu1 .bx-wrapper .bx-controls-direction a {
        height: 32px;
        margin-top: -10px;
        outline: 0 none;
        position: absolute;
        text-indent: -9999px;
        top: 50%;
        width: 32px;
        z-index: 9999
        }
    .mobile_menu1 li a {
        color: #8C8C8C;
        font-family: "proxima_novasemibold";
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        text-transform: uppercase
        }
    .mobile_menu1 .bx-prev {
        background: url(images/nav_bullet_left.png) no-repeat scroll 0 0/12px 57% rgba(0, 0, 0, 0) !important;
        float: right;
        height: 16px !important;
        width: 50px !important
        }
    .mobile_menu1 .bx-next {
        background: url(images/nav_bullet.png) no-repeat scroll 25px 0/10px 58% rgba(0, 0, 0, 0) !important;
        height: 16px !important;
        width: 50px !important
        }
    .mobile_menu1 .menu_wrap {
        margin-left: 0;
        margin-right: 0;
        padding: 0 0 8px;
        text-align: center
        }
    .topinner-header-wrapper .top-right {
        border-bottom: medium none
        }
    .bxslider1 h4 {
        color: #EE5516;
        display: block;
        font-family: "proxima_novasemibold";
        font-size: 13px !important;
        font-weight: normal;
        margin: auto;
        text-align: center
        }
    .c-wrapper2 .logo {
        margin: 5px 0 0 8px;
        width: 35%
        }
    .top-right {
        border-bottom: 2px solid #000;
        float: left;
        margin-top: 2px;
        padding-bottom: 0;
        width: 60%
        }
    .top-line {
        display: none;
        float: left;
        margin-left: 0;
        margin-top: 35px;
        width: 55%
        }
    .see-pricing {
        float: left;
        margin: 13px 0 0 0;
        padding-left: 0;
        padding-right: 0;
        width: 47%
        }
    .innertop_bg {
        top: 90px
        }
    .footer-wraper {
        margin: 95px auto 20px !important
        }
    .logins:hover .login {
        right: -100px
        }
    .signup {
        padding-top: 10px
        }
    .home.blog #menu-mobile_nav {
        padding-top: 15px
        }
    }
@media screen and (max-width: 320px) {
    .girl_img {
        float: left;
        margin: -65px 0 0 10px;
        position: relative;
        top: 70px;
        width: 135px
        }
    .royalSlider .girl_img > img {
        height: 254px;
        width: 100% !important
        }
    .bottom_links {
        float: left;
        margin: 0 0 20px;
        width: 100%
        }
    .see_mt {
        background-color: #4ca72b;
        border-radius: 9px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #fff;
        float: left;
        font-family: proxima_novalight;
        font-size: 20px;
        font-weight: normal;
        margin: 11px 0 25px 35px;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        width: auto
        }
    .player_button_ms {
        float: left;
        position: absolute;
        top: 120px;
        left: 54px;
        width: 50px;
        cursor: pointer
        }
    .player_button3_ms {
        float: left;
        position: absolute;
        top: 190px;
        left: 114px;
        width: 50px;
        cursor: pointer
        }
    .buttons {
        background-color: #d8d8d8;
        background-image: none;
        background-position: 0 center;
        background-repeat: no-repeat;
        border: medium none;
        border-radius: 8px;
        box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.63);
        cursor: pointer;
        float: left;
        height: 42px;
        margin: 0 2px;
        padding: 0;
        width: 15%
        }
    .button_active {
        background-color: #fff;
        border: medium none;
        border-radius: 8px;
        box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.63);
        cursor: pointer;
        float: left;
        height: 42px;
        margin: 0 2px;
        padding-left: 0;
        width: 15%
        }
    .removeborder > img {
        width: 100%
        }
    .tab-contain-div {
        background-image: none;
        background-repeat: no-repeat;
        float: left;
        height: auto;
        margin-left: 0;
        margin-top: 5px;
        min-height: 560px;
        width: 100%;
        z-index: 999
        }
    .signup.x {
        margin: 5px;
        padding: 0
        }
    .test {
        background-image: url(images/test-quote.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 30px 20px;
        float: left;
        padding-left: 35px;
        text-align: left;
        width: 90%
        }
    .see_pricing {
        margin: 0 0 0 0
        }
    .overlay_play_button_vid {
        left: 41%;
        position: absolute;
        top: 34%
        }
    .whumsb {
        margin: 20px 0 0 65px !important
        }
    .inn-bx .right .contain {
        background-color: #f9f9f9;
        height: auto;
        margin: 8px;
        padding: 5px
        }
    .ptegp {
        margin: 0 !important;
        padding: 5px !important;
        width: 250px !important
        }
    .login a:nth-child(5) {
        display: none
        }
    .login a:nth-child(6) {
        display: none
        }
    .login a:nth-child(7) {
        display: none
        }
    .login ul a {
        display: none
        }
    }