@media only screen and (max-width: 1200px) {
    .header-holder .main-nav {
        margin: 0 0 0 20px;
    }
    .header-holder .main-nav li a {
        font-size: 20px;
    }
    .top_right {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: left;
        left: 25px;
    }
    .bottom_right {
        position: absolute;
        width: 100%;
        bottom: 100px;
        text-align: left;
        left: 25px;
    }
    .top_left {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: right;
        right: 25px;
    }
    .bottom_left {
        position: absolute;
        width: 100%;
        bottom: 100px;
        text-align: right;
        right: 25px;
    }
}
@media only screen and (max-width: 992px) {
    .keyart {
        height: 450px;
        padding: 40px 0;
    }
    .bottom_left {
        bottom: 0px;
    }
    .bottom_right {
        bottom: 0px;
    }
    .testimonials_holder {
        padding:0;
    }
    .testimonial {
        flex-direction: column;
    }
    .testimonial_content {
        width: 100%;
        max-width: fit-content;
    }
    .testimonial_image {
        width: 100%;   
    }
    .testimonial_image img {
        width: 100%;
        border-radius: 20px;
    }
    .hp_keyart a {
    left: 0;
    }
    .hp_keyart .guy {
        display: none;
    }
    nav,
    .footer_nav {
        display: none;
    }
    .top_nav nav a {
        margin: 0 5px;
    }
    .footer_holder {
        flex-direction: column;
    }
    .trusted_unions .unions_holder {
        flex-direction: column;
    }
    .trusted_unions h2 {
        font-size: 30px;
        text-align: center;
        margin-top: 40px;    
        
    }
    .unions_right {
        padding-left: 0px;
    }
    .keyart .title {
        font-size: 24px;
    }
    .keyart .sub_title {
     font-size: 18px;
    }
    .keyart .orange_button a {
        font-size: 16px;
    }
     .blue_button a,.stay_informed .orange_button a, .union_future .orange_button,.union_future .black_button,.keyart .orange_button a {
        width: 100% !important;
        font-size: 16px;
    }
    .union_interest h2 {
        font-size: 26px;
     }
     .union_interest {
         font-size: 16px;
         padding: 20px 0 40px 0;
     }
     .standards {
         font-size: 16px;
         padding: 40px 0;
     }
     .standards h2 {
         font-size: 22px;
     }
     .accordion-button {
        font-size: 18px;
        font-weight: 400;
     }
     .accordion-body {
         font-size: 16px;
     }
     .accordion-body ul li {
        background-size: 26px;
     }
     .circle {
         font-size: 16px;
         padding: 40px 0;
     }
     .circle .intro {
         font-size: 18px;
     }
     .circle h2 {
         font-size: 35px;
     }
     .circle h4 {
    font-size: 20px;
     }
     .trusted_unions .triangle_ornament_top svg {
        height: 80px;
     }
     .trusted_unions {
        padding: 120px 0 120px;
    }
     .benchmark {
         font-size: 16px;
         padding: 40px 0;
     }
     .benchmark h2 {
        font-size: 22px;
     }
     .stay_informed .pdf_button {
        text-align: center;
     }
     .stay_informed .pdf_button h4 {
        font-size: 18px;
     }
     .stay_informed .pdf_button .small {
        font-size: 15px;
     }
     .stay_informed h2 {
        font-size: 26px;
     }
     .stay_informed .sub_title {
        font-size:18px;
     }
    .trusted_unions .triangle_ornament_bottom svg {
        height: 40px;
     }
    .stay_informed {
        padding: 40;
    }
    .union_future {
        font-size: 16px;
    }
    .union_future h2 {
     font-size: 26px;
    }
    .union_future .sub_title {
     font-size: 18px;
    }
    .union_future .checklist {
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        line-height: 2em;
    }
    .video_listing .list li {
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
    
}
@media only screen and (max-width: 767px) {
    .testimonials {
        padding-top: 100px;
    }
    .footer_bottom {
        flex-direction: column;
    }
    .services  {
        justify-content: center;
    }
     .service  {
        margin: 10px;
    }
    h1 {
        font-size:35px;
    }
    section {
        padding: 50px 0;
    }
    .news_keyart {
        height: 200px;
    }
    .testimonial_content {
        font-size: 22px;
    }
    body {
        font-size: 18px;
    }
    .top_nav nav a {
        display: none;
    }
    .top_nav nav a:last-child,
    .top_nav nav a:nth-child(2){
        display: block;
    }
    .benchmark_image {
        padding-right: 0;
        text-align: center;
        margin-bottom: 30px;
    }
    .blue_button a,.stay_informed .orange_button a, .union_future .orange_button,.union_future .black_button,.keyart .orange_button a {
        width: 100% !important;
    }
    .news_content h1 {
        font-size: 33px;
    }
    .news_keyart h2 {
        font-size: 50px;
    }
    .news_keyart .small_title {
        font-size: 23px;
    }
    .wysiwyg .big-blue-title {
        font-size: 25px;
    }
    .wysiwyg .mid-red-title,
    .wysiwyg .mid-blue-title {
        font-size: 23px;
    }
    .wysiwyg {
        font-size: 18px;
    }
    .wysiwyg .blue_button {
        font-size: 19px;
    }
    .wysiwyg .two-column-list li,
    .wysiwyg .one-column-list li {
        font-size: 18px;
    }
    .wysiwyg .two-column-list,
    .wysiwyg .one-column-list  {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
    .news_listing .list {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: flex;
        flex-direction: column; /* umesto wrap */
        gap: 20px;
    }
    .news_listing h1 {
        font-size: 50px;
    }
    .news_listing .subtitle {
        font-size: 25px;
    }
    .logo {
        max-width: 50%;
    }
    .news_listing .list li {
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
    .union_logos {
        grid-template-columns: repeat(2, 1fr);
    }
    .trusted_unions h2 {
        text-align: center;
    }
    .top_content {
        display: none;
    }
    .bottom_content {
        display: none;
    }
    .graphic_holder {
        display: none;
    }
    .left_content,
    .right_content{
        display: none;
    }
    .top_left {
        display: none;
    }
    .bottom_left {
        display: none;
    }
    .mid_content {
        display: none;
    }
    .top_right {
        display: none;
    }
    .bottom_right {
     display: none;
    }
    .mobile_content {
        display: block;
    }
}
@media only screen and (max-width: 460px) {
   .hp_keyart a {
    left: 50%;
    width:285px;
    transform: translate(-50%);
    }
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  input[type=submit] {
    z-index: 10000!important;
    transform: translate3d(0, 0, 0);
}
}