/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}


html {
  scroll-behavior: smooth;
}
/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*Global*/
  * {
    box-sizing: border-box;
  }

  body {
    width: 100%;
    height: 100%;
    font-family: 'Dosis Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;

  }
  a {
    text-decoration: none;
    cursor: pointer;
    background-color: inherit;
    color: inherit;
  }
  button {
    cursor: pointer;
  }

  .logo_img{
    width:120px;
    height:100px;
    margin-left:20px !important;
  }


  .whatisweedoo_label{
    margin-top:20px;
    color:white;
    font-size:1.3em;
    text-align:justify
  }

  #intro_div{
    background-color:#29cbcf;
    height:580px;
    padding-top:0px !important;
  }

  #intro_msg{
    margin-left:0px;
    position:relative;
    margin-top:200px;
    color:white;

  }

  #community_imagediv{
    margin-left:50px;
    position:relative;
    margin-top:0px;
    color:white
  }

  #watchvideo{
    margin-top:50px;
    position:relative;
    text-align:center;
    width:100%;
  }

  #video{
    width:550px;
    height:350px
  }

  #watchvideo_lbl{
    width:100%;
    margin-left:25px;
  }

  #community_img{
    position:relative;
    margin-top:60px
  }

  #biggestchallenge_div{
    position:relative;
    float:right;
    text-align: center;
    width:800px;
    margin-right:100px;
    margin-top:150px;
    color:white;
    z-index:8000;
  }

  #ourbiggestchallenge{
    color:white;
    font-size:30px !important
  }

  #biggestchallenge_div_lbl{
    position:relative;
    color:white !important;
    z-index:8000;
    font-size:2em
  }

  #community_div{
    position:relative;
    text-align:center;
    margin:0 auto;
    height:520px;
    width:100% !important;
  }

  #itssafe_icons{
    position:relative;
    text-align:center;
    margin:0 auto;
    height:200px;
    width:100%
  }

  #whatisweedoo{
    margin-top:-50px !important;
    background-color: white;
    padding-top:60px;
    margin-top:0px;
  }

  #howitworks{
      margin-top:-100px
  }

  #banner_msg{
    font-size:30px !important;
    margin-left:0px !important;
    color:white

  }

  #mobile_plus_qr_holder{
    margn
  }

  @media (max-width: 1700px) {
    #banner_msg{
      font-size:30px !important;
      margin-top:-20px
    }

    #biggestchallenge_div{
      width: 500px
    }


  }

  @media (max-width: 1300px) {
    #banner_msg{
      font-size:30px !important;
      margin-left:10%
    }
    .banner_image{
      margin-top:0px;
      width:100% !important;
      height:600px !important;
      opacity:0.3;
    }

    .features-row{
      margin-left:20px !important;
    }

    .img-fluid{
      width:300px !important;
      height:500px !important;
    }



    .mobile_plus_qr{
      height:300px !important;
      width: 400px !important;
      margin-left:100px;
    }


  }



  @media (max-width: 1100px) {
      #banner_msg{
        font-size:25px !important;
        margin-left:2%;
      }

      #video{
        width:450px;
        height:300px
      }

      #watchvideo_lbl{
        font-size:25px;
        margin-left:20px;
        margin-top:-20px
      }

      #biggestchallenge_div_lbl{
        margin-left:100px !important
      }

      #banner{
          height:400px !important;
          margin-top:-130px !important;
      }
  }

  @media (max-width: 1000px) {

    #video{
      width:380px;
      height:250px
    }

    #watchvideo_lbl{
      margin-top:50px;
      font-size:25px;
      margin-left:25px
    }

    #biggestchallenge_div_lbl{
      margin-left:170px !important;
      font-size:25px;
      width: 400px
    }
    #banner{
        height:400px !important;

    }


        #biggestchallenge_img_div{
          height:600px !important;
          width:100%;
        }


    .banner_image{
        height:400px !important;
    }



  }

  @media (max-width: 992px) {
    #mobile_plus_qr_holder{
      margin-top:-100px !important;
      position:absolute;
    }


    #introducing_div{
      margin-left:500px !important;
      margin-top:-50px !important;
      height:280px !important
    }

    #introducing_header{
      margin-top:-100px;
    }

    #introducing_msg{
      margin-top:100px
    }



  }

  @media (max-width: 1100px) {
    #intro_div{
      height: 450px !important
    }

    #introducing_div{
      margin-left:500px !important;
      width:500px !important;
      margin-top:-300px;
      margin-bottom:30px !important
    }

  }



  @media (max-width: 800px) {

      #banner_msg{
        width:300px;
        font-size:20px !important;
        margin-left:-20px;
      }

      #video{
        width:300px;
        height:200px
      }

      #watchvideo_lbl{
        margin-top:50px;
        font-size:20px;
        margin-left:30px
    }



    #biggestchallenge_div_lbl{
      margin-left:270px !important;
      font-size:20px;
      width: 300px;
      height:200px;
    }

    #banner{
        height:500px !important;
    }
  }

  @media (max-width: 600px) {

    #easy_div{
      display: none
    }

    #easy_div2{
      display: block !important
    }

    .benefits{
      margin-left:0px !important
    }

      #banner_msg{
        width:250px;
        font-size:16px !important;
        margin-left:-20px;
      }

      #video{
        width:250px;
        height:180px
      }

      #watchvideo_lbl{
        margin-top:50px;
        font-size:18px;
        margin-left:20px
    }

    #biggestchallenge_img_div{
      height:200px !important;
      width:100%;
    }

    #biggestchallenge_div_lbl{
      margin-top: 120px;
    }

    .banner_image{
      height:200px;
        margin-top:120px
    }

    #ourbiggestchallenge{
      font-size:20px !important
    }

    #getintouch{
      font-size:35px !important;
    }

    #getintouch_msg{
      font-size:16px !important;
    }


  }

  @media (max-width: 500px) {

    #easy_div{
      display: none
    }

    #easy_div2{
      display: block !important
    }

    .benefits{
      margin-left:0px !important
    }

    #ourbiggestchallenge{
      font-size:20px !important
    }

      #banner_msg{
        width:400px;
        font-size:25px !important;
        margin-left:5px;
      }

      #intro_div{
        height:700px !important
      }

      #video{
        width:300px;
        height:250px;
        margin-left:-170px
      }

      #watchvideo_lbl{
        margin-top:340px;
        font-size:18px;
        margin-left:-100px
    }

    #banner{
      margin-top:250px;
      height:200px
    }


    #biggestchallenge_img_div{
      height:200px !important;
      width:100%;
      margin-top:250px
    }

    #biggestchallenge_div_lbl{
      margin-top: 120px;
    }

    .banner_image{
      margin-top:0px;
      width:100% !important;
      height:200px !important;
        opacity:0.3;
    }

    #getintouch{
      font-size:35px !important;
    }

    #getintouch_msg{
      font-size:16px !important;
    }





  }


  @media (max-width: 400px) {

    #easy_div{
      display: none
    }
    #easy_div2{
      display: block !important
    }

    #ourbiggestchallenge{
      font-size:20px !important
    }

    .benefits{
      margin-left:0px !important
    }

      #intro_div{
        height:620px !important;
      }

      #intro_msg{
        margin-left:5px !important
      }

      .navbar-toggler{
        margin-right:15px !important;
      }

      .logo_img{
        margin-left:10px !important;
      }


      #banner_msg{
        width:340px;
        margin-top:-60px !important;
        font-size:20px !important;
      }



      #watchvideo_lbl{
        margin-top:280px;
        font-size:18px;
        margin-left:-170px;
        width:300px
    }

    #banner{
        height:400px !important;
        margin-top:-50px !important;
    }

    #biggestchallenge_img_div{
      margin-top:100px;
      width:100%;
    }

    #biggestchallenge_div_lbl{
      margin-top:90px;
      color:black !important;
      margin-left:290px !important;
      height: 100px;

    }

    #ourbiggestchallenge{
      font-size:20px !important
    }

    #getintouch{
      font-size:35px !important;
    }

    #getintouch_msg{
      font-size:16px !important;
    }


    .banner_image {
      margin-top:500px;
      width:100% !important;
      height:200px !important;
      opacity:0.3;
    }

  }

  @media (max-width: 330px) {

      #easy_div{
        display: none
      }

      #easy_div2{
        display: block !important
      }

      .benefits{
        margin-left:0px !important
      }

      #ourbiggestchallenge{
        font-size:20px !important;
      }

      #getintouch{
        font-size:35px !important;
      }

      #getintouch_msg{
        font-size:16px !important;
      }


      #intro_div{
        height:590px !important;
      }

      #intro_msg{
        margin-left:5px !important
      }

      #banner_msg{
        width:300px;
        margin-top:-60px !important;
        font-size:20px !important;
        margin-left:0px !important;
      }

      #video{
        width: 275px !important;
        height: 200px !important;
        margin-left:-160px;
        margin-top:-20px !important
      }


      #watchvideo_lbl{
        margin-top:280px;
        font-size:18px;
        margin-left:-170px;
        width:300px
    }

    #banner{
        height:400px !important;
        margin-top:-50px !important;
    }

    #biggestchallenge_img_div{
      margin-top:100px;
      width:100%;
    }

    #biggestchallenge_div_lbl{
      margin-top:90px;
      color:black !important;
      margin-left:290px !important;
      height: 100px;

    }

    .banner_image {
      margin-top:500px;
      width:100% !important;
      height:200px !important;
      opacity:0.3;
    }

  }




  .enterprise_div{
    margin-top:40px;
    text-align:center
  }

  .enterprice_note{
    color:black !important;
  }


/*Container*/
  .main-container {
    max-width: 100%;
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
  }

  .inside-container {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 0px;
    width: 100%;
	background-color:white;
  }

  #signup_container{
    border:1px solid lightgray;
    margin-top:0px;
    box-shadow: 0px 0px 10px #E9E7E7 !important;
  }

  .thankyou_label{
    color:#3daaad;
  }

  .thankyou_message{
    font-size:2em !important;
  }


  @media (max-width: 992px) {
      h2{
          font-size: 35px!important;
          line-height: 50px!important;

      }
      p {
        width: 100%!important;
      }
  }
  /*Custom*/
    /*Banner*/
    .banner {
      width: 100%;
      min-height: 100px;
      background-repeat: no-repeat;
      background-position: center;
	  background-color:white;
      padding: 0;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  margin-top:700px;
    text-align: center;
    border:1px solid red
    }


	.howitworks {
      width: 100%;
      min-height: 300px;
      background-position: center;
	    background-repeat: no-repeat;
      padding: 0;
      opacity: .9;
	    margin-top:50px;
      background-color:white;
      text-align:center;
      padding-top:100px;
    }

    .howitworks_img{
      margin-top:25px;
      width:980px;
      height:400px;
    }

	.receivedorders {
      width: 100%;
      min-height: 950px;
      background-position: center;
	   background-repeat: no-repeat;
      padding: 0;
      opacity: .9;
	    padding-top:0px;
    }

    .plan_included{
        font-weight:bold;
        float:right;
        margin-right:5px;
    }

    .kds_image{
      margin-top:25px;
      width:100% !important;
      height:650px;
    }

    .enterprise_label{
      font-size:2em !important;
      color:orange
    }

    /*overlay color*/
    .logo img {
      margin: 120px 0 70px 0;

    }
    .logo img {
      display: flex;
      margin-left: auto;
      margin-right: auto;
    }
    .banner-content img {
      overflow: hidden;
      min-height: 670px;
      height: auto;
    }
    .content {
      padding-left: 55px;
    }
    .content h1 {
      font-family: Dosis-bold;
      font-size: 61px;
      line-height: 26px;
      color: #fff;
      margin-bottom: 50px;
    }
    .content h2 {
      font-size: 33px;
      line-height: 26px;
      color: #fff;
      margin-bottom: 25px;
    }
    .content p {
      width: 55%;
      font-size: 18px;
      line-height: 30px;
      color: #fff;
      margin-bottom: 90px;
    }
    .butns .get-btn  {
      font-family: Dosis-bold;
      font-size: 16px;
      line-height: 26px;
      text-transform: uppercase;
      color: #fff;
      background-color: #53c5d5;
      border-radius: 50px;
      border: 2px solid #53c5d5;
      padding: 10px 49px;
      margin-right: 20px;
      margin-bottom: 30px;
    }
    .butns .learn-btn {
      font-family: Dosis-bold;
      font-size: 16px;
      line-height: 26px;
      text-transform: uppercase;
      color: #fff;
      background-color: transparent;
      border-radius: 50px;
      border: 2px solid #ffffff;
      padding: 10px 45px;
      margin-bottom: 30px;
    }
    /*Nav*/
    .nav-bkg-color {
      -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.07);
      box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.07);
      z-index:999;
	  background-color:white;

    }
    .nav-contain nav {
      padding: 0px 0px;

    }
    .nav-list .menu {
      color: #333333;
      font-family: serif;
      font-size: 23px;
      line-height: 26px;
      padding: 0 20px;
      text-decoration: none;

    }
    .nav-list .menu:hover {
        color: #53c5d5;
        cursor: pointer;
    }
    .nav-list .menu-last {
      color: #333333;
      font-family: Dosis Regular;
      font-size: 23px;
      line-height: 20px;
      padding-left: 10px;
      text-decoration: none;
    }
    .nav-list .menu-last:hover {
      color: #53c5d5;
      cursor: pointer;
    }
    .fixed-top {
      background-color: #fff;
      z-index: 999;
    }
    @media (max-width: 576px) {
        .content {
            text-align: center;
        }
        .butns {
            text-align: center;
        }
        .butns .get-btn {
            margin-right:0px!important;
        }
    }
    @media (max-width: 992px) {
        /*Banner*/
        .content {
            padding-left: 40px;
            padding-right: 40px;
        }
        .content p {
            width: 100%;
        }
        .banner-content img {
            min-height: auto;
        }
        /*Navbar*/
        .nav-list .menu, .menu-last {
            text-align: center;
            padding: 10px 10px;

        }
    }
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .nav-list .menu {
            padding: 0 10px!important;
        }

     }

    @media (max-width: 2000px) {
      .main-container {
        margin: 0 !important;
        width:100% !important;
        padding:0px !important;
      }

      .whatisweedoo_image{
        width:250px;
        height:90%;
      }

    }

    @media (max-width: 1500px) {

      .whatisweedoo_image{
        max-width:350px;
        height:90%;
        margin-top:0px;

      }

    }



    /*Welcome*/

    .welcome-content-details{
      float:left;
      text-align:left;
      margin-left:0px;
      margin-left:5%;

    }

    .whatisweedoo_image_div{
      float:left;
    }

    .whatisweedoo_image{
      width:550px;
      height:90%;
    }

    .welcome-content {
        padding-top: 20px;
        padding-bottom: 80px;
        display: block;
        text-align: center;
        margin-right:10%;


    }
    .welcome-content h2{
        font-family: Dosis-Bold;
        font-size: 44px;
        line-height: 26px;
    }
    .welcome-content hr {
        background-color: #53c5d5;
        width: 117px;
        margin-top: 22px;
    }
    .welcome-content p {
        width: 50%;
        font-size: 22px;
        line-height: 35px;
        margin: auto;
    }



    .welcome-colum {
        padding-bottom: 150px;
    }
    .welcome-colum h3 {
        font-family: Dosis-bold;
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .welcome-colum p {
        width: 93%;
        font-size: 16px;
        line-height: 26px;
    }
    .icon-img {
        text-align: center;
    }
    .welcome-colum .icon-img i {
        color: #00c6d7;
        font-size: 35px;
        border: 2px solid #00c6d7;
        border-radius: 50%;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .welcome-colum .star-hover:hover {
        cursor: pointer;
    }
    .welcome-colum .star-hover:hover i{
        background-color: #00c6d7;
        color:#fff;
        border-color: #00c6d7;
        cursor: pointer;
    }
    .welcome-colum .icon-img .fa-star-of-life {
        padding: 16px 18px;
    }
    .welcome-colum .icon-img .fa-sitemap {
        padding: 17px 13px;
        font-size:34px;
    }
    .welcome-colum .icon-img .fa-lightbulb {
        padding: 16px 22px;
    }
		/*Features*/
    .features-sec {
    	padding-top:150px;
    }
    .features-row {
    	  padding-top: 100px;

    }
    .detail-features h2{
    		font-family: Dosis-bold;
    		font-size: 44px;
    		line-height: 26px;
    }
    .detail-features hr {
    	max-width: 117px;
    	background-color: #53c5d5;
    	height: 2px;
    	margin: 25px 0px 30px 0px;
    }
    .detail-features p {
    	width: 77%;
    	font-family: Dosis Regular;
    	font-size: 22px;
    	line-height: 35px;

    }
    .features-cols {
		  margin-top: 55px;
    }
    .features-cols .services {
    	margin: 35px 0px;
    }
  	.services p {
  		width: 93%;
  	}
  	.phone-col {
  		margin-top: 90px;
  		margin-bottom:-3px;
  		text-align: center;
  	}
    .services .icon-img img {
        max-width: 50px;
        height: auto;
    }
    .services .icon-img .fas {
        font-size:50px;
        line-height:26px;
        margin-top: 12px;
        color: #00c6d7;
    }
  	/*Download*/
  	.downl-sec {
  		background-image: url(../image/bckg-download.jpg);
  		background-repeat: no-repeat;
  		background-size: cover;
  		background-position: center;
  		padding: 160px 0px 130px 0px;
  		color: #fff;
  	}
  	.detail-down h2 {
  		font-family: Dosis-bold;
  		font-size: 44px;
  		line-height: 26px;
  		text-align: center;
  	}
  	.detail-down hr {
  		max-width: 117px;
  		background-color: #fff;
  		height: 2px;
  		margin: 27px auto;
  	}
  	.detail-down p {
  		font-family: Dosis Regular;
  		font-size: 22px;
  		line-height: 35px;
  		text-align: center;
  		width: 49%;
      margin: auto;
  	}
  	.mobiles-down {
  		margin-top: 130px;
  	}
  	.mobiles-down a {
  		display: flex;
  		margin: 0 auto;
  		color: #fff;
  		border: 2px solid #fff;
  		background-color: transparent;
  		padding: 7px 27px 14px 23px;
  		min-width: 320px;
  		align-items: center;
      margin-bottom: 30px;
      text-decoration: none;
      height: 92px;
      max-width: 322px;
      max-height: 92px;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  	}
    .mobiles-down a:hover {
      background-color: #53c5d5;
    }
  	.mobiles-down a  p {
  		margin:0;

  	}
  	.mobiles-down .apple-store {
  		background-color: transparent;
      margin-bottom: 30px;
      text-align: center;
  	}
    .mobiles-down .apple-store .fa-mobile-alt {
        font-size: 67px;
    }
    .mobiles-down .apple-store p {
      margin-left: auto;
    }
  	.mobiles-down .apple p {
  		padding: 0 0 0 63px;
  	}
  	.mobiles-down .google-store p{
      font-family: Arial, Bold;
  		text-align: left;
  		line-height: 32px;
  		padding: 0 0 0 30px;
      vertical-align: middle;
      line-height: inherit;
  	}
    .mobiles-down .windows-store  {
      max-width: 362px;
      max-height: 92px;
    }
  	.mobiles-down .windows-store p {
  		text-align: left;
  		padding: 0 0 0 30px;
  	}
    @media (max-width: 992px) {
      .windows-store .win-phon {
          font-size: 26px!important;
      }
      .mobiles-down .windows-store  {
      max-width: 322px;
    }
    }
  	/*Why us*/
  	.chose {
  		padding-top: 100px;
  	}
  	.chose .iphones-5s {
  		margin-top: 30px;
  	}
  	.chose-detail {
  		margin-top: 0px;
  	}
  	.chose-detail h2 {
  		font-family: Dosis-bold;
  		font-size: 44px;
  		line-height: 26px;
  	}
  	.chose-detail hr {
  		margin: 25px 0px 30px 0px;
  		width: 117px;
  		height: 2px;
  		background-color: #53c5d5;
  	}
  	.chose-detail .desc {
  		font-family: Dosis Regular;
  		font-size: 22px;
  		line-height: 35px;
  		margin-bottom: 70px;
  	}
  	.chose-detail img {
  		margin-right: 15px;
  	}
    .chose-detail i {
      width: 19px;
      color: #00c6d7;
      margin-right: 15px;
    }
    @media (max-width: 992px) {
      .iphones-5s  {
          text-align: center;
      }
    }
  	/*Screenshot*/
  	.screenshot {
    		padding: 160px 0;
    		background-color: #ecf0f1;
   	}
   	.screen-detail {
   		  text-align: center;
   	}
   	.screen-detail h2 {
     		font-family: Dosis-bold;
     		font-size: 44px;
     		line-height: 26px;

   	}
   	.screen-detail hr {
     		width: 117px;
     		height: 2px;
     		background-color: #53c5d5;
     		margin: 27px auto;
   	}
    .screen-detail p{
        font-size: 22px;
        line-height: 35px;
        width: 50%;
        margin: auto;
    }
    .owl-seci {
       margin-top: 80px;
    }
    .owl-seci .owl-theme .owl-dots .owl-dot span {
        background-color: #fff!important;
        border: 2px solid #53c5d5;
        width: 15px!important;
        height: 15px!important;
    }
    .owl-theme .owl-dots .owl-dot.active span {
        background: #53c5d5!important;
    }
    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 55px!important;
    }
    .owl-theme .owl-dots .owl-dot span {
        margin: 5px 2.5px!important;
    }
    .screan-hover {
        width: auto;
        height: auto;
        padding: 0;
        position: relative;
        overflow: hidden;
        margin:auto;
    }
   .screan-hover .screan-loop-hover {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left:0;
        background: rgba(126, 212, 224, 0.7);
        border: 40px solid rgba(0, 0, 0, 0.85);
        opacity:0;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    .screan-hover .screan-loop-hover:hover {
      opacity: 1;
    }
    .screan-loop-hover img {
        width: 60px!important;
        height:60px;
        top: 44%;
        left: 37%;
        position: absolute;
    }
    .screan-hover:hover .screan-loop-hover {
        top: 0;
        cursor: pointer;
    }
    /*Video*/
    .video-sec {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 1950px;
        background-color: rgba(0,0,0,.5);
        z-index: 2;
    }
     /*Video Plugin*/
    .video-background {
        background-image: url(../image/background-video.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .video-row {
        width: 100%;
        height: 1200px;
        border: 1px solid black;
        background-color: #000000ab;
    }
    .jquery-background-video-pauseplay {
        width: 100%;
        height: 100%;
        border: none;
        text-indent: -999em;
        overflow: hidden;
        opacity: 1;
        -webkit-transition: opacity 800ms, height 0s;
        -moz-transition: opacity 800ms, height 0s;
        transition: opacity 800ms, height 0s;
        -webkit-transition-delay: 0s, 0s;
        -moz-transition-delay: 0s, 0s;
        transition-delay: 0s, 0s;
        z-index: 30;
        background-color: transparent;
        border: none;
    }
    .jquery-background-video-pauseplay:hover {
        cursor: pointer;
    }
    .jquery-background-video-pauseplay:before {
        content: '';
        position: absolute;
        top: 55%;
        left: 50%;
        width: 200px;
        height: 200px;
        border: 5px solid #909494;
        border-radius: 100%;
        -webkit-transition: border-color 300ms;
        -moz-transition: border-color 300ms;
        transition: border-color 300ms;
        z-index: 3;
        transform: translate(-50%, -50%);
    }
    .jquery-background-video-pauseplay:after {
        content: '';
        position: absolute;
        top: 55%;
        left: 50%;
        border-left: 56px solid #fff;
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;
        border-radius: 5px;
        -webkit-transition: border-color 300ms;
        -moz-transition: border-color 300ms;
        transition: border-color 300ms;
        z-index: 3;
        transform: translate(-50%, -50%);
    }
    .jquery-background-video-pauseplay:hover:before,  .jquery-background-video-pauseplay:focus:before {
        border-color: #53c5d5;
    }
    .jquery-background-video-pauseplay:hover:after, .jquery-background-video-pauseplay:focus:after {
        border-left-color: #53c5d5;
    }
     .pause {
        display: none;
    }
    /*Youtube button*/
    .detail-video {
        color:#fff;
        text-align: center;
        margin-top: 160px;
        width: 100%;
        padding: 0 15px;
        position: absolute;
        top: 0;
        left: 15px;
        z-index: 3;
    }
    .detail-video h2{
        font-family: Dosis-bold;
        font-size: 44px;
        line-height: 26px;
    }
    .detail-video hr {
        width:117px;
        height:2px;
        margin: 27px auto;
        background-color: #fff;
    }
    .detail-video p {
        font-size: 22px;
        line-height: 35px;
        width: 31%;
        margin: 0 auto;
    }
    @media (min-width: 576px) and (max-width: 992px) {
      .video-row {
        max-height: 900px;
      }
    }
    @media (max-width: 576px) {
      .video-row {
        max-height: 650px;
      }
      .detail-video {
        margin-top: 90px;
      }
      .jquery-background-video-pauseplay:before {
        position: absolute;
        top: 70%;
        width: 150px;
        height: 150px;
      }
      .jquery-background-video-pauseplay:after {
        position: absolute;
        top: 70%;
        border-left: 35px solid #fff;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
      }
    }
    /*Team*/
    .team-section {
        padding: 160px 0px;
    }
    .detail-team {
        text-align: center;
    }
    .detail-team h2 {
        font-family: Dosis-bold;
        font-size: 44px;
        line-height: 26px;
    }
    .detail-team hr {
        width: 117px;
        height: 2px;
        margin: 27px auto;
        background-color: #53c5d5;
    }
    .detail-team p {
        font-family: Dosis Regular;
        font-size: 22px;
        line-height: 35px;
        width: 50%;
        margin: 0 auto;
    }
    .team-members {
        margin-top: 80px;
        text-align: center;
    }
    .team-members img {
        border-radius: 50%!important;
    }
    .team-hover {
        max-width: 270px;
        max-height: 270px;
        padding: 0;
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        margin:auto;
    }
    .team-hover .loop-hover {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        border: 35px solid #000000;
        opacity:0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
    }
    .team-hover .loop-hover:hover {
        opacity: 1;
    }
    .loop-hover img {
        top: 40%;
        left: 40%;
        position: absolute;
    }
    .team-hover:hover .loop-hover {
        top: 0;
        -webkit-box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, .75);
        box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, .75);
        cursor: pointer;
    }
    .team-members h3 {
        margin-top: 25px;
        font-family: Dosis-bold;
        font-size: 25px;
        line-height: 26px;
        color:#262626;
    }
    .team-members .team-role {
        font-family: Dosis-bold;
        font-size: 15px;
        line-height: 26px;
        color:#666666;
    }
    .team-members .team-desc {
        width: 94%;
        margin: 0 auto;
    }
    .icon-team i {
        font-size: 18px;
        margin: 25px 6px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .icon-team i:hover {
        color:#53c5d5;
        cursor: pointer;
    }
    /*Reviwes*/
    .review-sec {
        background-color: #ecf0f1;
        padding-top: 160px;
    }
    .detail-reviwe h2 {
        font-family: Dosis-bold;
        font-size: 44px;
        line-height: 22px;
        color: #262626;
    }
    .detail-reviwe hr {
        width: 117px;
        height: 2px;
        margin: 27px 0;
        background-color: #53c5d5;
    }
    .detail-reviwe .desc {
        font-size: 22px;
        line-height: 35px;
        width:77%;
        margin-bottom: 0px;
    }
    .phone-reviwe {
        margin-top: 90px;
        margin-bottom:-8px;
    }
    .testimonial blockquote {
        margin-top: 80px;
        margin-bottom: 0px;
        border: 2px solid #53c5d5;
        background-color: #fff;
        padding: 37px 34px;
        width: 92%;
    }
    .testimonial .testimonial-arrow img{
        margin-top: -3px;
        margin-left: 8%;
        width: 40px!important;
    }
    .testimonial .person{
        display: flex;
        align-items: center;
        margin-top: 13px;
    }
    .person img {
        text-align: center;
        max-width: 120px;
    }
    .person .name {
        font-family: Dosis-bold;
        margin: 0 30px;
    }
    .person h3 {
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 13px;
    }
    .person p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 0px;
    }
    .person a {
        color: #53c5d5;
    }
    .person a:hover {
       color: #53c5d5;
    }
    .owl-testimonial .owl-dot span {
        width: 15px!important;
        height: 15px!important;
    }
     .owl-testimonial .owl-dot .active span {
        background-color: #cacccc!important;
        border: 2px solid #53c5d5;
     }
    .owl-testimonial .owl-dots {
        position: absolute;
        right: 7.5%;
        top: 63%;
    }
    @media (max-width: 992px) {
        .phone-reviwe {
            text-align: center;
        }
        .testimonial blockquote {
          width: 100%;
        }
    }
    /*Partners*/
    .partners-sec {
        background-color: #d65469;
    }
    .logo-partner {
        margin: 37px 0;
        text-align: center;
    }
    .logo-partner img {
        margin: 5px 0;
    }
    /*Plan*/
    .plan-sec {

        background-size: cover;
        padding: 170px 0px 80px 0px;
    }
    .detail-plan {
        text-align: center;
        color: #fff;
    }
    .detail-plan h2 {
       font-family: Dosis-bold;
       font-size: 44px;
       line-height: 26px;
    }
    .detail-plan hr {
        width: 117px;
        height: 2px;
        margin: 27px auto;
        background-color: #fff;
    }
    .detail-plan p {
        font-size: 22px;
        line-height: 35px;
        width: 50%;
        margin: 0 auto;
    }
    .offert-plan {
        margin: 50px auto 30px auto;
    }
    .plans-col {
        max-width: 410px !important;
        width: 100%;
        margin: 30px 15px;
        border:1px solid gray;
    }

    .plan_circle_orange{
      margin-top:15px;
      margin-bottom:20px;
      background-color:orange;
      color:white;
      width:50% !important;
      height:175px;
      border-radius:50%;
      padding-top:15%;
      font-size:1.5em;
    }

    .plan_circle_green{
      margin-top:15px;
      margin-bottom:20px;
      background-color:#5cad72;
      color:white;
      width:50% !important;
      height:175px;
      border-radius:50%;
      padding-top:15%;
      font-size:1.5em;
    }

    .plans-col i {
        width: 24px;
        margin: 0 12px;
        color: #00c6d7;
        font-size: 22px;
    }
    .offert-plan h2 {
        font-family: Dosis-bold;
        font-size: 40px;
        line-height: 26px;
        text-align: center;
        color: #fff;
        margin-bottom: 0px;
    }
    .offert-plan button {
        background-color: #fff;
        border: 2px solid #53c5d5;
        border-radius: 50px;
        color: #53c5d5;
        font-family: Dosis-bold;
        font-size: 16px;
        line-height: 26px;
        text-transform: uppercase;
        padding: 17px 42px;
        margin-top: 40px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    /*Standart*/
    .offert-plan .standart-title {
        background-color: #53c5d5;
        padding: 28px 0;

    }
    .standart-img {
        text-align: center;
        background-color: #fff;
    }
    .standart-img img {
        width: 140px;
        height: 140px;
        margin:15px 0;
    }
    .standart-desc {
        background-color: #ecf0f1;
        padding-top: 43px;
        padding-bottom: 60px;
    }
    .standart-desc img {
        margin: 0 12px ;
        max-width: 24px;
    }
    .standart-desc p{
        font-size: 16px;
        line-height: 35px;
        padding-left: 0px;
        display: inline-block;
    }
    .standart-desc .button-plan{
          text-align: center;
    }
    .standart-desc button:hover {
        background-color: #53c5d5;
        color:#fff;
    }
    /*Profesional*/
    .offert-plan .profs-title {
        background-color: #d65469;
        padding: 28px 0;
    }
    .profs-img {
        text-align: center;
        background-color: #fff;
    }
    .profs-img img {
        width: 140px;
        height: 140px;
        margin:15px 0;
    }
    .profs-desc {
        background-color: #ecf0f1;
        padding-top: 43px;
        padding-bottom: 60px;
    }
    .profs-desc img {
        margin: 0 12px;
        color: #d65469;
    }
    .profs-desc i {
        color: #f5536a;
    }
    .profs-desc p{
        font-size: 16px;
        line-height: 35px;
        padding-left: 43px;
        display: inline-block;
    }
    .profs-desc .button-plan{
        text-align: center;
    }
    .profs-desc button {
        border: 2px solid #d65469;
        color:#d65469;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .profs-desc button:hover {
        background-color: #d65469;
        color:#fff;
    }
     /*Ultimate*/
    .offert-plan .ultimate-title {
        background-color: #53c5d5;
        padding: 28px 0;

    }
    .ultimate-img {
        text-align: center;
        background-color: #fff;
    }
    .ultimate-img img {
        width: 140px;
        height: 140px;
        margin:15px 0;
    }
    .ultimate-desc {
        background-color: #ecf0f1;
        padding-top: 43px;
        padding-bottom: 60px;
    }a
    .ultimate-desc img {
        margin: 0 12px ;
    }
    .ultimate-desc p{
        font-size: 16px;
        line-height: 35px;
        padding-left: 43px;
        display: inline-block;
    }
    .windows-store .win-phon {
        font-size: 32px;
    }
    .ultimate-desc .button-plan{
        text-align: center;
    }
    .ultimate-desc button:hover {
        background-color: #53c5d5;
        color:#fff;
    }
    @media (max-width: 992px) {
        .plans-col {
            margin-left: auto;
            margin-right: auto;
        }
    }
    @media (min-width: 992px) and (max-width: 1109.98px) {
        .mobiles-down a {
          min-width: 310px;
        }
        .plans-col {
            max-width: 320px;
            margin-left: auto;
            margin-right: auto;
        }
        .offert-plan p {
            padding-left: 0px;
        }
        .windows-store .win-phon {
            font-size: 27px;
        }
    }
    /*Newsletter*/
    .news-row {
        padding: 160px 15px;
    }
    .detail-newsletter h2 {
        font-family: Dosis-bold;
        font-size: 44px;
        line-height: 26px;
    }
    .detail-newsletter hr {
        width: 117px;
        height:2px;
        margin: 25px 0;
        background-color: #53c5d5;
    }
    .news-form {
        max-width: 63%;
        border: 2px solid #53c5d5;
        font-size:18px;
        line-height: 35px;
        padding: 12px 30px;
    }
    .news-btn {
        font-size: 25px;
        line-height: 26px;
        color:#fff;
        background-color: #53c5d5;
        border: 2px solid #53c5d5;
        padding: 0px 65px;

    }
    @media (min-width: 992px) and (max-width: 1229.98px) {
        .detail-newsletter h2 {
          font-size: 38px;
        }
    }
    @media (max-width: 576px) {
          .input-mobile {
              display: block;
          }
          .news-form {
              max-width: 100%!important;
              width: 100%!important;
              margin-bottom: 20px!important;
          }
          .news-btn {
              height: 63px;
              width: 100%;
          }
       }

     /*Contact*/
    .contact-bckg {
        background-color:white;
        padding: 160px 0px;
		border:1px solid gray;
    }

    .signup-bckg {
        background-color:white;
        padding: 80px 0px;
        border:1px solid gray;
    }

    .contact-title h2{
        font-family: Dosis-bold;
        font-size: 44px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 0;
    }
    .contact-title hr{
        width: 117px;
        height:2px;
        margin: 25px auto;
        background-color: #53c5d5;
    }
    .contact-title p {
        font-family: Dosis Regular;
        font-size: 22px;
        line-height: 35px;
        text-align: center;
        margin-bottom: 80px;
    }
    .contact-detail h2 {
        font-family: Dosis-bold;
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .contact-detail .contct img{
        margin-right: 11px;
        text-align: center;
    }
     .contact-detail .contct i {
        width: 23px;
        margin-right: 11px;
        text-align: center;
        font-size: 24px;
        color:#00c7d8;
        vertical-align: middle;
     }
    .contact-detail .contct {
        line-height: 35px;
    }
    .contact-detail .contct a {
        color: #212529;
    }
    .contact-detail .contct a:hover {
        color: #53c5d5;
        text-decoration: none;
    }
    .form-contact {
        padding-left:30px;
        padding-right: 30px;
    }
    .form-contact h2 {
        font-family: Dosis-bold;
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .form-group-edit {
        width: 70%;
       border:1px solid gray;
	   margin-top:15px;
    }
    .form-contact .form-control {
        padding: 13px 25px;
        border: none;
        transition: border-color 0s ease-in-out,box-shadow 0s ease-in-out;
    }
    .form-contact .form-btn {
        font-family: Dosis-bold;
        color: #53c5d5;
        background-color: #fff;
        border: 2px solid #53c5d5;
        border-radius: 50px;
        padding: 10px 44px;
        text-transform: uppercase;
        margin-top: 14px;
    }
    .form-contact .form-btn:hover {
        background-color: #53c5d5;
        color: #fff;
        cursor: pointer;
    }
    .form-contact .form-control:focus {
        color: #495057;
        background-color: #fff;
        border: none;
        outline: none;
        box-shadow: inset 0 0 0 2px #53c5d5!important;
    }
    @media (max-width: 992px) {
        .form-contact {
            padding-left:15px;
            padding-right: 15px;
        }
    }
    @media (max-width: 576px) {
        .form-contact {
            padding: 0px 15px;
        }
        .form-contact .form-group-edit{
            width: 100%;
        }
        .form-contact .form-btn {
            width: 100%;
        }
    }
    /*Footer*/
    .footer {
        background-image: url(../image/footer-bckg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .footer-content {
        padding: 160px 0;
        text-align: center;
        color: #fff;
    }
    .footer-content .social-icons {
        margin-bottom: 45px;
        display: inline-flex;
    }
    .footer-content .social-icons i {
        margin:auto;
    }
    .footer-content span{
        display: inline-flex;
        width: 32px;
        height:32px;
        border: 2px solid #53c5d5;
        border-radius: 50%;
        margin: 0 4px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .footer-content a:hover{
        text-decoration: none;
        color:#fff;
    }
    .footer-content span:hover{
        background-color: #53c5d5;
        color:#fff;
        cursor: pointer;
    }
    .footer-content img {
        width: 14px;
        height: 14px;
        margin:auto;
    }

    .copyright a:hover {
        color:#53c5d5;
    }

    @media screen and (max-width: 1000px) {

        .logo_img{
          width:100px;
          height:80px;
          margin-left:20px;
        }


        .detail-features{
          margin-top:-100px !important;
        }

        .header_label{
          font-size:1.6em !important;
          margin-left:0px;
        }

        hr{
          display:none;

        }

        .receivedorders{
            min-height:200px;
        }

        .kds_image{
          margin-top:5px;
          width:100% !important;
          height:200px;
        }


        .whatisweedoo_label{
          margin-top:-20px;
          color:white;
          font-size:1.1em;
          text-align:justify;
        }


        .welcome-content h2 {
          font-size:1.8em !important;
        }

        .whatisweedoo_image{
          max-width:430px;
          height:90%;
          margin-top:100px;
          display: none;

        }
        .welcome-content-details{
          border:0px !important;
        }

        .welcome-content {
            width: 135% !important;
            border:none !important;
        }

        .howitworks {
            width: 100%;
            min-height: 150px;
            padding: 0;
            opacity: .9;
      	    margin-top:0px;
            background-color:white;
            text-align:center;
            padding-top:0px;
        }

        .howitworks_img{
          margin-top:5px;
          width:100%;
          height:150px;
        }

        .benefits{
            margin-left:20px;
            font-size: 1.8em !important;
        }

        .services {
          margin-top:-50px !important;
        }

        .phone-col{
          margin-top:-10px;
        }

        .plan-sec{
          margin-top:30px !important;
        }

        select{
          width: 90% !important
        }

        .plan_included{
            font-weight:bold;
            float:right;
            margin-right:5px
        }

        .plans-col{
          border:1px solid gray;
        }

        .enterprise_div{
          margin-left:10px;
          margin-right:10px;
        }

        .contact-title{
          margin-left:0px;

        }
        .contact-bckg{
          margin-top:100px !important;
          border:none;
          margin-right:20px !important
        }

        .contact-detail{
          margin-left:40px;
          margin-right:40px;
        }

        .form-contact{
          margin-left:40px;
          margin-right:40px;
        }

        .features-row {
          width: 90% !important
        }

        #signup_container{
          border:none !important;
          box-shadow:none !important
        }
        .signup_message{
          margin-top:20px !important;
          font-size:1.2em !important;
          line-height: 20px !important;
        }

        .thankyou_label{
          color:#3daaad;
          font-size:1.8em !important;
          line-height: 35px !important;
        }

        .thankyou_message{
          font-size:1.3em !important;
          line-height: 25px !important;
        }

        #thankyou_div{
          margin-top:-20px !important;
        }

        .detail-plan h2 {
           font-size: 25px !important;
        }

        .detail-plan p {
           font-size: 18px !important;
           line-height: 23px;
        }

        .plan_circle_orange{
          height:140px;
          font-size:1.3em;
        }

        .plan_circle_green{
          height:140px;
          font-size:1.3em;
        }

        .enterprise_label{
          font-size:1.6em !important;
          color:orange
        }

        .enterprice_note{
          color:black;
          font-size: 1em !important;
        }

        .welcome-content-details{
          padding-right:0px !important;
        }

    }

    @media screen and (max-height: 500px) {

      #signup_container{
        border:none !important;
        box-shadow:none !important
      }

      .kds_image{
        margin-top:5px;
        width:100% !important;
        height:500px;
      }

      .howitworks_img{
        height:350px;
      }

      .signup_message{
        margin-top:20px !important;
        font-size:1.2em !important;
        line-height: 20px !important;
      }

      .thankyou_message{
        font-size:1.5em !important;
      }


    }