/* @media Responsive Start */
@media (min-width: 1367px) {}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	[class*="shape-cta"],[class*="shape-soon"],
    [class*="shape"]:not(.shapes-section) {
        display: none;
    }
}

@media (min-width: 768px) {
	.px-md-20 {
	    padding-right: 11.8rem;
	    padding-left: 11.8rem;
	}
	.px-md-7 {
	    padding-right: 7.5rem;
	    padding-left: 7.5rem;
	}
	.comments-area {}
}

@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-seven .main-navigation {
		border-bottom: none;
	}

	.header-seven .header-wraps {
		background: #ffffff;
		border-radius: 10px;
	}
	
	.header-seven .above-header {
	    border-radius: 0 10px 0px 0px;
	}
	
	.header-seven .header-wraps .main-menu-right .widget-list {
		border-radius: 0 0 10px 0px;
	}
	
	.main-header .is-sticky-menu .widget-list {
		border-radius: 0 !important;
	}

	.header-seven .header-wraps .widget-contact {
		padding-right: 10px;
	}
	
	.header-seven .head-wraps:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		height: auto;
		margin: auto;
		border-left: 1px solid var(--bs-gray);
	}
	
	.header-seven .main-navigation-area .widget-contact a:hover,
	.header-seven .main-navigation-area .widget-contact a:focus{
		color: var(--bs-white);
	}

	.header-seven .main-navigation.is-sticky-on.is-sticky-menu .logo {
		display: block !important;
	}
	
	.header-eight .header-wraps,
    .header-eight .main-navigation:not(.is-sticky-menu)	{
		background: #ffffff;
	}
	
	.header-eight .header-widget {
		background: var(--bs-secondary);
	}
	
	.header-eight .header-wraps .logo {
		padding-left: 20px;
	}
	
	.header-eight .header-wraps .main-menu-right .widget-list {
		margin-right: -16px;
		background-color: var(--bs-primary);
		padding-right: 17px;
	}
	
	body.header-transparent.header-seven .main-header {
		  top: 40px !important;
	}

    .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 {
    	top: 0;
    	z-index: 3;
    }
    .header-transparent .header-search-popup form .header-search-field {
    	line-height: 24px;
    }
	.header-transparent .header-search-popup .header-search-close {
	    width: 44px;
	    height: 44px;
	}
    .header-transparent .header-search-flex {
	    min-height: 57px;
	}
	.header-transparent .main-table-cell {
	    padding: 10.65rem 0 7rem;
	}
	.header-transparent .main-slider div.main-content {
	    margin-top: 0;
	    margin-bottom: 0;
	}
	.header-transparent .breadcrumb-area:not(.breadcrumb-box) .breadcrumb-content {
	    padding-top: 280px;
	    padding-bottom: 90px;
	}
	.info-section:not(.support-section) {
	    margin-top: -120px;
	}
	.info-section .layout-2 .info-wrapper .widget-contact,
	.info-section .layout-1 .info-wrapper {
	    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 0.12);
	}
	.info-section .layout-1 [class*='col-']:not(:last-child) .contact-area:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    height: 60%;
	    margin: auto;
	    border-right: 1px solid var(--bs-gray);
	}
	.team-info .widget.widget_social_widget li:nth-child(4n+4) {
	    margin-right: 0;
	}
	.steps-wrapper .col:nth-child(even) {
	    margin-top: 8.25rem;
	}
	.author-details .author-widget {
	    float: right;
	    margin-right: 80px;
	}
	.px-lg-20 {
	    padding-right: 11.8rem;
	    padding-left: 11.8rem;
	}
	.px-lg-7 {
	    padding-right: 7.5rem;
	    padding-left: 7.5rem;
	}
	.row-cols-lg-4 .projects-caption {
		padding: 0.5rem;
	}
	.row-cols-lg-4 .projects-heading {
	    padding: 0.8rem;
	}
	.row-cols-md-2 .projects-caption {
	    padding: 2.5rem 5rem;
	}
	.comingsoon-page {
		height: 100vh;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header-transparent .info-section:not(.support-section) {
	    margin-top: -80px;
	}
	.header-transparent .main-content h6 {
	    margin-bottom: 1.375rem;
	}
	.header-transparent .main-content h1 {
	    margin-bottom: 1rem;
	}
	.header-transparent .main-content p {
	    font-size: 1rem;
	    margin-bottom: 1.45rem;
	}
	.projects-caption {
	    padding: 0.75rem;
	}
	.team-heading,
	.team-info .widget {
	    padding: 1rem;
	}
	.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;
	}
	.footer .main-menu > li > a, .main-navbar .main-menu > li > a {
	    font-size: 0.9375rem;
	}
	.post-image-text {
	    left: 20px;
	    right: 20px;
	    bottom: 25px;
	    font-size: 17px;
	}
	.post-meta:not(.post-img-meta):not(.post-tags) {
		justify-content: center;
	}
	.post-meta:not(.post-img-meta):not(.post-tags) span:not(:first-child) {
		margin-top: 10px;
	}
	.calendar_wrap table caption {
	    font-size: 90%;
	    text-align: left;
	}
}

@media (min-width: 992px) and (max-width: 1124px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.theme-card-circle .row-cols-lg-3 .theme-item {
	    width: 301px;
	    height: 301px;
	}
	.comingsoon-fact .theme-item {
	    width: 155px;
	    height: 155px;
	}
	.comingsoon-fact .theme-icon h1 {
	    font-size: 2.75rem;
	}
	.comingsoon-fact .theme-item > .circles-spin .circle-one {
	    left: 1.03rem;
	    bottom: 1.03rem;
	}
	.comingsoon-fact .theme-item > .circles-spin .circle-two {
	    right: 1.03rem;
	    top: 1.03rem;
	}
	.opening-panel .opening-hours {
	    padding: 2rem 1rem 3.5rem;
	}
	.theme-card-circle .theme-item p {
	    font-size: 15px;
	    font-weight: 500;
	}
	.footer-copyright .widget li:not(:last-child) {
	    margin-right: .5rem;
	}
	.footer-copyright .widget:not(.widget-info):not(.widget_social_widget) li:not(:first-child) a {
	    padding-left: .5rem;
	}
}

@media (max-width: 991px) {
	.main-slider div.main-content {
	    margin-bottom: 0;
	    margin-top: 0;
	}
	.main-content h6 {
	    font-size: 1.375rem;
	}
    .main-content h1 {
	    font-size: 1.75rem;
	}
	.main-content p {
	    font-size: 0.875rem;
	}
	.info-section:not(.support-section) .widget-contact {
	    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 0.12);
	}
	.comment-list .children {
	    margin-left: 0;
	}
	.header-wraps .head-wraps {
		width: 100%;
	}
	.header-eight .header-wraps .head-wraps {
		width: 100%;
	}
}

@media (min-width: 480px) and (max-width: 768px) {
	
}

@media (min-width: 601px) and (max-width: 991px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.projects-caption {
		padding: 10px;
	}
	.projects-item .projects-heading {
		padding: 13px;
	}
	.projects-item .projects-heading p {
	    font-size: 0.9rem;
	}
	.projects-item .projects-heading strong {
	    font-size: 0.88rem;
	}
	.widget_social_widget li:not(:last-child) {
	    margin-right: 2px;
	}
	.team-info .widget.widget_social_widget li:nth-child(7n+7) {
	    margin-right: 0;
	}
	.pricing-item h3:after {
	    bottom: -38.5%;
	}
	.card-404 {
	    max-width: 620px;
	}
	.card-404 h1 i {
    	font-size: 13rem;
	}
	.card-404 h1 {
		font-size: 16rem;
	    line-height: 13rem;
	}
	.contact-form {
		margin-top: -35%;
	}
	.contact-address .col:nth-child(2n+2) .widget-contact {
	    border-right: 0;
	}
}

@media (max-width: 767px) {
	.breadcrumb-box {
		margin-bottom: 52px;
	}
	[class*="shape-soon"],[class*="shape-cta"],
	[class*="shape"]:not(.shapes-section) {
        display: none;
    }
	.header-above-bar .widget-left,
	.header-above-bar .widget-right,
	.header-above-bar .header-widget .widget {
	    display: block;
	}
	.header-above-bar {
		width: 100%;
	}
	.main-content h6,
	.main-content h1,
	.main-content p {
        margin-bottom: 0.625rem;
	}
	.main-content .btn {
	    padding: 0.375rem 0.875rem;
	}
	.main-content .btn.btn-play {
		padding: 0;
	}
	.cta-wrapper {
		justify-content: center;
	}
	.footer-above-carousel .widget {
		padding-right: 12px;
	}

    .timeline-content {
        margin-top: 0;
    }
    .timeline::after {
        margin: 0;
        left: -2%;
    }
    .timeline-item:nth-child(odd) strong,
    .timeline-item:nth-child(odd) p {
        text-align: left
    }
    .timeline-item:nth-child(even) {
        flex-direction: row;
    }
    .timeline::before {
        left: 6.25%;
    }
    .timeline-circle {
        position: absolute;
        left: 0;
    }
    .timeline-item:nth-child(odd) .timeline-content {
        border-left: 5px solid var(--bs-primary);
        border-right: 0;
    }
    .timeline-item:nth-child(even) .timeline-date {
        text-align: left;
    }
    .pricing-tab a {
	    padding: 1.125rem 1rem;
	}
    .pricing-item h3:after {
	    bottom: -40%;
	}
	.opening-hours {
    	padding: 1.25rem;
    }
    .card-404 {
	    max-width: 100%;
	}
	.card-404 h1 i {
    	font-size: 7rem;
	}
	.card-404 h1 {
		font-size: 10rem;
	    line-height: 7rem;
	    letter-spacing: .5rem;
	}
	.contact-form-widget {
	    padding: 1.3rem;
	}
	.contact-form-widget .contact-info h6.title,
	.contact-form-widget .contact-info p.text {
	    font-size: 1.35rem;
	}
	.contact-form-widget .contact-icon {
	    width: 50px;
	    height: 50px;
	    font-size: 1.38rem;
	}
	.contact-form {
		margin-top: -50%;
	}
	.contact-address .col:not(:last-child) .widget-contact {
		border-bottom: 1px solid var(--bs-gray);
		border-right: 0;
	}
	.cta-btn-wrap .btn {
	    padding: 0.6rem 1.1rem;
	}
	.cta-btn-wrap {
	    flex-direction: column;
	    margin-top: 5px;
	}
	.cta-wrapper .read-link {
        margin-top: 10px;
	    margin-left: 0;
	}
	.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;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.row-cols-1 .projects-caption {
	    padding: 2.5rem 5rem;
	}
	.author-details .author-widget {
	    margin-left: .5rem;
	}
}

@media (max-width: 575px) {
    .timeline::before {
        left: 6.25%;
    }
    .timeline-circle {
        left: -4.1%;
    }
    .timeline::after {
        left: 0;
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 16px;
    }
    .pricing-item h3:after {
	    bottom: -41%;
	}
	.calendar_wrap table th,
	.calendar_wrap table td {
	    height: 35px;
	}
	.calendar_wrap table caption {
		text-align: left;
	}
}

@media (max-width: 540px) {
	.main-content h6 {
	    padding: 0.3125rem 0.625rem;
	    font-size: 0.85rem;
	    margin-bottom: 0.3125rem;
	}
	.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:not(:last-child) {
	    margin-right: 0;
	}
	.check-list li {
	    flex: 100%;
	}
	.comment-list .children {
	    margin-left: .5rem;
	}
	.comment-list .children .comment-body {
	    padding: 16px;
	}
}

@media (max-width: 500px) {
	.footer-above-carousel .widget {
		justify-content: center;
	}
	.timeline::after {
        left: -3px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
    }
    .timeline-circle {
	    left: -4.5%;
	}
	.comments-area .comment-body {
	    border-radius: 10px;
	}
}

@media (max-width: 436px) {
	.post-image-text {
	    font-size: 1rem;
	    line-height: 1.85;
	}
	.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;
	}
	.card-404 h1 i {
    	font-size: 6rem;
	}
	.card-404 h1 {
		font-size: 8rem;
		line-height: 6rem;
		margin-bottom: 1.75rem;
	}
	.card-404-btn a {
		display: block;
	}
	.card-404-btn a:not(:first-child) {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media (max-width: 374px) {
	.breadcrumb-box .breadcrumb-content {
	    min-width: 100%;
	    transform: translateY(95%);
	    padding: 20px;
	}
}

@media (max-width: 330px) {
    .main-mobile-menu .header-wrap-right li {
        margin-right: 6px;
    }
    .mobile-logo .logo {
        max-width: 168px;
    }
    .card-404 h1 i {
    	font-size: 4rem;
	}
	.card-404 h1 {
		font-size: 5.5rem;
		line-height: 4rem;
	}
}

/* @media Responsive End */
