@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;
}
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);
}
.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 (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;
}
}
@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;
}
.author-details {
padding: 38px 42px;
}
.author-details .media {
flex-wrap: wrap;
}
.author-details .media .auth-mata {
margin: 0;
margin-bottom: 1.5rem;
}
.author-details .media .media-body {
flex: auto;
}
.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 (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) {
.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;
}
}