@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 28px;
  }

  header .mtpc_header .header .wrapper .logos .logos_left .logo_one a {
    width: 135px;
  }

  h1 {
    font-size: 2.5em;
  }

  h4 {
    margin-bottom: 0.75em;
  }

  body .region-content {
    padding: 30px 0;
  }

  .mtpc-3col-section .mtpc-3col-section-wrapper > .mtpc-3col-item {
    margin-top: 0;
  }

  /* main menu start */
  .menu--main {
    height: 80px;
  }

  .menu--main > .menu > .menu-item {
    padding: 6px 6px 8px;
    font-weight: 300;
    font-size: 10px;
    line-height: 1.22;
    letter-spacing: 0;
  }

  .menu--main > .menu > .menu-item > a {
    font-weight: 300;
  }

  .menu--main > .menu > .menu-item.has-icon::before {
    width: 24px;
    height: 27px;
    margin-bottom: 8px;
  }

  .menu--main > .menu > .menu-item:not(.no-submenu-items)::after {
    border-left-width: 12px;
    border-right-width: 12px;
    border-bottom-width: 12px;
  }

  .menu--main > .menu > .menu-item > span,
  .menu--main > .menu > .menu-item > a {
    height: 2.44em;
    max-height: unset;
    display: flex;
    align-items: flex-start;
  }

  .menu--main > .menu > .menu-item > .submenu {
    left: 0 !important;
    right: auto !important;
    min-width: 100vw;
    font-size: 14px;
    line-height: 1.5;
    transform: translate(var(--submenu-translate-x, 0%), -100%);
  }

  .menu--main .submenu-title {
    font-size: 22px;
    line-height: 1.23;
  }

  body footer {
    margin-bottom: 80px;
  }
  /* main menu end */

  /* heading page */
  .heading-page.mtpc-1col-section {
    margin-bottom: 0;
  }
  /* heading page */

  .conference-page .bg-head {
    background-size: cover;
  }
  .conference-page .heading {
    height: 300px;
    max-height: 300px;
    max-width: 85%;
  }
  .conference-page .heading h1 {
    font-size: 1.2em;
  }
  .conference-page .heading h2 {
    font-size: 2em;
  }
  .conference-page .heading .date {
    font-size: 1.1em;
  }
  .conference-page .subnav-bar li {
    margin: 0 0.15em 0.5em;
  }
  .conference-page .subnav-bar a {
    padding: 0.3em 0.8em 0.4em 0.8em;
    font-size: 0.9em;
  }

  .conference-page .program-date ul {
    display: block;
  }

  /* Creasant */
  .space-top-80,
  .space-top-90,
  .page--modules,
  article.mtpc-single-album,
  .views-element-container:has(.event-listing-head) {
    padding-top: 60px;
  }

  .space-bottom-200,
  .page--modules,
  article.mtpc-single-album {
    padding-bottom: 100px !important;
  }

  .views-element-container:has(.event-listing-head) {
    padding-bottom: 0;
  }

  .page--heading .mtpc-1col-section-wrapper .mtpc-1col-item > .field__items > .field__item:has(.page--banner) {
    bottom: 0;
  }

  /*.page--heading .section--title-with-border {*/
  /*  margin-bottom: 40px;*/
  /*}*/

  .page--heading-content {
    padding: 30px 20px;
  }
  .about--us .page--heading-content {
    padding: 30px 20px 40vw;
  }

  .page--banner.mtpc-hide-desktop.mtpc-hide-tablet,
  .page--banner.mtpc-hide-desktop.mtpc-hide-tablet * {
    height: 100%;
  }
  .page--banner.mtpc-hide-desktop.mtpc-hide-tablet img {
    object-fit: cover;
  }

  .mtpc_gallery.mtpc_pagetitle {
    padding: 30px 20px 40px;
  }

  .about--us .page--heading .mtpc-1col-section-wrapper .mtpc-1col-item > .field__items > .field__item:has(.page--banner) {
    bottom: unset;
  }
  .about--us .page--banner.mtpc-hide-desktop.mtpc-hide-tablet,
  .about--us .page--banner.mtpc-hide-desktop.mtpc-hide-tablet * {
    height: unset;
  }

  .general--padding .mtpc-section > .mtpc-section-item:nth-child(2) {
    padding-top: 50px;
  }
  .general--padding .mtpc-section > .mtpc-section-item:last-child {
    padding-bottom: 150px;
  }

  .mtpc-block-image-grid-item-wrapper {
    display: flex;
  }

  .mtpc-block-image-grid-item-wrapper.mtpc-image-grid-layout-large > .mtpc-image-grid-block-item {
    flex-basis: calc(50% - 11px);
  }

  table.customize td {
    padding: 12px 0;
    min-width: unset;
  }
  table.customize tr td:not(:first-child) {
    padding-left: 10px;
  }

  /* ==========HOME========== */
  .home--banner .image_slide {
    display: flex;
    flex-direction: column-reverse;
  }

  .home--banner .mtpc-block-slideshow-block .slide-text-wrapper .slide_text_per_row {
    width: 95%;
  }

  .home--banner .image_slide .slide-text-align {
    position: unset;
    padding: 24px 0 32px;
  }

  .home--banner .mtpc-block-slideshow-block .slick-dots {
    bottom: 10px;
  }

  .home--banner .mtpc-block-slideshow-block .slide-text--line1,
  .home--banner .mtpc-block-slideshow-block .slide-text--line2 {
    width: unset;
  }

  .home--development-directions-content {
    padding: 40px 20px 60px;
  }

  .home--about-us.mtpc-2col-section {
    padding: 40px 20px;
    background-position-x: center;
    background-position-y: bottom;
    background-size: 125%;
  }

  .home--about-us.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item {
    margin-bottom: 0;
  }

  .home--about-us.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item.mtpc-2col-item--1 {
    padding-bottom: 90px;
  }

  .home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 > div > .field__items {
    grid-template-columns: 1fr;
    margin-left: 0;
    width: 100%;
  }
  .home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 > div > .field__items > .field__item {
    width: 100%;
  }

  .home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 > div > .field__items > .field__item:not(:first-child) img {
    display: none;
  }

  .home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 > div > .field__items > .field__item .mtpc-image {
    margin-left: -20px;
    margin-right: -20px;
  }

  .home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 > div > .field__items > .field__item:first-child img {
    margin-bottom: 25px;
  }

  .home--about-us .mtpc-2col-section-wrapper .mtpc-2col-item--2 .mtpc-image-caption {
    font-size: 22px;
  }

  /* =========HEADER========= */
  .header .switch-language {
    margin-left: 4px;
  }

  .header .icon-language {
    width: 18px;
    height: 18px;
    padding-right: 36px;
  }

  .header .icon-language::after {
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-width: 4px;
  }

  header .mtpc_header .header .wrapper .logos .logos_container {
    display: flex;
    justify-content: space-between;
  }

  /* =========FOOTER========= */
  .custom--footer {
    flex-direction: column;
    padding: 40px 20px;
    gap: 40px 0;
  }
  .custom--footer .custom--footer-col1 img {
    width: auto;
    max-width: 100%;
  }
  .custom--footer .custom--footer-col2 {
    padding-right: unset;
  }
  .custom--footer .custom--footer-col3 {
    margin-top: -10px;
  }

  /* scroll top button */
  body footer #back-to-top {
    bottom: 150px;
  }

  #form-trigger {
    bottom: 86px;
  }
  /* =========BG======== */
  .bg {
    height: 600px;
  }

  .bg-pattern {
    top: 500px;
  }
  /* =========BG======== */

  /* =========ABOUT US========= */
  .mtpc-section-item:has(.about--us-top-image) {
    top: 90px;
  }
  .about--us-background {
    background-position-x: left;
    background-position-y: top;
    background-size: 85%;
    padding-top: 45px;
    padding-bottom: 50px;
  }
  .about--us-mission {
    padding-top: 45px;
    padding-bottom: 50px;
  }
  .about--us-mission h3.section--subtitle-gray {
    margin-bottom: 20px;
  }
  .about--us-mission .mtpc-2col-section-wrapper .mtpc-2col-item--1 {
    margin-bottom: 50px;
  }

  /* ========Development Direction==========*/
  .field__items.mtpc-section .field__item:has(.development--direction-items):nth-child(3) .development--direction-items {
    padding-top: 60px;
  }
  .field__items.mtpc-section .field__item:has(.development--direction-items):last-child .development--direction-items {
    padding-bottom: 60px;
  }

  /* ========Conference========= */
  .conference--items:not(.row_reverse) .mtpc-2col-section-wrapper .mtpc-image.mtpc-block-image-block-image {
    padding-right: unset;
  }
  .conference--items.row_reverse .mtpc-2col-section-wrapper .mtpc-image.mtpc-block-image-block-image {
    padding-left: unset;
  }

  /* =========Publications========== */

  /* ===========Events=========== */
  .event-listing-page {
    padding: 0 20px;
  }
  .event-listing-head {
    margin-top: -70px;
    padding: 0 20px;
  }
  .event-listing-head .views-exposed-form .form--inline {
    justify-content: flex-end;
    gap: 15px;
  }
  .event-listing-head .views-exposed-form .form--inline.clearfix:after {
    display: none;
  }
  .event-listing-head .views-exposed-form .form--inline .form-item {
    margin-top: 0;
    margin-right: 0;
  }

  .evnet-images-block {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .event-info {
    padding: 20px;
  }

  .event-listing-page .listing.grid-view .event-item {
    margin-right: 0;
  }

  .layout-content:has(.mtpc-news-article),
  .node__content.mtpc-event-detail {
    padding-top: 40px;
  }

  .node__content.mtpc-event-detail {
    padding: 0 15px;
  }

  /* ===========News========== */
  .mtpc_pagetitle.mtpc_news {
    padding: 0 15px;
  }
  .view-id-news_events {
    margin-bottom: 0;
  }

  .view-id-news_events .view-content .views-row .row_caontainer.has_thumb .thumb_container {
    width: 100%;
  }

  .view-id-news_events .view-content .views-row .row_caontainer.has_thumb .content_container {
    padding: 0;
  }

  /* LIST ITEM */
  .list-item.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
    width: 100%;
  }

  .list-item.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
    width: 100%;
    padding: 26px;
  }

  .list-item .mtpc-2col-item--1 img {
    aspect-ratio: 4 / 3;
  }
  /* LIST ITEM */

  /* PROFILE */
  .mtpc_pl_item_wrapper .mtpc_pl_pic {
    width: 225px;
  }

  .mtpc_pl_item_wrapper .mtpc_pl_texts {
    padding: 26px;
  }
  /* PROFILE */

  /* ITEM GRID */
  .item-grid .mtpc-1col-item > .field__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
  /* ITEM GRID */

  /* BREADCRUMB */
  .breadcrumb-header .wrapper {
    padding: 0 15px;
  }

  h1 + .block-system-breadcrumb-block {
    margin-top: -1.5rem;
  }
  /* BREADCRUMB */

  /* BACK BUTTON */
  #block-mtpc-back-news {
    padding: 0 15px;
  }
  /* BACK BUTTON */

  /* TABLE */
  table th,
  table td {
    padding: 0.5em 1em;
  }
  /* TABLE */

  /* SLIDESHOW */
  .mtpc-block-slideshow-block .slick-dots.circle li {
    width: 12px;
    height: 12px;
    margin-right: 40px;
  }
  /* SLIDESHOW */

  /* HOME BANNER */
  .home-banner .slick-slide img {
    height: 750px;
  }

  .home-banner.mtpc-block-slideshow-block .slick-dots {
    bottom: 2em;
  }
  /* HOME BANNER */

  /* QUICK FACTS */
  .quick-facts-header.mtpc-1col-section {
    margin-top: 0;
  }

  .quick-facts.mtpc-2col-section {
    margin-left: -3px;
    margin-right: -3px;
  }

  .quick-facts-item {
    border-width: 3px;
  }

  .quick-facts.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 > .field > .field__items > .field__item {
    width: 100%;
    aspect-ratio: unset;
  }
  /* QUICK FACTS */

  /* HOME NEWS */
  .home-news-content {
    padding: 20px;
  }
  /* HOME NEWS */

  /* WEB FORM */
  .block-body:has(> form.inquiry-pop-up-form) {
    padding: 20px;
  }

  .block-webform-block > .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  form.inquiry-pop-up-form {
    gap: 15px 20px;
  }

  main form .form-item label,
  .form-composite > legend {
    font-size: 16px;
  }

  .webform-submission-form .fieldgroup.form-composite .fieldset-wrapper .form-item label {
    font-size: 14px;
  }

  .webform-submission-form .form-item .form-text {
    margin-top: 5px;
  }

  main form.inquiry-pop-up-form .form-item.form-item-phone-number,
  main form.inquiry-pop-up-form .form-item.form-item-prefix,
  main form.inquiry-pop-up-form .form-item.form-item-email-address,
  main form.inquiry-pop-up-form .form-item.form-item-name {
    width: calc(50% - 10px);
  }

  main form.inquiry-pop-up-form .form-item#edit-referral-source,
  main form.inquiry-pop-up-form .form-item.form-item-company {
    width: calc(100%);
  }

  .webform-submission-form .form-actions .button {
    padding: 8px 25px;
  }
  /* WEB FORM */

  /* PUBLICATIONS */
  .publications-list-by-year .view-content {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-wrap: nowrap;
    padding-right: 50px;
  }
  .publications-list-by-year .view-footer {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 38px;
    transform: translateY(0px);
    background-color: #072346;
    box-shadow: -6px 0px 3px -2px #0000001a;
    align-items: center;
    justify-content: center;
  }
  /* PUBLICATIONS */
  
  .home-banner.mtpc-block-slideshow-block .slide_text_per_row:last-child .slide-text {
    font-weight: 600;
  }
}

@media only screen and (max-width: 550px) {
  .home-banner.mtpc-block-slideshow-block .slide_text_per_row:first-child {
    width: 90%;
  }

  .home-banner.mtpc-block-slideshow-block .slide_text_per_row:last-child {
    width: 70%;
  }
}

@media only screen and (max-width: 500px) {
  .webform-submission-form .form-actions .button,
  main form.inquiry-pop-up-form .form-item.form-item-phone-number,
  main form.inquiry-pop-up-form .form-item.form-item-prefix,
  main form.inquiry-pop-up-form .form-item.form-item-email-address,
  main form.inquiry-pop-up-form .form-item.form-item-name,
  main form.inquiry-pop-up-form .form-item#edit-referral-source,
  main form.inquiry-pop-up-form .form-item.form-item-company {
    width: calc(100%);
  }

  form.inquiry-pop-up-form {
    gap: 8px;
  }
}

@media only screen and (max-width: 480px) {
  .home-banner.mtpc-block-slideshow-block .slide_text_per_row:first-child {
    width: 100%;
  }

  .home-banner.mtpc-block-slideshow-block .slide_text_per_row:last-child {
    width: 80%;
  }
}

@media only screen and (max-width: 400px) {
  .home--about-us.mtpc-2col-section {
    background-size: 150%;
  }
}