@media only screen and (max-width: 800px) {
  .section-top__content.section-top__content-writers-left-section {
    display: none;
  }
}

@media only screen and (max-width: 1070px) {
  .header--outside-wrap.header-main-container
    .smaller-mobile-responsive-header {
    display: flex !important;
  }
  .header--outside-wrap.header-main-container .desktop-responsive-header {
    display: none !important;
  }

  .header--outside-wrap.header-main-container {
    height: 60px !important;
  }
  .header--outside-wrap.header-main-container .header--sticky {
    height: 60px !important;
  }
  .header--outside-wrap.header-main-container .header-main-logo-section img {
    height: 45px !important;
  }

  /* smaller menu items  */
  .smaller-mobile-bar-icons {
    display: flex;
    align-items: center;
    justify-content: left;
  }
  .smaller-mobile-bar-icons .menu-custom-bar {
    position: relative;
    height: 25px;
    width: 30px;
    margin-left: 20px;
    cursor: pointer;
  }
  .smaller-mobile-bar-icons a {
    height: 42px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ff6f6f;
    outline: none;
    cursor: pointer;
    transition: 0.2s all ease-in-out;
    color: #ff6f6f;
    border-radius: 21px;
  }
  .smaller-mobile-bar-icons a:hover {
    background-color: #ff6f6f;
    color: white;
  }
  .smaller-mobile-bar-icons .menu-custom-bar span {
    height: 3px;
    display: inline-block;
    width: 100%;
    background-color: #ff6f6f;
    position: relative;
  }
  .smaller-mobile-bar-icons .menu-custom-bar.active span {
    background-color: transparent;
  }
  .smaller-mobile-bar-icons .menu-custom-bar span:before {
    content: "";
    position: absolute;
    transition: 0.2s all ease-in-out;
    height: 3px;
    width: 100%;
    background-color: #ff6f6f;
    top: -9px;
  }
  .smaller-mobile-bar-icons .menu-custom-bar.active span:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
  }
  .smaller-mobile-bar-icons .menu-custom-bar span:after {
    content: "";
    position: absolute;
    transition: 0.2s all ease-in-out;
    height: 3px;
    width: 100%;
    background-color: #ff6f6f;
    top: 9px;
  }
  .smaller-mobile-bar-icons .menu-custom-bar.active span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
  }

  /* responsive top section  */
  @media only screen and (max-width: 1024px) {
    .section-top-dark {
      background-color: #0d2436;
    }
    .section-top-dark .circles {
      display: none;
    }
    .photo-mobile.bubbles-2 {
      display: none;
    }
    .section {
      padding: 3rem 0 !important;
    }
  }
}
@media only screen and (max-width: 985px) {
  .section.section-contact-us {
    background: #f2f6f9;
  }
}