/* @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);
	}
	.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;
    }
}

/* @media Responsive End */
