@media screen and (min-width:1200px) and (max-width:1399px)
{
  .path5
  {
    width: 177px !important;
    height: 100px;
    border: solid 4px #000;
    border-color: #79B1BD transparent transparent transparent;
    transform: rotate( 161deg);
    border-radius: 200%/100px 100px 0px 0px !important;
    position: absolute;
    left: -54px !important;
    bottom: 30px !important;
  }
  .useful_info .useful_info_white_background,
  .useful_info
  {
    min-height: 30rem;
  }
  .useful_info .background_image
  {
    height: 30rem;
  }
  .path2 #container
  {
    display: none;
  }
  .path7 #container {
    width: 100%;
    height: 500px;
    /* background: #fff; */
    margin: 0 auto;
    text-align: center;
    position: absolute;
    right: -21%;
    transform: rotate( 1deg);
    top: -17%;
  }
}
@media screen and (min-width:360px) and (max-width:389px) {
  .path0
  {
    width: 27%;
    height: 100px;
    border: solid 2px #000;
      border-top-color: rgb(0, 0, 0);
      border-right-color: rgb(0, 0, 0);
      border-bottom-color: rgb(0, 0, 0);
      border-left-color: rgb(0, 0, 0);
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    border-color: var(--color-yellow) transparent transparent transparent;
    transform: rotate( 190deg);
    border-radius: 286%/100px 100px 0px 0px;
    position: absolute;
    bottom: 50px;
    right: -19px;
  }
}
@media screen and (min-width:390px) and (max-width:420px)
{
  .path0
  {
    width: 30%;
    height: 100px;
    border: solid 2px #000;
      border-top-color: rgb(0, 0, 0);
      border-right-color: rgb(0, 0, 0);
      border-bottom-color: rgb(0, 0, 0);
      border-left-color: rgb(0, 0, 0);
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    border-color: var(--color-yellow) transparent transparent transparent;
    transform: rotate( 190deg);
    border-radius: 286%/100px 100px 0px 0px;
    position: absolute;
    bottom: 50px;
    right: -19px;
  }
}
@media screen and (min-width:0px) and (max-width:767px)
{
  

  .get_in_touch form input[id^=edit-actions-submit]
  {
    height: 45px !important;
  }
  .verify_button .form-actions
  {
    justify-content: end;
  }
  .verify_button
  {
    margin-top: 0rem !important;
  }
   input[type="email"]::placeholder
   {
     font-size: var(--font-size-14);
     line-height: var(--line-height-22px);
   }
  .title__mview
  {
    font-size: var(--font-size-18px) !important;
    line-height: var(--line-height-22px) !important;
  }
  .get_in_touch_home .get_in_touch_form .form-actions
  {
    position: absolute;
    width: fit-content;
    right: -11px;
    top: 1px;
  }
  .register_card_employer
  {
    min-height: auto;
  }
  .advantage_home_card_content p
  {
    margin-bottom: 0px;
  }
  .path7
  {
    display: none;
  }
  .register .card input#edit-submit, .register .card input#edit-actions-submit, .register .card input[id^=edit-actions-submit]
  {
    padding: 9.7px 3rem;
  }
}
@media screen and (min-width:1024px) and (max-width:1199px)
{
  .path5
  {
    width: 125px !important;
    height: 100px;
    border: solid 5px #000;
    border-color: #79B1BD transparent transparent transparent;
    transform: rotate( 161deg);
    border-radius: 200%/100px 100px 0px 0px !important;
    position: absolute;
    left: -54px !important;
    bottom: 30px !important;
  }
  .path2 #container
  {
    display: none;
  }
  .path7 #container {
    width: 100%;
    height: 500px;
    /* background: #fff; */
    margin: 0 auto;
    text-align: center;
    position: absolute;
    right: -21%;
    transform: rotate( 1deg);
    top: -17%;
  }
}
@media screen and (min-width:1400px) and (max-width:1599px)
{
  .path5
  {
    width: 190px !important;
    height: 100px;
    border: solid 5px #000;
    border-color: #79B1BD transparent transparent transparent;
    transform: rotate( 161deg);
    border-radius: 200%/100px 100px 0px 0px !important;
    position: absolute;
    left: -54px !important;
    bottom: 30px !important;
  }
  .carousel-control-prev
  {
    left: 88.7% !important;
  }
  .path2 #container
  {
    display: none;
  }
  .path7 #container {
    width: 100%;
    height: 500px;
    /* background: #fff; */
    margin: 0 auto;
    text-align: center;
    position: absolute;
    right: -21%;
    transform: rotate( 1deg);
    top: -20%;
  }
}
/* .top_curved_image
{
  background-image: url(../images/Path2.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
} */
@media screen and (min-width:1600px) {
  .path7 #container
  {
    display: none;
  }

}
@media screen and (min-width:1024px) and (max-width:1699px) 
{
  .testimonials .card .card_content .name 
  {
    font-family: var(--font-family-medium);
    color: var(--color-violet);
    font-size: var(--font-size-20px);
    line-height: var(--line-height-31px);
    font-weight: normal;
  }
}
@media screen and (min-width:415px) and (max-width:440px) 
{
  .slick-prev.slick-arrow
  {
    left: 66.3% !important;
  }  
}
@media screen and (min-width:441px) and (max-width:520px) 
{
  .slick-prev.slick-arrow
  {
    left: 68.3% !important;
  }  
}
@media screen and (min-width:521px) and (max-width:767px) 
{
  .slick-prev.slick-arrow
  {
    left: 71.3% !important;
  }  
}



@media screen and (min-width:0px) and (max-width:767px)
{
  .home .banner .banner_text
  {
    padding: 1rem !important;
  }
  .remote_video .banner_text h6,
  .remote_video .banner_text p
  {
    display: none;
  }
  .image .banner_text .logo_banner_image
  {
    margin-bottom:5px !important;
  }
  .image .banner_text .title p
  {
    margin-bottom: 0px !important;
  }
  .image .banner-image
  {
    min-height: auto !important;
  }
  .image .logo_banner_image
  {
    width: 30px !important;
  }
  .image .banner_text .title
  {
    font-size: 18px !important;
    line-height: 28px !important;
    margin-bottom: 0px !important;
  }
  .image .banner_text
  {
    width: 100% !important;
  }
  .home .banner .banner_text h2 span
  {
    font-size: 18px !important;
  }
  .home .banner .banner_text h6 span
  {
    font-size: 15px !important;
  }
  .open_application .title-open-application
  {
    text-align: left !important;
  }
  .qhse .download
  {
    text-align: center !important;
  }
  .home .videos-block a
  {
    padding-left: 30px;
  }
  .vacancy_card_row .card
  {
    height: auto !important;
  }
  .services_card
  {
/*    min-height: 28rem;*/
    min-height: fit-content !important;
  }
  .site-footer .container-fluid,
  header .container-fluid
  {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .banner .image
  {
    height: 400px !important;
  }
  .product .product_content
  {
    justify-content: center;
    text-align: center;
  }
  .product_sheet,
  .safety_sheet
  {
    justify-content: center;
  }
  .product_sheet
  {
    margin: 0.5rem 2rem;
  }
  .safety_sheet
  {
    margin: 0.5rem 1.3rem;
  }
  .pt-05
  {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .home_card
  {
    min-height:389px;
  }
  .card_img_top
  {
    height: auto !important;
    padding-bottom: 0px !important;
  }
  .company_history_img
  {
    height:auto ;
  }
  .collapse-wrapper-product:not(.collapsed) .collapse_button::after
  {
      content: "\f106" !important;
      font-family: FontAwesome;
      color: var(--color-orange);
  }
  .collapse-wrapper-product .collapse_button::after
  {
      content: "\f107" !important;
      font-family: FontAwesome;
      color: var(--color-orange);
  }
  .path-search form#search-form,
  .path-search div#block-tnb-local-tasks,
  .path-search h2
  {
    margin: 1rem 1.5rem !important;
  }
  .search-results.node_search-results
  {
    padding-right: 1.5rem !important;
    padding-left: 0rem !important;
  }
  .search-form div#edit-basic
  {
    display: flex;
    align-items: flex-end;
    margin: 1rem 0;
  }
  .search-form div#edit-basic form .container-inline label
  {
    margin-bottom: 10px !important;
  }
  .pad-left-0px
  {
    padding-left: 0px !important;
  }
  .social_media a
  {
    padding: 0px !important;
    float: right;
  }
  .top_navigation .social_media a .fa
  {
    margin-right: 0px !important;
  }
  .client_login, .country_dropdown, .email
  {
    margin-left: 0px !important;
    width: 50% !important;
    float: left;
    margin-bottom: 1rem;
  }
  .social_media
  {
    width: 100%;
    margin-bottom: 0.5rem;
    float: left;
    margin-left: 0px !important;
  }
  .country_dropdown .btn-group
  {
    float: right;
  }
  .mobile_number
  {
    margin-left: 0px !important;
    width: 50% !important;
    float: left;
    margin-bottom: 1rem;
    display: flex;
    justify-content: end;
  }
  .company_values .row + .row
  {
    margin-bottom: 0px !important;
  }
  .content-text,
  .padding_mobile
  {
    padding: 1rem !important;
  }
  .padding_mobile_top
  {
    padding: 0.5rem 1rem !important;
    margin: 0px !important;
  }
  .padding__0px_mobile
  {
    padding-top:0px !important;
  }
  .image_container_values
  {
    margin: auto !important;
  }
  .content_center,
  .misson_vision .mission_image
  {
    text-align: center;
  }
  .key_row .row .col-md-6,
  .key_row .row
  {
    border: none !important;
  }
  .our_plant .right_content,
  .misson_vision .mission_image,
  .card_img_top_services,
  .vacancies_content
  {
    height: auto !important;
  }
  .gx-5
  {
    --bs-gutter-x:0rem !important
  }
  .region.region-footer-first,
  .region.region-footer-second,
  .region.region-footer-third,
  .address
  {
    width: 100% !important;
    padding-bottom: 2rem !important;
  }
  .region.region-footer-fourth
  {
    padding-bottom: 0rem !important;
  }
  .site-footer__top.clearfix
  {
    flex-direction: column;
    text-align: center;
  }
  .region.region-footer-fifth
  {
    flex-direction: column;
    text-align: center;
  }
  .services_avail,
  .vacancy_card .vacancy_card_row .col-md-6,
  .margin_bottom,
  .own_brand div#edit-actions,
  .solliciteer_button
  {
    margin-bottom: 1rem;
  }
  .services_available .row,
  .vacancy_card .vacancy_card_row,
  .margin_bottom_0px
  {
    margin-bottom: 0px !important;
  }
  .margin_top_0px
  {
    margin-top: 0px !important;
  }
  .margin-top_3rem
  {
    margin-top:1rem ;
  }
  .text-align-left
  {
    text-align: left !important;
  }
  div#account-request-popup div#edit-actions
  {
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .own_brand div#edit-actions, .contact_page.body_color div#edit-actions, .open_application div#edit-actions,
  .own_brand .captcha, .contact_page.body_color .captcha, .open_application .captcha,
  .job_description .captcha,
  div#account-request-popup .captcha,
  .user-login-wrapper .captcha,
  .msds .captcha,
  .open_application_form div[id^=edit-actions]
  {
    width: 100%;
  }
  .spb_top_right
  {
    width: 365px !important;
    padding: 1rem 2rem !important;
  }
  div#account-request-popup, div#account-request-popup a
  div[id^=edit-actions]
  {
    margin-top: 1rem;
  }
  div#edit-cv label.button.button-action.webform-file-button
  {
    padding: 5px 15px;
  }
  div#edit-cv label.button.button-action.webform-file-button
  {
    top: 6px !important;
  }
  .navbar-brand img,
  .navbar-brand
  {
    margin-right: 0px !important;
  }
  .navbar-brand
  {
    justify-content: center;
  }
  .footer_logo
  {
    /* width: 100%; */
    text-align: center;
    float: none !important;
  }
  .products_page_padding
  {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .padding_bottom_0px
  {
    padding-bottom: 0px !important;
  }
  .padding_left_0px
  {
    padding: 1.5rem !important;
  }
  .mobile_width_col_1
  {
    width: 10%;
  }
  .mobile_width_col_2
  {
    width: 90%;
  }
 /* .site-footer__bottom
  {
    height: 245px !important;
  }
  */
  /*.site-footer .navbar-brand img
  {
    height: 90px;
    position: absolute;
    right: 20px;
    top: 5rem;
  }
  */
  .home-path .content-text .node--content
  {
    width: 100% !important;
  }
  div#account-request-popup div[id^=edit-actions]
  {
    width: 100%;
  }
  div#account-request-popup div[id^=edit-actions] input#edit-submit
  {
    float: right;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .spb-controls
  {
    right: 12px !important;
    top:25px;
  }
  .padding_bottom_1
  {
    padding-bottom: 1rem !important;
  }
  .company_history_img
  {
    padding-left: 1rem;
  }
  .year::before
  {
    height: 1px;
    background-color: var( --border-light-gray);
    color: var( --border-light-gray);
    width: 20px;
    position: absolute;
    content: "";
    left: 0px;
    margin-top: 14px;
  }
  .margin-bottom-3
  {
    margin-bottom:1rem !important;
  }
  .image_container_contact
  {
    margin: auto !important;
  }
  .sales_support_col_right
  {
    text-align: center !important;
  }
  .mobile_col
  {
    justify-content: center !important;
  }
}
@media screen and (min-width:0px) and (max-width:992px)
{
  .navbar-collapse nav#block-absoluteyouwebsite-mainnavigation .navbar-nav .nav-item
  {
	  text-align:center;
  }

  div#block-languageswitcherbootstrap .dropdown-menu
  {
    left: 0px !important;
    will-change: transform;
    min-width: 8.1rem !important;
  }
  header .navbar .container-fluid
  {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  nav.navbar.navbar-expand-lg
  {
    height: 85px !important;
  }
  .main_navigation .region.region-nav-main
  {
    justify-content: center !important;
  }
  .main_navigation .nav-item
  {
    padding: 0.3rem !important;
  }
  .main_navigation .nav-item .nav-link
  {
    color: var(--color-white) !important;
  }
  header a.nav-item.nav-link.active.is-active
  {
    border-bottom: 1px solid var(--color-white) !important;
    display: inline-block;
  }
  .navbar
  {
    padding: 0px !important;
  }
  header .region.region-nav-branding
  {
    padding-left: 2rem;
  }
  .navbar-light .navbar-toggler
  {
    margin-right: 1rem;
  }
  .navbar-light .navbar-toggler:focus
  {
    box-shadow: none;
  }
  header div#navbarSupportedContent
  {
   /* background-color: var(--title-color) !important;*/
    padding: 1rem 0px;
  }
  header
  {
    z-index:9999;
  }
  .search
  {
    padding: 1rem;
  }
  .navbar-light .navbar-toggler
  {
    border-color: var(--title-color) !important;
  }
  .reverse_flex
  {
    flex-direction: column-reverse;
  }
  .qhse .download
  {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width:768px) and (max-width:1023px)
{
  .home .banner .banner_text h2 span
  {
    font-size: 27px !important;
  }
  /* .site-footer__bottom
  {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .region.region-footer-fifth
  {
    flex-direction: column;
  } */
  .margin-ipad,
  .ipad_spacing
  {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .card_img_top_services,
  .vacancies_content
  {
    height: auto !important;
  }
  .our_plant_image
  {
    height: 330px !important;
  }
  .vacancy_card_row .vacancy_card_desc
  {
    min-height:9rem;
  }
  .card_img_top
  {
    height: auto !important;
    padding-bottom: 0px !important;
  }
  /* .vacancy_title
  {
    min-height: 5rem;
  } */
  .mission_image,
  .qhse_image_align,
  .vacancies_content
  {
    text-align: center;
  }
  .services_card
  {
    /*min-height: 31rem;*/
    min-height: fit-content !important;
  }
  .site-footer .container-fluid,
  header .container-fluid
  {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .product_sheet_image
  {
    background-image: url(../css/images/stack.svg);
    background-position: center;
    background-size: 18px;
    width: 42px;
    height: 25px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  .margin_bottom_0
  {
    margin-bottom: 0px !important;
  }
  .margin-bottom-3rem
  {
    margin-bottom:1.5rem !important;
  }
  /* .home_card
  {
    min-height: 493px;
  } */
  .vacancy_card_row .card
  {
    height: 340px;
  }
  /* .vacancy_card_row .card .vacancy_title
  {
    min-height: 6rem;
  } */
  .search-results.node_search-results
  {
    padding-left: 3rem;
  }
  .own_brand .right_content,
  .our_plant .right_content
  {
    margin-top: 1rem;
    text-align: center !important;
  }
  .margin-top_3rem
  {
    margin-top:1rem ;
  }
  .qhse .download
  {
    margin-bottom: 2rem;
    text-align: center;
  }

  .padding_top_0px
  {
    padding-top: 0px !important;
  }
  /* .open_application_form .captcha,
  .open_application_form div#edit-actions
  {
    width: 100% !important;
  } */
  .padding_0px
  {
    padding-bottom: 0px !important;
  }
  .year::before
  {
    height: 1px;
    background-color: var( --border-light-gray);
    color: var( --border-light-gray);
    width: 50px;
    position: absolute;
    content: "";
    left: 0px;
    margin-top: 16px;
  }
  .solliciteer_button
  {
    margin-bottom: 1rem;
  }
  .banner_image
  {
    width: 400px;
  }
}
@media screen and (min-width:0px) and (max-width:1023px)
{
  .home .banner .banner_text
  {
    width: 100%;
    padding: 2rem;
  }
  .job_description .apply_button_vacancy
  {
    text-align: center;
  }
  .own_brand div#edit-actions, .contact_page.body_color div#edit-actions, .open_application div#edit-actions, .job_description div#edit-actions, .user-login-wrapper div#edit-actions, .msds div[id^=edit-actions], .open_application_form div[id^=edit-actions],
  .own_brand .captcha, .contact_page.body_color .captcha, .open_application .captcha, .job_description .captcha, div#account-request-popup .captcha, .user-login-wrapper .captcha, .msds .captcha, .open_application_form .captcha
  {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .home .videos-block
  {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .minimun_height
  {
    min-height: auto !important;
  }
  .history_highlights::before
  {
    height: 100%;
    background-color: var( --border-light-gray);
    color: var( --border-light-gray);
    width: 1px;
    position: absolute;
    content: "";
    top: -10px;
  }
  .history_highlights .year p,
  .history_highlights .event p
  {
    margin-bottom: 0px !important;
  }
  .company_history
  {
    position: relative;
  }
  /* .company_history .history_highlights:last-child::before
  {
    height: 60% !important;
  } */

  .open_application_form
  {
    margin-top: 1rem;
  }
  .own_brand div#edit-actions,
  .solliciteer_button
  {
    margin-bottom: 1rem;
  }
  .search-results.node_search-results
  {
    margin: 0px !important;
  }
  div#block-tnb-search-form
  {
    justify-content: center;
  }
  }
@media screen and (min-width:1024px) and (max-width:1399px)
{
  .card_img_top
  {
    height: fit-content;
  }
  header .region.region-nav-branding
  {
    width: 15% !important;
  }
  .market_customer .col-md-6:last-child img
  {
    width: 22px !important;
    height: 26px !important;
  }
  /* .vacancy_title
  {
    min-height: 4rem;
  } */
  /* .card_img_top_services
  {
    height: 180px;
  } */
}
@media screen and (min-width:1024px) and (max-width:1200px)
{
  /* .card_img_top_services
  {
    height: 180px;
  } */
  .card_img_top
  {
    height: fit-content;
  }
  .vacancy_card_row .vacancy_card_desc
  {
    min-height: 6rem !important;
  }
  .navbar-expand-lg .navbar-nav .nav-item
  {
    padding: 0px 3px;
  }
  .search #search-block-form input[type=search]
  {
    width: 125px !important;
  }
  .navbar-expand-lg .navbar-nav .nav-item .nav-link
  {
    font-size: 14px !important;
  }
  .left_images_1
  {
    height: 60px !important;
  }
  .image_container_contact {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--button-bg-color);
    width: 55px;
    margin: auto;
    border-radius: 50%;
}
.products_card
  {
    min-height: 515px !important;
  }
}
@media screen and (min-width:1200px) and (max-width:1399px)
{
  .navbar-expand-lg .navbar-nav .nav-item
  {
    padding: 0px 8px;
  }
  .image_container_values
  {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--button-bg-color);
    width: 60px;
    /* margin: auto; */
    border-radius: 50%;
  }
  .left_images_1
  {
    height: 70px !important;
  }
  .products_card
  {
    min-height: 520px !important;
  }
  .services_card
  {
/*    height: 32rem !important;*/
    height: fit-content !important;
  }

}
@media screen and (min-width:1400px)
{
  .ervices_card
  {
   /* height: 30rem !important;*/
    height: fit-content !important;
  }

}
.form-item--error-message a
{
  display: none !important;
}
.form-item--error-message::before
{
  display: none !important;
}
.form-item--error-message
{
  color: red !important;
  font-size: var(--font-size-16px);
  font-weight: 100 !important;
}
.path-user .alert
{
  margin-bottom: 0px !important;
}
@media screen and (min-width:0px) and (max-width:375px)
{
  .embed-container
  {
    --video--height:495 !important;
  }
  .remote_video .logo_banner_image 
  {
    width: 35px !important;
    margin: auto;
  }
  .remote_video .banner_text h2.title
  {
    margin: 0px !important;
  }
  .remote_video .background-color .banner_text .logo_banner_image
  {
    margin-bottom: 0px !important;
  }
}
@media screen and (min-width:376px) and (max-width:767px)
{
  .embed-container
  {
    --video--height:490 !important;
  }
  .remote_video .background-color .banner_text .logo_banner_image
  {
    margin-bottom: 0px !important;
  }
  .remote_video .logo_banner_image 
  {
    width: 35px !important;
    margin: auto;
  }
}
@media screen and (min-width:0px) and (max-width:767px) and (orientation: portrait)
{
  header .navbar
  {
    position: relative;
  }
  header .navbar .navbar-toggler
  {
    position: absolute;
    right: 0;
  }
  .logo-top-navigation
  {
    position: relative;
    top: -1rem;
  }
}
@media screen and (min-width:0px) and (max-width:767px)
{
  header .navbar
  {
    position: relative;
  }
  header .navbar .navbar-toggler
  {
    position: absolute;
    right: 0;
    top: 22px;
  }
  header .navbar .navbar-collapse
  {
   /* position: relative;
    top: 85px;
    */
  }
  .logo-top-navigation
  {
    position: relative;
    top: -25px;
  }
  header .container-fluid,
  .top_navigation
  {
    padding-bottom: 0px !important;
  }
}