@media screen and (min-width: 1px) and (max-width: 979px) {
    .pageContainer {
        width: 100% !important;
        background-color:white;
        padding:0 !important;
        height: auto !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
    .pageContainer {
        width: 65% !important;
        float:left;
        margin: 0 17.5%;
        background-color:white;
        height:800px;
    }
}

@media screen and (min-width: 1600px) {
    .pageContainer {
        width: 45% !important;
        float:left;
        margin: 0 28%;
        background-color:white;
        height:800px;
    }
}

@media screen and (min-width: 1px) and (max-width: 979px) {
    .pageContainer2 {
        width: 100% !important;
        background-color:white;
        padding:0 !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
    .pageContainer2 {
        width: 75% !important;
        float:left;
        margin: 0 12.5%;
        background-color:white;
    }
}

@media screen and (min-width: 1600px) {
    .pageContainer2 {
        width: 80% !important;
        float:left;
        margin: 0 10%;
        background-color:white;
    }
}

@media screen and (max-width: 979px) {
    .home-background {
        background-image: none;
        width: auto;
        background-repeat: repeat-x;
        height: auto;
    }
}

@media screen and (min-width: 980px) {
    .home-background {
        background-image: url(/images/background-mobile-home.png);
        width: 100%;
        background-repeat: repeat;
        height: 800px;
        background-position-x:center;
    }
}


body 
{
    margin:0;
    padding:0;
    font-size:16px;
}

.header {
    float: left;
    top:0;
    position:fixed;
    z-index:999;
    padding:3% 0;
}

.header-logo {
    text-align:left;
    padding-left:2%;
    float:left;
    width:25%;
}

.header-number {
    width:50%;
    text-align:center;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    font-size:130%;
    color:white;
    float:left;
}

.imgLog {
    width:75px;
}

.header-login {
    width:25%;
    float:right;
    text-align:right;
    padding-right:2%;
    display:block !important;
}

.header-logo-size {
    width:75px;
}


.container 
{
    width:100%;
    margin:0 auto;
    text-align:center;
    position:relative;
    z-index:998;
    padding: 16% 0 0 0;
}

.title-homesmart-line {
    width:100%;
    float:left;
    margin-top:4%;
}


.title-2smart-line-bottom {
    width:100%;
    float:left;
    margin-bottom:3%;
}


.homesmart-line-size {
    width:310px;
}

.title-line-size2 {
    width:260px;
}

.title1
{
    font-size:150%;
    color:#38afff;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    margin:1% 0 0;
    float:left;
    width:100%;
}


.title2
{
    font-size:115%;
    color:black;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    margin:0 0 3%;
    float:left;
    width:100%;
}


.homesmart-bottom-title
{
    font-size:97%;
    color:black;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    margin:1% 0 1%;
    float:left;
    width:100%;
}

.title4
{
    font-size:80%;
    color:black;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    margin:2% 0 0;
    float:left;
    width:100%;
}

.homesmart-steps {
    float:left;
    width:100%;
    margin: 4% 0 4%;
}

.smart-app {
    float:left;
    width:100%;
}

.homesmart-steps-size 
{
    width:350px;
}

.smart-app-size 
{
    width:300px;
}


/*second page*/

.blue-background 
{
    width:100%;
    background-color:#38afff;
    padding:6% 0 2%;
    margin:1% 0 0;
    float:left;
}

.second-line-box 
{
    width:70%;
    background-color:Black;
    font-size:120%;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    color:White;
    padding:1% 0 1% 2%;
    text-align:left;
    text-transform:uppercase;
    float:left;
    margin-top:7%;
}

.second-line-box2 
{
    width:78%;
    background-color:Black;
    font-size:100%;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    color:White;
    padding:2% 0 2% 2%;
    text-align:left;
    text-transform:uppercase;
    float:left;
    margin:4% 0 1%;
}

.check-layout 
{
    padding-left:3%;
    padding-top:2%;
    float:left;
    clear:left;
    margin:1% 0;
}

.check-size 
{
    width:16px;
}

.app-benefits 
{
    font-size:90%;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    text-align:left;
    padding-top:2%;
    float:left;
    padding-left:2%;
    width:90%;
    margin:1% 0;
    color:black;
    }
    
.check-container 
{
    margin:2% 0 0;
    float:left;
    width:100%;
}

.top-price-burst {
    position:absolute; 
    top:34%; 
    right:25%;
}

.price-burst 
{
    margin:2% 0 0;
    float:left;
    width:100%;
}

.homesmart-second-bottom {
    display:none;
}

.price-burst-size
{
    width:140px;
}

.price-burst-size2
{
    width:80px;
}

.price-line {
    float:left;
    width:100%;
    font-size:110%;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    margin-top:6%;
    color:black;
}

.signup
{
    margin: 6% 0 5%;
    float:left;
    width:100%;
}

.signup2 
{
    margin: 0 0 5%;
    float:left;
    width:100%;
}

.signup3
{
    margin: 1% 0 1%;
    float:left;
    width:100%;
}


.signup4
{
    margin: 5% 0 0;
    float:left;
    width:100%;
}

.signup-size 
{
   width:220px;
}

.fine-print 
{
   font-size:60%;
   font-family:Calibri, Sans-Serif;
   width:90%;
   text-align:left;
   margin-top:8%;
   margin-left:2%;
   float:left;
}

 .desktop-security-pic-section {
        display:none;
    }

.dedicated-text 
{
   font-size:75%;
   font-family:Calibri, Sans-Serif;
   width:99%;
   padding: 0 .5%;
   text-align:center;
   color:white;
   font-weight:bold;
   float:left;
}

.know-home
{
    font-size:100%;
    color:#38afff;
    margin-top:4%;
    text-align:center;
    text-transform:uppercase;
    font-family:Calibri, Sans-Serif;
    font-weight:bold;
    float:left;
    width:100%;
}

.answer-anywhere
{
    font-size:95%;
    color:black;
    margin-top:2%;
    text-align:center;
    text-transform:uppercase;
    font-family:Calibri, Sans-Serif;
    font-weight:bold;
    float:left;
    width:100%;
}

.stop-cell
{
    font-size:95%;
    color:black;
    margin-top:2%;
    text-align:center;
    text-transform:uppercase;
    font-family:Calibri, Sans-Serif;
    font-weight:bold;
    float:left;
    width:100%;
}

.easily-switch
{
    font-size:95%;
    color:#38afff;
    font-style:italic;
    margin:2% 0;
    text-align:center;
    text-transform:uppercase;
    font-family:Calibri, Sans-Serif;
    font-weight:bold;
    float:left;
    width:100%;
}


.dont-give
{
    font-size:90%;
    color:black;
    text-align:center;
    text-transform:uppercase;
    font-family:Calibri, Sans-Serif;
    font-weight:bold;
    float:left;
    width:100%;
}

.security-shield1, .security-shield2 
{
    width:100%;
    margin: 2% 0;
    text-align:center;
    float:left;
}

.shield-size 
{
    width:180px;
}

.security-title
{
    font-size:110%;
    color:black;
    margin-top:4%;
    text-align:center;
    text-transform:uppercase;
    font-family:Calibri, Sans-Serif;
    font-weight:bold;
    float:left;
    width:100%;
}

.security-quote
{
    font-size:85%;
    color:white;
    margin-left:15%;
    text-align:left;
    font-family:Calibri, Sans-Serif;
    font-style:italic;
    font-weight:bold;
    margin-top:1%;
    float:left;
    width:85%;
}

.security-source {
    font-size:70%;
    color:black;
    margin-left:15%;
    text-align:left;
    font-family:Calibri, Sans-Serif;
    font-style:italic;
    margin-top:1%;
    float:left;
    width:85%;
}

  .desktop-steps-pic-section {
        display:none;
    }

    .desktop-lock-pic-section {
        display:none;
    }

.steps-container 
{
    width:100%;
    float:left; 
    padding-top:2%;
}

 .desktop-blue-title {
       display:none;
    }

.steps 
{
    font-family:Calibri, Sans-Serif; 
    font-weight:bold; 
    text-align:left;
    width:96%; 
    font-size:110%; 
    margin: 8% 0 0 4%;
    color:black;
    float:left; 
}

.steps-one 
{
    font-family:Calibri, Sans-Serif; 
    font-weight:bold; 
    text-align:center;
    width:100%; 
    font-size:110%; 
    margin: 4% 0 0;
    color:black;
    float:left; 
}

.steps-number, .steps-number2 {
    width:7%; 
    float:left;
}

.steps-text, .steps-text2 {
    width:90%; 
    float:left;
}

.manage-phone1 
{
    margin:0 0 15%;
    float:left; 
    width:100%;
}




.manage-phone2 
{
    margin:8% 0;
    float:left; 
    width:100%;
}

.manage-phone-size 
{
    width:300px;
}

.homesmart-lock, .homesmart-lock2
{
    margin:5% 0;
    float:left; 
    width:100%;
}

.homesmart-lock-size 
{
    width:240px;
}

.logo-size {
    width: 110px;
}

.store-logo-container 
{
    width:100%;
    float:left; 
    text-align:center;
    margin: 2% 0 4%;
}


.start-using
{
    font-size:110%;
    color:black;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    margin:2% 0 2%;
    width:100%;
    float:left;
}

  .desktop-chat-pic-section {
        display:none;
    }

.reasons-2smart {
    width:100%;
    float:left;
    margin-bottom:2%;
}

.reasons-2smart-black {
    display:none;
}


.connect-text 
{
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    font-style:italic;
    text-align:center;
    font-size:86%;
    padding: 1% 0;
    width:100%;
    float:left;
    color:black;
}

.connect-text-answer 
{
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    text-align:center;
    font-size:90%;
    width:100%;
    float:left;
    color:white;
    margin-bottom:4%;
}


.connect-text2 
{
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    text-align:left;
    font-size:90%;
    padding: 1% 0 1% 5%;
    width:96%;
    float:left;
    color:black;
}

.connect-text3 
{
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    text-align:left;
    font-size:90%;
    padding: 1% 0 1% 5%;
    width:96%;
    float:left;
    color:black;
}

.spacing 
{
    margin-top:5%;
}

.cloud-text1
{
    font-size:120%;
    color:#119811;
    margin-top:5%;
    text-align:center;
    text-transform:uppercase;
    font-family:Calibri, Sans-Serif;
    font-weight:bold;
    float:left;
    width:100%;
}

.cloud-text2 {
    display: none;
}

.home-text {
    display: none;
}

.chat-phone1 {
    width:100%;
    float:left;
}



.chat-phone2 
{
    margin:0 0 5%;
    width:100%;
    float:left;
}

.chat-phone-size 
{
    width:340px;
}

.award-section 
{
    width:50%;
    float:left;
    margin:10% 0 0;
}

.award-size 
{
    width:150px;
}

.chat-section 
{
    width:50%;
    float:right;
    margin:10% 0 0;
}

.chat-size 
{
    width:150px;
}


.termsbutton {
    margin-top:17%;
}

.terms-width {
    width:90%
}

.perfect-text {
    font-weight:bold;
    font-family:Calibri, Sans-Serif;
    text-align:center;
    font-size:110%;
    width:100%;
    float:left;
    color:white;
    margin-top:7%;
    text-transform:uppercase;
}

.user-burst {
    width:100%;
    float:left;
}


.user-burst2 {
    display:none;
}

/*-----MEDIA TAGS FOR DESKTOP-----*/

@media (min-width: 500px) {
body {
    font-size:24px !important;
    background-color:white !important;
    overflow:auto !important;
}
}

@media (min-width: 500px) {
.container {
    height:auto !important;
    padding: 4% 0 0 0 !important;
    margin-bottom: 0 !important;
    border:none !important;
}
}

@media (min-width: 500px) {
.header {
    padding: 1% 0;
}
}


@media (min-width: 500px) {
.header-logo-size {
    width:188px;
}
}


@media (min-width: 500px) {
.imgLog {
    width:120px;
}
}


@media (min-width: 500px) {
.termsbutton {
    margin-top:6%;
}
}

@media (min-width: 500px) {
.terms-width {
    width:60%
}
}


@media (min-width: 500px) {
    .smart-app {
        margin-bottom:6.8% !important;
    }
}

@media (min-width: 500px) {
    .desktop-line {
        width: 100%;
        background-color:#acacac;
        height:1px;
        float:left;
    }
}

@media (min-width: 500px) {
    .desktop-line2 {
        width: 100%;
        background-color:#acacac;
        height:1px;
        float:left;
        margin-bottom:2%;
    }
}

@media (min-width: 500px) {
    .title-2smart-line-bottom {
        margin-bottom: 1%;
    }
}


@media (min-width: 500px) {
   .homesmart-line-size {
    width:650px;
}
}

@media (min-width: 500px) {
   .title-line-size2 {
    width:480px;
}
}

@media (min-width: 500px) {
    .title1 {
        font-size: 200% !important;
    }
}


@media (min-width: 500px) {
    .title2 {
        font-size: 170% !important;
    }
}

@media (min-width: 500px) {
    .homesmart-bottom-title
 {
        font-size: 130% !important;
    }
}

@media (min-width: 500px) {
    .title4 {
        font-size: 110% !important;
        margin: 3% 0 0 !important;
    }
}

@media (min-width: 500px) {
    .homesmart-steps {
        margin: 2% 0 !important;
    }
}


@media (min-width: 500px) {
    .homesmart-steps-size {
        width: 510px !important;
    }
}

@media (min-width: 500px) {
    .smart-app-size {
        width: 330px !important;
    }
}

@media (min-width: 500px) {
    .top-price-burst {
        position: absolute;
        top: 34%;
        right: 20%;
    }
}

@media (min-width: 500px) {
    .price-burst-size2 {
        width: 120px;
    }
}

@media (min-width: 500px) {
    .blue-background {
        background-color: white !important;
        margin: 1% 0 !important;
        padding: 2% 0 0 !important;
    }
}

@media (min-width: 500px) {
    .second-line-box {
        width: 100% !important;
        background-color: #38afff !important;
        text-align: center !important;
        padding-left: 0 !important;
        margin-top: 1% !important;
        display:none;
    }
}

@media (min-width: 500px) {
    .second-line-box2 {
        display: none !important;
    }
}

@media (min-width: 500px) {
    .check-container {
        width: 60% !important;
    }
}

@media (min-width: 500px) {
    .check-layout {
        padding-left: 0% !important;
    }
}

@media (min-width: 500px) {
    .app-benefits {
        font-size:110% !important;
    }
}


@media (min-width: 500px) {
    .homesmart-second-bottom {
        width: 25% !important;
        margin-top:5% !important;
        margin-left:10% !important;
        float:left;
        display:block !important;
    }
}

@media (min-width: 1600px) {
    .second-bottom-size {
        width: 320px !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
    .second-bottom-size {
        width: 250px !important;
    }
}


@media (min-width: 500px) {
    .price-line {
        position:relative;
        right:5%;
    }
}

@media (min-width: 500px) {
    .signup {
        text-align:left !important;
        margin:2% 0 2% 2% !important;
    }
}

@media (min-width: 500px) {
    .signup-size {
        width: 280px;
    }
}

@media (min-width: 500px) {
    .desktop-security-text-section {
        text-align: right;
        float: right;
        width: 65%;
        margin-top:5%;
    }
}

@media (min-width: 500px) {
    .desktop-security-pic-section {
        text-align: left;
        float:left;
        width: 35%;
        display:block !important;
        margin-top:5%;
    }
}

@media (min-width: 500px) {
    .dedicated-text {
        width:50%;
        text-align: center;
        float: left;
        padding:0 !important;
        font-size:130%;
        margin: 0 25% 1% !important;
        color:#38afff !important;
    }
}

@media (min-width: 500px) {
    .know-home {
        font-size:130%;
        margin-top: 10%;
        text-align: left;
        float: left;
        width: 100%;
    }
}


@media (min-width: 500px) {
    .answer-anywhere {
        font-size:100%;
        text-align: left;
        float: left;
        width: 100%;
    }
}

@media (min-width: 500px) {
    .stop-cell {
        font-size:100%;
        text-align: left;
        float: left;
        margin-top:6% !important;
    }
}

@media (min-width: 500px) {
    .easily-switch {
        font-size:100%;
        text-align: left;
        float: left;
    }
}


@media (min-width: 500px) {
    .dont-give {
        font-size:110%;
        text-align: right;
        float: right;
        width: 100%;
    }
}


@media (min-width: 500px) {
    .security-title {
        font-size:130%;
        text-align: right;
        float: right;
        width: 100%;
        margin-top:10%;
    }
}

@media (min-width: 500px) {
    .security-shield2 {
        display:none;
    }
}

@media (min-width: 500px) {
    .security-quote {
        font-size:110%;
        text-align: right;
        float: right;
        width: 100%;
        margin-left: 0 !important;
        color:red !important;
    }
}

@media (min-width: 500px) {
    .security-source {
        font-size:90%;
        text-align: right;
        float: right;
        width: 100%;
        margin-left: 0 !important;
    }
}

@media (min-width: 500px) {
    .signup2 {
        float: right;
    }
}

@media (min-width: 500px) {
    .shield-size {
        width: 290px;
        margin-top:18%;
    }
}



@media screen and (min-width: 500px) {
    .desktop-lock-text-section {
        text-align: left;
        float: left;
        width: 65%;
    }
}

@media (min-width: 500px) {
    .desktop-lock-pic-section {
        float:right;
        width: 35%;
        display:block !important;
    }
}

@media (min-width: 1600px) {
    .desktop-steps-text-section {
        text-align: right;
        float: left;
        width: 48%;
        margin-left:17%;
        margin-top:2%;
        margin-bottom:3%;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
    .desktop-steps-text-section {
        text-align: right;
        font-size:60% !important;
        float: left;
        width: 48%;
        margin-left:17%;
        margin-top:2%;
        margin-bottom:3%;
    }
}


@media (min-width: 500px) {
    .desktop-steps-pic-section {
        float:left;
        width: 27%;
        margin-left:8%;
        display:block !important;
    }
}

@media (min-width: 500px) {
    .desktop-blue-title {
        font-family:Calibri, Sans-Serif; 
        font-weight:bold; 
        text-align:left;
        width:60%; 
        font-size:140%; 
        margin-left:22%;
        margin-top: 2%;
        color:#38afff;
        float:left; 
        text-transform:uppercase;
        display: block !important;
    }
}

@media (min-width: 500px) {
    .steps {
       width:100% !important;
       text-align:right;
       font-size:120% !important;
       margin-top:2% !important;
       margin-left: 0 !important;
    }
}

@media (min-width: 500px) {
    .steps-one {
       width:100% !important;
       font-size:120% !important;
       margin-top:2% !important;
       margin-left: 0 !important;
    }
}


@media (min-width: 500px) {
    .steps-number {
        width: 25%;
        float: left;
    }
}

@media (min-width: 500px) {
    .steps-text {
        width: 74%;
        float: left;
        text-align:left;
        margin-left:1%;
    }
}


@media (min-width: 500px) {
    .store-logo-container {
        text-align: left;
        margin: 4% 0 4% 22% !important;

    }
}

@media (min-width: 500px) {
    .start-using {
        text-align: left;
        margin:2% 0 9% 22%;
    }
}

@media (min-width: 500px) {
    .manage-phone2 {
        display:none;
    }
}

@media (min-width: 1600px) {
    .manage-phone-size {
        width: 400px;
        margin-top:12%;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
    .manage-phone-size {
        width: 300px;
        margin-top:12%;
    }
}

@media (min-width: 500px) {
    .homesmart-lock2 {
        display:none;
    }
}

@media (min-width: 1600px) {
    .homesmart-lock-size {
        width: 310px;
        margin:5% 0 15%;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
    .homesmart-lock-size {
        width: 220px;
        margin:10% 0 15%;
    }
}

@media (min-width: 500px) {
    .desktop-chat-text-section {
        text-align: right;
        float: right;
        width: 65%;
        padding:4% 0 6%;
    }
}

@media (min-width: 500px) {
    .desktop-chat-pic-section {
        text-align: left;
        float:left;
        padding-left:6%;
        width: 30%;
        display:block !important;
        position:relative;
    }
}


@media (min-width: 500px) {
    .bottom-section {
        width:70% !important;
        text-align:right;
        float:right;
        position:relative;
    }
}

@media (min-width: 500px) {
    .chat-phone2 {
        display:none;
    }
}


@media (min-width: 500px) {
    .awards {
        width:35%;
        float:right;
        text-align:center;
        padding-left:%;     
    }
}

@media (min-width: 500px) {
    .award-section {
        width: 50%;
        float: left;
        margin: 5% 0 0 !important;
    }
}


@media (min-width: 500px) {
    .chat-section {
        width: 50%;
        float: right;
        margin: 5% 0 0 !important;
    }
}

@media (min-width: 500px) {
    .reasons-2smart {
        display: none !important;
    }
}

@media (min-width: 500px) {
    .reasons-2smart-black {
        width: 100%;
        float: left;
        display:block !important;
        margin-bottom:3% !important;
    }
}

@media (min-width: 1600px) {
    .connect-text {
        text-align:right;
        font-size:90% !important;
        width:100% !important;
    }
}


@media screen and (min-width: 980px) and (max-width: 1599px) {
      .connect-text {
        text-align:right;
        font-size:75% !important;
        width:100% !important;
    }
}

@media (min-width: 1600px) {
 .connect-text-answer {
         text-align:right;
        font-size:100% !important;
        width:100% !important;
        color:#38afff !important;
    }
}


@media screen and (min-width: 980px) and (max-width: 1599px) {
 .connect-text-answer {
         text-align:right;
        font-size:80% !important;
        width:100% !important;
        color:#38afff !important;
    }
}

@media (min-width: 500px) {
    .connect-text2 {
        text-align:right;
        font-size:100% !important;
        margin-top:5%;
        color:#38afff;
        font-weight:normal;
        font-style:italic;
        width:100% !important;
    }
}

@media (min-width: 500px) {
    .connect-text3 {
        text-align:right;
        font-size:100% !important;
        color:black;
        width:100% !important;
    }
}

@media (min-width: 500px) {
    .cloud-text1 {
        display:none !important;
    }
}

@media (min-width: 1600px) {
    .cloud-text2 {
        font-size:120%;
        color:#17ce17;
        position:absolute;
        top:20%;
        left:23%;
        text-transform:uppercase;
        font-family:Calibri, Sans-Serif;
        font-weight:bold;
        float:left;
        width:150%;
        display:block !important;
    }
}


@media screen and (min-width: 980px) and (max-width: 1599px) {
    .cloud-text2 {
        font-size:90%;
        color:#17ce17;
        position:absolute;
        top:19%;
        left:27%;
        text-transform:uppercase;
        font-family:Calibri, Sans-Serif;
        font-weight:bold;
        float:left;
        width:150%;
        display:block !important;
    }
}

@media (min-width: 1600px) {
    .home-text {
        font-size:105%;
        color:#38afff;
        position:absolute;
        top:12%;
        left:24%;
        text-transform:uppercase;
        font-family:Calibri, Sans-Serif;
        font-weight:bold;
        float:left;
        width:150%;
        display:block !important;
    }
}


@media screen and (min-width: 980px) and (max-width: 1599px) {
    .home-text {
        font-size:80%;
        color:#38afff;
        position:absolute;
        top:10%;
        left:28%;
        text-transform:uppercase;
        font-family:Calibri, Sans-Serif;
        font-weight:bold;
        float:left;
        width:150%;
        display:block !important;
    }
}

@media (min-width: 1600px) {
    .chat-phone-size {
        margin-top:33%;
        width: 460px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
    .chat-phone-size {
        margin-top:40%;
        width: 380px;
    }
}



@media (min-width: 500px) {
    .desktop-layout {
        width: 100%;
        text-align:center;
    }
}

@media (min-width: 500px) {
    .signup3 {
       margin: 1% 0 1% 22% !important;
       text-align:left !important;
    }
}

@media (min-width: 500px) {
.signup4
{
    margin: 2% 0 3%;
    float:left;
    width:50%;
    text-align:left;
}
}

@media (min-width: 500px) {
    .steps-container {
        padding-top: 1%;
    }
}


@media (min-width: 500px) {
    .header-login {
        width: 10%;
        float: right;
        text-align: right;
        padding-right: 2%;
        display: block !important;
    }
}

@media (min-width: 500px) {
    .header-plans {
        width: 15%;
        float: left;
        text-align: right;
        padding-right: 2%;
        display: block !important;
    }
}

@media (min-width: 500px) {
    .fine-print {
        margin-top: 4% !important;
    }
}

@media (min-width: 500px) {
    .perfect-text {
        display: none;
    }
}


@media (min-width: 500px) {
    .user-burst {
        display: none;
    }
}


@media (min-width: 1600px) {
    .user-burst2 {
        display: block !important;
        position: absolute;
        top:42%;
        left:30%;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
.user-burst2 {
        display: block !important;
        position: absolute;
        top:42%;
        left:13%;
    }
}


@media (min-width: 1600px) {
    .userburst-size {
        width:110px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1599px) {
.userburst-size {
        width:80px;
    }
}