@media screen and (max-width: 1200px){
    #section-slide {padding-top: var(--headerheight);}
    #section-slide, .slick-list, .slick-track {height: auto;}
    .slick-slider.slide-container {height: auto;}
}

@media screen and (max-width: 1150px){
    .about-title2 {font-size: 35px;}
}

@media screen and (max-width: 1100px){
    .about-title {font-size: 55px;}
    .about-title2 {font-size: 30px;}
    /* .ourservice2-caption {font-size: 36px; margin-top: -36px;} */
    /* .our-portfolio-link {font-size: 21px;} */
    .appointment-line {margin-bottom: 60px;}
    .career-caption {font-size: 38px;}
}

@media screen and (max-width: 1000px){
    .about-title {font-size: 48px;}
    /* .ourservice2-caption {font-size: 32px; margin-top: -32px;} */
    /* .our-portfolio-link {font-size: 19px;} */
    .appointment-title {font-size: 55px;}
    .appointment-line {margin-bottom: 40px;}
    .career-caption {font-size: 33px;}
    .indepth-item-title {font-size: 21px;}
    .service-title {font-size: 40px}
    .service-chosen-box {font-size: 14px;}
    .service-choice-container {width: 160px;}
    #about-us-2 {background-position: -200px;}
    .about-img-bg {left: -200px;}
}

@media screen and (max-width: 950px){
    .about-title2 {font-size: 25px;}
    .appointment-desc {font-size: 18px;}
}

@media screen and (max-width: 900px){
    .navbar-item a {font-size: 14px;}
    .about-title {font-size: 42px;}
    /* .ourservice2-caption {font-size: 29px; margin-top: -29px;} */
    /* .our-portfolio-link {font-size: 17px;} */
    .ourservice2-bottom {padding-top: 60px;}
    .appointment-line {margin-bottom: 20px;}
    .appointment-desc {font-size: 16px;}
    .footer-logo-container img {width: 260px;}
    .footer-col-content {font-size: 12px;}
    .project-item {width: 33.33%;}
    .project-clear1 {display: none;}
    .project-clear2 {display: block;}
    .career-caption {font-size: 29px;}
    .career-title {font-size: 16px;}
    .career-desc {font-size: 14px;}
    .service-title {font-size: 37px}
    .service-chosen-box {font-size: 13px;}
    .service-choice-container {width: 150px;}
    .service-choice-item {font-size: 12px; padding-top: 5px; padding-bottom: 5px;}
    .service-choice-item-container {width: 70%;}
}

@media screen and (max-width: 850px){
    .ourservice2-bottom {padding-top: 40px;}
    .appointment-line {margin-bottom: 0px;}
    .footer-logo-container img {width: 230px;}
    .career-intro-left {padding-left: 5%;}
    .career-intro-right {padding-right: 5%;}
    .submit-application-label {left: 15%;}
}

@media screen and (max-width: 800px){
    .navbar-item a {font-size: 12px;}
    .navbar-item img {width: 180px;}
    .about-title {font-size: 38px;}
    .service-item-title {font-size: 20px}
    .subservice-item-title {font-size: 24px;}
    /* .ourservice2-caption {font-size: 26px; margin-top: -26px;} */
    /* .our-portfolio-link {font-size: 16px;} */
    .ourservice2-bottom {padding-top: 20px;}
    .appointment-title {font-size: 50px;}
    .appointment-desc {font-size: 14px; width: 60%;}
    .footer-logo-container img {width: 200px;}
    .footer-col-content {font-size: 15px;}
    .footer-logo-container {float: none; width: 100%; margin-bottom: 30px;}
    .footer-right {overflow: auto; width: 100%; margin-bottom: 30px;}
    .copyright {margin-bottom: 30px;}
    .indepth-item-title {font-size: 20px;}
    .service-title {font-size: 35px}
    .confirmation-title {font-size: 48px;}
    .about-col-left {flex: 0 0 280px;}
}

@media screen and (max-width: 750px) {
    /* .ourservice2-caption {font-size: 23px; margin-top: -23px;} */
    /* .our-portfolio-link {font-size: 14px;} */
    #about-us-2 {background-position: -350px;}
}

@media screen and (max-width: 700px){
    .navbar-item img {width: 160px;}
    .about-title {font-size: 32px;}
    .service-item-title {font-size: 17px}
    /* .ourservice2-caption {font-size: 21px; margin-top: -21px;} */
    /* .our-portfolio-link {font-size: 13px;} */
    .appointment-title {font-size: 45px;}
    .project-item {width: 50%;}
    .project-clear2 {display: none;}
    .project-clear3 {display: block;}
    .indepth-item-title {font-size: 19px;}
    .service-title {font-size: 32px}
    .confirmation-title {font-size: 42px;}
    .about-col-left {flex: 0 0 250px;}
    #about-us-2 {background-position: -400px;}
}

@media screen and (max-width: 650px){
    .navbar-item img {width: 145px;}
    /* .ourservice2-caption {font-size: 20px; margin-top: -20px;} */
    /* .our-portfolio-link {font-size: 12px;} */
    #about-us-2 {background-position: -450px;}
}

@media screen and (max-width: 600px){
    .inline-container {padding-left: 5%; padding-right: 5%;}
    .navbar-item {display: none;}
    #navbar-item-logo {display: block; width: 100%;}
    .about-title {font-size: 66px;}
    .about-left {float: none; width: 100%; padding-right: 0; margin-bottom: 40px;}
    .about-right {float: none; width: 100%; padding-left: 0;}
    #section-about2 {background-size: 100% 50%; background-position: bottom left;}
    .about-title2 {width: 100%; font-size: 40px; margin-bottom: 200px;}
    /* .service-container {display: none;}
    .service-container-mobile {display: block;} */
    .service-item-title {font-size: 24px}
    .service-item {width: 100%; float: none;}
    .service-item-inner {margin-left: 5% !important; margin-right: 5% !important;}
    .service-item.right .service-item-inner {padding-left: 0;}
    .service-item-detail-container {margin-left: 5% !important; margin-right: 5% !important;}
    #section-ourservice2 {flex-direction: column; height: auto;}
    /* .ourservice2-left {background: none;} */
    /* .ourservice2-left img {visibility: visible;} */
    .ourservice2-left, .ourservice2-right {width: 100%;}
    .ourservice2-top {height: auto;}
    .ourservice2-caption {position: static; font-size: 41px; margin-top: 40px; margin-bottom: 40px; transform: none;}
    .our-portfolio-link {position: static; font-size: 23px; margin-top: 30px; margin-bottom: 100px; transform: none;}
    .appointment-title {line-height: 1em;}
    /* .appointment-form-left {float: none; width: 100%; border-right: 0;}
    .appointment-form-right {float: none; width: 100%;} */
    .appointment-row {flex-direction: column;}
    .appointment-col {padding: 0; width: 100%;}
    .appointment-col.border-right {border: 0;}
    .btn-book-mobile {display: block;}
    .btn-book-desktop {display: none;}
    /* .appointment-col:nth-child(odd) {padding-right: 2%;}
    .appointment-col:nth-child(even) {padding-left: 2%;} */
    #section-form-appointment {padding-top: 40px; padding-bottom: 50px;}
    .btn-burger-icon {display: block;}
    .portfolio-title-container {flex-direction: column;}
    .portfolio-title {width: 100%;}
    .portfolio-introduction {padding: 0;}
    .service-detail {flex-direction: column;}
    .service-left {width: 100%; height: 300px;}
    .service-right {width: 100%;}
    .service-other-child {display: none;}
    .subservice-item {flex-direction: column;}
    .subservice-item {float: none; width: 100%;}
    .subservice-item-no-banner {width: 100%;}
    .service-choice-item {padding-top: 10px; padding-bottom: 10px;}
    #section-career-mobile {display: block;}
    #section-career {display: none;}
    .career-title {font-size: 17px;}
    .career-desc {font-size: 15px; margin-bottom: 30px;}
    .career-caption {margin-bottom: 20px;}
    .submit-application-label {position: static; padding-bottom: 50px;}
    .application-col {width: 50%;}
    .confirmation-title {font-size: 40px;}
    #about-us-2 {background-position: -450px;}
    .about-col-left {flex: 1; margin-bottom: 50px;}
    .about-col-right {padding-left: 0; width: 100%;}
    .section-about-us-item .inline-container {flex-direction: column;}
    .about-img-bg {left: 0; opacity: 0.4}
}

@media screen and (max-width: 550px){
    .about-title {font-size: 55px;}
    .about-title2 {font-size: 35px; margin-bottom: 180px;}
    /* .ourservice2-caption {font-size: 35px;} */
    /* .our-portfolio-link {font-size: 21px; margin-top: 10px;} */
    .confirmation-title {font-size: 37px;}
}

@media screen and (max-width: 500px){
    .about-title {font-size: 50px;}
    .about-title2 {font-size: 30px; margin-bottom: 170px;}
    /* .ourservice2-caption {font-size: 33px;} */
    /* .our-portfolio-link {font-size: 20px; margin-top: 0px;} */
    .confirmation-label, .confirmation-value {width: 100%; float: none;}
    .service-choice-item-container {width: 90%;}
}
@media screen and (max-width: 450px){
    /* .ourservice2-caption {font-size: 30px;} */
    /* .our-portfolio-link {font-size: 18px;} */
    /* .appointment-col {float: none; width: 100%;} */
    /* .field-appointmentform-note {margin-top: 30px;} */
    .footer-col {float: none; width: 100%; margin-bottom: 20px;}
    .project-item {width: 100%;}
}

@media screen and (max-width: 400px){
    .about-title {font-size: 42px;}
    .about-title2 {font-size: 27px; margin-bottom: 160px;}
    .application-col {width: 100%; float: none;}
}

@media screen and (max-width: 350px){
    .about-title {font-size: 38px;}
}

@media screen and (max-width: 300px){
    .about-title {font-size: 34px;}
}