/* MEDIUM FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  body {
    padding: 0;
  }

  .left-side {
    display: none;
  }

  .navbar {
    padding: 30px;
  }

  .slider {
    width: 100%;
    margin-right: 0;
  }

  .slider .swiper-container .slide-inner {
    padding: 0 60px;
  }

  .works .titles {
    padding-right: 0;
  }
}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .slider .swiper-container .slide-inner {
    padding: 0 30px;
  }

  .preloader .inner .percentage {
    font-size: 50vh;
  }

  .navigation-menu .inner .side-menu {
    display: block;
  }

  .navbar .main-menu {
    display: none;
  }

  .navbar .phone {
    margin-right: auto;
  }

  .navigation-menu .inner .sides {
    display: none;
  }

  .slider .swiper-container .swiper-slide {
    width: 100%;
  }

  .slider:hover .swiper-container .swiper-slide {
    margin-left: 0;
  }

  .header .page-title h4 {
    padding-right: 0;
  }

  .titles {
    padding-right: 0;
  }

  .works ul li {
    width: 50%;
  }

  .our-awards ul li {
    width: 33%;
    float: none;
    display: inline-block;
    margin: 0 6%;
  }

  .our-awards ul li figure {
    border-right: none;
  }

  .our-awards ul li .odometer {
    margin-bottom: 40px;
  }

  .team figure {
    margin-bottom: 40px;
  }

  .logos ul li {
    width: 33.33333%;
  }

  .logos ul li:nth-child(n+10) {
    display: none;
  }

  .our-awards .titles {
    padding: 0 5%;
  }

  .post-sticky .post-content {
    padding-right: 0;
  }

  .post-sticky .post-content .post-intro {
    display: none;
  }

  .blog {
    padding-top: 100px;
  }

  .blog .sidebar {
    width: 100%;
    margin-top: 100px;
  }

  .swiper-button-next {
    display: none;
  }

  .footer .logo {
    margin-bottom: 40px;
  }

  .footer .career h2 {
    font-size: 6vw;
  }

  input[type=text] {
    border-radius: 0 !important;
    -webkit-appearance: none;
  }

  textarea {
    border-radius: 0 !important;
    -webkit-appearance: none;
  }
  .timeline-icons{ position:relative; overflow: hidden;}
  .timeline-icons:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #DCB975;
    top: 0;
    left: 50%;
  }
  .timeline-icons p{ padding: 10px; background: #303D2C; }
  .timeline-icons > div{ margin: 20px 0; }
  .navbar .hamburger-menu {
    display: block;
  }
  .history-banner .caption{ 
    position:relative;
    padding-top: 250px;
    padding-bottom: 100px;
  }
  .banner-image{ height: auto; }
  section#eco-initiatives{ min-height:unset; }
  section#eco-initiatives .slider{ height:auto; }

}
@media (min-width: 992px){
  .timeline-icons{ position:relative; overflow: hidden;}
  .timeline-icons:before {
    content: '';
    position: absolute;
    width: 90%;
    height: 2px;
    background: #DCB975;
    top: 49%;
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .home-banner.showreel {
    margin-top: 70px;
  }
  .home-banner.showreel.youtube{ height:80vh; }
  .preloader .inner .percentage {
    font-size: 30vh;
  }
  .navbar .phone {
    display: none;
  }

  .slider .swiper-container .slide-inner {
    padding: 0 30px;
  }

  .slider .swiper-container .slide-inner h2 {
    font-size: 35px;
  }

  .recent-news .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .recent-news .col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .recent-news .col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .header .page-title h2 { font-size: 14vw; }
  .works ul li { idth: 100%; }
  .works ul {
    width: 100%;
    margin: 0 !important;
  }
  .our-awards .titles { padding: 0; }
  .logos ul li { width: 50%; }
  .logos ul li:nth-child(9) { display: none;}
  .post-sticky .post-content { padding: 20px 30px; }
  .post-sticky .post-content .post-link { display: none; }
  .blog .post .post-content .post-title { font-size: 6vw; }
  .post-body .post-title { font-size: 6vw; }
  .post-navigation a:nth-child(1) {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #eee;
  }
  .post-navigation a:nth-child(2) { width: 100%; }
  .work-with-us h2 { font-size: 9vw; }
  .logos ul li figure { height: 65px; }
  .logos ul li figure img { height: 65px; }
  .about-intro h2 { font-size: 8vw; }
  .main-services .titles { padding: 0; }
  .footer{ padding: 10px 0; }
  .footer .career h2 { font-size: 9vw; }
  .footer .sub-footer ul { margin-bottom: 15px; }
  .footer .sub-footer ul, .footer .sub-footer span{ margin: 10px auto; }
  .banner .banner-image {
    height: calc(100vh + 160px);
    padding-top: 125px;
  }
  .navbar .logo a img{ height: 100px; }
  .showreel{ padding: 15px 0; background-color: #282828; }
  .collaborate-banner .banner-image {
    padding: 60px 0;
    max-height: unset;
  }
  .values-list {
    text-align: left;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column;
  }
}