@media screen and (max-width: 1399px) and (min-width: 769px) {
    .sgma-page header { padding-left: 2.857vw; padding-right: 2.857vw; }
    .sgma-circle1 { max-width: 98.857vw; right: -11vw; }
    .sgma-section1-img { max-width: 49.214vw; }
    .sgma-icon-list-img img { height: 3vw; }
    .sgma-section1 .sgma-section-content { padding: 0 2.857vw; }
    .sgma-section1 { padding-bottom: 10.214vw; }
    .sgma-icon-list > div { padding: 0 1.429vw; }
    .sgma-icon-list { margin-left: -1.429vw; margin-right: -1.429vw; }
    .sgma-section2 { padding-top: 10.214vw; }
    .sgma-section3 { margin-bottom: 15.714vw; }
    .sgma-section3-content { width: 33vw; height: 33vw; margin-right: 18.357vw; padding: 3.571vw; }
    .sgma-section3 .sgma-section3-wrap { padding-top: 9.857vw; padding-bottom: 7.214vw; }
    .sgma-section3-line { bottom: 0; }
    .sgma-section2-img-wrap { max-width: 21.571vw; }
    .sgma-section2-img-wrap img { max-width: 100%; }
    .sgma-circle2 { max-width: 48.571vw; left: -10.714vw; }
    .sgma-section2-wrap { padding: 0 2.857vw; }
    .sgma-video-button { width: 9.286vw; height: 9.286vw; margin-top: -4.643vw; margin-left: -4.643vw; background-size: 5.071vw auto !important; -webkit-box-shadow: 0 0 9.286vw 3.571vw rgba(236,89,110,0.08);  -moz-box-shadow: 0 0 9.286vw 3.571vw rgba(236,89,110,0.08);  box-shadow: 0 0 9.286vw 3.571vw rgba(236,89,110,0.08); }
    .sgma-section2 .sgma-section-text { padding: 0 3.929vw 5vw 3.929vw; }
    .sgma-section2 .sgma-section2-line-right, .sgma-section2 .sgma-section2-line-left { bottom: 5vw; }
    .sgma-section2-element { max-width: 35.214vw; bottom: 3.429vw; }
    .sgma-section2 .sgma-section-text-wrapper { max-width: 55vw; }
    .sgma-button { font-size: 1.286vw; padding: 0.929vw 1.786vw 0.786vw; min-height: 3.571vw; min-width: 8.071vw; margin: 0.714vw;  }
    .sgma-section3-content p { font-size: 1.571vw; margin: 0 0 2.857vw 0; }
    .sgma-h3, h3 { font-size: 1.714vw; margin: 0 0 1.071vw 0; }
    .sgma-section3 .sgma-section-bg { top: -2.143vw; }
    .sgma-slider-content { padding-left: 4.643vw; padding-right: 4.643vw; margin-top: 3.571vw; margin-bottom: 3.571vw; }
    .sgma-section4 { margin-bottom: 8vw; }
    .sgma-footer-line1, .sgma-footer-line2 { padding-left: 2.857vw; padding-right: 2.857vw; }
    .sgma-section1-image-wrapper > img:first-child { width: 19.857vw; min-width: 19.857vw; }
    .sgma-section1-image-wrapper > img { width: 15.500vw; min-width: 15.500vw; }
}
@media all and (max-width: 1000px) {
    .sgma-h2, h2 { font-size: 24px; line-height: 32px; }
    .sgma-page header { padding: 30px 20px; }
    .sgma-section1 { align-items: flex-start; padding-bottom: 40px; }
    .sgma-icon-list { margin-top: 25px; margin-bottom: 35px; }
    .sgma-section1 .sgma-section-content { padding: 0; }
    .sgma-section1 .sgma-section1-wrap { padding: 0 20px; }
    .sgma-section2 { padding-top: 40px; }
    .sgma-section2 p { font-size: 14px; }
    .sgma-section2 .sgma-section-content { align-items: flex-start; }
    .sgma-slider-content p { font-size: 14px; }
    .sgma-footer-line1 { padding-top: 20px; padding-bottom: 20px; }
}
@media all and (max-width: 850px) {
    .sgma-popup { width: 86%; }
}
@media all and (max-width: 768px) {
    .sgma-circle1 { right: auto; left: 0; }
    .sgma-section1 { display: block; padding-bottom: 25px; }
    .sgma-section1 .sgma-section-text { max-width: 100%; }
    .sgma-section2 { padding-top: 25px; }
    .sgma-section1-img { max-width: 100%; height: auto !important; }
    .sgma-section1-image-wrapper { display: flex; justify-content: flex-start; padding-left: 20px; max-width: 100%; margin: 40px 0 30px 0; }
    .sgma-section1-image-wrapper > img:first-child { width: 36.198vw; min-width: 36.198vw; }
    .sgma-section1-image-wrapper > img { width: 28.255vw; min-width: 28.255vw; }
    .sgma-section2 .sgma-section-content { display: block; }
    .sgma-section2-wrap { padding-left: 20px; padding-right: 20px; }
    .sgma-section2 .sgma-section-text { display: block; padding: 0; margin: 0 auto 40px auto; }
    .sgma-section2 .sgma-section-text-wrapper { max-width: 100%; }
    .sgma-section2-element { display: none !important; }
    .sgma-section2 .sgma-section-content img { margin: 0 auto; }
    .sgma-circle2 { bottom: -10px; left: 50%; margin-left: -340px; }
    .sgma-section2-img { max-width: 217px; }
    .sgma-section3 .sgma-section-bg { display: none; }
    .sgma-section3-content { margin-right: 0; float: none; }
    .sgma-section3 .sgma-section3-wrap { padding: 60px 20px 0 20px; display: flex; justify-content: center;  }
    .sgma-circle3 { display: block; position: absolute; top: -30px; }
    .sgma-section3-line { display: none; }
    .sgma-section3-content { padding: 0 20px; }
    .sgma-section3 { margin-bottom: 40px; }
    .sgma-section4-content { display: block; }
    .sgma-slider-text {min-height: 180px; padding: 0 20px; }
    .sgma-slider-content { padding-left: 20px; padding-right: 20px; display: block; margin: 0; }
    .sgma-slider-content > div { max-width: 100%; margin: 0 auto; }
    .sgma-footer-line1, .sgma-footer-line2 { padding-left: 20px; padding-right: 20px; }
    .sgma-icon-list > div { padding: 0 10px; }
    .sgma-icon-list {margin-left: -10px; margin-right: -10px; margin-bottom: 0; }
    .sgma-section4 { margin-bottom: 50px; }
    .sgma-slider-wrapper { max-width: 100%; }
    .sgma-section1-image-wrapper > img { margin: 0 10px; }
    .sgma-slider .slick-prev, .sgma-slider .slick-next { width: 80px; height: 80px; }
    .sgma-image-popup .sgma-popup-close { top: -10px; right: -10px; }
}
@media all and (max-width: 600px) {
    .sgma-footer-line1 { display: block; text-align: center; }
    .sgma-footer-social { margin-top: 15px; }
    .sgma-footer-line2 { display: block; text-align: center; }
    .sgma-popup-close { right: -15px; top: -15px; width: 30px; height: 30px; background-size: 10px auto; }
}
@media all and (max-width: 450px) {
    .sgma-h3, h3 { font-size: 22px; }
    .sgma-section3-content { padding: 0; }
    .sgma-section3-content p { font-size: 17px; }
    .sgma-button { margin-left: 5px; margin-right: 5px; }
    .sgma-section1-image-wrapper > img { margin: 0 5px; }
    .sgma-video-button { width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; -webkit-box-shadow: 0 0 100px 50px rgba(236,89,110,0.08); -moz-box-shadow: 0 0 100px 50px rgba(236,89,110,0.08);  box-shadow: 0 0 100px 50px rgba(236,89,110,0.08); background-size: 55px auto; }
}