/* -- Responsive styling
------------------------------------------- -- */
@keyframes fadeInRight {
  0% {
    display: none;
    opacity: 0;
    transform: translate(100px); }
  100% {
    display: block;
    opacity: 1;
    transform: translate(0); } }

@media (max-width: 1199px) {
  /* -- services css -- */
  .service-block {
    margin-bottom: 3rem; }
  .grid-wrapper [class*="col-"]:last-child .service-block {
    margin-bottom: 0; }
  .navbar-nav li {
    margin-left: 1.5rem; } }

@media (max-width: 991px) {
  /* -- common css -- */
  .section-gap {
    padding: 4.5rem 0; }
  br {
    display: none; }
  /* -- header css -- */
  .navbar-nav li {
    width: 100%;
    margin: 0; }
    .navbar-nav li a:not(.custom-btn) {
      padding: 1rem 0;
      border-radius: 4px; }
      .navbar-nav li a:not(.custom-btn)::after {
        display: none; }
      .navbar-nav li a:not(.custom-btn):hover, .navbar-nav li a:not(.custom-btn).active {
        background: #fff; }
  header .navbar-nav {
    background-color: #eee;
    padding: 2.1rem 1.5rem;
    text-align: center; }
  .navbar-nav li .custom-btn {
    width: 100%;
    margin: 1.8rem auto; }
  /* -- banner css -- */
  .banner {
    height: auto;
    padding-top: 13.3rem;
    padding-bottom: 3rem;
   }
  .banner .img-container {
    padding: 3rem; }
  .banner img {
    padding: 0; }

    .banner-shadow {text-shadow: 2px 2px rgba(31, 31, 31, 0.5);}

    


  /* -- achievements css -- */
  .counter-wrapper .number {
    font-size: 3rem;
    line-height: 1; }
    .counter-wrapper .numbern {
      font-size: 3rem;
      line-height: 1; }
  .counter-wrapper {
    font-size: 1.6rem;
    margin-top: 5px; }
  .counter-block .icon-container {
    margin-right: 1rem; }
  .onepage-services .floating-service-wrapper {
    transform: translateY(-60px); }
  .achievements {
    padding-bottom: 10.5rem; }
  .features-grid {
    padding-bottom: 5.2rem; }
  .features-grid img {
    max-width: 40rem;
    margin-bottom: 2.1rem; }
  .section-title {
    margin: .8rem 0 1rem; }
  .grid-wrapper {
    padding-top: 2.1rem; } }

@media (max-width: 767px) {
  body {
    font-size: 1.4rem;
    line-height: 2.6rem; }
  h1 {
    font-size: 3rem;
    line-height: 3.6rem;
    margin: .3rem 0 .7rem; }
  h2 {
    font-size: 2.4rem;
    line-height: 3.4rem; }
  h3 {
    font-size: 2rem;
    line-height: 3rem; }
  h4 {
    font-size: 1.8rem;
    line-height: 2.8rem; }
  p.larger-txt {
    font-size: 1.6rem;
    line-height: 2.6rem; }
  .navbar.scrolled {
    margin-top: 1.5rem; }
  .banner p {
    margin-bottom: 2.2rem; }
  .custom-btn {
    padding: 1rem 2rem; }
  .counter-block {
    display: block !important;
    text-align: center; }
  .counter-block .icon-container {
    margin-right: 0;
    margin-bottom: 2rem; }
    .counter-block .icon-container img {
      max-height: 4rem; }
  .counter-wrapper {
    font-size: 1.4rem;
    line-height: 2rem; }
  .counter-wrapper .number {
    font-size: 2rem; }
  .scrolled .navbar-nav {
    margin-bottom: 3rem; }
  .service-block img {
    max-height: 5rem;
    margin-bottom: 2rem; }
  .service-block h4 {
    margin-bottom: 1.2rem; }
  .features-grid img {
    max-width: 100%; }
  .hyperlink {
    font-size: 1.2rem; }
  .hyperlink::after {
    left: 0; }
  .features-content .hyperlink {
    margin-top: 1.1rem; }
  .counter-wrapper br {
    display: block; }
  .clients {
    padding: 1rem 0; }
  .img-card h4 span {
    font-size: 1.8rem;
    line-height: 2.8rem; }
  .img-card h4 {
    font-size: 1.4rem; }
  .img-card > img {
    width: 100%; }
  .pricing-block {
    border-right: none;
    border-bottom: 2px solid #e6f2ff; }
  .newsletter-form {
    text-align: center; }
    .newsletter-form input {
      margin-bottom: 1rem; }
    .newsletter-form .custom-btn {
      display: block; }
  .pricing-grid-wrapper {
    padding-left: 0;
    padding-right: 0; }
  .contact-info a:not(.custom-btn) {
    font-size: 1.4rem;
    line-height: 2.6rem; }
  .contact-info .custom-btn {
    margin-top: .6rem; }
  .page-footer {
    padding: 1.6rem 0 1.6rem; }
  .nav-tabs .nav-link {
    padding: 1rem .5rem 1.1rem; }
  .modal .modal-content {
    padding: 3rem 1.5rem 1.5rem; }
  .modal .modal-content .close {
    top: 1rem;
    right: 1rem; }
  .blog-info li:not(:last-child) {
    margin-right: 1rem; }
  .blog-info li,
  .blog-info a {
    font-size: 1.3rem; }
  .blog-info li img,
  .blog-info a img {
    max-height: 1.1rem; }
  .common-list li::after {
    top: .8rem; }
  .clients-carousel-wrapper .owl-stage .item img {
    width: 100%;
    max-width: 10rem; }
  .owl-carousel .owl-item .item {
    padding: 0 0.5rem; }
  .service-block .service-overlay {
    padding: 1rem 0; }
  .facilities > div {
    margin-bottom: 0; }
  .feature-video-popup {
    width: 6rem;
    height: 6rem; }
  .feature-video-popup::after {
    border-top-width: 5px;
    border-left-width: 10px;
    border-bottom-width: 5px;
    margin-left: 2px; }
  .full-width-modal.quote-modal .modal-content {
    padding-top: 39.5px;
    padding-bottom: 19.5px; }
  .pricing-grid-wrapper [class*="col-"]:first-child .pricing-group {
    margin-right: 0; } }

@media (max-width: 575px) {
  .onepage-services {
    padding: 0 15px; } }



    

/* ==================================================
   Margin Bottom Sets
================================================== */

.margin-0{
	margin-bottom:0 !important;
}

.margin-10{
	margin-bottom:10px !important;
}

.margin-15{
	margin-bottom:15px !important;
}

.margin-20{
	margin-bottom:20px !important;
}

.margin-30{
	margin-bottom:30px !important;
}

.margin-40{
	margin-bottom:40px !important;
}

.margin-50{
	margin-bottom:50px !important;
}

.margin-60{
	margin-bottom:60px !important;
}

.margin-70{
	margin-bottom:70px !important;
}

.margin-80{
	margin-bottom:80px !important;
}
.push-top{
	margin-top:35px;
}

/* ==================================================
   Padding Sets
================================================== */
.padding-b0{
	padding-bottom:0!important;
}

.padding-t45{
	padding-top:45px !important;
	
}

.padding-tb20{
	padding-top:20px;
	padding-bottom:20px;
}

.padding-tb35{
	padding-top:35px;
	padding-bottom:35px;
}


.padding-tb45{
	padding-top:45px !important;
	padding-bottom:45px !important;
}
.padding-tb75{
	padding-top:75px!important;
	padding-bottom:75px!important;
}
.padding-tb100{
	padding-top:100px;
	padding-bottom:100px;
}
.padding-tb125{
	padding-top:125px;
	padding-bottom:125px;
}
.padding-All5{
	padding:5px;
}

.padding-All20{
	padding:20px;
}
.padding-All35
{
	padding:35px;
}

.padding-All45{
	padding:45px;
}

.padding-All75{
	padding:75px;
}

.padding-Lr20{
	padding-left:20px;
	padding-right:20px;
}


.padding-Lr30{
	padding-left:30px;
	padding-right:30px;}

.padding-Lr45{
	padding-left:45px;
	padding-right:45px;}

.padding-Lr75{
	padding-left:75px;
	padding-right:75px;
}

.padding-L30{
	padding-left:30px;}

.padding-L45{
	padding-left:45px;}

.padding-L75{
	padding-left:75px;;
}

.padding-R30{
	padding-right:30px;}

.padding-R45{
	padding-right:45px;}

.padding-R75{
	padding-right:75px;;
}
.padding-b10{
	padding-bottom:10px;
}

.padding-b20{
	padding-bottom:20px;
}
.padding-b35{
	padding-bottom:35px;
}
.padding-b45{
	padding-bottom:45px;
}