@media only screen and (min-width:0px) and (max-width:400px) {}

@media only screen and (min-width:0px) and (max-width:1024px) {
    /***
  **Header
  **/
    .whole-header-top {
        min-height: inherit;
        height: 50px;
    }
    header .header-area {
        padding: 10px 20px;
        position: relative;
    }
    .mobile-header-button {
        display: block;
        min-width: 70px;
    }
    .mobile-header-button .mobile-search-button {
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 20px;
        cursor: pointer;
    }
    .mobile-header-button .mobile-menu-button {
        width: 25px;
        height: 25px;
        float: left;
        cursor: pointer;
    }
    .mobile-header-button .mobile-search-button span,
    .mobile-header-button .mobile-menu-button span {
        width: 100%;
        height: 100%;
    }
    .mobile-header-button .mobile-search-button .open {
        display: block;
        background: url(../images/icons/search-icon.svg) no-repeat 50% 50%;
    }
    .mobile-header-button .mobile-menu-button .open {
        display: block;
        background: url(../images/icons/menu-icon.svg) no-repeat 50% 50%;
    }
    .mobile-header-button .mobile-search-button .close-button,
    .mobile-header-button .mobile-menu-button .close-button {
        display: none;
    }
    .apx-angularjs-selector-search-form {
        display: none;
    }
    body.search-open .mobile-header-button .mobile-search-button .close-button {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
        width: 20px;
        height: 50px;
        z-index: 10;
        background: url(../images/icons/closed-icon.svg) no-repeat 50% 50%;
    }
    body.mobile-open .mobile-header-button .mobile-menu-button .close-button {
        display: block;
        position: absolute;
        top: 0px;
        right: 20px;
        width: 20px;
        height: 50px;
        z-index: 9990;
        background: url(../images/icons/menu-close.svg) no-repeat 50% 50%;
    }
    body.search-open .apx-angularjs-selector-search-form {
        display: block;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #004282;
        margin: 0px;
        max-width: 100%;
        padding: 7px 20px;
        z-index: 10;
    }

    .apx-angularjs-selector-search-form .form-actions {
        left: 20px;
    }
    .apx-angularjs-selector-search-form .form-item .form-text {
        padding: 5px 50px 5px 21px;
    }
    .header-right ul.menu.menu--account.navbar-right,
    .header-right ul.menu--user-anonymous,
    .header-right ul.menu--languages {
        display: none;
    }
    .header-area .header-logo ul li:first-child img {
        max-width: 67px;
    }
    .header-area .header-logo ul li:last-child img {
        max-width: 78px;
    }
    .whole-header-bottom {
        min-height: initial;
        min-height: 64px;
    }
    body.sticky-header header {
      position: relative;
    }
    .whole-header-bottom .header-area {
        overflow: hidden;
        padding-top: 15px;
        padding-bottom: 15px;
        min-height: 64px;
    }
    .whole-header-bottom .header-area .logo-area {
        flex: 1 84px;
        max-width: 84px;
        float: left;
    }
    .whole-header-bottom .header-area .logo-area img {
        max-width: 84px;
        height: auto;
    }
    .whole-header-bottom .header-area .menu-area {
        display: none;
    }
    .whole-header-bottom .header-area .header-product {
      flex: 1;
      text-align: right;
    }
    .whole-header-bottom .header-area .header-product .region-header-product {
      display: inline-block;
      vertical-align: middle;
    }

    .header-product ul.menu--header li a {
      padding: 10px 15px 10px;
      font-size: 11px;
      line-height: 11px;
      font-weight: 800;
      height: auto;
      margin: 2px 0px 2px 5px;
      display: inline-block;
      vertical-align: middle;
    }

    .header-product ul.menu--header li {
      float: none;
      display: inline-block;
      vertical-align: middle;
    }

    /**
    ** Menu
    **/
    .whole-header-top .header-area .header-right .block-views-blockmenu-block-block-mobile {
        width: 100%;
        display: none;
        position: absolute;
        z-index: 1110;
        top: 0px;
        left: 0px;
        padding-top: 45px;
        background: #004C97;
    }
    body.mobile-open .whole-header-top .header-area .header-right .block-views-blockmenu-block-block-mobile {
        display: block;
    }
    .block-views-blockmenu-block-block-mobile .form-group {
        width: 100%;
        margin: 0px;
    }
    .mobile-account-language-wrapper>ul.account,
    .mobile-account-language-wrapper>ul.anonymous,
    .mobile-account-language-wrapper>ul.languages {
        margin-left: 30px;
        margin-right: 30px;
        overflow: hidden;
    }
    .header-right ul.menu li,
    .mobile-account-language-wrapper ul li {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .header-right ul.menu.menu-level-0>li>a,
    .mobile-account-language-wrapper>ul>li>a,
    .mobile-account-language-wrapper>ul.languages>li>span,
    .mobile-account-language-wrapper>ul.account>li>span {
        width: 100%;
        padding: 26px 10px 22px 10px;
        font-size: 15px;
        line-height: 22px;
        color: #ffffff;
        font-family: 'Gothic A1', sans-serif;
        font-weight: 700;
        display: block;
        border-right: 0px;
        margin-right: 0px;
        text-decoration: none;
        border-bottom: 1px solid #0277BD;
    }
    .header-right ul.menu.menu-level-0 {
        margin-left: 0px;
        margin-right: 0px;
        overflow: hidden;
    }
    .header-right ul.menu.menu-level-0>li>a {
        margin-left: 30px;
        margin-right: 30px;
        width: auto;
    }
    .header-right ul.menu.menu-level-0 span.plus-minus-button {
        margin-right: 30px;
    }
    .mobile-account-language-wrapper>ul.account>li>span {
        margin: 0px;
    }
    .header-right ul.menu li.open-dropdown>a,
    .mobile-account-language-wrapper ul li span.plus-minus-button {
        border-bottom: 0px;
    }
    .mobile-account-language-wrapper>ul.languages>li>span {
        padding-left: 70px;
        border-bottom: 0px;
        background: url(../images/icons/web-language.svg) no-repeat 40px 50%;
    }
    .header-right ul.menu li .plus-minus-button {
        width: 60px;
        height: 70px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 100;
        text-align: right;
        cursor: pointer;
    }
    .header-right ul.menu li .plus-minus-button .plus-minus-icon {
        width: 14px;
        height: 14px;
        display: none;
        cursor: pointer;
        background: url(../images/icons/plus.svg) 50% 100%;
        float: right;
        margin-top: 30px;
    }
    .mobile-account-language-wrapper ul li .plus-minus-button .plus-minus-icon {
        margin-top: 4px;
    }
    .header-right ul.menu.menu-level-0 li .plus-minus-button.active .plus-minus-icon {
        height: 2px;
        margin-top: 36px;
        background: url(../images/icons/minus-icon.svg) 50% 50%;
    }

    .header-right ul.menu li .plus-minus-button:before {
      content: "";
      position: absolute;
      top: 0px;
      bottom: 0px;
      width: 2px;
      height: 14px;
      background: #fff;
      margin: auto;
      display: inline-block;
      right: 6px;
    }
    .header-right ul.menu li .plus-minus-button:after {
      content: "";
      position: absolute;
      top: 0px;
      bottom: 0px;
      width: 14px;
      height: 2px;
      background: #fff;
      margin: auto;
      display: inline-block;
      right: 0px;
    }
    .header-right ul.menu li .plus-minus-button.active:before {
      opacity: 0;
    }

    .header-right ul.menu.menu-level-1 li .plus-minus-button {
        height: 36px;
    }
    .header-right ul.menu.menu-level-1 li .plus-minus-button .plus-minus-icon {
        margin-top: 10px;
    }
    .header-right ul.menu.menu-level-1 li .plus-minus-button.active .plus-minus-icon {
        margin-top: 16px;
    }
    .header-right ul.menu.menu-level-1,
    .header-right ul.menu.menu-level-2 {
        display: none;
        width: 100%;
    }
    .header-right ul.menu.menu-level-1 li a,
    .mobile-account-language-wrapper ul li ul li a,
    .mobile-account-language-wrapper>ul.languages>li>ul>li.expanded>span {
        padding: 0px;
        font-family: 'Gothic A1', sans-serif;
        font-weight: 700;
        color: #fff;
        margin: 7px 0px 7px 70px;
        border-right: 0px;
        font-size: 15px;
        line-height: 22px;
        display: block;
    }
    .mobile-account-language-wrapper ul li ul li a {
      margin-left: 40px;
    }
    .header-right ul.menu.menu-level-1,
    .header-right ul.menu.menu-level-2 {
        overflow: hidden;
    }
    .header-right ul li.open-dropdown ul.menu.menu-level-1 {
        margin-bottom: 0px;
    }
    .header-right ul.menu.menu-level-2 li a,
    .mobile-account-language-wrapper ul li ul li ul li a {
        padding: 6px 30px 6px 100px;
        font-family: 'Gothic A1', sans-serif;
        font-weight: 400;
        margin: 0px;
        border-right: 0px;
        font-size: 15px;
        line-height: 22px;
        display: block;
    }
    .header-right ul.menu.menu-level-2 li.menu-item--active-trail a.is-active {
        background: #0575E4;
    }
    .block-views-blockmenu-block-block-mobile .mobile-account-language-wrapper {
        width: 100%;
        overflow: hidden;
    }
    .block-views-blockmenu-block-block-mobile .mobile-account-language-wrapper .caret,
    .mobile-account-language-wrapper>ul.account li.last,
    .header-right .block-views-blockmenu-block-block-mobile ul li ul.menu .field--items {
        display: none;
    }
    .mobile-account-language-wrapper ul ul.dropdown-menu li.last {
      display: block;
    }
    .block-views-blockmenu-block-block-mobile .mobile-account-language-wrapper ul li ul {
        width: 100%;
        display: none;
        position: relative;
        box-shadow: none;
        border: 0px;
        top: auto;
        overflow: hidden;
        padding-bottom: 10px;
    }
    .mobile-account-language-wrapper>ul>li.dropdown>a,
    .mobile-account-language-wrapper>ul>li>span.dropdown-toggle,
    .mobile-account-language-wrapper>ul.languages>li>span,
    .mobile-account-language-wrapper>ul.languages>li>ul>li.expanded>span {
        width: 90%;
        height: 71px;
        float: left;
    }
    .mobile-account-language-wrapper ul li span.plus-minus-button,
    .mobile-account-language-wrapper ul.languages li ul li.expanded span.plus-minus-button {
        width: 10%;
        float: left;
        height: 71px;
        display: block;
        cursor: pointer;
        border-bottom: 1px solid #0277BD;
        padding: 0px;
    }
    .mobile-account-language-wrapper ul.account li.open-dropdown span,
    .mobile-account-language-wrapper ul li.open-dropdown a,
    .mobile-account-language-wrapper ul li.open-dropdown span.plus-minus-button {
        border-bottom: 0px;
    }
    .mobile-account-language-wrapper>ul.languages>li>ul>li.expanded>span {
        margin-left: 0px;
        height: auto;
        padding-left: 70px;
    }
    .mobile-account-language-wrapper ul.languages li ul li.expanded span.plus-minus-button {
        height: 23px;
        border-bottom: 0px;
        padding-right: 30px;
    }
    .mobile-account-language-wrapper>ul.languages>li>span.plus-minus-button {
        border-bottom: 0px;
        background: none;
        padding-right: 30px;
    }
    .mobile-account-language-wrapper ul li .plus-minus-button .plus-minus-icon {
        width: 14px;
        height: 100%;
        display: none;
        float: right;
        margin-top: 0px;
        background: url(../images/icons/plus.svg) 50% 50%;
        background-repeat: no-repeat;
    }
    .mobile-account-language-wrapper ul li .plus-minus-button.active .plus-minus-icon {
        height: 100%;
        background: url(../images/icons/minus-icon.svg) 50% 50%;
        background-repeat: no-repeat;
    }
    .mobile-account-language-wrapper ul li .plus-minus-button {
      position: absolute;
      right: 0px;
      top: 0px;
    }
    .mobile-account-language-wrapper ul.languages li .plus-minus-button {
        right: 30px;
    }
    .mobile-account-language-wrapper ul li .plus-minus-button:before {
      content: "";
      position: absolute;
      top: -1px;
      bottom: 0px;
      width: 2px;
      height: 14px;
      background: #fff;
      margin: auto;
      display: inline-block;
      right: 6px;
    }
    .mobile-account-language-wrapper ul li .plus-minus-button:after {
      content: "";
      position: absolute;
      top: -1px;
      bottom: 0px;
      width: 14px;
      height: 2px;
      background: #fff;
      margin: auto;
      display: inline-block;
      right: 0px;
    }
    .mobile-account-language-wrapper ul li .plus-minus-button.active:before {
      opacity: 0;
    }

    .mobile-account-language-wrapper>ul.languages {
        margin-left: 0px;
        margin-right: 0px;
    }
    .mobile-account-language-wrapper ul .dropdown-menu {
        position: relative;
        padding: 0px;
        margin: 0px;
        background: none;
        border: 0px;
        border-radius: 0px;
        box-shadow: none;
    }
    .mobile-account-language-wrapper .dropdown-menu>.active>a,
    .mobile-account-language-wrapper .dropdown-menu>.active>a:hover,
    .mobile-account-language-wrapper .dropdown-menu>.active>a:focus,
    .mobile-account-language-wrapper .dropdown-menu>li>a:hover,
    .mobile-account-language-wrapper .dropdown-menu>li>a:focus,
    .mobile-account-language-wrapper ul li a {
        background: none;
        color: #ffffff;
    }
    .mobile-account-language-wrapper ul li ul li ul li a {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding: 6px 30px 6px 100px;
    }
    .mobile-account-language-wrapper ul li ul li ul li a.language-active {
        font-weight: 700;
        background: #0575E4 url(../images/icons/checked.svg) no-repeat 70px 50%;
    }
    body.user-logged-in .mobile-account-language-wrapper ul.anonymous {
        display: none;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .whole-header-bottom {
        height: 80px;
    }
    .whole-header-bottom .header-area {
        display: flex;
        height: 80px;
    }
    .whole-header-bottom .header-area .logo-area {
      flex: 1;
      max-width: 100%;
    }

    .whole-header-bottom .header-area .header-product {
      flex: 1;
      text-align: right;
    }
    .whole-header-bottom .header-area .header-product .region-header-product {
      display: inline-block;
      vertical-align: middle;
    }
    #breadcrumb-area .breadcrumb li a {
        padding-left: 20px;
    }
    .sliderContainer button.slick-next,
    .sliderContainer button.slick-prev {
        width: 30px;
        height: 30px;
    }
    #maindiv {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
        margin-bottom: 60px;
    }
    h1 {
        font-size: 25px;
        line-height: 45px;
    }
    h2 {
        font-size: 20px;
        line-height: 30px;
    }
    /***
  **Footer
  **/
    .whole-footer-area .container {
        width: 94%;
        margin: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    /***
*** Main Content
**/
    .slider-home-content.container,
    body.path-frontpage .quadrants-bloc-x3-image-with-label,
    body.path-frontpage .paragraph--type--bodyblocs > div,
    .Quadrants-block-4-heading-text,
    .quadrant-bloc-x4-icon-with-button,
    h2.text-center.our-solution,
    .featured-blog-section .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    /***
  **Banner
  **/
    body.path-frontpage .sliderContainer {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
    }
    .slider-home-text.col-sm-6 {
        padding-left: 35px;
    }
    .slider-home-content h3 {
        font-size: 25px;
    }
    .slider-home-content h1 {
        font-size: 1em;
        line-height: 1.5em;
    }
    .slider-home-content .button a {
        width: auto;
        min-width: 150px;
    }
    .slider-home-content .button a:first-child {
        margin-right: 20px;
    }
    /***
  *** Bar code
  **/
    .quadrants-bloc-x3-image-with-label {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .paragraph--type--custom-block ul.quadrants li,
    .quadrants-bloc-x3-image-with-label ul.quadrants li {
        width: 30.8%;
    }
    .paragraph--type--custom-block ul.quadrants li:nth-child(2),
    .quadrants-bloc-x3-image-with-label ul.quadrants li:nth-child(2),
    .wrapper .view-product-related-articles:nth-child(2) {
        margin-left: 2%;
        margin-right: 2%;
    }

    .Quadrants-block-4-heading-text h2 {
        font-size: 30px;
    }
    body.path-frontpage .field--item .field h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .quadrant-bloc-x4-icon-with-button {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    /**
  ** product selector icon
  **/
    .quadrant-bloc-x4-icon-with-button ul li:nth-child(3) {
        margin-right: 2%;
    }
    .quadrant-bloc-x4-icon-with-button ul li {
        width: 23%;
        margin-right: 2%;
    }
    .quadrant-bloc-x4-icon-with-button ul li:nth-child(2) {
        margin-left: 0px;
        margin-right: 2%;
    }
    .quadrant-bloc-x4-icon-with-button ul li:nth-child(3) {
        margin-right: 2%;
    }
    .quadrant-bloc-x4-icon-with-button ul li:last-child {
        margin-right: 0%;
    }
    .quadrants-bloc-x3-image-with-label ul.quadrants li .field--name-field-image {
        height: 310px;
    }
    .quadrants-bloc-x3-image-with-label ul.quadrants li a {
        font-size: 22px;
    }
    .quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-button a {
        width: auto !important;
        min-width: 130px;
        max-width: 200px;
        margin-bottom: 30px !important;
    }
    .paragraph--type--custom-block {
        max-width: 1320px;
        padding-bottom: 0px;
    }
    .quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-icon img {
        max-width: 90px;
    }
    .paragraph--type--custom-block ul.quadrants li a {
        font-size: 15px;
    }
    .paragraph--type--custom-block ul.quadrants li .field--name-field-image {
        height: 310px;
    }
    .paragraph--type--custom-block ul.quadrants li .field--name-field-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /**
  ** Blog section
  **/
    .featured-blog-section {
        padding: 30px 0px;
    }
    .view-blog.view-display-id-block_featured {
        padding-top: 25px;
    }
    .view-blog.view-display-id-block_featured .views-row .views-field {
        padding: 0 10px;
    }
    .view-blog .views-row:last-child {
        margin-right: 0px;
    }
    .paragraph--type--body .field--name-field-body h2,
    .body-bloc-text-50-image-50-with-background,
    .body-bloc-image-50-text-50-with-background,
    .legal-notice-text,
    .body-bloc-text-50-image-50,
    .body-bloc-image-50-text-50 {
        margin-top: 40px;
    }

    .contact-cart-block {
        margin-top: 27px;
        word-break: break-all;
    }

    #sidebar-first-area ul li.dropdown ul.dropdown-menu li a {
        font-size: 15px;
    }
    .body-bloc-text-50-image-50 .body-bloc-text-50 h2,
    .body-bloc-image-50-text-50 .body-bloc-text-50 h2,
    .body-bloc-text-50-image-50-with-background .body-bloc-text-50 h2,
    .body-bloc-image-50-text-50-with-background .body-bloc-text-50 h2 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
    }
    .owl-carousel .paragraph--type--slide .field--type-text-long h1 {
        max-width: 100%;
        line-height: 45px;
        margin-bottom: 25px;
    }
    .owl-carousel .paragraph--type--slide .field--type-text-long p {
        max-width: 100%;
    }
    .page-node-type-product-display #breadcrumb-area .breadcrumb {
        padding: 0px 20px;
    }
    .whole-product-header-bottom .industries-and-applications {
        padding: 20px;
    }
    .page-node-type-product-display .view-industries-and-applications > .view-content
    {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    }
    .page-node-type-product-display .view-industries-and-applications .views-row {
        width: 20%;
    }
    .page-node-type-product-display .view-industries-and-applications .views-field-name {
        font-size: 12px;
        line-height: 18px;
    }
    .whole-product-header-bottom .industries-and-applications .views-field.views-field-name {
        font-size: 12px;
    }
    .page-node-type-product-display .product-info .ui-tabs .ui-tabs-panel {
        padding: 30px;
    }
    .page-node-type-product-display .product-info .ui-state-default,
    .page-node-type-product-display .product-info .ui-widget-content .ui-state-default,
    .page-node-type-product-display .product-info .ui-widget-header .ui-state-default {
        width: 19%;
        display: inline-grid;
    }
    .page-node-type-product-display .product-info .ui-state-default:last-child {
        width: 24%;
    }
    .page-node-type-product-display .product-info .ui-state-active a,
    .page-node-type-product-display .product-info .ui-tabs-tab a:link {
        font-size: 14px;
    }
    .page-node-type-product-display #tabs-overview .paragraph--type--body .field--name-field-body h2 {
        padding: 0px 0px 10px;
    }
    .view-success-stories.view-display-id-block_product .views-row,
    .view-similar-products .views-row,
    .view-similar-products .view-header,
    .view-success-stories .view-header,
    .recent-viewed-products,
    .recent-viewed-products .recent-view-item {
        margin-top: 30px;
    }
    .view-product-selector.product-selector-comparison ul li ul li label {
        max-width: unset;
        padding: 5px 20px;
        word-break: break-all;
    }
    .view-product-selector section .view-content .comparison .comparison-button-wrapper .comparison-button input.compare {
        margin-left: 0px;
    }
    .view-product-selector section .view-content .comparison .comparison-button-wrapper .comparison-button input,
    .view-product-selector section .view-content .comparison .comparison-button-wrapper .comparison-button input.compare {
        max-width: 150px;
        padding: 9px 30px;
        height: 40px;
        margin-left: 10px;
    }
    .view-product-selector.product-selector-comparison ul li.header .right .image-container {
        width: 175px;
        max-width: 175px;
        height: 180px;
        margin-right: 10px;
    }
    .apx-angularjs-selector-download-comparision-pdf {
        margin: 30px 0px 30px;
    }
    .view-product-selector section .result a {
        font-size: 0px;
    }
    .view-product-selector section .view-content .item-list-wrap .item {
        max-width: 100%;
        width: 100%;
        margin-right: 0px;
    }
    .view-product-selector section .view-content .item-list-wrap .item .item-content-box .image-container {
        overflow: hidden;
    }
    .page-node-type-product-display .resource-tab .animate-switch {
        height: auto;
    }
    .page-node-type-product-display .product-info .view-frequently-asked-questions .ui-state-default.views-field-title {
        width: 100%;
        display: inherit;
    }
    /********Product listing ********/
    body.path-taxonomy #breadcrumb-area .breadcrumb li a {
        padding-left: 20px;
    }
    .view-product-listing .view-header {
        width: 30%;
    }
    .view-product-listing .view-header .view-product-categories .view-content {
        padding-left: 0;
    }
    .view-product-listing .view-content {
        width: 70%;
        padding-left: 20px;
    }
    .product-listing-main .product-listing-right .product-listing-icons {
        display: none;
    }
    .product-listing-main .product-listing-icons-mobile {
      display: none;
      width: 100%;
      overflow: hidden;
    }

    /*/manufacturing page*/
    .body-bloc50-text-image {
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .paragraph--type--custom-block ul.quadrants li a.quadrant-bloc-x3-title {
        font-size: 14px !important;
    }

    .recent-blog-block .right-content-box .blog-title {
      font-size: 13px;
      line-height: 16px;
    }
    .recent-blog-block .right-content-box .blog-post-date {
      font-size: 14px;
    }
    .page-header {
        font-size: 30px;
        line-height: 40px;
    }
    #breadcrumb-area {
        margin-top: 20px;
    }
    .become-our-partner-bottom-block {
        margin-top: 25px;
    }
    .become-our-partner-bottom-block .image-box {
        padding: 45px 75px;
    }
    .whole-business-inquery-top-content {
        width: 100%;
        overflow: hidden;
    }
    .business-inquery-top-left-content,
    .business-inquery-bottom-left-content {
      padding-left: 25px;
    }
    .business-inquery-bottom-right-content,
    .webform-submission-business-inquiry-form,
    .business-inquery-top-right-content {
      width: 45%;
      padding-right: 25px;
    }
    .worldwide-offices {
      padding-left: 25px;
      padding-right: 25px;
    }
    .webform-submission-business-inquiry-form {
        float: left;
    }
    .business-inquery-top-left-content {
        width: 100%;
        overflow: hidden;
        margin-top: 30px;
    }

    .inquery-form-area .inquery-form-section .business-inquery-top-left-content {
      padding-left: 0px;
    }

    .slider-counter-container {
        padding: 50px 20px;
    }
    .slider-counter-container .slider-counter-nav-thumbnails .slick-slide {
        height: 20px;
    }
    .slider-counter-container .slider-counter .field--name-field-text p {
        font-size: 12px;
        line-height: 18px;
    }
    .slider-counter-container .slider-counter-nav-thumbnails {
        margin: 50px auto auto;
        padding: 0px 0px;
    }
	  .body-bloc-text {
        margin-top: 50px !important;
        margin-bottom: 0px !important;
    }
    .paragraph--type--body .field--name-field-body .downloads-left-content h2,
    .mobile-dropdown-list .views-exposed-form {
        margin-top: 0px;
    }
    #block-downloadsimagewithlink a {
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .view-blog.view-display-id-block_featured .views-field.views-field-view-node a {
        background: url(../images/arrow-blue.svg) no-repeat right 7px;
    }
    .paragraph--type--custom-block ul.quadrants li .quadrant-bloc-x3-image,
    .quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image,
        .view-product-related-articles .views-field-field-page-image,
        .view-product-related-articles .views-field-field-news-image,
        .view-product-related-articles .views-field-field-image
     {
        width: 100%;
        height: auto;
    }

    .quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image-button:after,
    .paragraph--type--custom-block ul.quadrants li .quadrant-bloc-x3-image-button:after {
        width: 100%;
    }
    .view-product-selector .view-filters p.keyword_block {
        max-width: 300px;
    }
    /************* Reduce font size for every page ***************************/
    /***
** Header
**/
    body {
        font-size: 1.8vw;
        line-height: 2.6vw;
    }
    .page-header {
        font-size: 2.5vw;
        line-height: 3.3vw;
    }
    h1,
    body.path-frontpage .field--items .field--item:nth-child(2) .field h2,
    body.path-frontpage .field--items .field--item .field h2,
    .field--item .body-bloc-heading-text h2,
    .field--item .body-bloc-text h2,
    .view.view-success-stories .view-header h1,
    .view.view-similar-products .view-header h1,
    .view.recent-viewed-products h1,
    .downloads-main-content .downloads-left-content h2,
    .content-bottom-area .block-views-blockrelated-articles-block-1 h2.block-title {
        font-size: 2.5vw;
        line-height: 3vw;
    }
    h2 {
        font-size: 2vw;
        line-height: 2.5vw;
    }
    .whole-header-top .header-area .header-logo {
        flex: 1 200px;
        max-width: 200px;
    }
    .header-area .header-logo ul li img {
        max-width: 85px;
    }
    .header-right ul.menu>li>a,
    .header-right ul.menu li span.navbar-text {
        font-size: 1.3vw;
    }
    ul.menu--languages>li>span {
        font-size: 1.3vw;
    }
    .whole-header-bottom .header-area .logo-area img {
        max-width: 125px;
    }
    /***
** Header Main Menu
**/
    .view-rich-menu ul#richnav>li>a {
        font-size: 1.5vw;
    }
    .view-rich-menu ul#richnav li ul li ul li>a {
        font-size: 1.8vw;
        line-height: 2.5vw;
        margin-bottom: 1vw;
    }
    .view-rich-menu ul#richnav li ul li ul li .menu-dropdown a {
        font-size: 1.5vw;
        line-height: 2vw;
    }
    .view-rich-menu ul#richnav li ul li ul li .menu-dropdown .field.field--items .field--item .field--name-field-title {
        font-size: 1.5vw;
    }
    /***
** Header Product button
**/
    /***
*** Main Content
**/
    .btn-primary,
    .btn-default,
    .btn-secondary {
        font-size: 1.8vw;
        line-height: 2.6vw;
    }
    #sidebar-first-area ul li a {
        font-size: 1.86vw;
    }
    #sidebar-first-area ul li.dropdown ul.dropdown-menu li a {
        font-size: 1.56vw;
    }
    .inquery-form-area .inquery-form-section .hbspt-form .actions input.hs-button {
        font-size: 1.8vw;
        line-height: 2.6vw;
        padding: 13px 0px;
    }
    /***
*** Bar code
**/
    .paragraph--type--custom-block ul.quadrants li,
    .quadrants-bloc-x3-image-with-label ul.quadrants li,
    .view-product-related-articles
     {
        width: 31.5%;
    }

    .paragraph--type--custom-block ul.quadrants li .field--name-field-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /**
** product selector icon
**/
    .quadrant-bloc-x4-icon-with-button ul li:nth-child(3) {
        margin-right: 2%;
    }
    .quadrant-bloc-x4-icon-with-button ul li {
        width: 23%;
        margin-right: 2%;
    }
	.quadrants-bloc-x4-icon-button {
		width: 100%;
	}
    .quadrant-bloc-x4-icon-with-button ul li:nth-child(2) {
        margin-left: 0px;
        margin-right: 2%;
    }
    .quadrant-bloc-x4-icon-with-button ul li:nth-child(3) {
        margin-right: 2%;
    }
    .quadrant-bloc-x4-icon-with-button ul li:last-child {
        margin-right: 0%;
    }
    /***
** Product filter content
**/
    #midcontent-area .view-product-selector section .view-content .item-list-wrap .item {
        padding: 20px;
    }
    #midcontent-area .view-product-selector section .view-content .item-list-wrap .item .item-content-box .image-container {
      max-width: 150px;
    }
    #midcontent-area .view-product-selector section .view-content .item-list-wrap .item .compare-button input {
        background: url(../images/icons/plus.svg) no-repeat 24% 50%;
    }
    #midcontent-area .view-product-selector .view-filters .filter-panels ul li>label {
        font-size: 1.8vw;
    }
    #midcontent-area .view-product-selector .view-filters .filter-panels ul li .wrapper label {
        font-size: 1.8vw;
        line-height: 2.5vw;
    }
    .view-product-selector .view-filters .filter-panels ul li .wrapper .option-wrapper input {
      margin-top: 3px;
    }
    /**
*** content
***/
    .slider-home-content h3 {
        font-size: 2.4vw;
        line-height: 3.5vw;
    }
    .slider-home-content h1 {
        font-size: 2.8vw;
        line-height: 3.3vw;
    }
    .slider-home-content .slider-home-image {
        text-align: center;
    }
    .owl-carousel .paragraph--type--slide .field--type-text-long h1 {
        line-height: 3.3vw;
    }
    .quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image-button a.quadrant-bloc-x3-title {
        font-size: 1.8vw;
    }
    .quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-label a,
    .product-listing-main .product-listing-title a,
    .product-category-left-menu .product-category-left-menu-parent a,
    .view-success-stories .view-content .views-row .views-field-title a,
    .view-similar-products .view-content .views-row .views-field-title-1 a,
    .recent-viewed-products .recent-views-item .recent-view-item a,
    .view.view-display-id-specifications_tab ul li.ht-2>label,
    .view.view-display-id-specifications_tab ul li.resolution.ht-3>label,
    .view-product-selector.view-id-product_selector section .view-content .item-list-wrap .item .item-content-box .item-content a h4,
    #midcontent-area .view-display-id-block_most_recent .view-header h2,
    #midcontent-area .view-display-id-events .view-header h2,
    #midcontent-area .view-display-id-block_news .view-header h2,
    #midcontent-area .view-display-id-press_releases .view-header h2,
    #midcontent-area .view-display-id-stories .view-header h2,
    #midcontent-area section#block-views-block-blog-topics-block-tags .view-blog-topics.view-display-id-block_tags h2,
    #midcontent-area section#block-views-block-story-topics-block-tags .view-story-topics.view-display-id-block_tags h2,
    .page-node-type-product-display #midcontent-area .product-info .ui-state-default.views-field-title .field--item .paragraph--type--bodybloc h2,
    .page-node-type-product-display #midcontent-area .resource-tab h2.tab,
    .page-node-type-product-display #midcontent-area .product-info .ui-state-default.views-field-title,
    .page-node-type-product-display #midcontent-area #tabs-sup .view-compatible-devices .views-field-title a,
    #midcontent-area .partner-portals-main-content .resource-tab h2.tab,
    #midcontent-area .downloads-main-content .resource-tab h2.tab,
    #midcontent-area .view-frequently-asked-questions .view-content .views-row .ui-accordion-header,
    #midcontent-area .view-related-articles .view-content .views-field-title a,
    #midcontent-area .view-partners .view-content .views-row .views-field-title,
    #midcontent-area .view-partners .view-content .views-row .views-field-title a,
    #midcontent-area .view-product-selector section .view-content .comparison .comparison-button-wrapper .comparison-label,
    #midcontent-area .view-product-selector section .view-content .comparison .list .item a h4,
    #midcontent-area .view-product-selector.product-selector-comparison ul li.header .right .item-container a h4,
    #midcontent-area .view-product-selector.product-selector-comparison ul li label,
    #midcontent-area .view-product-selector.product-selector-comparison ul li ul li.resolution label,
    #midcontent-area .view.view-display-id-specifications_tab ul li.resolution.ht-3>label {
        font-size: 1.8vw;
        line-height: 2.5vw;
    }
    #midcontent-area .partner-portals-main-content .resource-tab h2.tab,
    #midcontent-area .downloads-main-content .resource-tab h2.tab,
    #midcontent-area .partner-portals-main-content .resource-tab h2.tab,
    #midcontent-area .view-frequently-asked-questions .view-content .views-row .ui-accordion-header {
        padding: 1.5vw 35px 1vw;
    }
    #midcontent-area .view-frequently-asked-questions.view-display-id-faq_tab .view-content .views-row .ui-accordion-header {
        padding-left: 0;
    }
    .page-node-type-product-display #midcontent-area .resource-tab h2.tab {
        padding-top: 1.5vw;
        padding-bottom: 1vw;
    }
    .whole-footer-area .footer-area .view-menu-block h3,
    .product-category-left-menu .product-category-left-menu-child .views-field-name a,
    .view-blog.view-display-id-block_featured .views-row .views-field.views-field-body p,
    .view.view-display-id-specifications_tab ul li.header .right>div .item-container h4,
    .view-product-selector.view-id-product_selector section .view-content .item-list-wrap .item .item-content-box .item-content,
    #midcontent-area .view-display-id-specifications_tab ul li.ht-0>label,
    #midcontent-area .view-display-id-specifications_tab ul li.ht-0>.wrapper>label,
    #midcontent-area .view-display-id-specifications_tab ul li.ht-2 li.ht-1>.wrapper>label,
    #midcontent-area .view-display-id-specifications_tab ul li.ht-2 li.ht-1>label,
    #midcontent-area .view-display-id-specifications_tab ul li.header .right>div,
    #midcontent-area .view-display-id-specifications_tab ul li ul li .right>div,
    #midcontent-area .view-display-id-specifications_tab ul li.header label.flag,
    .page-node-type-product-display #midcontent-area .resource-tab .Video .video-title,
    #midcontent-area .view-how-to-videos .view-content .views-row .views-field-title,
    #midcontent-area #block-downloadsimagewithlink a,
    #midcontent-area .downloads-main-content .partner-portal-main-content .partner-portal-heading-text .head,
	  .partner-portals-main-content .partner-portal-main-content .partner-portal-heading-text .head,
    .page-node-type-product-display #midcontent-area .resource-tab .partner-portal-heading-text .head,
    #midcontent-area .view-product-selector.product-selector-comparison ul li.ht-2 li.ht-1>label,
    #midcontent-area .view-product-selector.product-selector-comparison ul li.ht-2 li.ht-1>.wrapper label,
    #midcontent-area .view-product-selector.product-selector-comparison ul li ul li .right>div,
    #midcontent-area .view-product-selector.product-selector-comparison ul li ul li label,
    #midcontent-area .view-display-id-specifications_tab ul li ul li label {
        font-size: 1.8vw;
        line-height: 2.6vw;
    }
    #midcontent-area .view-frequently-asked-questions .view-content .views-row .ui-accordion-content,
    .page-node-type-product-display #midcontent-area .product-info .view-frequently-asked-questions .views-row .ui-accordion-content {
        font-size: 1.8vw;
        line-height: 2.6vw;
        font-family: 'Barlow', sans-serif;
        font-weight: 400;
    }
    .view-product-selector.view-id-product_selector section .view-content .item-list-wrap .item .compare-button input,
    .body-bloc-text-50 a.btn.btn-primary,
    .whole-footer-area .footer-area .view-menu-block ul.menu li a,
    .view-success-stories .view-content .views-row .views-field-field-image .node-view-link a,
    .view-similar-products .view-content .views-row .views-field-field-product-image .node-view-link a,
    .recent-viewed-products .recent-views-item .recent-view-link a,
    .topic-article-listing .right-content-box .blog-read-more a,
    #midcontent-area .partner-portals-main-content .partner-portal-main-content .video-title,
    #midcontent-area .view-product-selector section .view-content .comparison .comparison-button-wrapper .comparison-button input {
        font-size: 1.6vw;
    }
    #midcontent-area .news-event-listing .right-content-box .news-read-more a,
    #midcontent-area .news-event-feature-listing .right-content-box .news-read-more a,
    #midcontent-area .view-press-release.view-display-id-block_featured_one .views-field-view-node a,
    #midcontent-area .view-success-stories.view-display-id-block_all .success-story-read-more a,
    #midcontent-area .view-success-stories.view-display-id-block_term_page .success-story-read-more a {
        width: 12vw;
        font-size: 1.8vw;
        line-height: 2vw;
        padding: 0.5vw 0px;
    }
	.partner-portals-main-content .partner-portal-main-content .ng-scope,
    .page-node-type-product-display #midcontent-area .resource-tab .animate-switch,
    #midcontent-area .downloads-main-content .partner-portal-main-content .ng-scope {
        min-height: 5vw;
        height: auto;
    }
	.partner-portals-main-content .partner-portal-main-content .partner-portal-heading-text,
    .page-node-type-product-display #midcontent-area .resource-tab .animate-switch .partner-portal-heading-text,
    #midcontent-area .downloads-main-content .partner-portal-main-content .partner-portal-heading-text {
        min-height: 5vw;
        height: auto;
    }
    #midcontent-area .quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-button a {
        font-size: 1.3vw;
        line-height: 2.5vw;
        margin-bottom: 35px;
        margin-top: 35px;
    }
    #midcontent-area .topic-article-listing .right-content-box .blog-read-more a {
        padding: 0.5vw 0px;
        font-size: 1.9vw;
        line-height: 2.8vw;
    }
    #midcontent-area .topic-article-listing .right-content-box .blog-title a,
    #midcontent-area .news-event-listing .right-content-box .news-title a,
    #midcontent-area .news-event-feature-listing .right-content-box .news-title a,
    #midcontent-area .view-press-release.view-display-id-block_featured_one .views-field-title a,
    #midcontent-area .view-press-release.view-display-id-block_featured_one .views-field-title a,
    #midcontent-area .view-success-stories.view-display-id-block_all .success-story-title a,
    #midcontent-area .view-success-stories.view-display-id-block_term_page .success-story-title a {
        font-size: 2.4vw;
        line-height: 3.2vw;
    }
    .view-term .field--name-description {
        font-size: 2vw;
        line-height: 2.8vw;
        margin-top: 0px;
    }
    .page-node-type-product-display #midcontent-area .product-info .ui-state-active a,
    .page-node-type-product-display #midcontent-area .product-info .ui-tabs-tab a:link,
    #midcontent-area .downloads-image-with-menu ul li a,
    #midcontent-area ul.menu.menu--news-events.nav li a {
      font-size: 1.7vw;
      padding-left: 10px;
      padding-right: 10px;
    }
    .page-node-type-product-display .view.view-specifications .button--primary {
        padding: 1.2vw;
        font-size: 1.8vw;
    }
    .product-category-left-menu .product-category-left-menu-parent span.plus-minus-button {
      top: 0px;
    }
    .view-id-product_selector.view-product-selector .view-filters p.keyword_block input {
        height: 40px;
        padding: 1vw 15px 1vw 4vw;
        font-size: 2vw;
        line-height: 2.8vw;
        background-size: 1.3vw;
    }
    .view-id-product_selector.view-product-selector section .result a {
        height: 40px;
        font-size: 1.5vw;
        line-height: 15px;
    }
    .view-product-selector section .result a,
    .view-product-selector section .result a:last-child {
        padding-left: 45px;
        background-position: 12px 50%;
        background-size: 15px;
    }
    #midcontent-area .slider-counter-container .slider-counter-nav-thumbnails .slick-slide {
        height: 4vw;
    }
    #midcontent-area .slider-counter-container .slider-counter-nav-thumbnails .thumbnails-pager {
        width: 4vw !important;
        height: 4vw;
        font-size: 2vw;
        line-height: 4.4vw;
    }
    #midcontent-area .slider-counter-container .slider-counter-nav-thumbnails .slick-track:after {
        height: 1.3vw;
    }
    #midcontent-area .slider-counter-container .slider-counter .count {
        font-size: 4vw;
        line-height: 5.5vw;
    }
    section#block-views-block-blog-topics-block-tags,
    section#block-views-block-story-topics-block-tags,
    .block-views-blockblog-block-most-recent,
    .block-views-blocklatest-nodes-block-news,
    .block-views-blocklatest-nodes-events,
    .block-views-blocklatest-nodes-press-releases,
    .view-press-release.view-display-id-block_most_recent,
    .view-display-id-stories {
        padding: 30px 0px;
    }
    .recent-blog-block .image-box img {
        width: 100%;
    }
    .block-views-blockrelated-articles-block-1 h2.block-title {
        margin-bottom: 30px;
    }
	.header-product ul.menu--header li.last a,
	.header-product ul.menu--header li.first a {
		max-width: inherit;
	}
    .bodybloc50-text-image {
        gap: 50px;
    }

}

@media only screen and (min-width:1024px) and (max-width:1260px) {
  .view-product-selector .view-filters p.keyword_block {
    max-width: 350px;
  }
  .view-product-selector .view-filters p.keyword_block input {
        max-width: 350px;
  }
	.quadrants-bloc-x4-icon-button {
		width: 100%;
	}
}