:root {
  /* Colors */
  --clr-light: white;
  --clr-light-50: rgba(255, 255, 255, 0.50);
  --clr-dark: #1E2023;
  --clr-red: #C50F1C;
  --clr-orange: #ED7D31;
  --clr-blue-100: #014EA0;
  --clr-blue-200: #223F9A;
  --clr-grey-100: #F2F2F2;
  --clr-grey-150: #f5f5f5;
  --clr-grey-200: #D3D3D3;
  --clr-grey-300: #333333;
  --clr-light-blue: #4A80BC;
  --clr-light-green: #289F99;

  /* Heading */
  --heading-one: 64px;
  --heading-two: 54px;
  --heading-three: 48px;
  --heading-four: 24px;
  
  --heading-40: 40px;
  --heading-36: 36px;
  --heading-32: 32px;
  --heading-28: 28px;
  --heading-20: 20px;

  /* Paragraph */
  --paragraph-one: 24px;
  --paragraph-two: 16px;

  /* Line height and letter spacing */
  --line-height-one: 1.7;
  --line-height-two: 1.5;

  /* Shadows */
  --box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.25);
  --box-shadow-two: 0px 20px 20px 5px rgba(0, 0, 0, 0.15);

  /* Font-family */
  --font-corben: 'Corben', serif;
}

/* Custom classes */
h1 {
  color: var(--clr-light);
  font-size: var(--heading-one);
  font-weight: 700;
}

h2 {
  font-size: var(--heading-two);
  font-weight: 600;
}

h3 {
  font-size: var(--heading-three);
  font-weight: 600;
}

h4 {
  font-size: var(--heading-four);
  font-weight: 600;
}

/* custom */
@media (min-width: 2560px) {
  /* Homepage */
  .about-section-img {
    width: 1290px;
    height: 750px;
  }
  .grey-bg {
    width: 1290px;
    height: 690px;
  }
  /* End of homepage */

  /* Company page */
  .social-contri-img {
    height: 700px;
  }
  .social-contri-img img {
    width: 1230px;
  }
}

/* custom */
@media (min-width: 1600px) {
  .container {
    max-width: 1200px;
  }
}

/* custom */
@media (max-width: 1599px) and (min-width: 1201px) {
  .container {
    max-width: 1200px;
  }
}

/* 2xl */ 
@media (max-width: 1536px) {
  .inquiry-btn {
    margin-left: 20px;
  }

  /* Company page */
  .social-contri-img img {
    width: 770px;
    left: 0;
  }
}

/* custom */
@media (max-width: 1440px) {
  /* Company page */
  .social-contri-img img {
    width: 720px;
  }
}

/* custom */
@media (max-width: 1366px) {
  /* Home page */
  .work-card img {
    height: 300px;
  }
  .grey-bg {
    height: 670px;
  }
  .about-section-img {
    width: 680px;
    height: 710px;
  }

  /* Company page */
  .social-contri-img img {
    width: 690px;
  }
  .social-contri-img {
    height: 500px;
  }
}  

/* xl */ 
@media (max-width: 1280px) { 
  .about-section-img {
    width: 640px;
    height: 740px;
  }
  .grey-bg {
    width: 730px;
    height: 700px;
  }

  /* Business page */
  .business-detail-paragraph h3 {
    font-size: var(--paragraph-one);
  }

  /* Company page */
  .social-contri-img img {
    width: 640px;
  }
}  

/* lg */ 
@media (max-width: 1024px) {
  h1 {
    --heading-one: 54px;
  }
  h2 {
    --heading-two: 48px;
  }
  h3 {
    --heading-three: 40px;
  }
  h4 {
    --heading-four: 20px;
  }
  h5 {
    --heading-five: 18px;
  }
  .section-paragraph {
    --paragraph-one: 20px;
  }
  .navbar-brand img {
    width: 50px;
    height: 50px;
  }
  .navbar-brand {
    font-size: 20px;
  }
  .inquiry-btn {
    padding: 10px 30px;
    height: 80px;
    margin-left: 10px;
  }
  .takefornia-content-div h4 {
    font-size: 24px;
  }
  .takefornia-div {
    height: 300px;
  }
  .about-section {
    padding-top: 250px;
  }
  .grey-bg {
    height: 580px;
  }
  .about-section-img {
    width: 550px;
    height: 640px;
  }
  .painting-business-content {
    padding: 40px;
  }
  .contact-col-right h3 {
    font-size: var(--heading-36);
  }

  /* Business page */
  .painting-business-div {
    height: 400px;
  }
  .takefornia-business-div {
    height: 500px;
  }
  .painting-business-detail {
    width: 400px;
    padding: 40px;
  }
  .painting-business-detail h2, .takefornia-business-titles h3 {
    font-size: var(--heading-32);
  }
  .takefornia-business-detail {
    width: 500px;
    padding: 40px;
  }
  .takefornia-business-titles h4 {
    font-size: var(--paragraph-two);
  }
  .takefornia-business-detail .diy-text {
    width: 70%;
  }
  .painting-work-card img {
    height: 300px;
  }
  .painting-work-card-content {
    height: 280px;
    padding: 40px;
  }

  /* Work page */
  .work-result-card-content {
    padding: 20px;
  }
  .work-result-card img {
    height: 250px;
  }
  .works-list-div {
    gap: 30px;
  }
  .work-result-card {
    width: calc(33.33% - 20px);
  }
  /* End of work page */

  /* Company page */
  .social-contri-img img {
    width: 600px;
  }
  .social-contri-img {
    height: auto;
  }
  /* End of Company page */
}  

/* custom */
@media (max-width: 960px) {
  h3 {
    --heading-three: 32px;
  }
  h5 {
    --heading-five: 16px;
  }
  .navbar-nav {
    box-shadow: var(--box-shadow-two);
  }
  .inquiry-btn {
    display: none;
  }
  .navbar-toggler {
    height: 90px;
    background: var(--clr-red);
    border: none;
    border-radius: 0%;
    padding: 0 30px;
  }
  .navbar-toggler-icon {
    width: 30px;
    height: 30px;
    background-image: url(/assets/images/icons/menu.png);
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .inquiry-btn-mobile {
    display: flex;
    padding: 20px 0;
    height: 80px; 
    background: var(--clr-red);
    gap: 20px;
    border: none;
  }
  .nav-item.inquiry-btn-mobile.flex-center {
    width: 30%;
  }
  .inquiry-btn-mobile p {
    font-size: var(--paragraph-one);
    color: var(--clr-light);
  }
  .nav-item.inquiry-btn-mobile.flex-center {
    margin: 30px 40px;
  }
  .nav-link {
    padding: 20px 40px;
    font-size: var(--paragraph-one);
  }
  .navbar-brand {
    font-size: var(--paragraph-one);
    padding: 15px 0;
  }
  .navbar-brand img {
    width: 60px;
    height: 60px;
  }
  .takefornia-div {
    height: 300px;
  }
  .about-section {
    padding-top: 200px;
  }
  .about-section .section-btn {
    width: 100%;
  }
  .about-col-right img {
    width: 450px;
    height: 550px;
    position: relative;
    left: 50px;
  }
  .about-col-left {
    width: 50%;
    gap: 30px;
  }
  .about-col-right {
    width: 50%;
  }
  .section-btn-title {
    --paragraph-two: 14px;
  }
  .grey-bg {
    width: 500px;
    height: 550px;
    left: 25px;
    top: 50px;
  }
  .painting-business-content {
    width: 60%;
  }
  .painting-business-content h3 {
    font-size: var(--heading-three);
  }
  .banner-btn {
    padding: 20px 30px;
  }
  .diy-text {
    width: 70%;
  }
  .chevron {
    width: 20px;
    height: 20px;
  }
  .chevron img {
    width: 6px;
  }
  .work-card img {
    height: 250px;
  }
  .news-col-left {
    width: 30%;
  }
  .news-list-div {
    width: 50%;
  }
  .news-item {
    padding-bottom: 30px;
  }
  .news-col-list.flex-col-start-50 {
    gap: 30px;
  }
  .contact-col-left {
    width: 60%;
  }
  .contact-col-right {
    width: 40%;
  }
  .contact-btn p {
    width: 60%;
  }
  .contact-btn {
    padding: 20px 30px;
  }
  .footer-col-detail {
    width: 25%;
    gap: 50px;
  }
  .footer-col-right {
    width: 70%;
  }
  .footer-takei img {
    height: 40px;
  }
  .footer-takei h4, .footer-contact h4 {
    font-size: var(--paragraph-two);
  }
  .footer-row {
    justify-content: space-between;
    padding: 100px 0 0;
  }
  footer.container-fluid.flex-col-center-50 {
    gap: 100px;
  }

  /* Business page */
  .painting-work-card-content {
    height: 335px;
  }

  /* Work page */
  .work-result-card {
    width: calc(50% - 15px);
  }

  /* Company page */
  .social-contri-img {
    height: 550px;
  }
  .social-contri-img img {
    width: 100%;
    position: relative;
  }
  .social-contri-section .container {
    overflow: hidden;
  }
  .company-card__image {
    width: 100%;
  }
  .top-message-img, .map, .social-contri-img {
    height: 450px;
  }
  .top-message-img img {
    scale: 1.8;
  }
  .company-detail-paragraph {
    font-size: var(--heading-32);
  }

  /* Recruit page */
  .job-detail__paragraph {
    font-size: var(--heading-20);
  }

  /* News page */
  .news-list__list {
    padding: 50px;
  }
  .news-col-list {
    padding: 0;
  }
  /* End of news page */

  /* News detail page */
  .news-single__date {
    font-size: var(--heading-20);
  }
  /* End of news detail page */

  /* Contact us page */
  .form__fields {
    background: var(--clr-blue-200);
    padding: 10px 30px;
  }
  .form__input {
    height: 50px;
  }
  .form__textarea {
    padding-bottom: 30px;
  }
  .form__textarea textarea {
    min-height: 150px;
  }
  .form__label_contents {
    padding: 30px 30px 10px 30px;
  }
  .agreement-section {
    height: 350px;
  }
  .contact-us__container {
    gap: 50px;
  }
  .form-check-input {
    width: 20px;
    height: 20px;
  }
  .form__button {
    padding: 20px 50px;
  }
  .form-btn__english {
    font-size: 14px;
  }
  .form-btn__jap {
    font-size: var(--paragraph-two);
  }
  /* End of contact us page */
}

/* custom */
@media (max-width: 810px) {
  .about-col-right img {
    width: 420px;
    left: 25px;
  }
  .grey-bg {
    width: 780px;
    left: 0;
  }
  .contact-col-right h3 {
    font-size: var(--heading-32);
  }
}

/* md */ 
@media (max-width: 768px) { 
  h1 {
    --heading-one: 40px;
  }
  .top-section {
    height: 750px;
  }
  .top-content-div {
    height: 70%;
  }
  .takefornia-div {
    padding: 20px;
    height: 250px;
  }
  .takefornia-col-left {
    padding: 0 20px;
  }
  .takefornia-content-div {
    gap: 10px;
  }
  .about-section {
    padding: 150px 0 50px;
  }
  .about-col-left, .about-col-right, .section-btn, .painting-business-content, .news-col-left, .news-list-div, .contact-col-left, .contact-col-right, .footer-col-detail, .footer-col-right {
    width: 100%;
  }
  .about-col-right {
    margin-top: 100px;
  }
  .about-col-right img {
    width: 780px;
    left: 0;
  }
  .grey-bg {
    left: -50px;
    height: 540px;
  }
  .business-section-div .section-title, .recruit-section-div .section-title {
    align-items: flex-start;
  }
  .business-section-div .section-paragraph, .recruit-section-div .section-paragraph {
    text-align: left;
  }
  .business-banner-div {
    height: 500px;
  }
  .work-card img {
    height: 350px;
  }
  .flex-col-center-50 {
    align-items: flex-start;
  }
  .painting-business-content.flex-col-start-30 {
    align-items: flex-start;
  }
  .flex-col-start-30 {
    align-items: center;
  }
  .news-divider {
    display: none;
  }
  .news-section .banner-btn {
    display: none;
  }
  .mobile-banner-btn {
    display: flex;
  }
  .news-col-left {
    margin-bottom: 50px;
  }
  .contact-col-left.flex-col-start-30 {
    align-items: center;
  }
  .contact-col-left h6 {
    text-align: center;
  }
  .contact-col-right {
    margin-top: 50px;
  }
  .contact-col-right h1 {
    font-size: 72px;
  }
  .contact-btn h3 {
    font-size: 32px;
  }
  .contact-btn.flex-center {
    justify-content: space-between;
  }
  .contact-col-left p {
    text-align: center;
  }
  .contact-col-right {
    align-items: center;
  }
  footer.container-fluid.flex-col-center-50 {
    align-items: center;
  }
  .footer-takei img {
    width: 50px;
    height: 50px;
  }
  .footer-takei h4, .footer-contact h4 {
    font-size: 20px;
    text-align: center;
  }
  .footer-col-detail {
    align-items: center;
    gap: 50px;
  }
  .footer-contact {
    gap: 20px;
  }
  .footer-col-right {
    display: none;
  }
  .flex-end {
    justify-content: center;
  }
  .footer-links-mobile {
    display: block;
    margin-top: 100px;
  }
  .footer-links-mobile li a {
    color: var(--clr-light);
  }
  .footer-links-mobile li {
    border-top: 1px solid var(--clr-light);
    border-bottom: 1px solid var(--clr-grey-200);
    padding: 30px 0;
  }
  .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed, .accordion-item:first-of-type>.accordion-header .accordion-button, .accordion-item:last-of-type>.accordion-collapse, .accordion-item:last-of-type {
    border-radius:  0%;
  }
  .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--clr-light);
  }
  .accordion, .accordion-item {
    background-color: transparent;
  }
  .accordion-item {
    border-left: none;
    border-right: none;
  }
  .accordion-body a p {
    margin-top: 10px;
    color: var(--clr-light);
  }
  .accordion-body a h5:last-of-type {
    margin-bottom: 20px;
  }
  .accordion-button {
    padding: 30px 0;
    background-color: transparent;
    color: var(--clr-light);
  }
  .accordion-button:not(.collapsed)::after {
    background-image: url(/assets/images/icons/minus.png);
    background-size: contain;
  }
  .accordion-button::after {
    width: 24px;
    height: 24px;
    background-image: url(/assets/images/icons/plus.png);
    background-size: contain;
  }
  .accordion-button:focus {
    box-shadow: none;
  }

  /* Business Page */
  .painting-business-div, .takefornia-business-div {
    flex-direction: column;
    height: auto;
  }
  .painting-business-col-left, .takefornia-business-col-left, .painting-business-col-right, .takefornia-business-col-right {
    width: 100%;
  }
  .painting-business-detail, .takefornia-business-detail {
    width: 100%;
    position: relative;
    top: 0;
    transform: translate(0, 0);
    box-shadow: none;
  }
  .painting-business-div img, .takefornia-business-img {
    height: 350px;
  }
  .painting-business-detail.flex-col-start-30 {
    align-items: flex-start;
  }
  
  /* Contact us page */
  .contact-us__container .flex-col-center-50 {
    align-items: center;
  }
  /* End of Contact us page */
} 

/* sm */ 
@media (max-width: 640px) {
  h2 {
    --heading-two: 40px;
  }
  .painting-business-content .takefornia-font {
    font-size: 40px;
  }
  .diy-text {
    width: 50%;
  }
  .about-col-right img {
    width: 680px;
  }
  .takefornia-content-div .flex-col-center {
    gap: 10px;
  }
  .footer-links-mobile {
    margin-top: 100px;
  }
  .accordion-button::after {
    width: 30px;
    height: 30px;
  }
  .footer-contact p {
    text-align: center;
  }

  /* Business page */
  .painting-works-div {
    flex-direction: column;
  }
  .painting-work-card {
    width: 100%;
  }
  .painting-work-card-content {
    height: auto;
  }

  /* Work Detail page */
  .work-detail-img {
    height: 350px;
  }
  .table-striped>:not(caption)>*>* {
    padding: 30px;
  }
} 

/* xs */ 
@media (max-width: 490px) {
  h1 {
    --heading-one: 32px;
  }
  h3 {
    --heading-three: 28px;
  }
  .top-section {
    height: 550px;
  }
  .top-content-div {
    height: 80%;
  }
  .business-section, .work-section, .news-section, .recruit-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .nav-item.inquiry-btn-mobile.flex-center {
    margin: 30px;
    width: 45%;
  }
  .inquiry-btn-mobile p {
    font-size: 20px;
  }
  .nav-link {
    font-size: 20px;
    padding: 10px 30px;
  }
  .navbar-brand {
    font-size: 20px;
  }
  .navbar-brand img {
    width: 50px;
    height: 50px;
  }
  .navbar-toggler {
    height: 80px;
    padding: 0 30px;
  }
  .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .takefornia-div {
    top: -100px;
  }
  .container.takefornia-banner {
    width: 90%;
  }
  .takefornia-div {
    height: auto;
  }
  .takefornia-img img {
    height: 200px;
  }
  .takefornia-content-div {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .takefornia-content-div h4 {
    font-size: 20px;
  }
  .about-section {
    padding-top: 350px;
  }
  .grey-bg {
    width: 530px;
    height: 400px;
    left: -90px;
  }
  .about-col-right {
    margin-top: 50px;
  }
  .about-col-right img {
    width: 530px;
    height: 400px;
  }
  .section-btn {
    padding: 20px 50px;
  }
  .diy-text {
    width: 60%;
  }
  .takefornia-bg {
    height: 600px;
  }
  .painting-business-content {
    padding: 30px;
  }
  .banner-btn, .mobile-banner-btn, .contact-btn {
    padding: 20px;
  }
  .work-card img {
    height: 400px;
  }
  .news-col-left {
    margin-bottom: 10px;
  }
  .footer-col-detail {
    gap: 30px;
  }
  .footer-links-mobile {
    margin-top: 50px;
  }
  .footer-takei img {
    height: 60px;
  }
  .footer-takei h4 {
    font-size: 32px;
  }
  .footer-row {
    padding: 50px 30px 50px;
  }
  .footer-copyright {
    padding: 0 50px 50px;
  }
  .accordion-button::after {
    width: 20px;
    height: 20px;
  }
  footer.container-fluid.flex-col-center-50 {
    gap: 50px;
  }
  .contact-col-right h3 {
    font-size: var(--heading-28);
  }

  /* Business page */
  .inside-top-section {
    height: 400px;
    padding-top: 50px;
  }
  .inside-top-content h4 {
    font-size: var(--paragraph-two);
  }
  .inside-top-content h1 {
    font-size: var(--heading-28);
  }
  .business-detail-section, .business-results-section, .takefornia-business-section {
    padding: 50px 0;
  }
  .painting-business-detail, .painting-work-card-content, .takefornia-business-detail {
    padding: 30px;
  }
  .business-results-div {
    gap: 50px;
  }
  .business-detail-paragraph h3 {
    font-size: var(--heading-20);
  }
  .painting-business-detail h2, .takefornia-business-titles h3 {
    font-size: var(--heading-28);
  }
  .painting-business-div img, .takefornia-business-img {
    height: 300px;
  }
  .painting-work-card img {
    height: 250px;
  }

  /* Work page */
  .works-list-section {
    padding: 50px 0;
  }
  .work-result-card {
    width: 100%;
  }
  /* End of work page */

  /* Work Detail page */
  .work-detail-section {
    padding: 50px 30px;
    gap: 30px;
  }
  .inside-section-title {
    font-size: var(--heading-20);
  }
  th {
    font-size: var(--paragraph-two);
  }
  .work-detail-img {
    height: 300px;
  }
  .table-striped>:not(caption)>*>* {
    padding: 20px;
  }
  /* End of Work Detail page */

  /* Company page */
  .company-detail-paragraph {
    font-size: var(--paragraph-one);
  }
  .section-container {
    padding: 50px 0;
  }
  .top-message-img, .map, .social-contri-img {
    height: 250px;
  }
  .top-message-img img {
    scale: 1.5;
  }
  .top-message-detail p, .social-contri-paragraph, .company-card__title {
    font-size: var(--paragraph-two);
  }
  .company-overview-section, .history-section {
    padding-bottom: 0;
  }
  .company-card {
    height: 250px;
  }
  .company-card__detail {
    font-size: var(--paragraph-one);
  }
  .history-td {
    padding: 30px !important;
  }
  /* End of company page */

  /* Recruit page */
  .job-detail__paragraph {
    font-size: var(--paragraph-two);
  }
  .job-detail__contents {
    gap: 30px;
  }
  /* End of recruit page */

  /* News page */
  .news-list-section {
    padding: 50px 30px;
  }
  .news-list__list {
    padding: 30px !important;
  }
  /* End of news page */

  /* News detail page */
  .news-single__date {
    font-size: var(--paragraph-two);
  }
  .news-single__title {
    font-size: var(--paragraph-one);
  }

  /* Contact us page */
  .contact-us__text {
    font-size: var(--paragraph-one);
  }
  .form__button {
    width: 100%;
    padding: 20px;
  }
  .form__label_text {
    font-size: var(--paragraph-two);
  }
  .required__label_text {
    font-size: 14px;
  }
  .form__label_contents {
    padding: 20px 20px 10px 20px;
  }
  .form__fields {
    padding: 10px 20px;
  }
  .form__textarea {
    padding-bottom: 20px;
  }
  .contact-us__container {
    gap: 30px;
  }
  .contact__complete_text {
    font-size: var(--paragraph-two);
  }
  .contact__complete {
    padding: 30px;
  }
  /* End of contact us page */
}

/* custom */
@media (max-width: 375px) {
  h1 {
    --heading-one: 24px;
  }
  .top-section {
    height: 450px;
  }
  .top-content-div {
    height: 70%;
  }
  .navbar-toggler {
    padding: 0 20px;
  }
  .navbar-toggler-icon {
    width: 24px;
    height: 24px;
  }
  .navbar-brand {
    margin-left: 10px;
    font-size: 16px;
  }
  .navbar-brand img {
    width: 50px;
    height: 50px;
  }
  .nav-link {
    font-size: var(--paragraph-two);
    padding: 15px 30px;
  }
  .inquiry-btn-mobile p {
    font-size: var(--paragraph-two);
  }
  .inquiry-btn-mobile {
    height: 70px;
  }
  .inquiry-btn-mobile h4 {
    font-size: 20px;
  }
  .nav-item.inquiry-btn-mobile.flex-center {
    margin: 20px 30px;
    width: 50%;
  }
  .takefornia-content-div h2 {
    font-size: 32px;
  }
  .section-btn {
    padding: 20px;
  }
  .diy-text, .contact-btn p {
    width: 70%;
  }
  .grey-bg, .about-col-right img {
    width: 350px;
    height: 300px;
  }
  .grey-bg {
    left: -20px;
  }
  .painting-business-content .takefornia-font {
    font-size: 32px;
  }
  .business-section-div .section-title h2 {
    width: 100%;
  }
  .painting-business-content {
    padding: 20px;
  }
  .takefornia-bg {
    height: 500px;
  }
  .chevron {
    width: 16px;
    height: 16px;
  }
  .chevron img {
    width: 5px;
  }
  .painting-business-content h1 {
    font-size: 24px;
  }
  .flex-col-start-30 {
    gap: 20px;
  }
  .work-card img {
    height: 300px;
  }
  .news-category h6, .contact-col-right .tel, .contact-btn h3 {
    font-size: 16px;
  }
  .contact-col-right h1 {
    font-size: 28px;
  }
  .footer-takei img {
    height: 50px;
  }
  .footer-takei h4 {
    font-size: 20px;
  }
  .footer-links-mobile li, .accordion-button {
    padding: 30px 0;
  }
  .flex-col-start-50, .flex-col-center-50 {
    gap: 30px;
  }
  .news-item {
    padding-bottom: 30px;
  }
  .contact-col-right {
    gap: 10px;
    margin-top: 30px;
  }
  .footer-links-mobile {
    margin-top: 50px;
  }
  .accordion-button::after {
    width: 20px;
    height: 20px;
  }
  
  /* Business page */
  .painting-work-card img {
    height: 200px;
  }
  .painting-business-div img, .takefornia-business-img {
    height: 250px;
  }

  /* Work Detail page */ 
  .work-detail-img {
    height: 250px;
  }
  /* End of Work Detail page */

  /* Company page */
  .company-card {
    flex-direction: column;
    height: auto;
  }
  .company-card__contents {
    padding: 20px;
  }
  /* End of company page */

  /* Contact us page */
  .form-check-input {
    width: 16px;
    height: 16px;
  }
  .form__button {
    gap: 10px;
  }
  /* End of contact us page */
}

/* custom */
@media (max-width: 320px) {
  .painting-business-content .takefornia-font {
    font-size: 28px;
  }
  .section-btn.flex-center {
    flex-direction: column;
    gap: 10px;
  }
  .news-flex {
    flex-direction: column;
  }
  .contact-col-left h2 {
    font-size: 32px;
  }
  .contact-col-right h1 {
    font-size: 22px;
  }
  .diy-text, .contact-btn p {
    width: 60%;
  }
  .banner-btn p, .mobile-banner-btn p {
    width: 70%;
  }
}