*:not(a), *:before:not(a:before), *:after:not(a:after) {
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in;
}

@media only screen and (min-width: 480px) {
  section.banner {
    display: block;
  }

  .quick-contact {
    width: 300px;
  }
}
@media only screen and (min-width: 640px) {
  .main-title {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .slide-body .caption {
    font: 100 44px "Roboto";
    display: block;
    border-right: 10px solid #ed1d24;
    text-transform: capitalize;
    color: #1c1c1c;
    padding-right: 15px;
  }
  .slide-body .caption i {
    display: block;
    text-align: right;
    font-style: normal;
  }
  .slide-body .caption strong {
    font: 700 44px "Roboto";
    text-transform: uppercase;
  }

  .quick-contact {
    position: absolute;
    right: 15px;
    top: -10px;
    margin-top: 0;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .mobile-menu-icon {
    top: 45px;
  }

  .collapse-cnt p b { display: inline; }
}
@media only screen and (min-width: 991px) {
    
  .tabs-container .tabs span.active:after {
    display: none;
  }
  .tabs-container .tabs span {
    background: #2f2c28;
    padding: 16px 30px;
    display: inline-block;
    float: left;
    border-right: 1px solid #fff;
  }
  .tabs-container .tabs span:last-child {
    border-right: none;
  }

  .phablet, .slider-control {
    display: block;
  }

  .copyright span {
    padding-top: 0;
    text-align: right;
  }

  .social {
    text-align: left;
  }

  .redbg { margin-bottom: 20px; }
  .redbg h2 { padding: 35px 0px 36px 26%; text-align: left !important;  }
  .redbg.mission h2 { padding: 59px 0px 60px 26%; }
  .dark p { padding: 35px;  text-align: left !important; } 

  .ofr .round { border-radius: 50%; padding: 60px 13px; font-size: 14px; text-transform: uppercase; font-weight: 400; color: #fff; background-color: #302f2f; position: absolute; top: -70px; left: 0; }
  .ofr#ofr1 .round{ padding: 60px 21px; }
  .ofr#ofr2 .round{ padding: 60px 21px; }
  .offer-cntr { margin-top: 85px; float: left; width: 100%; }
  .ofr { border-top:1px solid #000; border-bottom:1px solid #000; }
  .ofr p { margin-top: 85px; line-height: 20px; margin-bottom: 20px; }

}
@media only screen and (min-width: 1024px) {
  a:hover, input[type="submit"]:hover {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
  }

  .mobile-menu-icon {
    display: none;
  }

  .quick-contact {
    top: 0;
  }

  header {
    padding-top: 0;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 100%;
    height: 90px;
    z-index: 2000;
  }
  header .container {
    position: relative;
  }

  .logo {
    position: relative;
  }
  .logo img {
    position: absolute;
    top: 15px;
    left: 15px;
  }

  .desktop-menu-container {
    position: relative;
    height: 90px;
  }

  .desktop-menu {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 15px;
  }
  .desktop-menu a {
    font: 400 16px "Roboto";
    display: inline-block;
    text-transform: uppercase;
    color: #231f20;
    margin: 0 15px;
    padding: 10px;
    position: relative;
    z-index: 10;
  }
  .desktop-menu a:first-child {
    margin-left: 0;
  }
  .desktop-menu a:last-child {
    margin-right: 0;
  }
  .desktop-menu a.active {
    color: #ed1d24;
  }
  .desktop-menu a i {
    background: rgba(28, 28, 28, 0.85);
    position: absolute;
  }
  .desktop-menu a .smudge {
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(28, 28, 28, 0.85);
    z-index: -1;
  }
  .desktop-menu a .top, .desktop-menu a .bottom {
    width: 0;
    height: 1px;
  }
  .desktop-menu a .left, .desktop-menu a .right {
    height: 0;
    width: 1px;
  }
  .desktop-menu a .top {
    left: 0;
    top: 0;
  }
  .desktop-menu a .bottom {
    right: 0;
    bottom: 0;
  }
  .desktop-menu a .right {
    right: 0;
    top: 0;
  }
  .desktop-menu a .left {
    left: 0;
    bottom: 0;
  }

  .slide-body .caption {
    font: 100 72px "Roboto";
  }
  .slide-body .caption strong {
    font: 700 72px "Roboto";
  }

  .see-more {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
  }
  .see-more:after {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
  }
  .see-more:hover {
    background: #231f20;
    color: #fff;
  }
  .see-more:hover:after {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
    right: -20px;
  }

  .social a {
    backface-visibility: hidden;
  }
  .social a:hover {
    transform: rotate(360deg);
    color: #ed1d24;
  }

  #our-clients img:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
  }

  .copyright a {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
    position: relative;
    display: inline-block;
    padding: 2px 0;
  }
  .copyright a:before, .copyright a:after {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
    content: "";
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
  }
  .copyright a:before {
    top: 0;
    left: 0;
  }
  .copyright a:after {
    right: 0;
    bottom: 0;
  }
  .copyright a:hover {
    color: #ed1d24;
  }
  .copyright a:hover:before, .copyright a:hover:after {
    width: 100%;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
  }

  .mobile {
    display: none;
  }

  .desktop {
    display: block;
  }

  section.services {
    background: url(../images/service-bg.jpg) no-repeat;
    background-size: cover;
  }

  .totop {
    position: fixed;
    right: 30px;
    bottom: 68px;
    text-align: center;
    z-index: 500;
  }
  .totop i {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
    font-size: 2em;
    color: #d2ae6d;
    opacity: 1;
    cursor: pointer;
  }
  .totop i:hover {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
    opacity: 1;
  }  
  
}
@media only screen and (min-width: 1200px) {
  .tabs-container .tabs-desc {
    position: relative;
  }
  .tabs-container .tabs-desc img {
    display: block;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
  }
  .tabs-container .tabs-desc p {
    padding-right: 310px;
  }

  .owl-relative {
    width: 100%;
    position: relative;
  }
  .owl-relative #our-clients {
    padding: 0 45px;
  }
  .owl-relative .customNavigation {
    display: block;
  }
  .owl-relative .customNavigation a {
    position: absolute;
  }
  .owl-relative .customNavigation .owl-prev, .owl-relative .customNavigation .owl-next {
    top: 50%;
    margin-top: -10px;
  }
  .owl-relative .customNavigation .owl-prev {
    left: 0;
  }
  .owl-relative .customNavigation .owl-next {
    right: 0;
  }    

  .redbg h2 { font-size: 30px; padding: 30px 0px 30px 26%;  }
  .redbg.mission h2 { padding: 54px 0px 54px 26%; }
  .dark p { padding: 35px; font-size: 20px;  } 

}

/*# sourceMappingURL=responsive.css.map */