@media screen and (max-width: 800px){
    .procedure-item {width: 33.33%;}
    .proc-clear4 {display: none;}
    .proc-clear3 {display: block;}

    .photo-item {width: 20%; padding-bottom: 20%;}

    #section-home-contactus {padding-top: 100px;}
    .home-contact-tagline {font-size: 55px;}
    .home-contact-tagline2 {font-size: 18px;}
}

@media screen and (max-width: 600px){
    .inline-container {padding-left: 2%; padding-right: 2%;}
    .section-title {font-size: 40px; margin-bottom: 50px;}
    .section {padding-top: 30px; padding-bottom: 30px;}

    #header {padding-top: 5px; padding-bottom: 5px;}
    .header-right, .lang-container {display: none;}
    .company-name {font-size: 40px;}
    .company-tagline {font-size: 11px;}

    #section-slideshow {padding-bottom: 0;}
    .slide-container {margin-bottom: 0; padding-bottom: 0;}
    .slide-item .slide-image-container {padding: 0;}
    .slide-container .slick-prev {top: 50%; left: 5%; transform: translateY(-50%); z-index: 1; width: 12px; height: 22px; background: url('../img/slide-arrow-left-mobile.png') no-repeat 0 0 !important;}
    .slide-container .slick-next {top: 50%; right: 5%; transform: translateY(-50%); z-index: 1; width: 12px; height: 22px; background: url('../img/slide-arrow-right-mobile.png') no-repeat 0 0 !important;}
    .slide-container.slick-dotted.slick-slider {margin-bottom: 0 !important;}
    .slide-container .slick-dots {bottom: 10px !important;}
    .slide-container .slick-dots li button:before {content: '' !important; width: 16px; height: 15px; background: url('../img/slide-dot.png') no-repeat 0 0;}
    .slide-container .slick-dots li.slick-active button:before {background-image: url('../img/slide-dot-current.png');}

    .procedure-item {width: 50%;}
    .proc-clear3 {display: none;}
    .proc-clear2 {display: block;}
    #section-home-procedure .btn-consultation {display: inline-block;}

    #section-home-beforeafter .before-after-container {display: none;}
    #section-home-beforeafter .before-after-container-mobile {display: block !important;}

    .photo-item {width: 25%; padding-bottom: 25%;}

    #section-home-contactus {padding-top: 60px;}
    .home-contact-tagline {font-size: 45px;}
    .home-contact-tagline2 {font-size: 16px;}
    
    #footer .inline-container {display: block;}
    .footer-left, .footer-middle {display: none;}
    .footer-right {text-align: center;}
    .social-media-icon {display: inline-block; margin: auto;}

    .contact-container {flex-direction: column;}
}

@media screen and (max-width: 500px){
    .section-title {font-size: 30px;}

    .before-after-container-mobile .slick-dots {bottom: 40% !important;}
    
    .photo-item {width: 33.33%; padding-bottom: 33.33%;}

    #section-home-contactus {padding-top: 55px;}
    .home-contact-tagline {font-size: 40px;}
    .home-contact-tagline2 {font-size: 15px;}
}

@media screen and (max-width: 400px){
    .section-title {font-size: 25px;}

    .before-after-container-mobile .slick-dots {bottom: 50% !important;}
}