.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

@media (max-width: 1600px) {
  body.boxed-v #wrapper {
    max-width: 95%; } }

@media (max-width: 1500px) {
  body.boxed-v #wrapper {
    max-width: 100%; } }

@media (min-width: 1024px) {
  #header .nav-opener {
    display: none; } }

@media (max-width: 1199px) {
  .main-slider .slide:after {
    min-height: 750px; }
  .main-slider .slide h1 {
    line-height: 50px; }
  .main-slider .slick-prev {
    left: 70px; }
  .main-slider .slick-next {
    right: 70px; }
  .counter-holder .icon {
    width: 25%;
    padding: 19px 0 0 38px; }
  .counter-holder .txt-holder {
    width: 75%; }
  .quote-form {
    padding: 74px 50px; }
  .testimonail-sec {
    min-height: 460px; }
  .service-sec.service2 .txt-holder {
    padding: 0 11px; }
  .blog-slider .slick-prev {
    left: -39px; }
  .blog-slider .slick-next {
    right: -39px; } }

@media (max-width: 1023px) {
  .logo {
    font-size: 26px; }
  #nav ul > li {
    margin: 0 0 0 28px; }
  .main-slider .slide:after {
    min-height: 690px; }
  .main-slider .slick-prev {
    left: 30px; }
  .main-slider .slick-next {
    right: 30px; }
  .tracking-sec {
    margin-top: 0;
    margin-bottom: 0; }
    .tracking-sec .track-holder {
      padding: 56px 30px;
      min-height: 388px;
      margin: 0; }
  .news-sec {
    padding-top: 70px; }
    .news-sec .img-icon {
      top: 0; }
    .news-sec .news-block {
      margin: 0 0 50px; }
  .call-to-action .btn-primary {
    margin: 8px 0 0; }
  .contact-sec {
    padding-top: 70px;
    padding-bottom: 70px; }
  .quote-form {
    padding: 60px 30px; }
  .service-sec.service2 .service-holder {
    padding: 25px 21px; }
  .service-sec.service2 .txt-holder {
    padding: 0; }
  .service-sec.service2 .heading {
    font-size: 27px; }
  .blog-slider .slide .heading2 {
    font-size: 17px; }
  .blog-slider .slick-prev {
    left: -25px; }
  .blog-slider .slick-next {
    right: -23px; }
  #footer .footer-holder {
    padding-top: 70px;
    padding-bottom: 70px; }
  #footer .f-nav {
    margin: 0 0 40px; } }

@media (max-width: 767px) {
  img {
    width: 100%; }
  #header {
    position: relative; }
    #header .align-left {
      float: none;
      margin: 0 0 10px; }
    #header .socail-network {
      text-align: right; }
  #nav {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    opacity: 0;
    text-align: left;
    visibility: hidden;
    background: #fff;
    z-index: 2000;
    padding: 30px 15px 15px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; }
    #nav ul > li {
      display: block;
      margin: 0 0 15px; }
      #nav ul > li:hover {
        padding-bottom: 0;
        margin-bottom: 15px; }
    #nav .drop-down {
      left: 0;
      top: 20px;
      min-width: 100%; }
  .main-slider.slider2 .slide {
    padding: 100px 0 0; }
  .main-slider .slide:after {
    min-height: 470px; }
  .main-slider .slide h1 {
    font-size: 33px;
    line-height: 43px;
    margin: 0 0 20px; }
  .main-slider .slide .sub-title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 44px; }
  .main-slider .slick-prev {
    left: 0; }
    .main-slider .slick-prev:before {
      font-size: 14px; }
  .main-slider .slick-next {
    right: 0; }
    .main-slider .slick-next:before {
      font-size: 14px; }
  .service-sec {
    padding-top: 60px;
    padding-bottom: 30px; }
    .service-sec.service2 {
      margin-top: 0;
      padding-top: 60px; }
      .service-sec.service2 .service-holder {
        margin: 0 0 30px; }
    .service-sec .heading {
      margin: 0 0 38px; }
    .service-sec .txt-holder {
      margin: 0 0 30px; }
  .tracking-sec .style2 {
    padding-bottom: 0; }
  .tracking-sec .txt-holder {
    padding: 60px 0 40px; }
  .news-sec {
    padding-top: 60px;
    padding-bottom: 20px; }
    .news-sec .news-block {
      margin: 0 0 40px; }
      .news-sec .news-block .img-holder {
        width: 100%;
        margin: 0 0 20px;
        float: none; }
      .news-sec .news-block .txt-holder {
        width: 100%;
        float: none;
        padding: 0; }
  .heading {
    margin: 0 0 40px; }
  .call-to-action h2 {
    font-size: 20px; }
  .call-to-action span {
    font-size: 15px;
    margin: 0 0 15px; }
  .call-to-action .btn-primary {
    float: none; }
  .counter-holder {
    padding: 60px 0 20px; }
    .counter-holder .icon {
      padding: 19px 0 0; }
    .counter-holder .counter-block {
      margin: 0 0 40px; }
    .counter-holder .counter {
      font-size: 40px; }
    .counter-holder .sub-title {
      font-size: 16px; }
  .contact-sec {
    padding-top: 60px;
    padding-bottom: 20px; }
    .contact-sec.style2 {
      padding-top: 60px;
      padding-bottom: 100px; }
    .contact-sec .contact-list {
      padding: 50px 0 0; }
  .contact-list.contact2 li {
    width: 100%;
    float: none;
    margin: 0 0 30px; }
  .contact-list li {
    margin: 0 0 40px; }
  .contact-list .icon {
    width: 24%; }
  .contact-list .txt-holder {
    width: 76%; }
  .quote-form {
    padding: 50px 20px; }
    .quote-form h2 {
      font-size: 18px; }
    .quote-form .col {
      width: 100%;
      float: none;
      padding: 0; }
      .quote-form .col:first-child {
        padding: 0; }
  .testimonail-sec {
    padding: 60px 0; }
  .client-sec .client-logo li {
    width: 170px; }
  .client-sec .client-logo img {
    width: auto; }
  .about-sec {
    padding: 60px 0; }
    .about-sec .progress-bar {
      padding: 13px 0 0; }
    .about-sec .txt-holder {
      padding: 20px 0 0; }
  .blog-slider .slick-prev {
    left: -19px; }
  .blog-slider .slick-next {
    right: -15px; }
  #footer .footer-holder {
    padding-top: 60px;
    padding-bottom: 60px; }
  #footer .socail-network {
    margin: 0 0 30px; }
  #footer .mar {
    padding: 0; }
  #footer .f-nav {
    padding: 0;
    margin: 0 0 30px; }
  #footer .contactlist {
    margin: 0 0 30px; } }
@media only screen and (max-width: 480px) {
    #footer.bg-full {
        overflow: unset;
    }
}