body {
  /* background: red; */
}

.container {
  padding-right: 15px;
  padding-left: 15px;
}

[class*="col-"] {
  margin-bottom: 30px;
}

/* Headre Css */
header .navbar-collapse.collapse.show {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 35px;
}

header #mega-menu-wrap-header .mega-menu-toggle {
  height: 0;
  margin-bottom: 60px;
}
.mega-menu-item-has-children > ul.mega-sub-menu {
  margin-top: 0px !important;
  padding: 0px 55px !important;
}
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-blocks-left,
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-blocks-center,
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-blocks-right {
  width: 100%;
}

/* Background Color */
.header-redbg {
  max-height: 600px;
}

/* Home Banner Css */
.home-slider .slick-slide .slider-template .slider-text h3,
.parallax .inner h1.section-title {
  font-size: 48px;
  font-weight: 400;
}

.home-slider
  .slick-slide.slick-current.slick-active
  .slider-template
  .slider-text
  h5 {
  font-size: 28px;
  font-weight: 300;
}

.light-wrapper .row {
  margin: 0;
}

/* About Page */
.about-intro_image span.learning-management_image img {
  max-width: 100%;
}

.our-process .process-title {
  text-align: center;
}

/* Our Work Css */
.our-work .slide-m-dots {
  width: 35%;
}
.our-work .project-images .Phone-img {
  width: 160px;
}

/* .industries_serve Css  */

.industries_serve .row {
  margin: 0;
}

/* image-block-wrapper Css */
.image-block-wrapper .image-block,
.google-map.full {
  position: relative;
  height: 400px;
}

.image-block-wrapper .image-block .image-block-bg {
  background-size: cover !important;
  height: 100%;
}

.image-block-wrapper .image-block {
  margin-bottom: 160px;
}

/* -- Page Not Found -- */

/* Footer Css */

.widget .unordered-list.pointer {
  margin-left: 9px !important;
}

.widget .unordered-list.pointer:last-child {
  margin-left: 2px !important;
}

.widget-pointer {
  text-align: left !important;
}

.about-intro_image span.enterprise-solutions_image img {
  max-width: 100%;
}

.wrapper.service-detail:before {
  top: 30%;
  height: 40%;
}

.wrapper.service-detail:after {
  top: 75%;
  height: 40%;
}

#portfolio .fancybox {
  height: auto;
}

#portfolio .fancybox a {
  width: 48%;
}

/* All Media For responsive Layout*/

/* Maximum Media */
/* Maximum Layout Width is 1300px  */

.site-header .navbar .flex-it {
  margin: auto 30px;
}

@media screen and (max-width: 767px) {
  .contact-address {
    margin-left: 0px;
  }

  .single-portfolio-slider .slick-prev {
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .single-portfolio-slider .slick-next {
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .single-portfolio-slider .slick-prev::before {
    font-size: 3rem;
  }

  .single-portfolio-slider .slick-next::before {
    font-size: 3rem;
  }

  .custom-logo-link img {
    height: 70px;
  }

  header #mega-menu-wrap-header .mega-menu-toggle {
    height: 0;
    margin-bottom: 45px;
  }
  .mega-menu-item-has-children > ul.mega-sub-menu {
    margin-top: 0 !important;
    padding: 0 15px !important;
  }
  .our-work .project-images .Phone-img {
    width: 130px;
  }

  .isotope .item {
    width: 100%;
  }
  .portfolioback .portfolio .tiles-l .item a .overlay {
    margin: 0;
  }

  .timeline-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    width: 100%;
  }
  .timeline-icon {
    position: relative;
    width: 15%;
    justify-content: flex-start;
    left: 1%;
  }
  .timeline-content {
    width: 80%;
  }

  .box-arrow:after {
    left: -10px;
    right: auto !important;
    border-right: 10px solid #fff;
    border-left: 0px solid #fff0 !important;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }

  .timeline-block:before,
  .timeline-block:after {
    position: absolute;
    display: unset;
  }

  .isotope .item {
    width: 100%;
  }

  .row.flex-middle {
    display: block;
  }

  [class*="col-"].text-right {
    text-align: left;
  }

  /* timeline Css */
  .timeline:before {
    left: 40px;
  }

  /* .timeline-icon {
        left: 40px;
    } */

  .timeline-block {
    margin: 0;
    width: 100%;
  }

  .timeline-content,
  .timeline.dot .timeline-content {
    float: none;
    width: 85%;
  }

  .timeline .box-arrow.right:after {
    left: -10px;
    right: auto;
    border-right: 10px solid #fff;
    border-left: transparent;
  }

  .ftr-hig {
    min-height: 310px;
  }

  .home-slider .slick-slide .slider-template .slider-text h3,
  .parallax .inner h1.section-title {
    font-size: 42px;
  }

  .home-slider
    .slick-slide.slick-current.slick-active
    .slider-template
    .slider-text
    h5 {
    font-size: 28px;
  }

  .home-slider .slider-template .slider-text {
    left: 80px;
    right: 80px;
  }

  .jobs {
    margin: 45px 0;
  }
}

@media screen and (max-width: 669px) {
  .home-slider .slick-slide .slider-template .slider-text h3,
  .parallax .inner h1.section-title {
    font-size: 39px;
  }

  .home-slider
    .slick-slide.slick-current.slick-active
    .slider-template
    .slider-text
    h5 {
    font-size: 24px;
  }

  .parallax.inverse-text.custom-parall {
    height: 360px;
  }

  .parallax .inner p {
    font-size: 18px;
    line-height: 32px;
  }
  .pagenotfound-search .search-form {
    width: 80%;
  }

  .wrapper.light-wrapper .row .feature-box {
    min-height: unset;
  }
}

@media (max-width: 651px) {
  .our-work .slick-prev.slick-arrow {
    left: 32%;
  }

  .our-work .slick-next.slick-arrow {
    right: 32%;
  }
  .timeline:before {
    left: 36px !important;
  }

  .timeline-icon {
    margin-right: 3%;
  }

  .header-redbg .inner h1.section-title {
    line-height: 60px;
    margin-bottom: 35px;
    font-size: 48px;
  }

  .header-redbg .inner p {
    font-size: 23px;
    line-height: 30px;
  }
}

@media screen and (max-width: 569px) {
  .home-slider .slick-slide .slider-template .slider-text h3,
  .parallax .inner h1.section-title {
    font-size: 37px;
    line-height: 42px;
  }

  .home-slider
    .slick-slide.slick-current.slick-active
    .slider-template
    .slider-text
    h5 {
    font-size: 20px;
  }

  .slick-dots li,
  .our-work .slick-dots button {
    height: 15px;
    width: 15px;
  }

  .image-block-wrapper .image-block {
    height: 350px;
  }

  .image-block-wrapper .image-block span.about-right-icon {
    width: 225px;
    height: 225px;
  }

  .image-block-wrapper {
    padding-bottom: 0;
  }

  .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  .our-work .project-images .Phone-img {
    width: 75px;
    left: 25px;
  }

  .timeline-icon {
    margin-right: 5% !important;
  }

  .image-block-wrapper .image-block {
    margin-bottom: 125px;
  }

  .about-intro_image span.enterprise-solutions_image {
    left: 0;
  }

  .industries_serve:before {
    width: 131px;
    height: 460px;
    top: -232px;
  }
  #portfolio .fancybox a {
    width: 100%;
  }
}

@media screen and (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 100%;
  }
}

@media screen and (max-width: 469px) {
  .home-slider .slick-slide .slider-template .slider-text h3,
  .parallax .inner h1.section-title {
    font-size: 32px;
  }

  .our-work .slick-prev.slick-arrow {
    left: 30%;
  }

  .our-work .slick-next.slick-arrow {
    right: 30%;
  }

  .header-redbg .inner h1.section-title {
    line-height: 55px;
    margin-bottom: 31px;
    font-size: 40px;
  }
  .header-redbg .inner p {
    font-size: 20px;
    line-height: 28px;
  }

  /* [class*="col-"] {
        margin-bottom: 5px;
    } */
}

@media screen and (max-width: 450px) {
  .home-slider .slick-slide .slider-template .slider-text h3,
  .parallax .inner h1.section-title {
    font-size: 32px;
  }
  .about-intro_image .our_experience {
    left: 60%;
  }

  .timeline-icon {
    width: 22% !important;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 400px) {
  .about-intro_image .our_experience {
    left: 50%;
  }
  #mega-menu-wrap-header
    .mega-menu-toggle
    .mega-toggle-block-1
    .mega-toggle-animated-box {
    width: unset;
  }
}

@media (max-width: 370px) {
  .our-work .project-images .Phone-img {
    width: 55px;
  }

  .about-intro_image .our_experience {
    width: 145px;
    height: 145px;
  }
  .site-header .navbar .flex-it {
    margin: auto 10px;
  }
}