@media (min-width: 320px) and (max-width: 767px) {

  .logo {
    padding-left: 0;
    width:140px;
    padding-top:2px;
    }

.section_1 h2 {
font-size: 26px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
line-height: 30px;
margin-top: 50px;
  }
.cd-header{height:80px;}

  .section_1 .wow
  {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 30px;
  }

  .section_1 .get-started {

    margin-left: 0px;
    margin-right: 0px;
    font-size:14px;
    padding:0px;
}
.buildbox{
  padding:0px 10px;
}
.section_4 h2, .section_7 h2{
  margin-bottom:30px;
}
.section_4{
  padding: 80px 0px 30px 0px;
}
.section_2{
  padding:50px 0 30px 0;
}
.section_2 h2{
  margin-bottom:30px;
}
.section_2 p {
    line-height: 24px;
}

.section_5 {
    padding-top: 50px;
    padding-bottom: 30px;
}

.section_5 p
{
  font-size:14px;
    line-height: 24px;
}

.section_5 .subtext {
    clear: both;
    padding-top: 20px;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}


.section_4 h4 {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 21px;
}
.concepts {

    margin-bottom: 30px !important;
}


.section_3 p {
  padding-top: 10px;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.section_3 h2 {
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 21px;
  margin-top: 30px;
}

.section_4 h4 {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 21px;
}

.brandbox
{
  padding: 33px;
}


.section_6 .subtext {
  font-size:14px;
      line-height: 24px;
      padding-left: 10px;
      padding-right: 10px;
}

#footer h2
{
  padding-left: 20px;
  padding-right: 20px;
}

#footer {
  font-size: 26px;
  padding-left: 25px;
  padding-right: 25px;
  line-height: 37px;
  /*margin-top: 50px;*/
}

.text-component{
  padding-bottom:0px !important;
}

.mobfix

{
  margin-left: 25%!important;
}

/* Close it */


}