@media (max-width: 1001px) { .businessDetailMenuWrap { width: 100%; } .businessDetail { width: 100%; } .searchWrap { display: none; } .visual-sec .img-box img { top: 50%; width: auto; left: 50%; transform: translate(-50%, -50%); } .visual-sec .img-box { padding-bottom: 80vh; } } @media (max-width: 768px) { .breadcrumb { background-size: cover; background-position: 50% 50%; } .listItemDes{ font-size: 0.9rem; } .nav-up { top: 0px !important; } .fullcardtitle ,.halfcardIcontitle{ font-size: 1rem; } .contactWrap{ flex-direction:column; } .contactEmail{ margin-top: 40px; position: relative; } .contactItem { width: 100%; padding: 60px 40px; } footer { padding: 40px 20px; } .ci { padding: 40px 20px; } .textCradDetail { -webkit-line-clamp: 4; } .footerSponsor { align-items: end; justify-content: start; } .footerMenuItem { justify-content: start; } .footermedia { justify-content: start; margin-bottom: 20px; } .footerWrap { display: flex; flex-direction: column; justify-content: space-between; } .footerCi { gap: 0px 20px; display: flex; flex-direction: column; justify-content: start; } } @media screen and (max-width: 480px) { .w-400 { max-width: 100%; } .visual-sec .txt-box { left: 46%; } .visual-sec .txt-box > h3 { font-size: 1.2rem; } .visual-sec .txt-box > p { font-size: 0.8rem; } .visual-sec .all-box { bottom: 0; height: 30px; } }