/* Base Styles */

/* Clear Elements */

  .group:before, .group:after {content: ""; display: table;} 
  .group:after {clear: both;}
  .group {zoom: 1;}


  /* Set up REM style */

/*  html { font-size: 62.5%; } 
  body { font-size: 14px; font-size: 1.4rem; background: #fff;} 
  h1   { font-size: 24px; font-size: 2.4rem; } */


  /* Older browsers */
  html { font-size: 12px; background: #fff;}

    @media screen and (min-width: 320px){
    html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }
}

    @media screen and (min-width: 800px){
      html { font-size: 16px; }
}

  /* Border Box */

  *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }

/* 

font-family: 'Pathway Gothic One', sans-serif;

Reg = 400

*/

@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff2') format('woff2'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff2') format('woff2'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Font Styles */

  h1 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 57px; font-size: 3.5625em; line-height: 1.4; margin: 0px; color: #681C77; text-transform: uppercase;}
  h2 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 25px; font-size: 1.875em; line-height: 1.4; margin: 0px;  color: #681C77; text-transform: uppercase;}
  h3 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 20px; font-size: 1.25em; line-height: 1.4; margin: 0px; color: #681C77; text-transform: uppercase;}
  h4 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px;  color: #681C77; text-transform: uppercase;}
  h5 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.4; margin: 0px; color: #681C77; text-transform: uppercase;}
  h6 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.4; color: #681C77; text-transform: uppercase;}

  p {color: #252525; font-family: 'droid_sansregular'; font-size: 18px; font-size: 1.125em; line-height: 1.3;font-weight: 400; font-style: normal; }
  a {color: #D6D700; font-family: 'droid_sansregular'; text-decoration: none;font-weight: 400; font-style: normal; }
  ul li, ol li, li {color: #252525;font-family: 'droid_sansregular'; font-size: 18px; font-size: 1.125em; line-height: 1.3;font-weight: 400; font-style: normal; }
  em {color: #252525; font-family: 'droid_sansregular'; font-size: 18px; font-size: 1.125em; font-weight: 400; font-style: italic; }

/* Buttons */

.green-btn {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 25px 15px 25px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;
background: #D6D700;}
.green-btn:hover {
opacity:0.8;
}
.green-btn:after {content:" > "; display: inline-block; margin-left: 30px;}

.purple-btn {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 25px 15px 25px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;
background: #681C77;}
.purple-btn:hover {
opacity:0.8;
}
.purple-btn:after {content:" > "; display: inline-block; margin-left: 30px;}

.purple-btn-lrg {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 45px 15px 45px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;
background: #681C77;}
.purple-btn-lrg:hover {
opacity:0.8;
}
.purple-btn-lrg:after {content:" > "; display: inline-block; margin-left: 30px;}



.green-btn-lrg {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 45px 15px 45px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;
background: #D6D700;}
.green-btn-lrg:hover {
opacity:0.8;
}
.green-btn-lrg:after {content:" > "; display: inline-block; margin-left: 30px;}


.white-btn-lrg {color: #505050; transition: all 0.5s ease 0s;  display: inline-block; padding: 25px 45px 25px 45px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;
background: #fff;}
.white-btn-lrg:hover {
opacity:0.8;
}
.white-btn-lrg:after {content:" > "; display: inline-block; margin-left: 30px;}



.float--left {float: left; margin-right: 20px; margin-bottom: 20px;}

/* Animations */

.services-wrapper .fadeIn {visibility: hidden; opacity: 0;}

.inviewport .slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight; 

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
   animation-fill-mode: forwards;

}

@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  50%{
    transform: translateX(8%);
  }

  100% {
    transform: translateX(0%);
        opacity: 1; 
  } 
}

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
  }
  50%{
    -webkit-transform: translateX(8%);
  }
 
  100% {
    -webkit-transform: translateX(0%);
        opacity: 1; 
  }
}

.inviewport .slideLeft{
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;  

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
 animation-fill-mode: forwards;
}

@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  50%{
    transform: translateX(-8%);
  }

  100% {
    transform: translateX(0%);
        opacity: 1; 
  }
}

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
  }
  50%{
    -webkit-transform: translateX(-8%);
  }

  100% {
    -webkit-transform: translateX(0%);
        opacity: 1; 
  }
}

.inviewport .fadeIn{
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn; 

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
 animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0;   
  }

  100% {
    transform: scale(1);
    opacity: 1; 
  }   
}

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;   
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1; 
  }   
}

.inviewport .fadeInBanner{
  animation-name: fadeInBanner;
  -webkit-animation-name: fadeInBanner; 

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
}

@keyframes fadeInBanner {
  0% {
    transform: scale(0);
    opacity: 0.0;   
  }

  100% {
    transform: scale(1);
    opacity: 1; 
  }   
}

@-webkit-keyframes fadeInBanner {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;   
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1; 
  }   
}


.floating{
  animation-name: floating;
  -webkit-animation-name: floating;

  animation-duration: 1.5s; 
  -webkit-animation-duration: 1.5s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
  0% {
    transform: translateY(0%);  
  }
  50% {
    transform: translateY(8%);  
  } 
  100% {
    transform: translateY(0%);
  }     
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);  
  }
  50% {
    -webkit-transform: translateY(8%);  
  } 
  100% {
    -webkit-transform: translateY(0%);
  }     
}




/* Header Bar */

.inner-position {vertical-align: middle; display: table-cell;}

/*.darken-overlay {background: rgba(255,255,255, 1.0); position: absolute; right: 0; bottom: 0; left: 0; top: 0; display: block; z-index: 0;}*/

.home-banner .header-bar {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.home-banner {position: relative;}
.header-bar {width: 100%; position: absolute; top: 0; z-index: 999;}
.header-logo {width: 20%; float: left; display: table; padding: 1%; }
.header-logo img {width: 270px;}
.header-navigation-wrapper {width: 80%; float: left; display: table;}
.tel-box {padding-right: 20px;}
.tel-box h3 {text-align:right; color: #fff;}

/* Mobile Nav */


.pushy-content .logo-wrapper {padding: 30px; text-align: center; background:url('../home-banner.jpg'); background-size: cover; position: relative;}
/*.pushy-content .logo-wrapper a {color: #fff;}
.pushy-content .logo-wrapper a:hover {color: #590c0c;}*/

.pushy-content .logo-wrapper img {width: 200px; position: relative;}

.close-btn a{
  position: absolute; top: 0; right: 0; display: block;
transition: all 0.5s ease 0s; display: inline-block; font-family: 'Quattrocento Sans', sans-serif; font-weight: 700; font-style: normal; padding: 6px 15px !important ; font-size: 18px; font-size: 1.125em; text-transform: uppercase; color: #fff !important;
}

.close-btn a:hover {
  opacity: 1;
  color: #02837e !important;
background: #fff; 
}
.pushy-navigation ul {margin: 0px; padding: 0px;}
.pushy-navigation ul li {text-align: center; font-size: 16px; font-size: 1em; border-bottom: 1px solid #060e17; transition: all 0.5s ease 0s;}
.pushy-navigation ul li a {font-family: 'Tenor Sans', sans-serif; font-weight: 400; font-style: normal; color: #fff; transition: all 0.5s ease 0s;  }
.pushy-navigation ul li a:hover {color: #fff; }
.pushy-navigation ul li:hover {background: rgba(0,0,0, 0.4); }

.mobile-btn {display: none;}
.menu-btn {border: 2px solid #fff; border-right: 0px; color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 25px 15px 25px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; background: #D6D700;}
.menu-btn:hover {
opacity:0.8;
}
.menu-btn:after {content:" > "; display: inline-block; margin-left: 30px;}

.header-navigation #primary {  margin: 0px 0px 0px 0px; margin-left: 0%; width: 100%; height: 100%; padding-left: 0px;  text-align: right; display: table; }
.header-navigation #primary>li {/*-ms-flex-positive: 1; flex-grow: 1; float: left; */vertical-align: middle; border-bottom: 0px solid #fff; list-style-type: none; position: relative; text-align: center; height: 100%; padding: 0px 2%; border-bottom: 2px solid transparent; display: inline-block;}
.header-navigation #primary>li:hover {transition: all 0.5s ease 0s; }
.header-navigation #primary>li>a {padding: 0 0 25px 0; line-height: 16px; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Barlow', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #fff;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }
.header-navigation #primary>li>a:hover {color: #D6D700;  }
.header-navigation #primary>li:last-of-type>a {border-right: 0px;}
.header-navigation .menu>li>a.linkActive, .header-navigation #primary>li.liLinkActive a {color: #D6D700; }

  /* Dropdown LV1 */

.header-navigation #primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px; width: 190px;}

.header-navigation #primary>li:hover>ul {display: block;  position: absolute; top: 40px; left: 0; z-index: 9999; background: #f4e5e2; padding: 0px; }

.header-navigation #primary>li>ul>li {padding: 7px 10px !important; text-align: left; }

.header-navigation #primary>li>ul>li:hover {background: #505050;}

.header-navigation #primary>li>ul>li>a {font-family: 'Barlow', sans-serif; font-weight: 500; font-style: normal; font-size: 16px; font-size: 1em; color: #D6D700; height: auto;  display: block; border: none; text-decoration:none;  padding: 0px; }

.header-navigation #primary>li>ul>li>a:hover {text-decoration: none;}

.header-navigation #primary li>ul>li {position: relative;}

  /* Dropdown LV2 */

.header-navigation #primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}




.slides {margin: 0; padding: 0;}
.slides li {width: 100%; padding: 30vh 5%; position: relative;}

.home-banner-text-wrapper {max-width: 50%; float: left;}
.home-banner-text-wrapper h1 {font-size: 78px; font-size: 4.875em; color: #fff; line-height: 1.2; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);}

.follow-us {position: absolute; top: 50%; left: 1%; transform-origin: top left; transform: rotate(269deg) translateX(-50%); -webkit-transform: rotate(269deg) translateX(-50%); -moz-transform: rotate(269deg) translateX(-50%); -o-transform: rotate(269deg) translateX(-50%); -ms-transform: rotate(269deg) translateX(-50%);}
.follow-us-title {float: left; margin-right: 20px;}
.follow-us-title h3 {text-transform: uppercase; color: #fff; vertical-align: middle; font-size: 18px; font-size: 1.125em;}
.follow-us-link {float: left;  margin-right: 20px;}
.follow-us-link a {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; color: #fff; vertical-align: middle; font-size: 18px; font-size: 1.125em;}
.follow-us-divide {width: 70px; height: 2px; background: #D6D700; float: left; margin-top: 10px; margin-right: 20px;}

.down-arrow {position: absolute; left: 50%; transform: translate(-50%, 50%); bottom: 0; }

.intro-wrapper {padding: 5% 0; background: #fff;}


.intro-text-heading h3 {font-family: 'droid_sansbold'; font-weight: normal; font-style: normal; font-size: 18px; font-size: 1.125em; color: #D6D700; text-transform: uppercase;}
.intro-text-heading h2 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 60px; font-size: 3.75em; color: #681C77;}

.why-choose-us-text {width: 50%; float: left; text-align: center; padding:10% 0; background: #D6D700;}
.why-choose-us-text h2 {font-size: 60px; font-size: 3.75em; color: #fff;}
.why-choose-us-text h4 {font-size: 34px; font-size: 2.125em; color: #fff;}
.why-choose-us-text p { color: #fff;}
.why-choose-us-image {width: 50%; float: left;}

.why-choose-us-text-inner {width: 75%; margin: 0 auto;}





.implimentation-text {width: 50%; float: left; text-align: center; padding:10% 0; background: #681C77;}
.implimentation-text h2 {font-size: 60px; font-size: 3.75em; color: #fff;}
.implimentation-text h4 {font-size: 34px; font-size: 2.125em; color: #fff;}
.implimentation-text  p {color: #fff;}
.implimentation-image {width: 50%; float: left;}

.implimentation-text-inner {width: 75%; margin: 0 auto;}

/*.testimonials-wrapper {width: 100%; padding: 20px; background: #f4e5e2;}
.testimonails-inner {width: 100%; padding: 3%; border: 1px solid #D6D700;}
.testimonials-heading h2 {font-size: 60px; font-size: 3.75em; color: #505050; text-align: center;}

.testimonials-wrapper .green-btn-lrg {margin: 0 auto; display: block; width: 220px;}

*/

.testimonial-item {width: 100%; padding: 25px; background: #f4e5e2; margin-bottom: 25px;}


.footer-wrapper {background: #333; padding: 3% 0;}

.footer-logo img {width: 250px;}

.footer-copy {text-align: right;}
.footer-copy h3 {color: #fff;}
.footer-copy h3 a {color: #fff;}
.footer-copy p {font-family: 'droid_sansbold'; font-weight: normal; font-style: normal; color: #fff; font-size: 12px; font-size: 0.75em;}
.footer-copy a {font-family: 'droid_sansbold'; font-weight: normal; font-style: normal; color: #fff;}

.footer-copy ul li {list-style-type: none; display: inline-block; margin: 0 1%;}
.footer-copy ul li a {font-family: 'droid_sansbold'; font-weight: normal; font-style: normal; font-size: 12px; font-size: 0.75em; text-transform: uppercase;}

.testimonial-output {position: relative;}
.testimonials {padding: 0;}
.testimonials li {text-align: center; }
.testimonials li h4 {font-family: 'droid_sansbold'; font-weight: normal; font-style: normal; color: #505050; font-size: 24px; font-size: 1.5em; text-transform: none;}
.testimonials li p {font-family: 'droid_sansbold'; font-weight: normal; font-style: normal; color: #D6D700; font-size: 18px; font-size: 1.125em;}


.slider-nav {position: absolute; top: 50%;  z-index: 999; width: 100%;}


.inner-banner {background: #681C77;}
.inner-banner .header-bar {position: relative;}
.inner-heading-wrapper {background: #D6D700; padding: 4% 0;}
.inner-heading h1 {color: #fff;}
.inner-heading h3 {color: #fff; font-size: 24px; font-size: 1.5em;}

.inner-content-wrapper {padding: 5% 0;}

.defaultForm {
  width: 100%;
  *zoom: 1;
  padding: 25px; 
  background: #681C77;
}
.defaultForm:before, .defaultForm:after {
  content: " ";
  display: table;
}
.defaultForm:after {
  clear: both;
}
.defaultForm .inputset {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 0.625em;
}
.defaultForm .inputset .form_error_specific {
  position: absolute;
  top: 0;
  right: 0;
  color: Tomato;
    font-family: 'droid_sansregular'; font-weight: normal; font-style: normal;
}
.defaultForm .inputset label {
  display: block;
  width: 100%;
  font-family: 'droid_sansregular'; font-weight: normal; font-style: normal; color: #fff;
}
.defaultForm .inputset label.label {
  display: inline-block;
  font-family: 'droid_sansregular'; font-weight: normal; font-style: normal; color: #fff;
}
.defaultForm .inputset label.label input {
  width: initial;
  display: inline-block;
  margin-left: 0.625em;
}
.defaultForm .inputset input, .defaultForm .inputset textarea, .defaultForm .inputset select {
  display: block;
  width: 100%;
  padding: 0.625em;
  width: 100%;
}
.defaultForm .inputset textarea {
  height: 10.625em;
}

.inputset.inputsetcheck label:first-of-type {
  margin-bottom: 0.3125em;
  padding-bottom: 0.3125em;
  border-bottom: 1px solid #cccccc;
}
.inputset label.form_header {
  font-weight: bold;
  font-size: 18px;
}
.defaultForm .form_submit {
  text-align: left;
}


.defaultForm .form_submit .fbElementButton {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 45px 15px 45px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;
background: #D6D700;}
.defaultForm .form_submit .fbElementButton:hover {
opacity:0.8;
}
.defaultForm .form_submit .fbElementButton:after {content:" > "; display: inline-block; margin-left: 30px;}
.form_error_wrap {display: none;}
.contact-details {background: #f4e5e2; padding: 2%; }
.contact-details h3 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 45px; font-size: 2.8125em; color: #505050; }


.testimonial-inner {padding: 30px; background: #f4e5e2; margin-bottom: 25px;}
.inner-test-name {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 45px; font-size: 2.8125em; color: #D6D700;}
.intro-text-content ul, .inner-content ul, .white-popup ul {padding-left: 0px; }
.intro-text-content ul li, .inner-content ul li, .white-popup  ul li {list-style-type: none; background: url("../bullet.png"); background-repeat: no-repeat; padding-left: 30px; line-height: 28px; margin-bottom: 10px;}

.mfp-bg {background: rgba(0,0,0,0.7);}

.white-popup {
  position: relative;

background: #fff;
  width: auto;
  max-width: 1000px;
  padding: 30px;
  margin: 20px auto;
}
.button.mfp-close, button.mfp-arrow {background: #5d524c !important;}
.mfp-close-btn-in .mfp-close {color: #333;}

.footer-copy ul li ul {display: none;}

.float--right {float: right; margin: 20px; }
.float--left {float: left; margin: 20px; }

/* Media Queries */

@media all and (max-width: 1400px) and (min-width: 0px) {
.footer-copy ul li {margin: 0 0.5%;}
.footer-copy ul li a {font-size: 11px; font-size: 0.6875em; }
}
@media all and (max-width: 1100px) and (min-width: 0px) {
.header-navigation #primary {width: 100%; margin-left: 0px;}
.header-navigation #primary > li > a {font-size: 14px; font-size: 0.875em;}
}
@media all and (max-width: 1000px) and (min-width: 0px) {

.header-navigation #primary {width: 95%; margin-left: 5%;}
.home-banner-text-wrapper {max-width: 100%;}

.service-box {width: 100%; }

.blog-story {width: 100%; margin-right: 0%; float: left;}

.banner-download {width: 100%; max-width: 100%; display: block;  float: left; margin-top: 30px;}

}

 @media all and (max-width: 950px) and (min-width: 0px) {
.header-navigation #primary > li > a {font-size: 16px; font-size: 1em;}
}

 @media all and (max-width: 900px) and (min-width: 0px) {
.mobile-nav-btn {display: block; text-align: center; padding-top: 10px;}
.menu-btn {display: inline-block;}
.header-logo {display: table;}
.header-logo img {width: 280px;}
.header-navigation-wrapper {display: none;}

.header-logo {width: 50%; padding: 10px;}
.mobile-btn {width: 50%; float: left; text-align: right; padding-top: 10px; padding-bottom: 10px;display: inline-block;}
.menu-btn {border: 0px;}
}

 @media all and (max-width: 850px) and (min-width: 0px) {

.why-choose-us-text {width: 100%;}
.why-choose-us-image {width: 100%; padding-top: 75%;}

.implimentation-text {width: 100%;}
.implimentation-image {width: 100%; padding-top: 75%;}
}

 @media all and (max-width: 780px) and (min-width: 0px) {
.slider-nav {display: none;}
.testimonial-output ul li .eight.columns.push_two {width: 100% !important; margin-left: 0;}
}

 @media all and (max-width: 650px) and (min-width: 0px) {
.home-banner ul li {background-position: 50% center !important; }
.inner-position {display: block;}
.slides li {padding-top: 200px; padding-bottom: 35%;}
.follow-us {
  width: 100%; 
  padding: 0 20px;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    text-align:center;
}
.follow-us-title {width: 25%; margin-right: 0; }
.follow-us-divide {width: 25%; margin-right: 0;}
.follow-us-link {width: 25%; margin-right: 0;}

.footer-wrapper {padding: 10% 0;}
.footer-logo {text-align: center; margin-bottom: 20px;}
.footer-copy {text-align: center;}


.services-wrapper .fadeIn {visibility: visible !important; opacity: 1;}


}

 @media all and (max-width: 480px) and (min-width: 0px) {
.header-logo {width: 100%; padding: 15px; text-align: center;}
.mobile-btn {width: 100%; text-align: center;}

.slides li {padding-top: 230px;}

.follow-us {bottom: 10%;}

.home-banner-text-wrapper h1 {font-size: 50px; font-size: 3.125em;  }

.green-btn {padding: 15px 25px 15px 25px ; font-size: 18px; font-size: 1.125em;}
.green-btn:hover {
opacity:0.8;
}
.green-btn:after {margin-left: 20px;}

.float--left {margin-right: 0px; width: 100%;}
.float--left img {width: 100%;}
}