@media (max-width:768px){.container{padding:0 15px}.header-section .header-banner{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.navbar-section .tab-pills{gap:8px}.navbar-section{padding:20px 0}.header-section h1{font-size:32px;margin-bottom:16px}.header-section h3{font-size:16px;margin-bottom:16px}.header-section .client-detail h6{font-size:14px}.header-section .client-detail .a-side>img:nth-child(1){width:37.889px;height:37.889px}.header-section .client-detail h6+img{width:24px;height:24px}.header-section .client-detail .a-side{gap:8px}.header-section .client-detail{margin:23px 0;justify-content:center;gap:8px}.header-section h5{font-size:16px;margin:23px 0}.header-section h2{font-size:24px;margin-bottom:25px}.header-section .checklist-card{border-radius:25px;padding:25px;border:2px solid #4088BB;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px}.header-section .checklist-card p{font-size:16px;margin-bottom:12px}.header-section .recommendation-card{margin:25px 0;border-radius:30px;border:3px solid #4088BB;background:#FFF}.header-section .recommendation-card .upper-part{padding:12px 27px;font-size:22px;text-align:center}.header-section .recommendation-card .bottom-part{padding:40px}.header-section .recommendation-card .bottom-part .doctor-detail p{font-size:16px}.header-section .recommendation-card .bottom-part .doctor-detail .a-side p{font-size:20px;text-align:left !important}.header-section .recommendation-card .bottom-part .doctor-detail{gap:12px;margin-bottom:12px;flex-wrap:wrap}.middle-section h2{font-size:34px;margin-bottom:15px}.middle-section .gummies-card{padding:30px 10px;margin-bottom:25px;justify-content:center;gap:20px}.middle-section .gummies-card .b-side h6{text-align:center}.grades-card{padding:80px 12px 20px 12px;margin-bottom:25px}.grades-card .votes-card{padding:30px 40px;gap:35px;flex-wrap:wrap;margin-bottom:50px;justify-content:center}.grades-card .pros-and-cons p{align-items:center}.grades-card .progress-row{gap:0}.grades-card .progress-row p{margin-bottom:8px}.grades-card .pros-and-cons{gap:27px;flex-wrap:wrap}.grades-card p{font-size:16px}.grades-card .dotted-card{border-radius:16px;border:3px dashed #CE004A;padding:18px 12px;margin:35px 0;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}.grades-card .dotted-card .upper-part{justify-content:center;gap:12px}.grades-card .dotted-card .middle-part{gap:16px;margin:18px 0}.middle-section .gummies-card .b-side button{width:100%}.grades-card .progress-row .progress{width:253px}.grades-card .dotted-card button{font-size:16px;width:100%}.grades-card:is(.dotted-card#hideCard1,.dotted-card#hideCard3,.dotted-card#hideCard4) .middle-part img{width:76px;height:60px}.grades-card #topToBottom{width:23px;height:20.801px}.grades-card hr{display:none}.middle-section .gummies-card .b-side h2{text-align:center}.navbar-section img{max-width:170px}.pros-and-cons div{width:100%}:is(.middle-section .gummies-card .b-side,#showButton1,#showButton2,#showButton3,#showButton4,#showButton) button{padding:19px 19px;width:100%}.grades-card .votes-card button{padding:15px;width:100%}}