@media screen and (min-width:320px) and (max-width:480px) {

  .inner-about{
    width: 100%;
    float: left;
    height: 100vh!important;
    display: inline-table;
}
 
  .nav-bar-collapse {
    padding: 70px 25px;
  }
  .nav-bar-collapse .nav-bar-nav a {
    font-size: 23px;
  }
  .nav-bar-collapse .nav-bar-nav .sub-menu li a {
    font-size: 21px;
  }
  .nav-bar-collapse {
    width: 319px;
  }
  .nav-bar {
    padding-right: 30px;
  }
  html body,
  html body.custom-background,
  .home {
    background-position: 5% 0 !important;
  }
  .about-section .content {
    padding-right: 30px;
    margin-right: 30px;
  }
  .nav-bar {
    padding-right: 0;
  }
  .logo-section .image-block {
    text-align: center;
  }
  .logo-section .image-block img {
    max-width: 100%;
  }
  .toggle-icon {
    height: 37px;
    width: 37px;
  }
  .toggle-icon span,
  .toggle-icon:before,
  .toggle-icon:after {
    height: 5px !important;
  }
  .inner-about-sec .content {
    max-width: 100%;
  }
  .inner-title-sec .content {
    max-width: 100%;
    padding-bottom: 0;
  }
  .container {
    max-width: 100%;
  }
  .inner-about .con-about {
    padding: 110px 55px 70px 15px;
  }
  .inner-about p,
  .inner-about-3rd ul li {
    font-size: 19px;
    line-height: 28px;
  }
  .inner-about h2 {
    margin-bottom: 10px;
  }
  .footer-logo {
    text-align: center;
  }
  .footer-logo img {
    max-width: 70%;
  }
  body {
    font-size: 16px;
  }
  .footer-content .footer-logo:after {
    background-color: transparent; 
    left: 0;
    right: 0;
  }
  .copyright-block {
    padding: 9px 15px;
  }
  .footer-content .footer-contact a,
  .footer-content .footer-contact p {
    text-align: center;
  }
  .inner-about .img-about img {
    object-fit: cover;
  }
  .inner-title-sec.logo-section .image-block {
    right: 15px;
  }
  .inner-about-sec .content {
    padding-right: 0;
    margin-right: 0;
  }
  .about-con-3rd {
    padding: 120px 50px 120px 20px;
  }
  .inner-about-3rd h6 {
    line-height: 37px;
    font-size: 28px;
  }
  .img-about-3rd {
    height: auto;
  }
  .input-about-2 {
    display: inline-block;
  }
  .page-template-page-about {
    width: 100%;
    float: left;
  }
  .inner-about-3rd {
    background-position: 15% 0;
  }
  .about-con-3rd {
    background-color: rgb(255 255 255 / 35%);
  }
  
  .inner-about p, .about-section .content p, .inner-about-3rd ul li { font-size: 19px !important; line-height: 28px !important; }
  .page-id-69 .inner-about .con-about { padding: 110px 55px 70px 15px !important; }
}

@media screen and (min-width:481px) and (max-width:640px) {
  .nav-bar-collapse {
    padding: 70px 25px;
  }
  .nav-bar-collapse .nav-bar-nav a {
    font-size: 25px;
  }
  .nav-bar-collapse .nav-bar-nav .sub-menu li a {
    font-size: 23px;
  }
  .nav-bar-collapse {
    width: 480px;
  }
  .nav-bar {
    padding-right: 10px;
  }
  html body,
  html body.custom-background,
  .home {
    background-position: 5% 0 !important;
  }
  .about-section .content {
    padding-right: 30px;
    margin-right: 30px;
  }
  .logo-section .image-block {
    text-align: center;
    left: 0px;
  }
  .logo-section .image-block img {
    max-width: 84%;
  }
  .inner-about-sec .content {
    max-width: 100%;
  }
  .inner-title-sec .content {
    max-width: 100%;
    padding-bottom: 0;
  }
  .container {
    max-width: 100%;
  }
  .inner-about .img-about img {
    object-fit: cover;
  }
  .inner-about .con-about {
    padding: 170px 80px 120px 15px;
  }
  .input-about-2 {
    display: inline-block;
  }
  .about-con-3rd {
    padding: 120px 80px 120px 15px;
  }
  .inner-about p,
  .inner-about-3rd ul li {
    font-size: 22px;
    line-height: 30px;
  }
  .inner-about h2 {
    margin-bottom: 10px;
  }
  .inner-title-sec.logo-section .image-block {
    right: 0;
  }
  .inner-about-sec.about-section .content {
    padding-right: 0;
    margin-right: 0;
  }
  .footer-content .footer-logo:after {
    background-color: transparent;
    left: 0;
    right: 0;
  }
  .footer-content .footer-contact a,
  .footer-content .footer-contact p {
    text-align: center;
  }
  .img-about-3rd {
    height: auto;
  }
  .page-template-page-about {
    width: 100%;
    float: left;
  }
  .inner-about-3rd {
    background-position: 15% 0;
  }
  .about-con-3rd {
    background-color: rgb(255 255 255 / 35%);
  }
  
  .inner-about p, .inner-about-3rd ul li { font-size: 22px !important; line-height: 30px !important; }
  .page-id-69 .inner-about .con-about { padding: 170px 80px 120px 15px !important; }
}

@media screen and (min-width:641px) and (max-width:767px) {
  .nav-bar-collapse {
    width: 639px;
  }
  html body,
  html body.custom-background,
  .home {
    background-position: 5% 0 !important;
  }
  .about-section .content {
    padding-right: 70px;
    margin-right: 60px;
  }
  .logo-section .image-block {
    text-align: center;
    left: 0;
  }
  .logo-section .image-block img {
    max-width: 85%;
  }
  .nav-bar {
    padding-right: 40px;
  }
  .inner-about-sec .content {
    max-width: 100%;
  }
  .inner-title-sec .content {
    max-width: 100%;
    padding-bottom: 0;
  }
  .about-con-3rd {
    padding: 120px 95px 120px 15px;
  }
  .container {
    max-width: 100%;
  }
  .inner-about .img-about img {
    object-fit: cover;
  }
  .inner-about .con-about {
    padding: 175px 95px 150px 15px;
  }
  .input-about-2 {
    display: inline-block;
  }
  .inner-about p,
  .inner-about-3rd ul li {
    font-size: 26px;
    line-height: 40px;
  }
  .inner-about h2 {
    margin-bottom: 10px;
  }
  .inner-title-sec.logo-section .image-block {
    right: 0;
  }
  .inner-about-sec.about-section .content {
    padding-right: 0;
    margin-right: 0;
  }
  .img-about-3rd {
    height: auto;
  }
  .page-template-page-about {
    width: 100%;
    float: left;
  }
  .inner-about-3rd {
    background-position: 15% 0;
  }
  .about-con-3rd {
    background-color: rgb(255 255 255 / 35%);
  }
  
  .inner-about p, .inner-about-3rd ul li { font-size: 26px !important; line-height: 40px !important; }
  .page-id-69 .inner-about .con-about { padding: 175px 95px 150px 15px !important; }
}

@media screen and (min-width:768px) and (max-width:991px) {
  html body,
  html body.custom-background,
  .home {
    background-position: 15% 0 !important;
  }
  .about-section .content {
    padding-right: 50px;
    margin-right: 50px;
  }
  .nav-bar {
    padding-right: 40px;
  }
  .logo-section .image-block {
    text-align: center;
  }
  .logo-section .image-block img {
    max-width: 90%;
  }
  .inner-about .con-about {
    padding: 130px 0 65px 35px;
  }
  .inner-about .img-about img {
    object-fit: cover;
  }
  .inner-title-sec .content,
  .inner-about-sec .content {
    max-width: 100%;
  }
  .inner-title-sec.logo-section .image-block {
    right: 0;
  }
  .inner-about-sec.about-section .content {
    padding-right: 0;
    margin-right: 0;
  }
  .about-con-3rd {
    padding: 80px 40px 80px 20px;
  }
}

@media screen and (min-width:992px) and (max-width:1030px) {
  html body,
  html body.custom-background,
  .home {
    background-position: 15% 0;
  }
  body {
    background-position: 15% 0;
    position: relative;
  }
  body:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: -1;
  }
  .logo-section .image-block {
    text-align: center;
  }
  .logo-section .image-block img {
    max-width: 100%;
  }
  .inner-about .con-about {
    padding: 200px 0 140px 25px;
  }
  .inner-about .img-about img {
    object-fit: cover;
  }
  .inner-title-sec .content,
  .inner-about-sec .content {
    max-width: 100%;
  }
  .inner-title-sec.logo-section .image-block {
    right: 0;
  }
  .inner-about-sec.about-section .content {
    padding-right: 0;
    margin-right: 0;
  }
}

@media screen and (min-width:1031px) and (max-width:1199px) {
  body {
    background-position: 15% 0;
    position: relative;
  }
  body:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: -1;
  }
  html body,
  html body.custom-background {
    background-position: 15% 0 !important;
  }
  .logo-section .image-block {
    text-align: center;
  }
  .logo-section .image-block img {
    max-width: 100%;
  }
  .inner-about .con-about {
    padding: 300px 0 280px 35px;
  }
  .inner-about .img-about img {
    object-fit: cover;
  }
  .inner-title-sec .content,
  .inner-about-sec .content {
    max-width: 100%;
  }
  .inner-title-sec.logo-section .image-block {
    right: 0;
  }
  .inner-about-sec.about-section .content {
    padding-right: 0;
    margin-right: 0;
  }
  .page-id-47 {
    background-position: 13% 0;
  }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
  .about-section .content {
    max-width: 545px;
    margin-right: 0;
    padding-right: 0;
  }
  html body,
  html body.custom-background {
    background-position: 23% 0 !important;
  }
  .logo-section .image-block {
    right: 155px;
  }
  .logo-section .image-block img {
    max-width: 50%;
  }
  .inner-about .img-about img {
    object-fit: cover;
  }
  .inner-title-sec.logo-section .image-block {
    right: 85px;
  }
  .page-id-47 {
    background-position: 0 0;
  }
  body {
    position: relative;
  }
  body:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: -1;
  }
  .inner-title-sec .content,
  .inner-about-sec .content {
    max-width: 100%;
  }
}

@media screen and (min-width:375px) and (max-width:812px) {
  html body,
  html body.custom-background,
  .home {
    background-position: 7% 0 !important;
    background-attachment: fixed !important;
  }
}

@media (min-width: 1270px) and (max-width: 1290px){
.logo-section svg { width: 450px; }
}