@media only screen and (max-width: 1200px) {

  .mid_page,
  .services_text_blue,
  .services_text_white {
    background-attachment: scroll !important;
  }

  #wall_art_mid_page {
    background-position: top;
  }
}

@media only screen and (max-width: 1100px) {
  #header_content {
    max-width: 100%;
    padding: 10px 20px;
  }

  .burger_nav {
    display: block;
    height: 27px;
    width: 100%;
    cursor: pointer;
  }

  .bar1,
  .bar2,
  .bar3 {
    width: 35px;
    height: 5px;
    background-color: #0094ca;
    margin: 6px 0;
    transition: 0.5s;
    border-radius: 10px;
  }

  header nav {
    height: 100%;
    width: 35px;
    display: table-cell;
    float: none;
    vertical-align: middle;
    text-align: right;
    text-align: -webkit-right;
  }

  nav ul {
    display: none;
  }

  .home_top_nav {
    text-align: right;
    text-align: -webkit-right;
  }

  .home_top_nav .burger_nav,
  .home_menu {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    text-align: left;
    text-align: -webkit-left;
  }

  .home_top_nav .burger_nav {
    width: 50px;
  }

  .home_top_nav ul {
    display: none;
  }

  #icons {
    display: none;
  }
}

@media only screen and (max-width: 950px) {
  p {
    font-size: 18px;
  }

  #intro h2 {
    font-size: 35px;
  }

  #intro p {
    font-size: 20px;
  }

  .white_container h1 {
    font-size: 40px;
  }

  .why_container h2 {
    font-size: 30px;
  }

  .why_list li {
    font-size: 22px;
  }

  .why_list li::marker {
    font-size: 45px;
  }

  .gallery {
    width: 24%;
  }
}

@media only screen and (max-width: 880px) {

  #home,
  #myCarousel {
    height: 90vw !important;
    max-height: 100vh;
  }

  .arrows {
    bottom: 50px;
  }

  .gallery {
    width: 30%;
  }
}

@media only screen and (max-width: 790px) {
  .home_container {
    max-width: 100%;
  }

  .why_container {
    padding: 40px;
  }

  .why_list {
    display: block;
  }

  .footer-top {
    text-align: center;
  }

  .columns ul li {
    text-align: center;
  }

  .columns {
    width: 49%;
    text-align: center;
    margin-bottom: 30px;
  }

  .footer-contact {
    text-align: center;
  }

  .footer-obj {
    display: inline-table;
  }

  .footer-bottom {
    margin-top: 0;
  }

  .footer-bottom p {
    font-size: 12.5px;
  }

  #call-to-action-content {
    text-align: center;
    text-align: -webkit-center;
  }

  #call-to-action-content h1,
  #contact-btn {
    float: none;
  }

  #contact-btn {
    margin-top: 15px;
  }

  #call-to-action-content a {
    text-decoration: none;
  }
}

@media only screen and (max-width: 724px) {
  #process-container {
    padding-bottom: 0;
  }

  .process-table {
    width: 100%;
    height: 400px;
    margin-bottom: 30px;
  }

  .process-content {
    font-size: 17.5px;
  }

  .process-img {
    height: 200px;
  }

  .table-inner h3 {
    font-size: 23px;
  }

  #contact_left,
  #contact_right {
    width: 100%;
  }

  #contact_right {
    padding-left: 0;
    padding-top: 30px;
    text-align: center;
    -webkit-text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  .home_container img {
    max-width: 270px;
    width: 100%;
    padding-right: 20px;
  }

  .filter_container {
    width: 100%;
    display: block;
  }

  .filter_container span {
    width: 90%;
    text-align: left;
    -webkit-text-align: left;
  }

  .filter_container ul {
    max-height: 0;
    overflow: hidden;
    text-align: left;
    -webkit-text-align: left;
    width: 100%;
    transition: 1.3s ease-in-out;
    margin-top: 10px;
  }

  .filter_container i {
    display: inline-block;
    font-size: 25px;
    cursor: pointer;
  }

  .filter_container ul li {
    display: block;
    text-align: left;
    -webkit-stext-align: left;
  }

  .open {
    max-height: 1000px !important;
  }

  .open_i {
    transform: rotate(180deg);
  }

  .gallery {
    width: 49.5%;
  }

  #services_call_to_action_content {
    flex-wrap: wrap;
    justify-content: center;
  }

  #services_call_to_action_content h3 {
    text-align: center;
    text-align: -webkit-center;
    margin: auto;
  }

  #portfolio_btn {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 550px) {
  .why_container h2 {
    font-size: 26px;
  }

  .why_list li {
    font-size: 18px;
  }
}

@media only screen and (max-width: 499px) {
  #call-to-action-content h1 {
    font-size: 30px;
  }

  .portfolio_outer_container {
    padding: 20px;
  }

  .gallery {
    width: 45%;
  }

  .footer-bottom p {
    font-size: 14.5px
  }

  .columns {
    width: 100%;
  }

  footer .left,
  footer .right {
    float: none;
    text-align: center;
  }

  footer .right {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 450px) {
  .home_container {
    padding: 30px;
  }

  .services_text_blue {
    padding: 40px 10px;
    ;
  }

  .why_container {
    padding: 20px;
  }

  .contact_spacer {
    height: 80px;
  }
}

@media only screen and (max-height: 840px) {
  #icons a {
    transform: translateX(calc(100% - 60px))
  }

  #icons figure {
    width: 40px;
  }

  #icons img {
    max-height: 25px;
  }
}