/* @media Responsive Start */ @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1280px; } .home-slider .owl-nav .owl-prev { left: 0.67rem; } .home-slider .owl-nav .owl-next { right: 0.67rem; } } @media only screen and (max-width: 1045px) and (min-width: 992px) { .main-slider div.main-content { padding: 0 55px; } } @media only screen and (max-width: 991px) and (min-width: 768px) { [class*="lg-shape"] { display: none; } } @media (min-width: 992px) { .header-transparent .main-header { position: absolute; top: 0; right: 0; left: 0; width: 100%; border-top: 0; margin: 0 auto; z-index: 99; } .header-transparent .main-header, .header-transparent .main-navigation:not(.is-sticky-menu) { background: none; } body.admin-bar.header-transparent .main-header { top: 32px; } .header-transparent .header-search-popup { z-index: 3; } .header-transparent .main-slider div.main-content { margin-top: 15rem; } .header-transparent .breadcrumb-area .breadcrumb-content { padding-top: 300px; padding-bottom: 90px; } .header-transparent:not(.homepage-3) .main-header .contact-area, .header-transparent:not(.homepage-3) .main-header .contact-area a:not(:hover):not(:focus) { color: var(--bs-white); } .header-transparent .above-header .widget-left { background: linear-gradient( 116deg, transparent 30%, currentColor 30%, currentColor 70%, transparent 70% ) 50% / 215% 100% no-repeat; color: rgb(0 0 0 / 0.5); mix-blend-mode: inherit; padding-left: 55px; } .header-transparent .home-slider div.owl-nav button[class*=owl-] { transform: translateY(85px); } .homepage-3 .navigation-wrapper { margin-bottom: -40px; } .info-section:not(.support-section) { margin-top: -3.75rem; margin-bottom: 1.25rem; } .footer-copyright .widget-left { background: linear-gradient( 116deg, transparent 30%, currentColor 30%, currentColor 70%, transparent 70% ) 50% / 215% 100% no-repeat; color: rgb(0 0 0 / 0.5); mix-blend-mode: inherit; padding-left: 60px; } .footer-copyright .contact-area .contact-icon-duplicate { right: 50px; } } @media (min-width: 1350px) { .header-transparent .main-slider div.main-content { margin-top: 17rem; } } @media (min-width: 992px) and (max-width: 1199px) { .header-transparent .above-header .widget-left { padding-left: 45px; } .header-transparent .above-header .widget-left, .footer-copyright .widget-left { background: linear-gradient( 116deg, transparent 30%, currentColor 30%, currentColor 70%, transparent 70% ) 50% / 209% 100% no-repeat; } .above-header .contact-icon { font-size: 0.95rem; width: 35px; height: 35px; border-radius: 100%; margin-right: 7px; } .main-header p:not(.site-description) { font-size: 0.875rem; } .main-header h6.title { font-size: 0.938rem; } .footer-copyright .widget-left { padding-left: 62px; } .footer-copyright .contact-area .title { font-size: 1.2rem; } .footer-copyright .contact-area .text { font-size: 1.5rem; } .footer-copyright .contact-area .contact-icon-duplicate { font-size: 3rem; } .main-menu-right > ul { padding-left: 0.5rem; } .main-menu-right > ul > li { margin-right: 0.625rem; } .main-navigation-area .main-menu-right > ul li:last-child { padding-left: 0.625rem; } .main-navigation-area .contact-icon { margin-right: 0.5rem; width: 35px; height: 35px; font-size: 1.875rem; } .main-navigation-area .contact-info .title { font-size: 0.75rem; } .main-navigation-area .contact-info .text { font-size: 1.25rem; } .main-navbar .main-menu > li.menu-item > a { padding: 0 0.4375rem; } .main-content h4 { font-size: 1rem; padding: 0.35rem 1.35rem; margin-bottom: .5rem; } .main-content h4 i { font-size: 0.8rem; margin-right: 0.2rem; } .main-content h1 { font-size: 2.125rem; margin-bottom: .5rem; } .main-content p { margin-bottom: 1rem; } .home-slider.owl-theme .owl-dots { bottom: 5.5rem; } .homepage-2 .main-header .header-search-toggle, .homepage-2 .header-cart, .homepage-2 .menu-social-list ul li a, .footer .main-menu > li > a, .main-navbar .main-menu > li > a { font-size: 0.9375rem; } .gallery-item figcaption { padding: 1.5rem; } .calendar_wrap table caption { font-size: 90%; text-align: left; } .main-header .widget_nav_menu .sub-menu li .sub-menu, .main-navbar .dropdown-menu li .dropdown-menu { right: 100%; left: auto; margin-left: 0; margin-right: 10px; } .woocommerce ul.products li.product .product-action .button.add_to_cart_button { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1199px) { .cta-btn-wrap aside:not(:first-child) { padding-top: 1.125rem; } } @media (max-width: 991px) { .main-slider div.main-content { margin-bottom: 0; margin-top: 0; } .main-content h4 { font-size: 1.125rem; padding: 0.5rem 1.5rem; } .main-content h4 i { font-size: 0.85rem; margin-right: 0.2rem; } .main-content h1 { font-size: 1.75rem; } .main-content p { font-size: 0.975rem; margin-bottom: 1.6rem; } .comment-list .children { margin-left: 0; } .home-slider.owl-theme .owl-dots, .home-slider.owl-theme .owl-nav.disabled+.owl-dots { bottom: 3.75rem; } .cta-content, .cta-icon-wrap, .cta-wrapper { flex-wrap: wrap; } } @media (max-width: 767px) { [class*="lg-shape"] { display: none; } .header-above-bar .widget-left, .header-above-bar .widget-right, .header-above-bar .header-widget .widget { display: block; padding: 0; } .header-above-bar { width: 100%; } .header-above-bar [class*='widget-'] .widget:not(:first-child) { margin-top: 1rem; } .main-content h4, .main-content h1, .main-content p { margin-bottom: 0.625rem; } .main-content .btn { padding: 0.375rem 0.875rem; } .main-content .btn.btn-like-icon { padding-right: 2.3rem; } .main-content .btn-like-icon .bticn { top: 3px; right: 3px; width: 29px; height: 29px; line-height: 29px; font-size: .9rem; } .info-section:not(.support-section) .col-12:not(:first-child) { margin-top: 4rem; } .cta-content, .cta-icon-wrap, .cta-wrapper { justify-content: center; } .breadcrumb-area .breadcrumb-content, .breadcrumb-area .breadcrumb-content *:not(a):not(i):not(li):not(ol) { width: 100%; max-width: 100%; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .post-items .widget, .post-items blockquote { width: 100%; } .comments-area li { padding-left: 0; } .comments-area .comment-meta .comment-author img { left: 20px; top: 20px; } .comments-area .comment-body { padding-left: 130px; } } @media (max-width: 599px) { .main-mobile-build .header-close-menu { position: relative; margin: 5px 5px 5px auto; left: 0; } } @media (min-width: 396px) and (max-width: 767px) { .cta-btn-wrap aside { margin-left: 0; } .cta-btn-wrap aside:first-child { padding-left: 0; } .cta-btn-wrap aside { padding-top: 1.35rem; border-left-width: 0; border-top-width: 3px; min-height: 85px; display: flex; align-items: center; } .cta-btn-wrap aside:after { top: -10px; left: 0; width: 100%; } } @media (max-width: 575px) { .calendar_wrap table th, .calendar_wrap table td { height: 35px; } .calendar_wrap table caption { text-align: left; } } @media (max-width: 540px) { .main-content h4 { padding: 0.3125rem 0.625rem; font-size: 0.85rem; margin-bottom: 0.3125rem; } .main-content h4 i { font-size: 0.65rem; margin-right: 0.15rem; } .main-content h1 { font-size: 1.25rem; margin-bottom: 0.3125rem; } .main-content p { font-size: 0.8125rem; margin-bottom: 0.3125rem; max-width: 275px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main-slider .text-center p { margin-left: auto; margin-right: auto; } .main-slider .text-right p { margin-left: auto; } .main-content .btn { font-size: 0.68rem; padding: 0.25rem 0.45rem; } .btn.btn-play span.btn { width: 2rem; height: 2rem; line-height: 1.95rem; } .main-content .btn.btn-like-icon { padding-right: 1.65rem; } .main-content .btn-like-icon .bticn { top: 1px; right: 2px; width: 20px; height: 20px; line-height: 20px; font-size: .65rem; } .main-content .btn:not(.btn-play) { margin-right: 0; } .comment-list .children { margin-left: .5rem; } .comment-list .children .comment-body { padding: 16px; } } @media (max-width: 504px) { .comments-area .comment-body { border-radius: 10px; } } @media (min-width: 437px) and (max-width: 700px) { .home-slider.owl-theme .owl-dots, .home-slider.owl-theme .owl-nav.disabled+.owl-dots { bottom: 1.75rem; } } @media (max-width: 436px) { .comments-area .comment-meta .comment-author img { position: unset; margin-right: 0.5rem; display: inline-block; } .comments-area .comment-body { padding: 25px 22px; } .comment-meta .comment-metadata { margin: 0; white-space: nowrap; } .comment-metadata .edit-link { margin-left: 0; } .comment-meta .comment-metadata time { font-size: 14px; } .home-slider.owl-theme .owl-dots, .home-slider.owl-theme .owl-nav.disabled+.owl-dots { bottom: 1rem; } } @media (max-width: 424px) { .btn, .more-link { line-height: 0.85rem; padding: 0.75rem 1rem; line-height: 0.95rem; } .btn.btn-like-icon { padding-right: 2.25rem; } a.more-link:after, .btn-like-icon .bticn { width: 28px; height: 28px; line-height: 29px; font-size: 0.85rem; } a.more-link { padding: 0.75rem 1rem; line-height: 0.95rem; padding-right: 2.25rem; } .card-404 h1 { font-size: 9rem; } .card-404 h1 img { width: 103px; height: 103px; margin-right: 1.19rem; } } @media (max-width: 395px) { .cta-btn-wrap, .cta-btn-wrap .contact-area { justify-content: center; } .cta-btn-wrap .contact-info { text-align: center; } .cta-btn-wrap aside { width: 100%; margin-left: 0; padding-left: 0; border: none; } .cta-btn-wrap aside:not(:first-child) { padding-top: 1.35rem; } .cta-btn-wrap aside:after { display: none; } .about-footer > div { width: 100%; } .about-footer > div:not(:last-child) { margin-bottom: 1rem; } } @media (max-width: 362px) { .home-slider.owl-theme .owl-dots, .home-slider.owl-theme .owl-nav.disabled+.owl-dots { bottom: 0.6rem; } .card-404 h1 { font-size: 7rem; } .card-404 h1 img { width: 75px; height: 75px; margin-right: 1.19rem; } } @media (max-width: 330px) { .main-mobile-menu .header-wrap-right li { margin-right: 6px; } .mobile-logo .logo { max-width: 168px; } } /* @media Responsive End */