@media only screen and (min-width: 320px) and (max-width: 349px) {
  .new_container {
    width: 300px;
  }

  .hide_small_mobile {
    display: none;
  }

  .small_mobile {
    display: inline;
  }

  h1 {
    font-size: 32px;
  }

  #logo,
  #responsive_nav_icon {
    height: 60px;
  }

  #header_nav {
    top: 132px;
  }

  #home_slideshow,
  #home_slideshow img {
    width: 300px !important;
    height: 196px !important;
  }

  #home_banner {
    height: 663px;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 280px !important;
    height: 285px !important;
  }

  .portfolio_icon {
    width: 46px;
  }

  .portfolio_slideshow,
  .portfolio_slideshow img {
    width: 290px !important;
    height: 273px !important;
  }

  .accordion_side_arrow,
  .accordion_down_arrow {
    width: 30px;
    height: 30px;
  }

  #contact_container {
    padding-top: 20px;
  }

  #contact_container .left div:first-child {
    padding-left: 63px;
    padding-right: 50px;
  }

  #contact_container .left div:last-child {
    height: 379px;

    padding-top: 51px;
    padding-right: 61px;
    padding-left: 48px;
    margin-top: 70px;
  }

  #contact_container .right h2 {
    margin-top: 10px;
  }

  #contact_container p {
    margin-bottom: 10px;
  }

  #contact_container .left h2 {
    margin-bottom: 10px;
  }

  #home_video {
    height: 171px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 399px) {
  h2 {
    font-size: 23px;
  }

  h3 {
    font-size: 19px;
  }

  #home_banner p {
    font-size: 16px;
  }

  p,
  #home_info p {
    font-size: 15px;
  }

  .boxes button {
    padding: 10px;
  }

  #home_quarter_boxes div {
    padding-bottom: 42px;
  }

  .hosting_switch_button {
    margin: 0 20px;
  }

  #hosting_maintenance_pricing_selection_container {
    height: 255px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 449px) {
  #responsive_nav_icon {
    margin: 10px 0;
  }

  h2 {
    font-size: 26px;
  }

  #home_banner h3 {
    font-size: 20px;
  }

  #footer_contact_form {
    display: block;
  }

  #footer_contact_form input {
    margin-bottom: 10px;

    text-align: center;
  }

  .display_inline_container p,
  .display_inline_container img {
    padding: 0;
  }

  h4,
  .highlighted_text {
    font-size: 16px;
  }

  #accordion_box_container h3 {
    padding: 10px 50px;
  }

  #accordion_box_container > div {
    padding: 15px;
  }

  #hosting_maintenance_pricing_container > div > div:nth-child(2) {
    padding-top: 68px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 499px) {
  #header_nav li {
    font-size: 14px;
  }

  #footer_contact_form input {
    width: 251px;
  }

  .quarter_boxes div {
    width: 100%;

    margin-left: 0;
    margin-top: 20px;
  }

  .quarter_boxes div:first-child,
  #main_footer .quarter_boxes div:nth-child(2) {
    margin-top: 0;
  }

  #home_quarter_boxes button {
    right: 0;

    width: 50%;

    margin-left: auto;
    margin-right: auto;
  }

  #web_application_how_works_container img,
  #hosting_plan_includes_container > div {
    width: 100%;
    padding: 0;
  }

  #add_on_list_container ul:first-child {
    padding-right: 0px;
  }

  #add_on_list_container ul:last-child {
    padding-left: 40px;
  }

  #contact_container {
    background-image: url("../images/backgrounds/contact_notepad320.jpg");

    margin-top: 0px;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #contact_container h2 {
    margin-top: 20px;
  }

  #contact_container .left div:last-child {
    background-image: url("../images/backgrounds/contact_notepad320_right.jpg");
    background-repeat: no-repeat;
    background-size: cover;

    box-sizing: border-box;
  }

  #contact_form button {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 549px) {
  .third_boxes div,
  #testimonial_slideshow,
  #process_timeline_container,
  #accordion_box_container,
  #web_application_examples_container,
  #why_web_application_container p:last-of-type,
  #why_web_application_container p:last-of-type,
  #web_application_how_works_container,
  .text_container p:last-child,
  #why_mobile_app_container,
  #social_media_brands_image,
  #add_on_list_container li,
  #hosting_maintenance_pricing_container > div > div,
  #web_application_examples_container img {
    margin-bottom: 20px;
  }

  #home_video,
  .quarter_boxes div:nth-child(3),
  .quarter_boxes div:nth-child(4),
  #accordion_box_container,
  #web_application_examples_container {
    margin-top: 20px;
  }

  h1,
  h2,
  .title_container h4,
  .boxes,
  #home_banner h1,
  #home_banner h3 {
    margin: 20px 0;
  }

  #home_slideshow {
    bottom: 10px;
  }

  #footer_contact_container {
    padding-bottom: 20px !important;
  }

  #main_footer .quarter_boxes > div {
    width: 100%;

    margin-left: 0;
  }

  #main_footer h5 {
    text-align: center;
  }

  #footer_accredited img {
    width: 233px;
  }

  #footer_portfolio p {
    width: 100%;

    display: block;

    margin-bottom: 0;
    margin-top: 10px;
  }

  #social_media_icons_container,
  #footer_portfolio > div,
  #footer_accredited img {
    margin-right: auto;
    margin-left: auto;

    display: block;
  }

  #social_media_icons_container {
    width: 153px;
  }

  #footer_portfolio > div {
    width: 234px;
  }

  #offered_services_container div {
    width: 49%;
  }

  #offered_services_container div {
    padding-bottom: 0px;
  }

  #offered_services_container p {
    margin-top: 10px;
  }

  .icons_text_container .image_text_container img {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .icons_text_container .image_text_container > div {
    float: none;

    width: 100%;
  }

  .icons_text_container .image_text_container h4,
  .icons_text_container .image_text_container p {
    text-align: center;
  }

  #portfolio_banner p:last-child,
  #portfolio_feature_slideshow,
  #portfolio_banner div.left.half_width {
    margin-bottom: 0px;
  }

  .portfolio_display {
    padding: 20px 0;
  }

  #web_application_examples_container img {
    width: 90%;

    margin-right: auto;
  }

  #web_application_examples_container img:last-child,
  #hosting_plan_includes_container > div {
    margin-bottom: 0;
  }

  #web_application_examples_container img:first-child {
    display: none;
  }

  #contact_form input,
  #contact_form textarea {
    width: 100%;

    box-sizing: border-box;
  }

  #hosting_maintenance_pricing_container > div > div {
    padding: 20px 0;
  }

  #add_on_list_container ul {
    width: 100%;
  }

  #add_on_list_container ul:first-child {
    padding-right: 0px;
  }

  #add_on_list_container ul:last-child {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .social_container {
    margin-right: 5px;
  }

  h5 {
    font-size: 17px;
  }

  #meet_the_team_container {
    grid-template-columns: 1fr;
  }
}

@media only screen and (min-width: 320px) and (max-width: 649px) {
  #responsive_nav_icon {
    display: block;
  }

  #header_nav {
    display: none;
  }

  #header_nav {
    position: absolute;
    right: 0;

    z-index: 100;

    width: 200px;
  }

  #header_nav .sub_menu li:hover {
    background-color: #fff !important;
  }

  #header_nav ul {
    background-color: #55249a;

    border: 2px solid #fff;
    border-right: none;
  }

  #header_nav li {
    display: block;

    padding: 13px 10px;

    border-bottom: 1px solid #55249a;

    text-align: right;
  }

  #header_nav > ul > li:last-child {
    border-bottom: none;
  }

  #header_nav > ul > li {
    padding-left: 20px;
    padding-right: 20px !important;
  }

  #header_nav li > a:not(:only-child):before {
    content: url(../images/icons/menu_arrow.png);

    padding-right: 10px;
  }

  #header_nav li > a:not(:only-child):after {
    content: none;

    padding-right: 0;
  }

  #header_nav ul ul {
    position: static;

    border: none !important;

    width: auto;
  }

  #header_nav .sub_menu li {
    padding: 10px 0;
  }

  #header_nav .sub_menu li:first-child {
    border-top: 2px solid #f2f2f2;

    margin-top: 13px;
  }

  #header_nav .sub_menu li:last-child {
    padding-bottom: 0;
  }

  #process_timeline_container {
    background: none;

    height: auto;
  }

  #process_timeline_container div {
    position: static;
  }

  #process_timeline_container img {
    display: block !important;

    margin-left: auto;
    margin-right: auto;
  }

  #process_timeline_container h3 {
    margin-top: 0px;
  }

  #process_timeline_planning_container,
  #process_timeline_design_container,
  #process_timeline_development_container,
  #process_timeline_testing_container,
  #process_timeline_launch_container,
  #process_timeline_maintenance_container {
    width: 100%;
  }

  #accordion_box_container .image_text_container > div,
  #web_application_how_works_container > div,
  #why_mobile_app_container > div {
    width: 100%;
  }

  #accordion_box_container .image_text_container img,
  #web_application_how_works_container img,
  #why_mobile_app_container img {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto !important;
    width: 100%;
    margin-bottom: 20px;
  }

  #shopify_logo {
    margin-bottom: 5px !important;
  }

  #accordion_box_container .image_text_container > div p,
  #web_application_how_works_container > div p,
  .image_text_container > div ul,
  #why_mobile_app_container > div p {
    text-align: center;
  }

  .image_text_container > div ul {
    padding-left: 0;
    padding-right: 0;

    list-style: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 699px) {
  #top_bar p {
    padding: 3px 0;
  }

  #home_banner > div {
    overflow: hidden;
  }

  .boxes div:nth-child(3) {
    margin-left: 0;
  }

  .testimonial_container,
  #testimonial_slideshow {
    width: 100%;
  }

  .testimonial_container {
    height: auto;

    background: none;
  }

  .testimonial_container p {
    margin: 0 !important;
    padding-top: 0;
  }

  #footer_contact_container p:last-of-type {
    margin-bottom: 0;
  }

  .display_inline_container p,
  .display_inline_container img {
    margin-bottom: 0px;
    margin-top: 10px;
  }

  .third_boxes div {
    width: 100%;

    margin-left: 0;
  }

  .third_boxes div:last-child {
    margin-bottom: 0;
  }

  #hosting_maintenance_pricing_container > div > div {
    width: 100%;

    display: block;
  }

  #hosting_maintenance_pricing_container > div > div > div hr {
    display: none;
  }

  #hosting_maintenance_pricing_container > div > div:nth-child(2) .glow_button {
    width: 100%;

    margin: 0;
  }

  .popout_box {
    background-color: transparent;
  }

  #hosting_maintenance_pricing_container .popout_box {
    position: static;
    left: 0;
    top: 0;

    box-shadow: none;

    padding-bottom: 0;

    border-radius: 0;
  }

  #hosting_maintenance_pricing_container .popout_box .banner_container {
    position: absolute;
    top: 0;
    left: 0;

    background-image: url(../images/backgrounds/purple_banner.png);
  }

  #hosting_maintenance_pricing_container > div,
  #hosting_maintenance_pricing_container > div > div:nth-child(2) {
    border: none;
  }

  #hosting_maintenance_pricing_container .popout_box .banner_container p {
    text-align: center;
  }

  #hosting_maintenance_pricing_container h3 {
    margin-top: 0;
  }

  #hosting_maintenance_pricing_container
    > div
    > div
    > div:last-child
    p:last-child {
    margin-bottom: 0;
  }

  #hosting_maintenance_pricing_container > div > div:last-child {
    padding: 0;

    border-bottom: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 799px) {
  #contact_container {
    padding-bottom: 0;
  }

  #contact_container > div {
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 849px) {
  #home_video {
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 899px) {
  .half_width {
    width: 100%;
  }

  h1,
  h3,
  h4,
  p {
    text-align: center;
  }

  #home_banner > div > div:first-child {
    width: 100%;
  }

  #home_slideshow {
    left: 0;
    right: 0;
    top: auto;

    margin-left: auto;
    margin-right: auto;
  }

  #home_quarter_boxes p {
    line-height: 22px;
  }

  #main_footer .quarter_boxes > div:first-child,
  #footer_nav {
    display: none;
  }

  #main_footer .quarter_boxes > div:nth-child(2) {
    margin-left: 0;
  }

  #main_footer .boxes {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  #footer_portfolio a:nth-last-child(2) img {
    margin-right: 0;
  }

  #credits_footer {
    padding: 0;
  }

  #offered_services_container div,
  #portfolio_banner .left {
    float: none;
  }

  #portfolio_feature_slideshow {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;

    margin-left: auto;
    margin-right: auto;
  }

  .portfolio_slideshow {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;

    position: relative;
  }

  .portfolio_display .left {
    float: none;
  }

  #process_timeline_container {
    width: 100%;
  }
}

@media only screen and (min-width: 350px) and (max-width: 399px) {
  .new_container {
    width: 330px;
  }

  h1 {
    font-size: 35px;
  }

  #logo,
  #responsive_nav_icon {
    height: 65px;
  }

  #home_slideshow,
  #home_slideshow img {
    width: 320px !important;
    height: 209px !important;
  }

  #home_banner {
    height: 657px;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 330px !important;
    height: 336px !important;
  }

  .portfolio_icon {
    width: 51px;
  }

  .portfolio_slideshow,
  .portfolio_slideshow img {
    width: 320px !important;
    height: 301px !important;
  }

  #contact_container {
    padding-top: 32px;
  }

  #contact_container .left div:first-child {
    padding-left: 70px;
    padding-right: 53px;
  }

  #contact_container .left div:last-child {
    height: 415px;

    padding-top: 72px;
    padding-right: 72px;
    padding-left: 53px;
    margin-top: 87px;
  }

  #contact_container .right h2 {
    margin-top: 10px;
  }

  #home_video {
    height: 188px;
  }
}

@media only screen and (min-width: 350px) and (max-width: 449px) {
  #header_nav {
    top: 144px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 449px) {
  h1 {
    font-size: 37px;
  }

  .new_container {
    width: 370px;
  }

  #logo {
    height: 70px;
  }

  h3 {
    font-size: 22px;
  }

  #home_banner {
    height: 681px;
  }

  #home_slideshow,
  #home_slideshow img {
    width: 350px !important;
    height: 229px !important;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 350px !important;
    height: 357px !important;
  }

  .portfolio_icon {
    width: 57px;
  }

  .portfolio_slideshow,
  .portfolio_slideshow img {
    width: 350px !important;
    height: 329px !important;
  }

  #contact_container {
    padding-top: 55px;
  }

  #contact_container .left div:first-child {
    padding-left: 79px;
  }

  #contact_container .left div:last-child {
    height: 475px;

    padding-top: 100px;
    padding-right: 76px;
    padding-left: 63px;
    margin-top: 110px;
  }

  #contact_container .right h2 {
    margin-top: 10px;
  }

  #home_video {
    height: 211px;
  }

  #hosting_maintenance_pricing_selection_container {
    height: 255px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 499px) {
  #home_quarter_boxes div {
    padding-bottom: 62px;
  }

  #contact_container .left div:first-child {
    padding-right: 67px;
  }

  .hosting_switch_button {
    padding: 10px 0;
  }
}

@media only screen and (min-width: 400px) and (max-width: 549px) {
  #home_info p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 599px) {
  #home_banner p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 899px) {
  .boxes button {
    padding: 20px;
  }
}

@media only screen and (min-width: 450px) and (max-width: 499px) {
  .new_container {
    width: 420px;
  }

  h3 {
    font-size: 24px;
  }

  #home_banner {
    height: 703px;
  }

  h2 {
    font-size: 29px;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 400px;
    height: 408px;
  }

  .portfolio_icon {
    width: 66px;
  }

  .portfolio_slideshow,
  .portfolio_slideshow img {
    width: 400px !important;
    height: 376px !important;
  }

  .accordion_side_arrow,
  .accordion_down_arrow {
    width: 20px;
    height: 20px;
  }

  #contact_container {
    padding-top: 95px;
  }

  #contact_container .left div:first-child {
    padding-left: 91px;
  }

  #contact_container .left div:last-child {
    margin-top: 150px;
    padding-top: 120px;
    padding-right: 91px;
    padding-left: 67px;

    height: 530px;
  }

  #home_video {
    height: 239px;
  }
}

@media only screen and (min-width: 450px) and (max-width: 549px) {
  h1 {
    font-size: 40px;
  }

  #home_slideshow,
  #home_slideshow img {
    width: 400px !important;
    height: 261px !important;
  }

  .display_inline_container p,
  .display_inline_container img {
    padding: 0 2px;
  }

  h4,
  .highlighted_text {
    font-size: 18px;
  }

  #hosting_maintenance_pricing_container .popout_box,
  #hosting_maintenance_pricing_container .popout_box + div {
    margin-top: 68px;
  }
}

@media only screen and (min-width: 450px) and (max-width: 649px) {
  #header_nav {
    top: 162px;
  }

  #home_banner h1 {
    font-size: 41px;
  }

  #home_banner h3 {
    font-size: 21px;
  }
}

@media only screen and (min-width: 450px) and (max-width: 699px) {
  #hosting_maintenance_pricing_container > div > div > div {
    display: inline-block;

    width: 49%;

    box-sizing: border-box;

    vertical-align: top;
  }

  #hosting_maintenance_pricing_container > div > div > div:first-child {
    padding-right: 20px;
  }

  #hosting_maintenance_pricing_container > div > div > div:last-child {
    padding-left: 20px;
  }

  #hosting_maintenance_pricing_container .popout_box h3,
  .popout_box p {
    padding: 0;
  }

  #hosting_maintenance_pricing_container h3,
  #hosting_maintenance_pricing_container h4,
  #hosting_maintenance_pricing_container p {
    text-align: left;
  }

  #hosting_maintenance_pricing_container button {
    float: left;
  }

  #hosting_maintenance_pricing_container > div > div:nth-child(2) {
    padding-top: 0;
  }

  #hosting_maintenance_pricing_container > div > div > div:last-child p {
    margin-top: 0;
  }
}

@media only screen and (min-width: 500px) and (max-width: 549px) {
  .new_container {
    width: 460px;
  }

  h3 {
    font-size: 26px;
  }

  #home_banner {
    height: 673px;
  }

  h2 {
    font-size: 33px;
  }

  #footer_contact_form input {
    width: 291px;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 450px;
    height: 459px;
  }

  .portfolio_icon {
    width: 72px;
  }

  .portfolio_slideshow,
  .portfolio_slideshow img {
    width: 450px !important;
    height: 423px !important;
  }

  .accordion_side_arrow,
  .accordion_down_arrow {
    width: 30px;
    height: 30px;
  }

  #contact_container {
    padding-left: 98px;
    padding-right: 77px;
    padding-top: 42px;
  }

  #contact_container h2 {
    font-size: 30px;

    margin-bottom: 10px;
  }

  #hosting_maintenance_pricing_selection_container {
    height: 270px;
  }

  #hosting_plan_includes_container > div {
    width: 48%;
    padding: 0;
  }

  #home_video {
    height: 260px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 599px) {
  #header_nav li {
    font-size: 15px;
  }

  #contact_container h2 {
    margin-top: 20px;
  }

  #contact_container h4 {
    margin-bottom: 5px;
  }

  #contact_container .right {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 649px) {
  #contact_container p {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 699px) {
  .quarter_boxes div {
    width: 40%;
  }
}

@media only screen and (min-width: 500px) and (max-width: 799px) {
  #contact_container {
    background-image: url("../images/backgrounds/contact_notepad500.jpg");

    margin-top: 10px;
  }
}

@media only screen and (min-width: 550px) and (max-width: 599px) {
  .new_container {
    width: 510px;
  }

  #home_banner {
    height: 726px;
  }

  #home_slideshow,
  #home_slideshow img {
    width: 450px !important;
    height: 294px !important;
  }

  .highlighted_text {
    font-size: 20px;
  }

  #footer_contact_form input {
    width: 341px;
  }

  #footer_portfolio img {
    width: 48%;
  }

  #footer_portfolio a:nth-of-type(3) img,
  #footer_portfolio p {
    margin-top: 23px;
  }

  .icons_text_container .image_text_container > div {
    width: 72%;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 480px;
    height: 489px;
  }

  .portfolio_icon {
    width: 81px;
  }

  #contact_container {
    padding-left: 110px;
    padding-right: 83px;
    padding-top: 59px;
  }

  #contact_container h2 {
    font-size: 34px;
  }

  #home_video {
    height: 287px;
  }
}

@media only screen and (min-width: 550px) and (max-width: 649px) {
  h3 {
    font-size: 28px;
  }

  #hosting_plan_includes_container > div {
    width: 45%;
    padding: 0;
  }
}

@media only screen and (min-width: 550px) and (max-width: 699px) {
  h1,
  h2,
  .title_container h4,
  .boxes {
    margin: 30px 0;
  }

  .boxes div:nth-child(3),
  .boxes div:nth-child(4),
  #home_video {
    margin-top: 30px;
  }

  #testimonial_slideshow {
    margin-bottom: 30px;
  }

  #footer_contact_container {
    padding-bottom: 30px !important;
  }

  #main_footer .quarter_boxes > div {
    width: 30%;
  }

  #main_footer .quarter_boxes > div {
    margin-left: 20px;
    margin-top: 0;
  }

  .third_boxes div {
    margin-bottom: 30px;
  }

  #offered_services_container div {
    width: 30%;
  }

  #offered_services_container div {
    padding-bottom: 10px;
  }

  .icons_text_container .image_text_container > div h4 {
    margin-top: 10px;
  }

  #portfolio_banner p:last-child,
  #portfolio_feature_slideshow,
  #portfolio_banner div.left.half_width {
    margin-bottom: 10px;
  }

  .portfolio_display {
    padding: 30px 0;
  }

  #accordion_box_container {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  #process_timeline_container,
  .text_container p:last-child {
    margin-bottom: 30px;
  }

  #web_application_examples_container {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  #web_application_examples_container img {
    margin-right: 10px;
  }

  #why_web_application_container p:last-of-type,
  #web_application_how_works_container,
  #why_mobile_app_container,
  #social_media_brands_image {
    margin-bottom: 30px;
  }

  #hosting_maintenance_pricing_container > div > div {
    padding: 30px 0;
    margin-bottom: 30px;
  }

  #hosting_plan_includes_container > div {
    margin-bottom: 10px;
  }

  #add_on_list_container li {
    margin-bottom: 30px;
  }

  #hosting_maintenance_pricing_container .popout_box,
  #hosting_maintenance_pricing_container .popout_box + div {
    margin-top: 78px;
  }
}

@media only screen and (min-width: 550px) and (max-width: 899px) {
  #home_slideshow {
    bottom: 20px;
  }
}

@media only screen and (min-width: 550px) and (max-width: 999px) {
  #home_banner h1,
  #home_banner h3 {
    margin: 30px 0;
  }
}

@media only screen and (min-width: 550px) and (max-width: 1063px) {
  #footer_accredited img {
    width: 100%;
  }
}

@media only screen and (min-width: 600px) and (max-width: 649px) {
  .new_container {
    width: 560px;
  }

  #header_nav li {
    font-size: 16px;
  }

  #home_banner {
    height: 759px;
  }

  #home_slideshow,
  #home_slideshow img {
    width: 500px !important;
    height: 327px !important;
  }

  #footer_contact_form input {
    width: 391px;
  }

  .social_container {
    margin-right: 10px;
  }

  #footer_portfolio a:first-of-type img {
    margin-right: 13px;
  }

  #footer_portfolio a:nth-of-type(3) img,
  #footer_portfolio p {
    margin-top: 13px;
  }

  .portfolio_icon {
    width: 89px;
  }

  #contact_container {
    padding-left: 120px;
    padding-right: 90px;
    padding-top: 60px;
    margin-bottom: 30px;
  }

  #contact_container .right {
    margin-top: 90px;
  }

  #home_video {
    height: 317px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 749px) {
  .icons_text_container .image_text_container > div {
    width: 75%;
  }
}

@media only screen and (min-width: 650px) and (max-width: 699px) {
  .new_container {
    width: 610px;
  }

  #header_nav > ul > li {
    padding: 30px 7px;
  }

  #home_banner h1 {
    font-size: 43px;
  }

  #home_banner {
    height: 844px;
  }

  .social_container {
    margin-right: 15px;
  }

  #footer_portfolio img {
    margin-right: 1px;
  }

  .portfolio_icon {
    width: 97px;
  }

  #accordion_box_container .image_text_container > div {
    width: 61%;
  }

  #process_timeline_container h3 {
    margin-bottom: 10px;
  }

  #process_timeline_design_container,
  #process_timeline_development_container,
  #process_timeline_testing_container,
  #process_timeline_launch_container {
    width: 258px;
  }

  #process_timeline_container {
    height: 3000px;
  }

  #web_application_how_works_container img {
    width: 275px;
  }

  #why_mobile_app_container > div {
    width: 50%;
  }

  #contact_container {
    padding-left: 133px;
    padding-right: 100px;
  }

  #contact_container h2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  #contact_container .right {
    margin-top: 85px;
  }

  #home_video {
    height: 343px;
  }
}

@media only screen and (min-width: 650px) and (max-width: 749px) {
  #process_timeline_planning_container,
  #process_timeline_maintenance_container {
    width: 95%;
  }

  #contact_container {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 650px) and (max-width: 799px) {
  #footer_portfolio img {
    width: 31%;
  }

  #process_timeline_container p {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #contact_container {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 650px) and (max-width: 849px) {
  #hosting_plan_includes_container > div {
    width: 49%;
    padding: 0;
  }
}

@media only screen and (min-width: 650px) and (max-width: 999px) {
  #header_banner {
    height: 192px;
  }

  #header_nav {
    float: none;

    margin-left: auto;
    margin-right: auto;

    width: 100%;
  }

  #header_nav > ul {
    text-align: center;
  }

  #logo {
    margin-left: auto;
    margin-right: auto;

    display: block;

    float: none;

    margin-bottom: 0;
    margin-top: 0px;

    padding-top: 20px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 749px) {
  .new_container {
    width: 660px;
  }

  #home_banner h1 {
    font-size: 39px;
  }

  #home_banner {
    height: 763px;
  }

  #main_footer .quarter_boxes > div {
    width: 30%;
  }

  #footer_portfolio img {
    margin-right: 2px;
  }

  .social_container {
    margin-right: 18px;
  }

  .portfolio_icon {
    width: 106px;
  }

  #accordion_box_container .image_text_container > div {
    width: 64%;
  }

  #process_timeline_design_container,
  #process_timeline_development_container,
  #process_timeline_testing_container,
  #process_timeline_launch_container {
    width: 293px;
  }

  #web_application_how_works_container img {
    width: 315px;
  }

  #why_mobile_app_container > div {
    width: 60%;
  }

  #contact_container .right {
    margin-top: 110px;
  }

  #hosting_maintenance_pricing_selection_container {
    height: 310px;
  }

  #hosting_maintenance_pricing_container > div > div {
    width: 32.8%;
  }

  #hosting_maintenance_pricing_container > div > div:nth-child(2) {
    padding-top: 660px;
  }

  #home_video {
    height: 370px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 799px) {
  #home_banner h3 {
    font-size: 22px;
  }

  .testimonial_container {
    width: 660px;
    height: 266px;

    background-image: url(../images/backgrounds/speech660.png);
  }

  .testimonial_container p {
    font-size: 17px;
  }

  #process_timeline_container {
    height: 3000px;
  }

  #web_application_how_works_container > div {
    width: 52%;
  }

  #contact_container {
    padding-left: 150px;
    padding-right: 115px;
  }

  #contact_container h2 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 849px) {
  .third_boxes img {
    width: 100%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 899px) {
  .quarter_boxes div {
    width: 21%;
  }

  .quarter_boxes h4 {
    font-size: 16px;
  }

  #offered_services_container div {
    width: 23%;
  }

  #portfolio_feature_slideshow {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 999px) {
  #header_nav > ul > li {
    padding: 30px 10px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 799px) {
  .new_container {
    width: 710px;
  }

  #footer_portfolio img {
    margin-right: 3px;
  }

  .portfolio_icon {
    width: 114px;
  }

  #accordion_box_container .image_text_container > div {
    width: 66%;
  }

  #web_application_how_works_container img {
    width: 340px;
  }

  #why_mobile_app_container > div {
    width: 60%;
  }

  #contact_container {
    padding-top: 80px;
  }

  #contact_container .right {
    margin-top: 160px;
  }

  #hosting_maintenance_pricing_container > div > div:nth-child(2) {
    padding-top: 623px;
  }

  #hosting_maintenance_pricing_container h3 {
    font-size: 30px;
  }

  #home_video {
    height: 400px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 849px) {
  #home_banner {
    height: 809px;
  }

  #process_timeline_design_container,
  #process_timeline_development_container,
  #process_timeline_testing_container,
  #process_timeline_launch_container {
    width: 350px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 899px) {
  #main_footer .quarter_boxes > div {
    width: 31%;
  }

  .icons_text_container .image_text_container > div {
    width: 80%;
  }
}

@media only screen and (min-width: 750px) and (max-width: 949px) {
  #hosting_maintenance_pricing_container > div > div {
    width: 32.9%;
  }
}

@media only screen and (min-width: 800px) and (max-width: 849px) {
  .new_container {
    width: 760px;
  }

  #home_banner {
    height: 789px;
  }

  #home_banner h1 {
    font-size: 46px;
  }

  #footer_portfolio img {
    width: 32%;
  }

  .portfolio_icon {
    width: 122px;
  }

  #accordion_box_container .image_text_container > div {
    width: 68%;
  }

  #web_application_how_works_container > div {
    width: 54%;
  }

  #why_mobile_app_container > div {
    width: 60%;
  }

  #contact_container {
    padding-right: 37px;
    padding-bottom: 45px;
  }

  #contact_container > div {
    width: 278px;
  }

  #contact_container h2 {
    font-size: 29px;
  }

  #contact_container p {
    margin-bottom: 10px;
  }

  #contact_form input,
  #contact_form textarea {
    padding: 3px 5px;
  }

  #hosting_maintenance_pricing_container h3 {
    font-size: 22px;
  }

  #hosting_maintenance_pricing_container > div > div:nth-child(2) {
    padding-top: 518px;
  }

  #hosting_maintenance_pricing_selection_container {
    height: 455px;
  }

  #home_video {
    height: 430px;
  }
}

@media only screen and (min-width: 800px) and (max-width: 899px) {
  .testimonial_container {
    width: 728px;
    height: 266px;

    background-image: url(../images/backgrounds/speech768.png);
  }

  .testimonial_container p {
    font-size: 18px;
  }

  #web_application_how_works_container img {
    width: 350px;
  }

  #contact_container {
    padding-left: 50px;
    padding-top: 40px;
  }

  #contact_container h2 {
    margin-top: 0;
  }

  #contact_form input,
  #contact_form textarea {
    width: 100%;

    box-sizing: border-box;
  }

  #contact_form button {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 800px) and (max-width: 949px) {
  #contact_container h4 {
    margin-bottom: 5px;
  }

  #contact_form input,
  #contact_form textarea {
    margin-top: 2px;
  }
}

@media only screen and (min-width: 800px) and (max-width: 999px) {
  #contact_container h2 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 850px) and (max-width: 899px) {
  .new_container {
    width: 810px;
  }

  #home_banner {
    height: 724px;
  }

  #footer_portfolio img {
    margin-right: 8px;
  }

  .portfolio_icon {
    width: 131px;
  }

  #accordion_box_container .image_text_container > div {
    width: 69%;
  }

  #process_timeline_design_container,
  #process_timeline_development_container,
  #process_timeline_testing_container,
  #process_timeline_launch_container {
    width: 355px;
  }

  #why_mobile_app_container > div {
    width: 60%;
  }

  #contact_container {
    padding-right: 44px;
    padding-top: 40px;
    padding-bottom: 48px;
  }

  #contact_container > div {
    width: 300px;
  }

  #contact_container h2 {
    font-size: 32px;
  }

  #contact_container p {
    margin-bottom: 15px;
  }

  #hosting_maintenance_pricing_container h3 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 850px) and (max-width: 949px) {
  #hosting_maintenance_pricing_container > div > div:nth-child(2) {
    padding-top: 525px;
  }

  #hosting_plan_includes_container > div {
    width: 42%;
  }
}

@media only screen and (min-width: 900px) and (max-width: 949px) {
  .new_container {
    width: 860px;
  }

  #home_slideshow,
  #home_slideshow img {
    width: 500px !important;
    height: 327px !important;
  }

  #footer_banner {
    width: 100%;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 420px;
    height: 428px;
  }

  .portfolio_icon {
    width: 139px;
    height: 139px;
  }

  .portfolio_slideshow,
  .portfolio_slideshow img {
    width: 420px !important;
    height: 428px !important;
  }

  #accordion_box_container .image_text_container > div {
    width: 72%;
  }

  #web_application_how_works_container img {
    width: 400px;
  }

  #web_application_how_works_container > div {
    width: 53%;
  }

  #why_mobile_app_container > div {
    width: 60%;
  }

  #contact_container {
    padding-left: 56px;
    padding-right: 42px;
    padding-top: 40px;
    padding-bottom: 48px;
  }

  #contact_container > div {
    width: 315px;
  }

  #contact_container h2 {
    font-size: 33px;
  }

  #hosting_maintenance_pricing_container h3 {
    font-size: 26px;
  }
}

@media only screen and (min-width: 900px) and (max-width: 999px) {
  .quarter_boxes div {
    width: 22%;
  }

  .boxes button {
    padding: 20px 40px;
  }

  #home_banner > div > div:first-child {
    width: 360px;
  }

  #home_banner {
    height: 565px;
  }

  #home_banner h1 {
    font-size: 43px;
  }

  .testimonial_container {
    width: 860px;
    height: 214px;

    background-image: url(../images/backgrounds/speech900.png);
  }

  .testimonial_container p {
    font-size: 17px;
    line-height: 26px;
  }

  .social_container {
    margin-right: 15px;
  }

  #footer_portfolio img {
    width: 31%;
  }

  #process_timeline_container {
    width: 800px;
  }

  #process_timeline_planning_container,
  #process_timeline_maintenance_container {
    left: 50px;
  }

  #process_timeline_design_container,
  #process_timeline_development_container,
  #process_timeline_testing_container,
  #process_timeline_launch_container {
    width: 365px;
  }

  #contact_container h2 {
    margin-top: 10px;
  }

  #contact_form button {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 900px) and (max-width: 1063px) {
  #home_slideshow {
    right: -10px;
  }
}

@media only screen and (min-width: 950px) and (max-width: 999px) {
  .new_container {
    width: 910px;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 450px;
    height: 459px;
  }

  .portfolio_icon {
    width: 147px;
    height: 147px;
  }

  .portfolio_slideshow,
  .portfolio_slideshow img {
    width: 440px !important;
    height: 449px !important;
  }

  #accordion_box_container .image_text_container > div {
    width: 74%;
  }

  #web_application_how_works_container > div {
    width: 50%;
  }

  #contact_container {
    padding-left: 57px;
    padding-right: 44px;
    padding-top: 39px;
    padding-bottom: 55px;
  }

  #contact_container > div {
    width: 336px;
  }

  #hosting_maintenance_pricing_container h3 {
    font-size: 27px;
  }
}

@media only screen and (min-width: 950px) and (max-width: 1063px) {
  #home_slideshow,
  #home_slideshow img {
    width: 550px !important;
    height: 359px !important;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1063px) {
  .new_container {
    width: 960px;
  }

  #header_nav > ul > li {
    padding-left: 8px;
    padding-right: 8px;
  }

  .testimonial_container {
    width: 900px;
    height: 188px;

    background-image: url(../images/backgrounds/speech960.png);
  }

  .testimonial_container p {
    line-height: 27px;
  }

  #footer_portfolio img {
    width: 31%;
  }

  #portfolio_feature_slideshow,
  #portfolio_feature_slideshow img {
    width: 480px;
    height: 489px;
  }

  .portfolio_icon {
    width: 156px;
    height: 156px;
  }

  .portfolio_slideshow,
  .portfolio_slideshow img {
    width: 460px !important;
    height: 469px !important;
  }

  #web_application_how_works_container > div {
    width: 53%;
  }

  #contact_container {
    padding-right: 46px;
    padding-bottom: 70px;
  }

  #contact_container > div {
    width: 350px;
  }

  #contact_container h2 {
    margin-top: 20px;
  }

  #contact_form button {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1064px) and (max-width: 1089px) {
  #home_slideshow {
    right: 0;
  }
}