@media (min-width: 1200px),
(min-width: 960px) and (-webkit-device-pixel-ratio: 1.25) {
  /* .main-title {
    font-size: 60px;
  } */

  /* .siding-item .main-title {
    line-height: 60px;
  } */

  .discover_list h4 {
    font-size: 30px;
    line-height: 30px;
  }
}


@media (min-width: 960px) and (-webkit-device-pixel-ratio: 1.25) {
  .hm_about_content h2 {
    line-height: 50px;
    font-size: 40px;
  }
}

@media (min-width: 1400px) {
  .overview-right p:not(:first-child) {
    margin-top: 38px;
  }

  .overview_title h2 {
    margin: -17px 0 0 0;
  }

}

@media (min-width: 861px) {
  .page-template-page-supply-chain .overview_title h2{
    width:35%;
}

  .page-template-page-supply-chain .overview_title p{
      width:65%;
  }
  .overview .main-title {
    margin: -18px 0 0 0;
}
.contact-option {
  margin-left: -27px;
}
}


@media (max-width: 1600px) {
  body {
    --container-width: 1350px;
  }

  .main {
    --space-250: 200px;
  }

}

@media (max-width: 1450px) {
  body {
    --container-width: 1250px;
  }
  .main-title {
    font-size: 50px;
    line-height: 60px;
  }

  .siding-item .main-title {
    line-height: 60px;
  }

  .siding-item:not(:first-child) {
    margin-top: 90px;
  }

  .oil_gas_content h2 {
    font-size: 60px;
    line-height: 70px;
  }

  .glob-title {
    right: -280px;
  }

  .sub-banner h1 {
    font-size: 50px;
    line-height: 64px;
  }
  .footer-logo {
    width: 18%;
  }
  .footer.no-address .links {
    width: 61%;
    padding-left: 50px;
  }
  .footer-address p, .footer_links a {
    font-size: 14px;
  }
  body:not(.home) .product_list_item:not(:hover) .product_list_content h3 {
    transform: translateY(164px);
}
}

@media (max-width: 1300px) {

  .error-404,
  .search-page-inner,
  .search-noresult-inner {
    margin-top: 120px;
  }

  .discover_list .item {
    padding: 10px 25px;
  }

  .discover_list h4 {
    font-size: 30px;
    line-height: 30px;
  }

  .discover_icon {
    max-width: 70px;
    min-height: 65px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1200px) {

  .main {
    --space-250: 200px;
    --space-200: 150px;
    --space-180: 120px;
    --space-160: 100px;
    --space-140: 100px;
    --space-130: 100px;
    --space-120: 100px;
  }

  .container {
    overflow: hidden;
  }

  .responsibility_content p {
    line-height: 24px;
}

  p,
  .overview_title p,
  .overview-right p,
  .mission_vision_inside p,
  .product_list_content p {
    font-size: 14px;
    line-height: 24px;
  }

  .siding-item p{
    font-size:14px;
}

  body {
    font-size: 14px;
  }

  .site-button {
    --height: 48px;
    --padding: 25px;
    font-size: 14px;
  }

  .responsibility_content .csr {
    margin-bottom: 15px;
  }

  .error-404,
  .search-page-inner,
  .search-noresult-inner {
    padding: 60px 30px;
  }

  .error-404 h1,
  .search-page h1,
  .search-noresult h1 {
    font-size: 24px;
  }

  .error-404 h4 {
    font-size: 16px;
  }

  .error-404 ul li {
    font-size: 14px;
    line-height: 20px;
  }

  .error-404 ul li+li {
    margin-top: 6px;
  }

  .error-404 h3 {
    margin: 15px 0 15px 0;
    font-size: 18px;
  }

  .error-404 .button {
    margin-top: 20px;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 12px;
  }

  /* ------------------------- */
  .main-title,
  .overview .main-title {
    font-size: 40px;
    line-height: 52px;
  }

  .page_link {
    padding: 15px 20px;
  }

  .social-media a {
    --size: 44px;
  }

  .mission_vision_inside {
    padding: 60px;
  }

  .sideby_left {
    padding-right: 50px;
  }

  .mission_vision_inside img {
    margin-bottom: 25px;
  }

  .links {
    width: 35%;
  }

  .footer-logo {
    width: 100%;
  }

  .links {
    width: 50%;
  }

  .share,
  .footer-address {
    width: 25%;
  }

  .sub-banner h1 {
    font-size: 40px;
    line-height: 44px;
  }

  .media_item p {
    font-size: 16px;
    line-height: 24px;
  }

  .postdate .date {
    font-size: 30px;
    line-height: 35px;
  }

  .postdate .month {
    font-size: 15px;
  }

  .media_item {
    min-height: 430px;
  }

  .responsibility {
    padding: 200px 0;
  }

  .video_block {
    margin: 0 auto 70px auto;
  }

  .responsibility_content .site-button {
    margin-top: 20px;
  }

  .banner-content .site-button {
    margin-top: 30px;
  }

  .oil_gas_content h2 {
    font-size: 45px;
    line-height: 50px;
  }

  .oil_gas_content p {
    font-size: 14px;
    line-height: 24px;
  }

  .oil_gas_content .site-button {
    margin-top: 25px;
  }

  .sub-title {
    font-size: 35px;
  }

  .hm_about_content h2 {
    line-height: 45px;
    font-size:35px;
  }

  .hm_about_content h2 br{
    display: none;
  }

  .hm_about_content .title {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .sidings {
    --space: 20px;
  }

  .siding-item:not(:first-child) {
    margin-top: 50px;
  }

  .hm_about_content .site-button {
    margin-top: 30px;
  }

  .siding-item .main-title {
    line-height: 40px;
  }

  .oil-products .title {
    margin-bottom: 10px;
  }

  .home .product_list_item .product_list_content h3,body:not(.home) .product_list_item .product_list_content h3 {
    font-size: 26px;
    line-height: 31px;  
  }

  .product_list_item:hover .product_list_content h3 {
    transform: translateY(-10px);
  }

  .home .product_list_item:not(:hover) .product_list_content h3 {
    transform: translateY(90px);
  }

  body:not(.home) .product_list_item:not(:hover) .product_list_content h3 {
    transform: translateY(156px);
}

  .glob-section {
    padding: 100px 0 200px 0;
  }

  .glob-section .listing {
    margin-top: 100px;
  }

  .site-button img {
    margin-left: 15px;
  }

  .media_item {
    padding: 30px;
  }

  .discover_title p,
  .discover_list p,
  .innovating p {
    font-size: 14px;
  }

  .innovating .span-title {
    margin-bottom: 15px;
  }

  .innovating p {
    line-height: 24px;
  }

  .history_list {
    --space-80: 50px;
    --space-90: 50px;
    row-gap: 50px;
  }

  .history_content .title {
    font-size: 40px;
  }

  .history_content .dot_line {
    left: 20px;
  }

  .footer.no-address .links {
    padding-left: 0;
}

.footer-logo .site-logo {
  max-width: 150px;
}

  .center_title p {
    font-size: 16px;
    line-height: 26px;
  }

  .footer-top {
    padding: 70px 0;
}

  .media_list {
    --space: 1%;
    --width: 31.33%;
    row-gap: 30px;
  }

  .media_list_image {
    margin-bottom: 15px;
  }

  .media_list_content .date {
    margin-bottom: 10px;
  }

  .media-detail .right {
    padding-left: 30px;
  }

  .between-120,
  .location-block {
    margin-top: 70px;
  }

  .location-block .center_title {
    margin-bottom: 30px;
  }

  .location-content h3 {
    font-size: 25px;
  }

  .location-content {
    padding-top: 15px;
  }

  .companie-title {
    font-size: 24px;
    margin-bottom: 25px;
  }

  .media-detail {
    margin-bottom: 30px;
  }

  .share-post {
    margin: 50px 0;
  }

  .share-list a {
    --size: 50px;
    font-size: 20px;
  }

  .share-list li:not(:first-child) {
    margin-left: 15px;
  }

  .related-section h2 {
    margin-bottom: 30px;
  }

  .career_list_left,
  .career_list_right {
    width: 100%;
  }

  .career_list_left_icon {
    --size: 80px;
  }

  .career_list_left_content {
    padding: 0 15px;
  }

  .career_list_right_content {
    padding: 0 15px 0 96px;
  }

  .apply-title,
  .career-title,
  .section_title {
    margin-bottom: 30px;
  }

  .center_title,
  .overview_title,
  .contact-page .center_title {
    margin-bottom: 70px;
  }

  .career-detail-title {
    margin-bottom: 50px;
  }

  .contact-option {
    margin-top: 70px;
  }

  .glob-title {
    right: -150px;
    top: 0;
  }

  .glob-circle {
    --size: 500px;
  }

  .glob-title .inside {
    max-width: 65%;
  }

  .glob-circle .blank {
    padding: 20px;
  }

  .glob-title .inside p {
    font-size: 14px;
    line-height: 18px;
  }

  .product_list_content {
    padding: 20px;
  }

  .main-title {
    font-size: 40px;
  }

  .main-title,
  .siding-item .main-title {
    line-height: 56px;
  }

  .section-innovating {
    background-position: center;
  }

  .page-template-page-responsibility .main-title,
  .page-template-page-responsibility .siding-item .main-title {
    line-height: 52px;
  }

  .page-template-page-supply-chain .main-title,
  .page-template-page-supply-chain .siding-item .main-title,
  .page-template-page-sectors-detail .main-title,
  .page-template-page-sectors-detail .siding-item .main-title {
    line-height: 56px;
  }

  .history_content .dot_line {
    height: 100px;
    top: -25px;
  }

  .product_list_item .product_list_content h3 {
    transform: translateY(80px);
  }

  ul.gp-location li h3 {
    font-size: 22px;
    line-height: 28px;
  }
}

@media (max-width: 1040px) {
  .page_menu {
    top: 0;
    margin: 0 auto 70px auto;
  }

  .footer.no-address .footer_links li {
    width: 50%;
  }

  .location-block .center_title .main-title {
    width: 48%;
  }

  .location-content.new-gp-class h3 {
    width: 35%;
    padding-right: 5%;
  }

  ul.gp-location {
    width: 65%;
  }


}

@media (max-width: 860px) {
  .main {
    --space-250: 150px;
    --space-200: 80px;
    --space-180: 80px;
    --space-160: 80px;
    --space-140: 80px;
    --space-130: 80px;
    --space-120: 80px;
  }

  h1,
  h1 {
    margin-bottom: 20px;
  }

  h2,
  h2 {
    margin-bottom: 15px;
  }

  .page_menu {
    margin-bottom: 50px;
  }

  .overview-left,
  .overview-right {
    width: 100%;
    padding: 0;
  }

  .glob-circle {
    --size: 400px;
  }

  .glob-title {
    position: relative;
    text-align: center;
    right: 0;
    top: -100px;
  }

  .glob-title .inside {
    max-width: 100%;
  }

  .glob-title .arrow-link-green {
    justify-content: center;
    margin-top: 10px;
    font-size: 13px;
  }

  .main-title br,
  .innovating p br,
  .center_title p br,
  .section_title p br,
  .discover_title h2 br,
  .overview .main-title br,
  .responsibility_content br {
    display: none;
  }

  .mission_vision_inside {
    padding: 40px;
  }

  .mission_vision_inside h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .discover_title h2 {
    font-size: 30px;
    line-height: 50px;
  }

  .discover_title {
    margin-bottom: 30px;
  }

  .discover_list .item {
    padding: 20px;
    font-size: 14px;
  }

  .discover_list {
    --width: 32.33%;
  }

  .location-list {
    --space: 1%;
    --width: 48%;
  }

  .links-title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .footer-logo {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .footer.no-address .links {
    text-align: center;
  }

  .footer_links {
    justify-content: center;
  }

  .footer-address p+p {
    margin-top: 10px;
  }

  .share,
  .footer-address {
    width: 100%;
  }

  .sub-banner .container {
    height: 400px;
  }

  .page_link {
    padding: 10px 15px;
  }

  .links {
    width: 100%;
  }

  .footer_links li {
    width: auto;
    padding: 0;
    line-height: 1;
  }

  .footer_links li:not(:first-child) {
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #adadad;
  }

  .overview-left img {
    margin-top: 25px;
    width: 100%;
  }

  .oil_gas_content h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .footer-top {
    padding: 50px 0;
  }

  .footer-top .container {
    row-gap: 35px;
  }

  .media_item {
    padding: 20px;
  }

  .glob-section {
    padding: 70px 0 150px 0;
  }

  .responsibility {
    padding: 100px 0;
  }

  .glob-section .listing {
    margin-top: 50px;
  }

  .main-title,
  .overview .main-title {
    font-size: 30px;
    line-height: 36px;
  }

  .sub-title {
    font-size: 25px;
    line-height: 40px;
  }

  .hm_about_content h2 {
    line-height: 33px;
    font-size:25px;
  }

  .hm_about_content .title {
    margin-bottom: 20px;
  }

  .media_item .badge {
    margin-bottom: 15px;
  }

  .media_item {
    min-height: 330px;
  }

  .product_list_item:not(:hover) .product_list_content h3 {
    transform: translateY(85px);
  }

  .page-template-page-product .product_list_item:not(:hover) .product_list_content h3 {
    transform: translateY(190px);
  }

  .oil-products .content {
    padding: 15px 0;
  }

  .oil-products .title {
    font-size: 18px;
  }

  .history_list {
    --space-80: 25px;
    --space-90: var(--space-80);
  }


  .history_content .title {
    font-size: 30px;
  }

  .history_content p {
    padding-left: 60px;
  }

  .history_list {
    padding: 50px 0;
  }

  .overview_title p,
  .overview_title h2 {
    padding: 0;
    width: 100%;
  }

  .video_content img {
    margin-bottom: 15px;
  }

  .location-block,
  .between-120 {
    margin-top: 50px;
  }

  .video_block {
    margin: 0 auto 50px auto;
  }

  .media_list_content h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .logo-item {
    height: 155px;
    padding: 10px;
  }

  .media-detail .left .date {
    margin-bottom: 10px;
  }

  .career_list_left_icon img {
    max-width: 35px;
  }

  .career_list {
    row-gap: 25px;
  }

  .career_list_right_content {
    padding-right: 20px;
  }

  .career_list_item {
    padding: 20px;
  }

  .center_title,
  .overview_title {
    margin-bottom: 50px;
  }

  .career-detail-list h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .career-detail-left,
  .career-detail-right {
    padding: 0;
    border: none;
  }

  .tic-list li:not(:first-child) {
    margin-top: 25px;
  }

  .career-detail-item:not(:first-child) {
    margin-top: 25px;
  }

  .career-detail-title li:not(:first-child) {
    padding-left: 15px;
    margin-left: 15px;
  }

  .contact-option {
    margin-top: 50px;
  }

  .contact-option .icon {
    --height: 70px;
  }

  .contact-option .icon img {
    transform: scale(.8);
  }

  .center_title,
  .overview_title,
  .contact-page .center_title {
    margin-bottom: 30px;
  }

  .glob-wraper {
    padding-top: 100px;
  }

  .page-template-page-global-presence .glob-wraper {
    padding-top: 20px;
  }

  .page-template-page-global-presence .glob-circle {
    top: 20px;
  }

  .global-presence-text p {
    font-size: 15px;
    line-height: 20px;
  }

  .logo-item img {
    max-height: 120px;
  }

  .companie-title {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.2;
  }

  .global-presence-text .main-title {
    line-height: 30px;
  }

  .global-presence-text {
    margin-bottom: 30px;
  }

  .glob-circle {
    top: 100px;
  }

  .banner-content .line {
    height: 80px;
  }

  .swiper-button-prev1 {
    margin-right: 10px;
  }

  .swiper-button-wrap {
    margin-bottom: 10px;
  }

  .video_content .main-title {
    font-size: 25px;
    margin: 10px 0 0 0;
    line-height: 1;
  }

  .page_menu {
    position: initial;
  }

  .page-template-page-supply-chain .main-title,
  .page-template-page-supply-chain .siding-item .main-title,
  .page-template-page-sectors-detail .main-title,
  .page-template-page-sectors-detail .siding-item .main-title {
    line-height: 36px;
  }

  .page-template-page-responsibility .main-title,
  .page-template-page-responsibility .siding-item .main-title {
    line-height: 30px;
  }

  .siding-item {
    align-items: flex-start;
  }

  .footer.no-address .links {
    width: 100%;
  }

  .footer.no-address .footer_links li {
    width: auto;
  }

  .discover_list {
    --width: 50%;
  }

  .discover_list .item:nth-child(4),
  .discover_list .item:nth-child(2) {
    border-right: none;
  }

  .discover_list .item:nth-child(1),
  .discover_list .item:nth-child(3) {
    border-right: 2px solid #99837B;
  }

  .location-content.new-gp-class h3 {
    width: 100%;
    padding-right: 0;
    margin-bottom: 40px;
  }

  ul.gp-location {
    width: 100%;
  }

  ul.gp-location li h3 {
    margin-bottom: 5px !important;
  }

  ul.gp-location {
    row-gap: 20px;
  }

  ul.gp-location li {
    width: 100%;
    padding-left: 40px;
  }
  body:not(.home) .product_list_item:not(:hover) .product_list_content h3 {
    transform: translateY(210px);
}
}

@media (max-width: 767px) {
  .main {
    --space-250: 100px;
    --space-200: 50px;
    --space-180: 50px;
    --space-160: 50px;
    --space-140: 50px;
    --space-130: 50px;
    --space-120: 50px;
    --space-80: 50px;
  }

  p {
    margin-bottom: 10px;
  }

  .breadcrumbs {
    --space: 12px;
  }

  .error-404,
  .search-page-inner,
  .search-noresult-inner {
    padding: 60px 15px;
    margin-top: 86px;
  }

  /* ------------------------- */
  .location-item {
    width: 100%;
    margin: 0;
  }

  .footer-bottom .container {
    text-align: center;
    flex-direction: column-reverse;
  }

  .history_content .dot_line {
    left: 0;
  }

  .history_content p {
    padding-left: 30px;
  }

  .mission_vision {
    --width: 100%;
  }

  .sideby>* {
    width: 100%;
  }

  .sideby_left {
    padding: 0;
  }

  .discover_list {
    --width: 48%;
    row-gap: 20px;
  }

  .sub-banner h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .product_list_content h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .product_list_content p {
    font-size: 14px;
  }

  .site-button img {
    margin-left: 10px;
  }

  .footer-bottom p {
    line-height: 20px;
  }

  .glob-section {
    padding: 70px 0 100px 0;
  }

  .title {
    margin-bottom: 20px;
  }

  .discover_title h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .history_list {
    background-position: top left;
    padding-left: 30px;
  }

  .history_item>* {
    width: 100%;
  }

  .history_item:nth-child(odd) .history_image,
  .history_item:nth-child(even) .history_content,
  .history_item:nth-child(even) .history_image {
    padding: 0;
  }

  .history_list::after,
  .history_list::before,
  .history_item::after {
    margin-left: 0;
  }

  .history_item::after {
    left: -40px;
  }

  .sidings {
    --space: 0;
  }

  .glob-circle [class*="point-"] img {
    width: 10px;
  }

  /* .center_title,
  .overview_title {
    margin-bottom: 50px;
  } */

  .siding-item>* {
    width: 100%;
  }

  .siding-item .main-title {
    line-height: 38px;
    margin-bottom: 12px;
  }

  .siding-item:not(:first-child) {
    margin-top: 30px;
  }

  .media_list {
    --space: 1%;
    --width: 48%;
  }

  .media-detail .left,
  .media-detail .right {
    width: 100%;
    padding: 0;
  }

  .breadcrumbs-outer {
    padding: 25px 0;
  }

  .career_list_item {
    padding: 15px;
  }

  .career_list_left_content {
    padding: 0;
    width: 100%;
  }

  .career_list_right_content {
    padding: 0 15px 0 0;
  }

  .contact-option .item {
    width: 100%;
    padding: 15px;
  }

  .contact-option .item:not(:first-child) {
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, .2);
  }

  .glob-circle .blank {
    padding: 15px;
    min-width: 200px;
  }

  .glob-circle .blank br {
    display: none;
  }

  .mission_vision_inside h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .mission_vision_inside {
    padding: 20px;
  }

  .mission_vision_inside img {
    margin-bottom: 15px;
    max-width: 60px;
  }

  .history_list::after,
  .history_list::before {
    left: -3px;
  }

  .history_list {
    --space-80: 0;
  }

  .history_item {
    padding-left: 25px;
  }

  .history_list::before {
    bottom: 0;
  }

  .share-title {
    font-size: 15px;
    margin-bottom: 12px;
  }

  .share-list a {
    --size: 44px;
    font-size: 17px;
  }

  .share-list li:not(:first-child) {
    margin-left: 10px;
  }

  .video_block_video {
    min-height: 250px;
  }

  .video_block {
    margin: 0 auto 25px auto;
  }

  .location-block .center_title .main-title {
    width: 100%;
    line-height: 29px;
  }

  .location-block .center_title {
    flex-wrap: wrap;
  }



  body:not(.home) .product_list_item:not(:hover) .product_list_content h3 {
    transform: translateY(128px);
}
}

@media (max-width: 640px) {

  .search-page .image,
  .search-page .content {
    width: 100%;
  }

  .contact-option p br{
    display: none;
  }

  .history_list {
    padding: 25px 0;
  }

  .history_content .title {
    font-size: 24px;
  }

  /* ------------------------- */
  .discover_list .item {
    padding: 10px;
  }

  .page_menu {
    margin-bottom: 30px;
  }

  .share,
  .footer-address {
    width: 100%;
  }

  .footer-address p,
  .footer_links a {
    font-size: 14px;
    opacity: .7;
  }

  .footer_links li:not(:first-child) {
    padding-left: 10px;
    margin-left: 10px;
  }

  .footer-address p {
    line-height: 24px;
  }

  .links-title {
    font-size: 18px;
  }

  .product_list,
  .oil-products {
    --width: 100%;
  }

  .location-list {
    --width: 100%;
  }

  .form-style .column-2 {
    width: 100%;
  }

  .apply-form .form-style {
    row-gap: 15px;
  }

  .form-field,
  .site-button {
    --height: 44px;
  }

  .glob-circle {
    --size: 230px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .glob-title .main-title {
    margin-bottom: 10px;
  }

  .glob-section {
    overflow: hidden;
  }

  .sub-banner .container {
    height: 300px;
  }

  .glob-circle [class*="tooltip-"] p {
    font-size: 11px;
    line-height: 16px;
  }

  .glob-circle .blank {
    padding: 6px;
    min-width: 150px;
  }

  .glob-circle .blank {
    padding: 6px;
    min-width: 150px;
  }

  .contact-option {
    padding: 0 30px;
  }

  .form-style {
    row-gap: 15px;
  }

  .center_title p {
    font-size: 14px;
    line-height: 24px;
  }

  .form-style .site-button img {
    margin-left: 10px;
  }

  .contact-option .icon {
    margin: 0 auto 10px auto;
  }

  .banner-content .line {
    display: none;
  }

  .swiper-button-next1,
  .swiper-button-prev1 {
    width: 44px;
    height: 44px;
  }

  .page_link {
    font-size: 10px;
    font-weight: 500;
    padding: 8px 12px;
  }

  .page_menu {
    border-radius: 0;
  }

  .page_menu li {
    width: 50%;
  }

  .page_menu li:last-child,
  .page_menu li:nth-last-child(2) {
    border-top: 1px solid #f9f9f9;
  }

  .page_menu li:last-child,
  .page_menu li:nth-child(2) {
    border-left: 1px solid #f9f9f9;
  }

  .history_item::after {
    left: -6px;
    width: 18px;
    height: 18px;
    background-size: cover;
    margin-top: 8px;
  }

  .play_icon {
    width: 55px;
    height: 55px;
  }

  .play_icon_active,
  .play_icon:not(.play_icon_active) {
    background-size: 12px;
  }

  .main-title,
  .overview .main-title {
    font-size: 24px;
    line-height: 28px;
  }

  .page-template-page-product .product_list_item:not(:hover) .product_list_content h3 {
    transform: translateY(100px);
  }

  .discover_list .item:nth-child(1),
  .discover_list .item:nth-child(3) {
    border-right: none;
  }

  .discover_list {
    --width: 100%;
    row-gap: 20px;
  }

  .discover_list .item {
    text-align: center;
  }

  .discover_icon {
    display: inline-flex;
  }

  .discover_list h4 {
    font-size: 25px;
    line-height: 25px;
  }

  .discover_icon {
    max-width: 55px;
    min-height: 60px;
  }

  ul.gp-location li {
    width: 46%;
  }

  ul.gp-location li h3 {
    font-size: 20px;
    line-height: 25px;
  }

  ul.gp-location li {
    width: 100%;
  }

  ul.gp-location li h3 {
    font-size: 18px;
    line-height: 22px;
  }

  .location-content h3 {
    font-size: 20px;
  }

  .location-content.new-gp-class h3 {
    margin-bottom: 20px;
  }

}

@media (max-width: 480px) {

  .media_list,
  .discover_list {
    --width: 100%;
  }

  .glob-title .inside p {
    font-size: 12px;
  }
  .discover_list .item:nth-child(5){
    border: none;
  }
}

@media (max-width: 360px) {
  .glob-tests {
    margin-top: 110px;
  }

  .video_content .main-title {
    font-size: 20px;
  }
}