@media (max-width: 480px){

canvas#myCanvas {
  height: 725px;
}
.navbar-toggle {
  margin-top: 23px;
}
.container > .navbar-header, .container-fluid > .navbar-header, 
.container > .navbar-collapse, .container-fluid > .navbar-collapse {
  border: medium none;
}
.navbar-default {
  background-color: rgba(0, 0, 0, 0.95);
}
.navbar-active .navbar-collapse {
  background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
}
.navbar-active.navbar-default {
  background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
}
.navbar-collapse {
  box-shadow: none;
}
.navbar-brand {
  padding: 30px 15px;
}
.navbar-active .navbar-brand {
  height: 79px;
  padding: 38px 15px;
  margin-top: 0;
}
.navbar-active .navbar-nav {
  height: initial;
}
.navbar-nav > li > a {
  padding: 15px;
}
.navbar-default .navbar-toggle {
  border-color: #f3cc29;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f3cc29;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
  background: #f3cc29;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{
  background-color: #000;
}
.navbar-default .navbar-nav li {
  background: none;
}
.navbar-default .navbar-nav li.active {
  background: none;
}
.navbar-default .navbar-nav li a {
  font-size: 14px;
  color: #ddd;
}
.navbar-default ul.navbar-nav li a:hover, 
.navbar-default ul.navbar-nav li a:focus{
  color:#f3cc29;
  background: none;
}
.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  color:#f3cc29;
}
.navbar-default .navbar-nav li:hover{
  background: none;
}
.section-padding {
  padding: 80px 0;
}
.content-area {
  margin-top: 60px;
}
.header-content {
  margin-top: 60px;
}
.section-title-1, .section-title-2 {
  margin-top: -23px;
}
.section-title-1 h1, .section-title-2 h1 {
  font-size: 25px;
  line-height: 28px;
}
.section-title-1 p, .section-title-2 p {
  font-size: 14px;
  line-height: 16px;
}
.section-title-1::before {
  bottom: 16px;
  height: 35px;
  width: 10px;
}
.section-title-1::after {
  bottom: -2px;
  height: 18px;
  width: 10px;
}
.section-title-2::before {
  bottom: 25px;
  height: 40px;
}
.section-title-2::after {
  bottom: 9px;
  height: 16px;
}
.inner-header {
  padding: 110px 0 130px;
}
.header-content > span {
  font-size: 16px;
  margin-bottom: 20px;
  letter-spacing: 6px;
}
.mc-field-group input[type="email"] {
  font-size: 14px;
  height: 60px;
  letter-spacing: 1px;
  width: 100%;
}
.clear input[type="submit"] {
  font-size: 45px;
  height: 60px;
  margin-top: 4px;
  right: 0;
  width: 70px;
}
.countdown-wrapper ul {
  margin-top: 43px;
}
.countdown-wrapper ul li {
  margin-left: 10px;
}
.countdown-wrapper ul li span {
  font-size: 50px;
}
.scroll-icon .icofont.icofont-scroll-bubble-down {
  bottom: -80px;
  left: 50%;
  margin-left: -25px;
}
.img-bg {
  height: 100%;
  margin-top: 30px;
  right: 60px;
  width: 100%;
}
.about-us-img > img {
  border: 10px solid #fff;
  height: 100%;
  margin-top: 60px;
  width: 100%;
}
.about-us-img::before {
  content: none;
}
.company-about h3 {
  font-size: 16px;
}
.company-about h3::before {
  width: 100%;
}
.company-about > p {
  font-size: 14px;
  margin-top: 35px;
}
.service-area {
  margin-top: 115px;
}
.service-info-2, .service-info-3, .service-info-4, .service-info-5, .service-info-6 {
  margin-top: 60px;
}
.service-title .icofont-test-tube-alt::before, .service-title .icofont-instrument::before, 
.service-title .icofont-globe::before, .service-title .icofont-mobile-phone::before, 
.service-title .icofont-chart-histogram-alt::before, .service-title .icofont-gears::before {
  font-size: 20px;
  left: 29px;
  top: 0;
}
.service-title .icofont-test-tube-alt::after, .service-title .icofont-instrument::after, 
.service-title .icofont-globe::after, .service-title .icofont-mobile-phone::after, 
.service-title .icofont-chart-histogram-alt::after, .service-title .icofont-gears::after {
  height: 50px;
  left: 10px;
  top: -15px;
  width: 65px;
}
.service-title > h3 {
  font-size: 16px;
}
.service-details p {
  font-size: 14px;
}
.contact-info-1, .contact-info-2, .contact-info-3 {
  width: 100%;
}
.contact-info-1 p,
.contact-info-2 p,
.contact-info-3 p {
  font-size: 14px;
}
.contact-info-2, .contact-info-3 {
  margin-top: 30px;
}
.form-group input[type="text"], .form-group input[type="email"], .form-group textarea {
  width: 100%;
  font-size: 14px;
}
.form-group textarea {
  margin-top: 0;
  width: 100%;
}
.input-message-status {
  top: -30px;
}
.footer-social ul li {
  padding: 0 25px;
}
.copyright-text p {
  font-size: 13px;
}



}


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

canvas#myCanvas {
  height: 579px;
}
.navbar-toggle {
  margin-top: 23px;
}
.container > .navbar-header, .container-fluid > .navbar-header, 
.container > .navbar-collapse, .container-fluid > .navbar-collapse {
  border: medium none;
}
.navbar-default {
  background-color: rgba(0, 0, 0, 0.95);
}
.navbar-active .navbar-collapse {
  background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
}
.navbar-active.navbar-default {
  background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
}
.navbar-collapse {
  box-shadow: none;
}
.navbar-brand {
  padding: 30px 15px;
}
.navbar-active .navbar-brand {
  height: 79px;
  padding: 38px 15px;
  margin-top: 0;
}
.navbar-active .navbar-nav {
  height: initial;
}
.navbar-nav > li > a {
  padding: 15px;
}
.navbar-default .navbar-toggle {
  border-color: #f3cc29;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f3cc29;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
  background: #f3cc29;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{
  background-color: #000;
}

.navbar-default .navbar-nav li {
  background: none;
}
.navbar-default .navbar-nav li.active {
  background: none;
}
.navbar-default .navbar-nav li a {
  font-size: 14px;
  color: #ddd;
}
.navbar-default ul.navbar-nav li a:hover, 
.navbar-default ul.navbar-nav li a:focus{
  color:#f3cc29;
  background: none;
}
.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  color:#f3cc29;
}
.navbar-default .navbar-nav li:hover{
  background: none;
}
.section-padding {
  padding: 80px 0;
}
.content-area {
  margin-top: 60px;
}
.header-content {
  margin-top: 60px;
}
.section-title-1, .section-title-2 {
  margin-top: -23px;
}
.section-title-1 h1, .section-title-2 h1 {
  font-size: 25px;
  line-height: 28px;
}
.section-title-1 p, .section-title-2 p {
  font-size: 14px;
  line-height: 16px;
}
.section-title-1::before {
  bottom: 16px;
  height: 35px;
  width: 10px;
}
.section-title-1::after {
  bottom: -2px;
  height: 18px;
  width: 10px;
}
.section-title-2::before {
  bottom: 25px;
  height: 40px;
}
.section-title-2::after {
  bottom: 9px;
  height: 16px;
}
.inner-header {
  padding: 110px 0 130px;
}
.header-content > span {
  font-size: 16px;
  margin-bottom: 20px;
  letter-spacing: 6px;
}
.mc-field-group input[type="email"] {
  font-size: 14px;
  height: 60px;
  width: 100%;
}
.clear input[type="submit"] {
  font-size: 45px;
  height: 60px;
  margin-top: 4px;
  right: 0;
  width: 70px;
}
.countdown-wrapper ul {
  margin-top: 43px;
}
.countdown-wrapper ul li {
  margin-left: 10px;
}
.countdown-wrapper ul li span {
  font-size: 50px;
}
.scroll-icon .icofont.icofont-scroll-bubble-down {
  bottom: -80px;
  left: 50%;
  margin-left: -25px;
}
.img-bg {
  height: 100%;
  margin-top: 30px;
  right: 60px;
  width: 100%;
}
.about-us-img > img {
  border: 10px solid #fff;
  height: 100%;
  margin-top: 60px;
  width: 100%;
}
.about-us-img::before {
  content: none;
}
.company-about h3 {
  font-size: 16px;
}
.company-about h3::before {
  width: 100%;
}
.company-about > p {
  font-size: 14px;
  margin-top: 35px;
}
.service-area {
  margin-top: 115px;
}
.service-info-2, .service-info-3, .service-info-4, .service-info-5, .service-info-6 {
  margin-top: 60px;
}
.service-title .icofont-test-tube-alt::before, .service-title .icofont-instrument::before, 
.service-title .icofont-globe::before, .service-title .icofont-mobile-phone::before, 
.service-title .icofont-chart-histogram-alt::before, .service-title .icofont-gears::before {
  font-size: 20px;
  left: 29px;
  top: 0;
}
.service-title .icofont-test-tube-alt::after, .service-title .icofont-instrument::after, 
.service-title .icofont-globe::after, .service-title .icofont-mobile-phone::after, 
.service-title .icofont-chart-histogram-alt::after, .service-title .icofont-gears::after {
  height: 50px;
  left: 10px;
  top: -15px;
  width: 65px;
}
.service-title > h3 {
  font-size: 16px;
}
.service-details p {
  font-size: 14px;
}
.contact-info-1, .contact-info-2, .contact-info-3 {
  width: 100%;
}
.contact-info-1 p,
.contact-info-2 p,
.contact-info-3 p {
  font-size: 14px;
}
.contact-info-2, .contact-info-3 {
  margin-top: 30px;
}
.form-group input[type="text"], .form-group input[type="email"], .form-group textarea {
  width: 100%;
  font-size: 14px;
}
.form-group textarea {
  margin-top: 0;
  width: 100%;
}
.input-message-status {
  top: -30px;
}
.footer-social ul li {
  padding: 0 25px;
}
.copyright-text p {
  font-size: 13px;
}


}

@media (min-width: 768px) and (max-width: 979px){

canvas#myCanvas {
  height: 687px;
}
.navbar-default .navbar-nav li {
  height: 80px;
  margin: 0 5px;
  padding: 14px 12px;
  width: 120px;
}
.navbar-nav > li > a {
  padding: 17px;
}
.navbar-default .navbar-nav li a {
  font-size: 14px;
}
.section-padding {
  padding: 80px 0;
}
.content-area {
  margin-top: 60px;
}
.section-title-1, .section-title-2 {
  margin-top: -23px;
}
.section-title-1 h1, .section-title-2 h1 {
  font-size: 25px;
  line-height: 28px;
}
.section-title-1 p, .section-title-2 p {
  font-size: 14px;
  line-height: 16px;
}
.section-title-1::before {
  bottom: 16px;
  height: 35px;
  width: 10px;
}
.section-title-1::after {
  bottom: -2px;
  height: 18px;
  width: 10px;
}
.section-title-2::before {
  bottom: 25px;
  height: 40px;
}
.section-title-2::after {
  bottom: 9px;
  height: 16px;
}
.inner-header {
  padding: 140px 0 210px;
}
.header-content > span {
  font-size: 18px;
  margin-bottom: 20px;
}
.mc-field-group input[type="email"] {
  font-size: 14px;
  height: 60px;
  width: 510px;
}
.clear input[type="submit"] {
  font-size: 45px;
  height: 60px;
  margin-top: 4px;
  right: 105px;
  width: 70px;
}
.countdown-wrapper ul {
  margin-top: 43px;
}
.countdown-wrapper ul li {
  height: 96px;
  margin-left: 20px;
  width: 96px;
}
.countdown-wrapper ul li span {
  font-size: 50px;
}
.scroll-icon .icofont.icofont-scroll-bubble-down {
  bottom: -160px;
}
.img-bg {
  height: 380px;
  margin-top: 30px;
  right: 179px;
  width: 526px;
}
.about-us-img > img {
  border: 10px solid #fff;
  height: 380px;
  margin-top: 60px;
  width: 526px;
}
.about-us-img::before {
  height: 380px;
  margin-top: 60px;
  width: 526px;
}
.company-about h3 {
  font-size: 16px;
}
.company-about h3::before {
  width: 100%;
}
.company-about > p {
  font-size: 14px;
  margin-top: 35px;
}
.service-area {
  margin-top: 115px;
}
.service-info-3, .service-info-4, .service-info-5, .service-info-6 {
  margin-top: 60px;
}
.service-title > h3 {
  font-size: 16px;
}
.service-details p {
  font-size: 14px;
}
.service-title .icofont-test-tube-alt::after, .service-title .icofont-instrument::after, .service-title .icofont-globe::after, .service-title .icofont-mobile-phone::after, .service-title .icofont-chart-histogram-alt::after, .service-title .icofont-gears::after {
  top: -25px;
}
.contact-info-1, .contact-info-2, .contact-info-3 {
  width: 100%;
}
.contact-info-1 p,
.contact-info-2 p,
.contact-info-3 p {
  font-size: 14px;
}
.contact-info-3 {
  margin-top: 30px;
}
.contact-info-3 .icofont-globe::before {
  margin-top: 0;
}
.contact-info-3 .icofont-globe::after {
  top: 30px;
}
.form-group input[type="text"], .form-group input[type="email"], .form-group textarea {
  width: 100%;
  font-size: 14px;
}
.form-group textarea {
  margin-top: -15px;
  width: 100%;
}
.input-message-status {
  top: -45px;
}

}



@media (min-width: 969px) and (max-width: 1169px){

canvas#myCanvas {
  height: 750px;
}
.inner-header {
  padding: 140px 0 210px;
}
.clear input[type="submit"] {
  right: 192px;
}
.scroll-icon .icofont.icofont-scroll-bubble-down {
  bottom: -160px;
}
.img-bg {
  height: 360px;
  margin-top: 20px;
  right: 16px;
  width: 434px;
}
.about-us-img > img {
  width: 434px;
  border: 10px solid #fff;
  height: 360px;
}
.about-us-img::before {
  height: 360px;
  width: 434px;
}
.company-about > p {
  font-size: 14px;
  margin-top: 35px;
}
.service-title > h3 {
  font-size: 16px;
}
.service-details p {
  font-size: 14px;
}
.service-title .icofont-test-tube-alt::after, .service-title .icofont-instrument::after, .service-title .icofont-globe::after, .service-title .icofont-mobile-phone::after, .service-title .icofont-chart-histogram-alt::after, .service-title .icofont-gears::after {
  top: -25px;
}
.contact-info-1,
.contact-info-2,
.contact-info-3 {
  width: 294px;
}
.contact-info-1 p,
.contact-info-2 p,
.contact-info-3 p {
  font-size: 14px;
}
.form-group input[type="text"], .form-group input[type="email"], .form-group textarea {
  width: 455px;
  font-size: 14px;
}
.form-group textarea {
  width: 455px;
}



}