관리-도구
편집 파일: responsive.css
@media(max-width: 991px) { .toggle-btn{ display: block; } #header{ display: none; } .th-left { display: none; } .mobile_social { display: block !important; } .socail-media ul li a{ height: 24px; width: 24px; line-height: 24px; font-size: 14px; } .call{ display: none; } .header-middle { padding: 0px 0; position: sticky; top: 0; z-index: 1020; background: #fff; box-shadow: 0 6px 20px 0 rgb(0 0 0 / 10%); } .logo img { max-width: 100px; } .main-title{ max-width: 100%; } .abt-wrap{ margin-bottom: 30px; box-shadow: 0 3px 20px 1px rgb(0 0 0 / 10%); background: #fff; } .about-sec.pb{ padding-bottom: 50px; } .information{ margin-top: 30px; } .content-sec-left::after{ display: none; } .content-sec-left::before{ display: none; } .content-sec-left{ padding-left: 0; margin-right: 0; } .content-list { margin-top: 30px; } .blog-wrap{ margin-bottom: 30px; } .blog.pb{ padding-bottom: 50px; } .footer-contact{ margin-bottom: 30px; padding-right: 0; } .ads{ display: none; } .contact-right{ margin-top: 30px; } .welcome-team{ margin-left: 0; } .socail-media { display: none; } .card_information{ margin-top: 50px; } .slider { margin-top: 0; } } @media(max-width: 767px) { .links-only{ padding-left: 0; } .footer-info, .footer-links { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ffffff24; } .footer-contact { margin-bottom:0px; } .footer-bottom ul{ display: block; } .footer-bottom{ text-align: center; } .footer-bottom ul li+li{ margin-top: 5px; } .details-wrap{ display: block; } .details-left{ margin-right: 0; margin-bottom: 20px; } .section-title__title{ margin-top:20px; } .about-one__left{ margin-right:0; } .nav_tab_wrapper_020 #pills-tab{ flex-wrap: inherit; overflow-y: hidden; overflow-x: scroll; } .nav_tab_wrapper_020 #pills-tab li{ white-space: nowrap; width: auto; } .nav_tab_wrapper_020 #pills-tab li .nav-link{ padding:15px 10px; border-left: 1px solid #ffffff24; } } @media(max-width: 575px) { .logo img { max-width: 80px; } .about-one__img>img { width: 100%; height: 300px; object-fit: contain; } .carousel-item { height: auto; } .mt{ margin-top: 50px; } .mb{ margin-bottom: 50px; } .pt{ padding-top: 50px; } .pb{ padding-bottom: 50px; } .main-title h2{ font-size: 30px; line-height: 38px; } .main-title a{ font-size: 24px; } .main-title{ margin-bottom: 40px; } .abt-wrap{ padding: 20px; } .main-title1 h2{ font-size: 24px; line-height: 36px; } .about-sec.pb { padding-bottom: 20px; } .news-list{ display: block; padding: 20px; } .news-left{ margin-right: 0; padding-right: 0; border-right: none; margin-bottom: 20px; } .news-right h3 { font-size: 18px; line-height: 24px; } .information{ padding: 20px; } .inform-icon i::before { font-size: 30px; } .inform-icon{ margin-right: 20px; } .content-sec-left img{ height: auto; } .content-list h3{ font-size: 30px; line-height: 36px; } .counter-wrap{ margin-top: 30px; } .counter{ margin-top: 0; } .blog-content{ padding: 20px; } .blog.pb { padding-bottom: 20px; } .content-list { text-align: center; } h2 { font-size: 32px; line-height: 40px; } .details-right p{ font-size: 16px; } h3 { font-size: 28px; line-height: 32px; } .contact-left{ padding: 20px; } .contact-right{ padding-left: 0; } .contact-right ul li i::before{ font-size: 32px; } .contact-content { padding-left: 20px; } .gallery-page.mb { margin-bottom: 20px; } .gallery-details.mb { margin-bottom: 20px; } .ads-mobile{ display: block; } .ads-desktop{ display: none; } .welcome-message h3 { font-size: 25px; line-height: 38px; } .team.mb { margin-bottom: 20px; } .blog-page.mb { margin-bottom: 20px; } .modal-pop .modal-body{ padding: 20px; } .modal-pop .modal-header { padding: 15px 20px; } .about-one{ padding-top:30px; } .newsletter-wrap{ display: block; text-align: center; padding:20px 20px; } .newsletter-form{ width: 100%; margin-top:20px; } .newsletter-form .btn{ font-size: 14px; padding: 10px; } .section-title__title{ font-size: 28px; line-height: 1.3; } }