/*320 - 767*/
@media screen and (max-width: 767px) {
  .header {
    top: 0;
    position: relative;
    height: 100px;
    align-items: center;
    justify-content: center;
  }
  .banner-wrapper video {
    width: 100%
  }
	.inner-banner-sectiion{
		display: none
	}
	.box-section{
		display: none
	}
  .block-menu-bar .menu-bar {
    color: #111
  }
  .header:not(.header-dark):not(.sticky) .header-button {
    background-color: #1d2a34;
    color: #fff;
  }
  .header-nav {
    display: none
  }
  .block-menu-bar .menu-bar {
    padding-top: 4px;
    right: 10px;
    position: relative;
  }
  .banner-section .text-slide {
    padding-top: 0;
    padding-bottom: 0
  }
  .banner-section .sub-heading {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .banner-section .heading-wrap {
    font-size: 30px
  }
  .marquee-wrap.marquee-text {
    font-size: 100px
  }
  .main-footer .footer-menu-title {
    text-align: left
  }
  .inner-banner-sectiion {
    height: 30vh;
    min-height: 30vh;
  }
  .banner-section.inner-banner-sectiion .main-banner {
    background-position: center left
  }
  .banner-section.inner-banner-sectiion .heading-wrap {
    font-size: 30px;
  }
  .age-matter .link-block-custom {
    display: block;
    padding: 20px;
  }
  .age-matter .link-block-icon {
    margin-bottom: 20px;
  }
  .composer .tta.general .tta-panel {
    padding: 0
  }
  .composer .tta.general .tta-panel-title > a {
    line-height: 30px
  }
  .procedure-num {
    font-size: 100px;
  }
  .vision-mission .col-info {
    padding-bottom: 0
  }
  .technicion-table {
    width: 100%
  }
  .main-footer .link-block {
    text-align: left
  }
  .footer-socials {
    justify-content: start;
  }
  .text-run {
    font-size: 30px;
  }
  .composer .tta.general .tta-panel {
    padding: 10px
  }
  a.button-primary {
    padding: 0 12px;
  }
  body .wpb_wrapper ul li {
    text-align: left;
  }
  .text-justify {
    text-align: left;
  }
  .cancer-boxes .block-desc {
    text-align: left;
  }
  .menu-item i {
    color: #000;
    float: right;
    line-height: 50px;
    padding: 0px 20px;
    display: block;
  }
  .menu-item:hover .submenu {
    left: 20px;
  }
  body .wpb_wrapper p {
    text-align: left;
  }
	.contact-section{
		padding-top: 0
	}
}
@media (max-width: 1024px) {
  .menu-item i {
    color: #000;
    float: right;
    line-height: 50px;
    padding: 0px 20px;
    display: block;
  }
  .menu-item:hover .submenu {
    left: 20px;
  }
  a.normal-font {
    overflow-wrap: break-word;
  }
  .blog-detail-section {
    overflow-wrap: break-word;
  }
}