/* Responsive */
@media only screen and (max-width: 1024px) {
  .gj-filter-container {
    margin-top: 60px !important;
  }
  .display-masonry {
    max-width: 1000px;
    /* padding: 0 0 0 48px; */
    margin: 0 auto;
    display: grid;
    grid-template-columns: 200px 250px 250px 250px !important;
    grid-template-rows: 300px 300px 300px 300px !important;
    grid-gap: 1rem;
  }
  .gj-filter-container ul.gj-filter-list {
    padding: unset !important;
    margin-left: unset !important;
    padding-bottom: 20px !important;
    margin-left: -10px !important;
  }
  .filter-portfolio-pieces {
    width: 100% !important;
    padding-left: 10px !important;
  }

  /* Portfolio 3D */
  .card{
    height: 100% !important;
  }
  .thumbnail-portfolio {
    top: 1% !important;
    width: 276px;
    height: 296px !important;
  }
  .card:hover .thumbnail-portfolio {
    top: -10% !important;
    height: 330px !important;
  }
  /* end card */
  .thumbnail-woodies {
    top: 299px !important;
    right: 18% !important;
    width: 281px !important;
    height: 247px !important;

  }
  .card-woodies:hover .thumbnail-woodies {
    right: 33% !important;
    top: 45% !important;
    z-index: 10 !important;
    width: 357px !important;
    height: 321px !important;
}
  /* end woodies */
  .card-regrid{
    height: 100% !important;
  }
  .card-lol{
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
  }
  .card-simsafe-card{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-samsung{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-wot{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-lyphoma{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-oreo{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-lincoln{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-llpa{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-big3{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-primiscan{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-coloradovr{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-m5{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-topline{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-golf{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-bubbl{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-oscar{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-effectomy{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-sumi{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-taylor{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-dell{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-contec{
    height: 100% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

}

@media only screen and (max-width: 980px) {
  .blog-roll-title .et_pb_text_inner {
    padding-left: 25px;
  }
  .news-list-section .et_pb_row.et_pb_row_2 {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: unset !important;
    margin-top: 40px !important;
  }

  .gj-filter-container.news-container {
    padding: unset !important;
  }
  .news-container ul {
    padding: 0 0 15px 0px !important;
  }
  .latest_blog_post_list li {
    list-style-type: none;
    width: 100%;
    display: flex;
    margin-top: 90px;
    cursor: pointer;
    flex-direction: column;
  }
  .latest_blog_post_container {
    margin-top: 75px;
  }
  .latest_blog_post_img {
    width: 100% !important;
  }
  .latest_blog_post_description {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100% !important;
    padding: unset !important;
  }
  .blog_post_content {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    font-size: 17px !important;
    line-height: 150.6%;
    margin-top: 15px;
    text-align: justify;
  }
  .latest_blog_post_list li:nth-child(even) {
    list-style-type: none;
    width: 100%;
    display: flex;
    cursor: pointer;
    flex-direction: column !important;
  }
  .et_pb_row.et_pb_row_1.woodies-holder {
    bottom: -200px !important;
  }
  .tech-arkit-img {
    margin-right: 15px !important;
  }

}
@media only screen and (max-width: 768px) {
  div#lets-talk-project {
    padding-top: 50px !important;
}
  .et_pb_text_4{
    width: 100% !important;
  }
  /* .full-service-agency .et_pb_blurb_content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  

  .full-service-agency .et_pb_blurb_content .et_pb_blurb_container {
    padding: 20px 10px;
    font-size: 10px;
    position: relative;
    top: -45px;
  } */
  .et_pb_blurb_0.et_pb_blurb .et_pb_module_header,
  .et_pb_blurb_1.et_pb_blurb .et_pb_module_header,
  .et_pb_blurb_2.et_pb_blurb .et_pb_module_header,
  .et_pb_blurb_3.et_pb_blurb .et_pb_module_header,
  .et_pb_blurb_4.et_pb_blurb .et_pb_module_header,
  .et_pb_blurb_5.et_pb_blurb .et_pb_module_header,
  .et_pb_blurb_6.et_pb_blurb .et_pb_module_header,
  .et_pb_blurb_7.et_pb_blurb .et_pb_module_header {
    padding-left: unset !important;
  }

  .et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 20px !important;
  }
  .et_pb_blurb_1.et_pb_blurb .et_pb_main_blurb_image,
  .et_pb_blurb_2.et_pb_blurb .et_pb_main_blurb_image,
  .et_pb_blurb_3.et_pb_blurb .et_pb_main_blurb_image,
  .et_pb_blurb_5.et_pb_blurb .et_pb_main_blurb_image,
  .et_pb_blurb_6.et_pb_blurb .et_pb_main_blurb_image,
  .et_pb_blurb_7.et_pb_blurb .et_pb_main_blurb_image {
    width: 50% !important;
  }
  .timeline-stages-section .et_pb_blurb_1.et_pb_blurb .et_pb_main_blurb_image,
  .timeline-stages-section .et_pb_blurb_2.et_pb_blurb .et_pb_main_blurb_image,
  .timeline-stages-section .et_pb_blurb_3.et_pb_blurb .et_pb_main_blurb_image,
  .timeline-stages-section .et_pb_blurb_5.et_pb_blurb .et_pb_main_blurb_image,
  .timeline-stages-section .et_pb_blurb_6.et_pb_blurb .et_pb_main_blurb_image,
  .timeline-stages-section .et_pb_blurb_7.et_pb_blurb .et_pb_main_blurb_image {
    width: 50% !important;
  }
  .timeline-stages-section .et_pb_blurb_1.et_pb_blurb .et_pb_main_blurb_image {
    width: 100% !important;
  }
  .timeline-stages-section .et_pb_blurb_2.et_pb_blurb .et_pb_main_blurb_image {
    width: 100% !important;
  }
  .timeline-stages-section .et_pb_blurb_3.et_pb_blurb .et_pb_main_blurb_image {
    width: 100% !important;
  }
  .timeline-stages-section .et_pb_blurb_4.et_pb_blurb .et_pb_main_blurb_image {
    width: 100% !important;
  }
  .timeline-stages-section .et_pb_blurb_5.et_pb_blurb .et_pb_main_blurb_image {
    width: 100% !important;
  }
  .timeline-stages-section .et_pb_blurb_6.et_pb_blurb .et_pb_main_blurb_image {
    width: 100% !important;
  }
  .timeline-stages-section .et_pb_blurb_7.et_pb_blurb .et_pb_main_blurb_image {
    width: 100% !important;
  }
  .timeline-stages-section {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .timeline-stages-section .et_pb_css_mix_blend_mode_passthrough {
    width: 90% !important;
  }
  button.et_pb_contact_submit.et_pb_button {
    width: 100% !important;
    margin-left: 18px !important;
}
  /* Working with Blog Archives 768 screen */
  .blog-roll-title .et_pb_text_inner {
    padding-left: 25px;
  }
  .news-list-section .et_pb_row.et_pb_row_2 {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: unset !important;
    margin-top: 40px !important;
  }

  .gj-filter-container.news-container {
    padding: unset !important;
  }
  .news-container ul {
    padding: 0 0 15px 0px !important;
  }
  .latest_blog_post_list li {
    list-style-type: none;
    width: 100%;
    display: flex;
    margin-top: 90px;
    cursor: pointer;
    flex-direction: column;
  }
  .display-masonry.filtered {
    display: flex !important;
  }
  .latest_blog_post_container {
    top: 20px !important;
  }
  .latest_blog_post_img {
    width: 100% !important;
  }
  .latest_blog_post_description {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100% !important;
    padding: unset !important;
  }
  .blog_post_content {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    font-size: 17px !important;
    line-height: 150.6%;
    margin-top: 15px;
    text-align: justify;
  }
  .latest_blog_post_list li:nth-child(even) {
    list-style-type: none;
    width: 100%;
    display: flex;
    cursor: pointer;
    flex-direction: column !important;
  }
  .display-masonry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px;
    overflow: hidden;
  }
  .gj-filter-container {
    margin-top: 60px !important;
  }
  .gj-filter-container ul.gj-filter-list {
    padding: unset !important;
    margin-left: unset !important;
    padding-left: 20px !important;
    padding-bottom: 20px !important;
  }
  .filter-portfolio-pieces {
    width: 100% !important;
    padding-left: 10px !important;
  }
  .related-work-container {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
  }
  .samsung-services-img-lg img {
    width: 60% !important;
  }

  .tech-arkit-img.samsung-icon-services-img {
    width: 15% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .tech-arkit-content {
    margin-left: 0px !important;
    width: 100% !important;
  }
  .tech-arkit-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0px;
    flex-direction: column;
    width: 100%;
  }
  .services-section {
    margin-left: -5px !important;
  }
  .simsafe-icon-container.samsung-container {
    top: unset !important;
  }
  .tech-arkit-img.samsung-services-img-lg {
    width: 80% !important;
  }
  .samsung-icon-services-lg {
    margin-left: 20px !important;
  }
  li.vive {
    margin-left: 20px;
  }
  .tech-arkit-content.simsafe-dec {
    margin-left: 20px !important;
  }
  .et_pb_row.et_pb_row_8.gravity-process-arkit {
    margin-top: -311px !important;
  }
  .et_pb_row.et_pb_row_3.oreo-descri {
    top: -18px !important;
    left: 0px !important;
  }
  .et_pb_row.et_pb_row_14.wire-oreo.et_pb_gutters3 {
    margin-top: -100px;
  }
  .oreo-service-icons-lg .et_pb_blurb_container {
    position: relative;
    left: -100px !important;
  }
  .et_pb_blurb.lol-lg-service .et_pb_blurb_container {
    left: -100px !important;
    position: relative;
  }
  .et_pb_blurb.lol-lg-service {
    left: -100px !important;
    position: relative;
  }
  /* timeline */
  .samsung-time .et_pb_column_20 .et_pb_blurb_container {
    top: -34px !important;
  }
  .more-article-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .webArT-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column !important;
  }
  .inspire-topline {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column !important;
  }
}

@media only screen and (max-width: 600px) {
  div#lets-talk-project {
    padding-top: 50px !important;
}
  .et_pb_text_4{
    width: 100% !important;
  }
  .display-masonry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px;
    overflow: hidden;
  }
  .gj-filter-container {
    margin-top: 100px !important;
  }
  .gj-filter-container ul.gj-filter-list {
    padding: unset !important;
    margin-left: unset !important;
    padding-left: 20px !important;
    padding-bottom: 20px !important;
  }
  .masonry-items img.sq-image {
    width: 100% !important;
  }
  .masonry-items img.img-overlay {
    left: 0 !important;
    top: 0 !important;
  }
  img.sq-image {
    opacity: 1 !important;
  }
  img.overlay-image {
    opacity: 0 !important;
  }
  .masonry-items:hover img.sq-image {
    visibility: visible !important;
  }
  .gj-mobile-filter {
    display: flex;
  }
}
.news_related img {
  z-index: 10;
  position: relative;
}

@media only screen and (max-width: 480px) {
  .et_pb_text_8 h2{
    color: #fff !important;
  }
  div#lets-talk-project {
    padding-top: 50px !important;
}
  div#related-article-wrapper {
    top: -20px !important;
}
  .et_pb_text_4{
    width: 100% !important;
  }
  button.et_pb_contact_submit.et_pb_button {
    width: 100% !important;
    margin-left: 18px !important;
}

  .img-icon-filter {
    display: block !important;
  }
  .more-article-container {
    display: flex !important;
    flex-direction: column !important;
  }
  .display-masonry.filtered {
    display: flex !important;
  }
  .blog-roll-title .et_pb_text_inner {
    padding-left: 0 !important;
    display: flex;
    justify-content: space-between;
    width: 97% !important;
  }

  .full-service-agency .et_pb_blurb_content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 10px !important;
  }

  .et-waypoint.et_pb_animation_top_phone.et-animated,
  .et_pb_animation_top_phone.et-animated {
    width: 100%;
    height: 309px !important;
  }
  .full-service-agency .et_pb_blurb_content .et_pb_blurb_container {
    padding: 20px 10px;
    font-size: 10px;
    position: relative;
    top: -45px;
  }

  /* Working on Blog Roll Achives */
  .news-list-section .et_pb_row.et_pb_row_2 {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: unset !important;
  }
  .gj-filter-container.news-container {
    height: 0;
    overflow: hidden;
    transition: height 1s;
    position: relative;
    z-index: 10px;
    left: 0;
    top: -74px;
  }
  .latest_blog_post_container {
    top: -100px !important;
  }

  .toggle-height {
    height: 450px;
  }
  .news-list-section .latest_blog_post_container ul {
    padding: unset !important;
  }
  .latest_blog_post_container {
    margin-top: 120px !important;
  }
  .latest_blog_post_list li {
    list-style-type: none;
    width: 100%;
    display: flex;
    margin-top: 90px;
    cursor: pointer;
    flex-direction: column;
  }
  .latest_blog_post_img {
    width: 100% !important;
  }
  .latest_blog_post_description {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100% !important;
    padding: unset !important;
  }
  .blog_post_content {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    font-size: 17px !important;
    line-height: 150.6%;
    margin-top: 15px;
    text-align: justify;
  }
  .latest_blog_post_title {
    font-family: "Days One";
    font-style: normal;
    font-weight: 400;
    font-size: 21px !important;
    line-height: 150.6%;
  }
  .latest_blog_post_list li:nth-child(even) {
    list-style-type: none;
    width: 100%;
    display: flex;
    cursor: pointer;
    flex-direction: column !important;
  }
  .blog_post_date {
    font-size: 12px !important;
  }
  .blog_post_read_more {
    font-size: 12px !important;
  }
  .et_pb_row_8.related-work-container-section {
    padding: unset !important;
  }
  .et_pb_row_8.et_pb_row {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .related-work-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 468px) {
  div#lets-talk-project {
    padding-top: 50px !important;
}
  .et_pb_text_4{
    width: 100% !important;
  }
  button.et_pb_contact_submit.et_pb_button {
    width: 100% !important;
    margin-left: 18px !important;
}
  .tech-arkit-content.samsung-icon-services {
    margin-left: 20px !important;
  }
  .tech-arkit-content.timelineStages-descri {
    color: #fff;
    margin-left: 10px !important;
  }
  .et_pb_row.et_pb_row_3.services-section-lg {
    margin-top: -20px !important;
  }
  .et_pb_row.et_pb_row_3.oreo-descri {
    top: 10px !important;
    left: 0 !important;
  }
  .oreo-service-icons-lg .et_pb_blurb_container {
    position: relative;
    left: -0 !important;
  }
  .et_pb_blurb.lol-lg-service .et_pb_blurb_container {
    left: 0px !important;
    position: relative;
  }
  .et_pb_blurb.lol-lg-service {
    left: 0px !important;
    position: relative;
  }
  .et_pb_blurb.lol-lg-service {
    left: -30px !important;
  }
  /* .et_pb_blurb.lol-lg-service {
  left: -30px !important;
} */

  button#load-button {
    width: 40% !important;
  }
  button#load-back-btn {
    width: 40%;
  }
}
@media only screen and (max-width: 461px) {
  ul.gj_news_list li {
    padding: 4px 15px;
  }
  .et_pb_text_4{
    width: 100% !important;
  }
  div#lets-talk-project {
    padding-top: 50px !important;
}
  /* .latest_blog_post_container {
    margin-top: -70px !important;
  } */
}
/*
@media only screen and (max-width: 1000px) {
  .overlappingBorder {
    height: 144px !important;
    width: 260px !important;
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 9px;
    border: 2px solid rgba(91, 221, 103, 0.76);
  }
}
@media only screen and (max-width: 768px) {
  .overlappingBorder {
    height: 363px !important;
    width: 646px !important;
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 9px;
    border: 2px solid rgba(91, 221, 103, 0.76);
  }
}
@media only screen and (max-width: 390px) {
  .overlappingBorder {
    height: 182px !important;
    width: 327px !important;
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 9px;
    border: 2px solid rgba(91, 221, 103, 0.76);
  }
}
@media only screen and (max-width: 360px) {
  .overlappingBorder {
    height: 166px !important;
    width: 301px !important;
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 9px;
    border: 2px solid rgba(91, 221, 103, 0.76);
  }
} */
@media only screen and (max-width: 425px) {
  .et_pb_text_8 h2{
    color: #fff !important;
  }
  div#lets-talk-project {
    padding-top: 50px !important;
}
  div#related-article-wrapper {
    top: -20px !important;
}
  .et_pb_text_4{
    width: 100% !important;
  }
  .card{
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-regrid {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-simsafe-card {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-woodies {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-wot {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-lyphoma {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-oreo {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-lol {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-m5 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-lite {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-buhler {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-big3 {
    
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-lincoln {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-llpa {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-made {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-primiscan {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-topline {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-coloradovr {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-bubbl {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-oscar {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-webar {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-gold {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-fxd {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-effectomy {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-war {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-taylor {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-sumi {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-contec {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-wind {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .card-dell {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }


}