@media all and (max-width: 1199px){
    .header_links {
        display: none;
    }

    .top_header_section .row {
        flex-wrap: wrap;
        padding: 20px 0 0;
    }

    .top_header_section .row > div {
        flex: 100%;
    }

    .header_logo img {
        max-width: 250px;
    }

    button.navbar-toggler {
        position: absolute;
        top: calc(50% - 20px);
        right: 30px;
        width: 30px;
        padding: 0;
        z-index: 10000;
    }

    body{
        padding-top: 60px;
    }
    .top_header_section {
        position: fixed;
    }

  span.navbar-toggler-bar {
      background: #000;
      width: 100%;
      height: 2px;
      display: block;
      margin: 8px 0;
  }

  nav.navbar ul {
      width: 100%;
  }

  div#heade-main-menu {
      width: 100%;
  }

  .navbar_inner {
      width: 100%;
      background: #61b0bc;
      margin-top: 20px;
  }

  nav.navbar ul li a {
      text-align: center;
      padding: 10px 0 !important;
      border-bottom: 1px solid #eaeaea;
  }

  nav.navbar ul li a:hover {
      background: #8cc540;
  }

}
@media all and (max-width: 767px){
  
  body.page-template-template-home .header_content_inner {
      padding: 60px 40px;
  }

  .header_content_inner h2 {
      font-size: 25px;
  }

  h2 {
      font-size: 25px;
  }

  .home_about_section_inner {
      padding: 60px 0;
  }

  .content_block_wrap .content_block_image {
      order: 1;
      padding: 150px 0;
  }

  .content_block_wrap .content_block_content {
      order: 2;
  }

  .content_block_content_inner {
      text-align: center !important;
      padding: 60px 0;
  }

  .home_location_section {
      padding: 15px 0;
  }

  .home_location_section_box_inner {
      padding: 60px 20px;
  }
  .footer_col_logo .col-md-4 {
      width: 35%;
  }

  .footer_col_logo .col-md-8 {
      width: 65%;
      padding-left: 0;
  }

  .footer_info {
      font-size: 10px;
  }

  .footer_info_row {
      padding-left: 17px;
  }

  .footer_info_row::before {
      width: 9px;
      height: 15px;
  }

  .footer_col_logo {
      margin-bottom: 20px;
      order: 1;
  }

  .footer {
      padding: 20px 0;
  }

  .footer_col_links {
      order: 3;
  }

  .footer_col_images {
      order: 2;
      margin-bottom: 20px;
  }

  .footer_imgs {
      text-align: center;
  }

  .footer_links_col {
      font-size: 10px;
      float: left;
  }
  .header_content_inner {
      padding: 90px 0;
  }
  .floorplan_filter_inner a {
      margin-bottom: 10px;
  }

  .floorplan_images_container {
      margin-bottom: 40px;
  }

  .floorplan_contents {
      text-align: center;
  }

  .floorplan_contents h4 {
      margin-bottom: 30px;
  }
  .amenities_icons .col-md-4 {
      width: 33.33333%;
  }

  .amenities_icon_image img {
      width: 100%;
  }

  .amenities_icon_text {
      font-size: 14px;
  }

  .content_block_content_inner ul {
      display: inline-block;
      text-align: left;
      margin: 0 auto;
  }
  .commercial_active_project_item {
      width: 100%;
      float: none;
  }
  .commercial_active_project_item_inner {
      padding: 100px 20px;
  }
  .commercial_active_project_item:nth-child(1) .commercial_active_project_item_inner, .commercial_active_project_item:nth-child(3) .commercial_active_project_item_inner {
      background: rgba(2, 42, 82, 0.75);
  }

  .news_block_item {
      width: 100%;
      float: none;
  }

  .news_block_item_inner {
      padding: 50px 40px;
  }
  .residents_links {
      padding-bottom: 0;
  }
  .header_content_inner h2, .header_content_inner h1 {
      font-size: 34px;
  }

  .about-section {
      width: 100%;
  }

  .home_location_section {
      padding-bottom: 40px;
  }

  .pre_footer_contact_form {
      padding: 40px 0px 20px 0px;
  }

  .footer_col_logo .col-md-4 {
      margin: 0 auto;
  }
  .modal_form {
      width: 100%;
  }
  .main {
      overflow: hidden;
  }
  .header_logo img {
      max-width: 120px;
  }

  .top_header_section .col-md-7 {}

  .navbar_inner {
      margin: 0;
  }

  button.navbar-toggler {
      top: -55px;
  }

  body {
      padding-top: 26px;
  }
  .floorplan_filter_inner a {
      font-size: 12px;
      display: block;
  }

  .floorplan_image {
      padding: 0;
  }

  .floorplan_addtional_images ul li a {
      width: 50px;
      height: 50px;
  }

  .floorplan_contents h2 {
      font-size: 25px;
  }
  .gallery_section_title {
      font-size: 30px;
  }

  .gallery_section_item .col-md-3 {
      width: 50%;
  }
  .pre_footer_logo {
      text-align: center;
  }

  .pre_footer_logo img {
      max-width: 150px;
  }
}
