@media (max-width:1779px) {

.container{ max-width: 1450px;}
.Header .header-main{ padding: 40px 0;}
.Header .header-main .brand-logo{ width: 155px;}
.middle_sec h1{ font-size: 85px;}
.middle_sec h1 strong{ margin-top: -20px; font-size: 130px;}
.middle_sec h1 strong .star{ margin-left: -20px;}
.middle_sec h1 strong .star span{ height: 28px; width: 28px; gap: 15px;}
.middle_sec h1 strong .star span::before{ height: 28px; width: 28px;}
.middle_sec .curve img{ width: 1370px;}
.middle_sec .curve{ top: 220px;}
.middle_sec .product{ margin-top: 50px;}
.footer .bbb-info figure{ width: 218px;}
.footer{ padding-bottom: 35px;}
.footer .bbb-info{ border-radius: 25px;}
.footer .right_part .add_info span{ font-size: 16px;}
.footer .right_part .add_info i{ height: 36px; width: 36px; min-width: 36px;}
.social_links a{ height: 45px; width: 45px;}
.middle_sec .product figure img{ max-height: 220px;}
.middle_sec .product::before{ height: 250px; width: 240px;}
.middle_sec .product .detail h3{ font-size: 36px;}
.middle_sec .product .detail h3 span{ font-size: 16px;}
.middle_sec figure{ margin: 0 -12%;}
.middle_sec .right-mdl{ padding-bottom: 154px;}
}

@media (max-width:1551px) {

.container{ max-width: 1210px;}
.middle_sec{ padding-top: 20px;}
.Header .header-main{ padding: 35px 0;}
.Header .header-main .brand-logo{ width: 130px;}
.middle_sec h1{ font-size: 55px;}
.middle_sec h1 strong{ margin-top: -10px; font-size: 90px;}
.middle_sec h1 strong .star{ gap: 12px;}
.middle_sec h1 strong .star span{ height: 22px; width: 22px;}
.middle_sec h1 strong .star span::before{ height: 22px; width: 22px;}
.middle_sec .curve img{ width: 1140px;}
.middle_sec .curve{ top: 180px;}
.footer .bbb-info figure{ width: 180px;}
.footer .bbb-info{ border-radius: 20px;}
.footer{ padding-bottom: 28px;}
.footer .right_part .add_info span{ font-size: 14px;}
.footer .right_part .add_info i{ height: 32px; width: 32px; padding: 9px; min-width: 32px;}
.footer .right_part{ gap: 20px;}
.social_links a{ height: 38px; width: 38px; padding: 10px;}
.social_links{ margin-left: 20px;}
.middle_sec .product{ margin-top: 40px;}
.middle_sec .product .detail h3{ font-size: 26px;}
.middle_sec .product .detail h3 span{ font-size: 14px;}
.middle_sec .product figure img{ max-height: 160px;}
.middle_sec .product::before{ height: 200px; width: 190px; border-radius: 25px; top: 30px;}
.middle_sec .right-mdl{ padding-bottom: 160px;}
.middle_sec figure{ margin: 0 -7%;}
.middle_sec .right-mdl{ padding-bottom: 110px;}
.middle_sec .product .detail h3::before{ right: -15px; height: 18px; width: 18px;}
}

@media (max-width: 1199px) {

.container{ max-width: 940px;}
.Header .header-main .brand-logo{ width: 100px;}
.Header .header-main{ padding: 25px 0;}
.middle_sec h1{ font-size: 50px;}
.middle_sec h1 strong{ font-size: 80px;}
.middle_sec .curve img{ width: 800px;}
.middle_sec .product figure img{ max-height: 160px;}
.middle_sec .product .detail h3{ font-size: 26px;}
.middle_sec .product::before{ width: 160px; height: 180px; border-radius: 20px; top: 50px;}
.footer .bbb-info figure{ width: 130px;}
.footer .bbb-info{ padding: 12px; border-radius: 15px;}
.middle_sec .right-mdl{ padding-bottom: 100px;}
.social_links a{ height: 34px; width: 34px;}
.social_links{ margin-left: 10px; gap: 8px;}
.middle_sec .product{ margin-top: 30px;}
.footer .right_part{ gap: 10px;}
.middle_sec figure{ margin: 0 -20%;}
}

@media (max-width: 991px) {

.container{ width: 100%; max-width: 100%; padding: 0 15px;}
.Header .header-main{ padding: 20px 0; display: flex; justify-content: space-between; align-items: start;}
.Header .header-main .bbb-info{ margin: 0; padding: 10px; box-shadow: inset 0.2px 0.2px 0.2px rgba(255, 255, 255, 0.4), inset -0.8px -0.8px 1px rgba(255, 255, 255, 0.4); border-radius: 10px; background: rgba(255, 255, 255, 0); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.Header .header-main .bbb-info figure{ margin: 0; padding: 0; width: 120px;}
.middle_sec h2{ font-size: 50px;}
.middle_sec h2 strong{ margin-top: -10px; font-size: 80px;}
.middle_sec h2 strong .star{ margin-left: -20px; gap: 10px;}
.middle_sec h2 strong .star span{ height: 20px; width: 20px;}
.middle_sec h2 strong .star span::before{ height: 20px; width: 20px;}
.middle_sec .curve img{ width: 570px;}
.middle_sec{ padding-top: 150px;}
.middle_sec .curve{ top: 280px;}
.middle_sec figure{ margin: 0 -5%;}
.middle_sec .product{ margin-top: 0; z-index: 2;}
.middle_sec .product figure img{ max-height: 160px;}
.middle_sec .product .detail h3{ font-size: 22px;}
.middle_sec .product{ margin-top: -110px;}
.middle_sec .product::before{ width: 100%; height: 210px; top: 30px;}
.middle_sec .product .detail{ margin-top: 20px;}
.middle_sec .right-mdl{ position: relative;}
.middle_sec .right-mdl::before{ content: ""; position: absolute; top: -175px; left: 0; height: 175px; background: linear-gradient(180deg, rgba(95, 37, 160, 0) 0%, #5F25A0 100%); width: 100%;}
.footer .right_part{ justify-content: center; gap: 20px;}
.social_links{ position: absolute; top: 50%; transform: translateY(-50%); flex-direction: column; right: 20px;}
}

@media (max-width: 767px) {
.Header .header-main{ padding: 15px 0;}
.middle_sec{ padding-top: 110px;}
.middle_sec h2{ font-size: 34px;}
.middle_sec h2 strong{ margin-top: 0; font-size: 60px;}
.middle_sec h2 strong .star{ margin-left: -10px; gap: 5px;}
.middle_sec h2 strong .star span{ height: 14px; width: 14px;}
.middle_sec h2 strong .star span::before{ height: 14px; width: 14px;}
.Header .header-main .bbb-info figure{ width: 100px;}
.middle_sec .product figure img{ height: 130px;}
.middle_sec .product::before{ height: 170px;}
.middle_sec .product .detail{ margin-top: 10px;}
.middle_sec figure{ margin: -50px -5% 0;}
.middle_sec .curve{ opacity: 1; top: 210px;}
.middle_sec .curve img{ width: 380px;}
.middle_sec .product .detail h3{ font-size: 20px;}
}

@media (max-width: 575px) {
    
.middle_sec .product figure img{ height: 100px;}
.middle_sec figure{ margin: -40px -5% 0;}
.middle_sec .right-mdl .row{ margin-left: -5px; margin-right: -5px;}
.middle_sec .right-mdl .row > *{ padding-left: 5px; padding-right: 5px;}
.middle_sec .product .detail h3{ font-size: 18px;}
.middle_sec .product::before{ border-radius: 15px; height: 130px;}
.social_links{ right: 10px;}
.middle_sec .product .detail h3::before{ right: -5px; height: 12px; width: 12px;}
.footer .right_part .add_info i{ height: 28px; width: 28px; padding: 7px; min-width: 28px;}
.footer .right_part .add_info span{ font-size: 11px;}
.footer .right_part{ gap: 10px;}
.middle_sec .right-mdl{ padding-bottom: 60px;}
.footer .right_part .add_info{ gap: 7px;}
.footer .right_part .add_info i{ height: 24px; width: 24px; padding: 6px; min-width: 24px;}
.footer{ padding-bottom: 17px;}
}