/* Responsive area */
@media screen and (min-width: 1600px) {
  .header-style-seven:before {
    width: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .site-main-banner-section{
    padding: 200px 0 200px;
  }
  .site-main-banner-section .home-banner .banner-main-text{
    font-size: 90px;
  }
  .booking-form{
    margin-top: -110px;
  }
}
@media screen and (max-width: 1600px) {
  .site-lan-header-btn-grp a {
    font-size: 14px;
    margin-left: 15px;
    padding: 15px 25px 13px;
  }

  .site-header-section.landing-header {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .site-lan-header-btn-grp a {
    padding: 10px 12px;
  }
  .site-lan-header-btn-grp a:last-child {
    display: none;
  }

  .site-header-section.landing-header .site-main-navigation li {
    margin: 0px 15px;
  }
}
@media screen and (max-width: 991px) {
  .site-header-section.landing-header .site-main-navigation {
    display: none;
  }

  .site-header-section.landing-header .brand-logo {
    top: 50%;
    left: 55px;
    width: 120px;
    right: auto;
    margin: 0 auto;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .site-header-section.landing-header .mobile_menu_button {
    top: -30px;
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .site-header-section.landing-header {
    position: relative;
  }
}

@media screen and (max-width: 1600px) {
  .site-header-section {
    padding: 20px 50px;
  }
}


@media screen and (max-width: 1200px) {
  .site-header-section {
    padding: 20px 15px;
  }

  .site-main-navigation li {
    margin: 0px 20px;
  }
  .site-header-section.sticky-on {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 1200px) {
  .header-style-seven:before{
    width: 65%;
  }
}

@media screen and (max-width: 1024px) {
  .site-main-navigation li {
    margin: 0px 15px;
  }

  .site-header-section .brand-logo {
    width: 150px;
  }

  
}
@media screen and (max-width: 991px) {
  .site-main-banner-section{
    background-image: url(../images/background/main-banner-mobile.jpg);
    background-position: center;
  }
  .site-main-navigation-area {
    display: none;
  }

  .site-header-section .brand-logo {
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .site-header-section .site-header-content {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: end !important;
  }

  .site-header-section.sticky-on {
    padding: 25px 15px;
  }

  .site-header-section {
    padding: 25px 15px;
  }

  .mobile_menu_button {
    display: block;
  }

  .header-style-seven:before {
    display: none;
  }

  .header-style-seven .site-header-btn a {
    padding: 15px 20px;
  }

  /*.site-header-section.header-style-seven.sticky-on {
    padding: 15px;
  }*/
  .site-header-section.header-style-seven.sticky-on .mobile_menu_button {
    top: -30px;
  }

  .site-header-section.header-style-seven .mobile_menu_button {
    top: -13px;
    color: #000;
  }
}
@media screen and (max-width: 850px) {
  
}
@media screen and (max-width: 767px) {
  
}
@media screen and (max-width: 680px) {
  
}
@media screen and (max-width: 480px) {
  
}
@media screen and (max-width: 380px) {
  .site-slider-text h1 {
    font-size: 45px;
    line-height: 50px;
  }

  .site-project-item-1 .site-project-link a {
    font-size: 30px;
  }

  .site-section-title-1 h2 {
    font-size: 30px;
  }

  .integration-item:nth-child(even) .integration-img {
    height: 140px;
  }

  .site-banner-text-wrap-7 h1:after {
    display: none;
  }
}
/*---------------------------------------------------- */
/*Responsive area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1024px) {
  
}
@media screen and (max-width: 991px) {
  .site-header-section.agency-header .brand-logo {
    margin: 0;
    position: static;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .site-header-section.agency-header.sticky-on {
    padding: 0;
  }

  .site-main-navigation-area {
    display: none;
  }


  .site-header-section.agency-header .site-agency-header-top {
    display: none !important;
  }

  .site-header-section.agency-header .mobile_menu_button {
    top: -60px;
    left: auto;
    right: 15px;
    color: #000;
    display: block;
  }
}
@media screen and (max-width: 680px) {
 
}
@media screen and (max-width: 480px) {
  .site-header-section.agency-header .site-agency-header-main-menu-wrap {
    padding: 10px 0px;
  }

  .site-header-section.agency-header .brand-logo {
    width: 120px;
  }

  .site-header-section.agency-header .mobile_menu_button {
    top: -48px;
  }

  
}
/*---------------------------------------------------- */