.sg-price-container { margin: 15px; font-size: 1.3em; } .con{ background: #fff; width: 100%; float: left; /* margin-left: 8.3%; */ } @media (min-width: 500px){ .con{ background: #fff; width: 83.3%; float: left; margin-left: 8.3%; } } @media (min-width: 1200px){ .ex{ width: 20%; } } .section_3{ padding-left:10%;margin-top:40px;color:#fff;width: 100%; } .section_3>p{ font-size:30px } .section_3>div>li{ background: #fff;float:left;list-style: none;width: 100px;border: 1px solid #fff;border-radius: 50px;height: 35px;text-align: center;padding-top: 8px;margin-top: 22px;margin-left: 12px; } .section_3>div>li:hover{ background: #0094DA;float:left;list-style: none;width: 100px;border: 1px solid #fff;border-radius: 50px;height: 35px;text-align: center;padding-top: 8px;margin-top: 22px;margin-left: 12px;background: #0094DA; } .section_3>div>li>a{ color : #0094DA; font-size: 15px; } .section_3>div>li:hover>a{ color:#fff; font-size: 15px; } .section_2>div>li{ float: left; text-align: left; padding: 0; height: 15px; line-height: 15px; margin-bottom:9px; color: #fff; } .use_btn{ background: #fff; margin-top: 28px; width: 130px; height: 40px; border-radius: 50px; text-align: center; vertical-align: middle; padding-top: 10px; border: 1px solid #fff; } .use_btn>a{ color:#0094DA;font-size: 17px; } .use_btn:hover>a{ color:#fff;font-size: 17px; } .use_btn:hover{ background: #0094DA; margin-top: 28px; width: 130px; height: 40px; border-radius: 50px; text-align: center; vertical-align: middle; padding-top: 10px; border: 1px solid #fff; color:#fff; cursor: pointer; } @media only screen and (max-width: 992px) { .banner_margin{ margin-left: auto !important; margin:auto; } .topbackground{ background: #0094DA !important; height: auto !important; } } @media only screen and (min-width: 1920px){ .m_height{ max-height: 600px; } } @media (max-width: 640px){ .box { width: 100%; } } .s1{ margin-top:120px;padding-bottom: 20px; } .section_1{ height:auto;display:inline-block;width:100%; } .section_1 .title{ float:left;color:#fff;padding-left:10%;margin-top:20px; } .section_1 .qrcode{ float:left;margin-top:20px;padding-left:10%; } .section_1 .qrcode img{ width:120px;height:120px; } .section_2{ padding-left:10%;margin-top:40px;color:#fff;height:80px;width:100%; } .s2{ margin-top:120px;padding-bottom: 20px;padding-top: 20px; } .s2 #myCarousel{ width:220px;margin-left:30% } .boxdetail{ text-align: center;border:none;background:#fff; } .right span { position: absolute; top: 20%; right: 15px; } .left span { position: absolute; top: 20%; left: 15px; } @media only screen and (max-width: 767px){ .s1{ margin-top: 70px; } .s2{ margin-top: 10px; } .use_btn{ margin-top: 18px; width: 100px; height: 30px; padding-top: 6px; } .section_1 .title{ float:left;color:#fff;padding-left:0%;margin-top:20px; } .section_1 .qrcode{ float:left;margin-top:30px;padding-left:0%; } .section_2{ padding-left:0%;margin-top:30px;color:#fff;height:120px;width:100%; } .section_2>div>li{ font-size: 12px; float: left; text-align: left; padding: 0; color: #fff; list-style: none; text-align: center; border-left: 1px solid #fff; } .section_2>div>li:last-child{ float: left; text-align: left; padding: 0; color: #fff; list-style: none; text-align: center; border-left: 1px solid #fff; border-right: 1px solid #fff; } .section_3{ padding-left:0%;margin-top:30px;color:#fff;width: 100%;height: 120px; } .section_3>div>li{ background: none;float:left;list-style: none;width: 90px;border: 1px solid #fff;border-radius: 50px;height: 25px;text-align: center;padding-top: 3px; margin-top: 18px;margin-left: 12px; } .section_3>div>li>a{ color : #fff; font-size: 13px; } .section_3>div>li:hover{ background: #fff !important;float:left;list-style: none; width: 90px; border: 1px solid #fff;border-radius: 50px;height: 25px;text-align: center;padding-top: 3px; margin-top: 18px; margin-left: 12px;background: #0094DA; } .section_3>div>li:hover>a{ color:#0094DA; font-size: 13px; } .mar_r_70px{ margin-right: -70px !important; } .mar_l_70px{ margin-left: -70px !important; } }