img {
  width: auto; /* This makes the next two lines work in IE8. */
  max-width: 100%; /* Add !important if needed. */
  height: auto; /* Add !important if needed. */
}

/*Mobile font*/
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
p {
  font-size: 1em;
}
nav a#pull {
  display: none;
}

/* deactivate area */

@media screen and (max-width: 1200px) {
  #header-nav ul li a {
    padding: 0 10px !important;
  }
  #footer-slider {
    height: auto !important;
    padding-bottom: 30px !important;
  }
  .container-force-fluid {
    width: 100% !important;
  }
  span.overlay-seal2 {
    width: 100%;
    height: 100%;
  }
  span.overlay-seal-package1 {
    right: 250px !important;
  }
}

/*Styles for screen 1000px and lower*/
@media screen and (max-width: 1000px) {
  #logo-top {
    position: relative !important;
    z-index: 9999999999999 !important;
  }
  .container-force-fluid {
    width: auto !important;
  }
  h1.slider-title,
  h1.slider-title2 {
  }

  .navigation {
    margin: 0 auto 10px !important;
  }
  .tg-seal {
    top: 130px !important;
  }
  #sidebar1 {
    position: relative !important;
    top: 0px !important;
  }
  span.overlay-seal-package1 {
    top: 0px !important;
    right: 200px !important;
  }
}
/*Styles for screen 990px and lower*/
@media only screen and (max-width: 990px) {
  span.overlay-seal3 {
    top: 70px !important;
  }
  .testi-box {
    line-height: 1.5;
  }
  #header-slider-about {
    height: auto !important;
  }
  .offset-right {
    left: 0px !important;
  }
}

/*Styles for screen 810px and lower*/
@media only screen and (max-width: 840px) {
  h1.slider-title,
  h1.slider-title2 {
    position: absolute !important;
    width: 100%;
    top: 70px !important;
    font-size: 28px !important;
  }
  .slider-img2 {
    opacity: 0.3;
  }
}
/*Styles for screen 760px and lower*/
@media only screen and (max-width: 767px) {
  #top-header {
    height: auto;
  }
  .testi-box {
    height: auto !important;
  }
}
/*Styles for screen 760px and lower*/
@media only screen and (max-width: 760px) {
  .navigation {
    float: none !important;
  }

  #header-nav {
    margin: 0px !important;
  }
  h2.container-heading {
    font-size: 32px !important;
    top: 0px !important;
  }
  span.overlay-seal-package1 {
    right: 150px !important;
  }

  #header-slider {
    background-position: -450px -100px !important;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .home-secscan-icons {
    position: relative;
    top: 50px;
  }
  .hidden-xxs {
    display: none !important;
  }
  .xs-text-center {
    text-align: center !important;
  }
  .xs-text-left {
    text-align: left !important;
  }
  .xs-text-right {
    text-align: right !important;
  }
  .hidden-xs-margin-pos {
    margin: 0px !important;
    top: 0px !important;
    right: 0px !important;
  }
  .slide-onmobile {
    left: 0px;
  }
}

/*Styles for screen 550px and lower*/
@media only screen and (max-width: 550px) {
  .xxs-text-center {
    text-align: center !important;
  }
  .xxs-text-left {
    text-align: left !important;
  }
  .xxs-text-right {
    text-align: right !important;
  }
  span.overlay-seal-package1 {
    right: 100px !important;
    top: -30px !important;
  }
  .left-fix {
    position: relative;
    left: -15px;
  }
  .nav-tabs-story a {
    font-size: 12px;
  }
  .sidebar-par-stop {
    top: 0px !important;
  }
  .no-pad-x {
    padding: 24px !important;
  }
  .no-pad-y {
    padding: 0px !important;
  }
  .no-pad-r {
    padding: 0px !important;
  }
  .no-pad-l {
    padding: 0px !important;
  }
  .re-pad-r {
    padding: 0px !important;
  }
  .re-pad-l {
    padding: 0px !important;
  }
  #main-container {
    padding: 0px !important;
  }
  .slide-onmobile {
    left: -300px;
  }

  .slide-onmobile-out {
    left: 0px;
  }

  .slide-onmobile-in {
    left: -300px;
  }

  .no-pad-xxs {
    padding: 0px !important;
  }
  .cert-content2 {
    font-size: 10px;
  }
  .headcol {
    position: absolute;
    width: 8em;
    margin-left: -8em;
    border-right: 2px solid #efefef;
  }
  th,
  td {
    white-space: nowrap;
  }

  .table-wrapper {
    overflow-x: scroll;
    margin: 0 auto;
    margin-left: 100px;
  }

  #secondary-sidebar,
  #third-sidebar {
    display: none;
  }

  .divider-l {
    border-left: 0px !important;
    margin-top: 40px !important;
  }
}

/*Styles for screen 450px and lower*/
@media only screen and (max-width: 450px) {
  h1.slider-title,
  h1.slider-title2 {
    font-size: 24px !important;
  }
  span.overlay-seal3 {
    top: 20px !important;
  }
  .navigation {
    font-size: 12px !important;
  }
  span.overlay-seal-package1 {
    right: 50px !important;
    top: -40px !important;
  }
  #widgets-parallax {
    height: auto !important;
  }
}
/*Styles for screen 400px and lower*/
@media only screen and (max-width: 400px) {
  h1.slider-title,
  h1.slider-title2 {
    top: 40px !important;
  }
  .navigation {
    font-size: 10px !important;
  }
}