/* @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-nine .main-header {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		border-top: 0;
		margin: 0 auto;
		z-index: 99;
		background: transparent;
	}
	
	.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;
	}
	.header-transparent .main-header,
	.header-transparent .main-navigation:not(.is-sticky-menu) {
		background: none;
	}
	.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) {
	.header-nine .header-transparent .main-header, .header-transparent .main-navigation:not(.is-sticky-menu) {
		background: none !important;
	}
}

@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: 1399px) {

	/*	Header Nine*/

	.header-nine .main-slider div.main-content {
		margin-top: 9.6rem;
	}
	.header-nine .header-navigation-menu{
		padding-left: 0px;
		padding-right: 0px;
	}
	.header-nine .main-navbar .main-menu > li > a {
		font-size: 0.8375rem;
	}
	.header-nine .main-navbar .main-menu > li.menu-item > a {
		padding: 0 0.2375rem;
	}
	.header-nine .main-navbar ul.main-menu > li.menu-item-has-children > a {
		padding-right: 0.7375rem;
	}
	.main-navbar .main-menu > li.menu-item-has-children > a:before {
		font-size: 0.7rem;
	}
	.header-nine .main-content h6{
		margin-bottom: 10px;
	}
	.header-nine .main-content h1{
		margin-bottom: 10px;
	}
	.header-nine .main-content p{
		margin-bottom: 10px;
	}
	.header-nine .main-content .btn:not(.btn-play){
		padding: 0.488rem 1.175rem;
		font-size: 14px;
	}
	.header-nine .info-section:not(.support-section) .layout-2 .widget-contact{
		padding: 2.125rem 1rem;
	}
	.header-nine .widget-left .widget:first-child{
		padding-left: 0px;

	}
	.header-nine .text-heading{
		font-size: 12px;
	}
	.header-nine .contact-info .text{
		font-size: 12px;
	}
	.header-nine .main-navigation .contact-area .contact-icon{
		font-size: 20px;
		width: 42px;
		height: 42px
	}
	.header-nine .main-navigation-area .contact-info .text{
		font-size: 16px;
	}
	.header-nine .main-menu-right > ul li:last-child{
		padding-left: 0.9375rem !important;
	}
}

@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%;
	}
	.header-nine .main-content h6{
		margin-bottom: 10px;
	}
	.header-nine .main-content h1{
		margin-bottom: 10px;
	}
	.header-nine .main-content p{
		margin-bottom: 10px;
	}
	.header-nine .main-content .btn-play:not(.btn-play){
		line-height: 2.375rem;
		font-size: 14px;
		text-align: center;
	}
	.header-nine .header-search-popup{
		position: absolute;
	}
}
@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.5rem;
	}
	.btn.btn-play i{
		margin-left: 0px;
	}
	.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;
	}
	.header-nine .main-content h6{
		padding: 10px 1.0625rem;
		font-size: 14px;
		font-weight: 500;
	}
	.header-nine .main-content h6:after{
		border-bottom: 19px solid transparent;
		border-top: 18px solid transparent;
	}
	.header-nine .main-content h1{
		font-size: 1rem;
	}
	.header-nine .main-content .btn:not(.btn-play) {
		padding: 0.288rem 0.675rem;
		font-size: 12px;
	}
}

@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 */