
@media only screen and (max-width: 1200px) {
	main {
		/* padding-top: 60px; */
	}

	.theme-header .navbar {
		padding: 13px 0px;
	}

	.theme-header .navbar-brand img {
		max-width: 150px;
	}

	.theme-header .wrap-collapse {
		height: calc(100vh - 80px);
		overflow-y: auto;
		margin-top: 20px;
	}

	.theme-header .navbar-toggler {
		border: none !important;
		box-shadow: none !important;
		padding: 0px;
	}

	.theme-header .dropdown-menu {
		background: rgba(0, 0, 0, 0.05);
		border: none;
		color: #fff;
		font-size: 14px;
	}

	.theme-header .dropdown-menu li {
		margin-bottom: 4px;
	}

	.theme-header .dropdown-menu .dropdown-item {
		color: #fff;
		font-size: 14px;
	}

	.theme-header .wrap-collapse::-webkit-scrollbar {
		display: none;
	}

	.navbar-expand-xl .navbar-nav .nav-item {
		margin-bottom: 40px;
	}

	.navbar-expand-xl .navbar-nav .nav-link {
		margin-right: 0px;
		font-size: 18px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

  .page-title {
    font-size: 38px;
}
.section.features .f-box-one .title {
  font-size: 24px;
}
.f-box-14{
  padding-inline: 16px;
}
.section.features .f-box-14 .btn-light {
  top: -12px;
}
.section-heading {
  font-size: 24px;;
}
.change-logs .f-22{
	font-size: 18px;
}

.home-banner .banner-heading {
    font-size: 30px;
}
.home-banner .banner-heading span {
    font-size: 46px;
}
.timer .timer-heading {
    font-size: 16px;
}
}


@media only screen and (max-width: 992px) {

	.theme-breadcrumb {
		padding: 36px 0px 24px 0px;
	}

	.theme-breadcrumb .f-32 {
		font-size: 24px;
	}

	.page-title {
		font-size: 28px;
	}

	.white-box {
		border-radius: 16px;
		padding: 24px 20px;
	}

	.btns {
		height: 48px;
	}

	.sec-title {
		font-size: 28px;
	}

	.sales-and-marketing .snm-box {
		padding: 24px 20px 300px 20px;
		border-radius: 16px;

	}

	.sales-and-marketing .snm-box .snm-img {
		position: absolute;
		right: 0px;
		bottom: -60px;
	}

	.cta-section .cta-box {
		padding: 24px 0px;
	}

	.section-heading {
		font-size: 24px;
	}

	.cta-section .section-heading .highlight {
		font-size: 32px;
	}

	.btns {
		font-size: 18px;
	}

	.lg-btn {
		height: 52px;
	}

	.footer .inner-box {
		padding-bottom: 0px;
	}

	.white-box.half-box {
		border-radius: 16px;
		padding: 24px 20px;
	}

	.use-case-detail-img {
		height: 285px;
	}

	.section.how-to .how-to-box .how-to-title {
		font-size: 18px;
	}
  .section.features .img-feature-box {
    height: 280px;
}
.section.features .f-box-one .title {
  font-size: 20px;
}
.f-box-six.f-box-nine .text-gradient.fw-bold{
  font-size: 24px !important;
}
.f-box-14 img.img-fluid{
  max-width: 90%;
}
.change-logs .f-22{
	font-size: 16px;
}
.change-logs .f-32 {
    font-size: 24px;
}
.log-timeline .acc-title {
    font-size: 18px;
}
.timeline-acc .accordion-button{
	font-size: 18px;
}
.log-timeline .acc-title::after {
    top: -4px;
}
.aboutUs .f-32{
	font-size: 24px;
}
.logo-section .strip-logo {
    height: 40px;
}
.dp-block {
    flex-wrap: wrap;
}
.ai-feature-box .feature-tab-box .nav-link .tab-title{
	font-size: 24px;
}
.home-banner .banner-heading {
    font-size: 24px;
	letter-spacing: -2.44px;
}
.home-banner .banner-heading span {
    font-size: 36px;
	letter-spacing: -2.44px;
}
.home-banner p {
    max-width: 100%;
}
.try-tool-box {
    padding: 24px 30px;
   
}
.ai-feature-box .feature-tab-box {
    padding: 24px 30px;
}
.steps-tabs .nav-pills .nav-item .nav-link {
    font-size: 16px;
}

.try-tool-box .para.f-22 {
	font-size: 18px;
}
.section.features .section-subhead {
    font-size: 18px;
}
.last-box-wrap{
	display: flex;
	column-gap: 24px;
}
.section.features .feature-box {
    padding: 24px;
}
.language .language-box {
    padding: 24px;
}
.dp-block {
    flex-wrap: wrap;
    gap: 24px;
}
.feedback .review-card .review-para {
    font-size: 18px;
}
.section-subhead {
    font-size: 18px;

}
.pricing-cta {
    padding: 24px;
}
.pricing-cta .title {
    font-size: 24px;
}
.join-community .comm-text .title {
    font-size: 24px;
}
.join-community .join-comm-box {
    height: auto;

}

.mob-feature{
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 24px;
}
.mob-feature img{
	height: 100%;
	width: auto !important;
	max-width: 100%;
	object-fit: cover;
}
.ai-feature-box .feature-tab-box .nav-link{
	border-bottom: none;
	padding-bottom: 0px;
}
.ai-feature-box .feature-tab-box .nav-link.active .grad-arrow-ic {
    display: none;
}
.comparePlan-table .header-two th {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 1;
}
.comparePlan-table td, .comparePlan-table th{
	white-space: nowrap;
}
.comparePlan-table .text-gradient-hover{
	white-space: nowrap;
}
.comparePlan-table .text-gradient{
	white-space: nowrap;

}
.createPlanTable th, .createPlanTable td {
    font-size: 18px;
}
.grand-total {
    padding: 24px;
}
.grand-total .f-32{
    font-size: 24px;
}
.get-started .f-32{
    font-size: 24px;

}
.createPlanTable tbody td:nth-child(1) {
    max-width: 380px;
	min-width: 250px;
}
.feature-tab-box .nav-item .mob-feature{
	display: none;
}
.feature-tab-box .nav-item:has(.nav-link.active) .mob-feature{
	display: block;
}
.timer .timer-heading {
    line-height: 1.3;
}
}

@media only screen and (max-width: 767px) {
  .section.features .img-feature-box {
    height: auto;
  }
  .f-box-six img.img-fluid{
      max-width: 90%;
  }
  .box-three .f-22{
    font-size: 20px;
    line-height: 1.2;
  }
  .f-box-14 img.img-fluid {
    max-width: 100%;
}
.section.features .f-box-14 .btn-light {
  top: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.section.features .f-box-12 .btn-outline-light {
  top: 0px;
}
.log-timeline .log-timeline-inner{
	padding-left: 20px;
}
.log-timeline .acc-title::after {
    left: -30px;
}
.timeline-acc .accordion-button {
    font-size: 16px;
	padding: 12px 12px;
}
.timeline-acc .accordion-body .update-list {
    padding-left: 0rem;
    list-style: none;
}
.timeline-acc .accordion-button .help-circle {
    min-height: 32px;
    min-width: 32px;
}
.timeline-acc .accordion-body .update-list li {
    font-size: 14px;
    margin-bottom: 12px;
}
.team-desktop-img {
    position: relative;
}
.member-card .member-name {
    font-size: 18px;
}
.member-card .member-digi {
    font-size: 13px;
	margin-bottom: 10px;
}
.member-card .para {
	font-size: 16px;
}

.pricing-tabs {
    left: 12%;
    top: -40px;
}
.logo-section .d-flex.flex-wrap{
	gap: 24px 16px;
	justify-content:center !important;
} 
.try-tool-box{
	padding: 20px;
}
.try-tool-box .shadow-gradient {
    height: 150px;
}
.home-banner .banner-heading {
    letter-spacing: -1px;
}
.home-banner .banner-heading span {
    font-size: 28px;
    letter-spacing: normal;
}
.ai-feature-box .feature-tab-box {
    padding: 20px;
}
.ai-feature-box .feature-tab-box .nav-link .tab-title {
    font-size: 20px;
}
.last-box-wrap{
	display: block;
}
.section.features .feature-box {
    padding: 16px;
}
.feedback .review-card .review-para {
    font-size: 16px;
}
.pricing-cta {
    padding: 20px;
	flex-direction: column;
	align-items: flex-start;
}
.pricing-cta .title{
	margin-bottom: 20px;
}
.pricing-box .pricing-box-inner {
    padding: 20px 20px 20px 20px;
}
.pricing-card .card-inner {
    background-color: #fff;
    border-radius: 18px;
    padding: 20px;
}
.join-community .join-comm-box {
    height: 340px;
}
.steps-tabs .nav-pills {
    height: 44px;
	overflow: auto;
	flex-wrap: nowrap;
	margin-bottom: 40px;
	border: none;
}
.steps-tabs .nav-pills::-webkit-scrollbar{
	display: none;
}

.steps-tabs .nav-pills .nav-item {
    min-width: 40%;
}
.comparePlan-table .header-two th {
    padding-top: 16px;
    padding-bottom: 20px;
    font-size: 20px;
}
.faq-section .accordion-item .accordion-button {
    padding: 20px 16px;
    font-size: 18px;
    border-radius: 16px !important;
}
.faq-section .accordion-item .accordion-body {
    padding: 0px 16px 16px 16px;
}
.pricing-plans.bg-white .pricing-box {
    margin-top: 0px;
}
.timer .timer-heading {
    font-size: 18px;
}
.count-down-box .count-inner .count {
    font-size: 14px;
}
.timer .close-timer{
	position: absolute;
    right: 16px;
    top: 8px;
}
.timer  .head-mob{
	max-width: 85%;
}
.payment-status{
    padding: 30px 0px;
    
}
.payment-status .transaction-box {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px 16px;
}
}

@media only screen and (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1180px;
	}
	.theme-header .wrap-collapse {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.theme-header .dropdown-menu {
		border-radius: 4px;
		background: #FFF;
		box-shadow: 0px 6px 12px -2px rgba(25, 37, 50, 0.10),
			0px 3px 7px -3px rgba(25, 37, 50, 0.10),
			0px 0px 0px 1px rgba(25, 37, 50, 0.10);
		border: none;
	}

	.theme-header .dropdown-menu .dropdown-item {
		font-size: 14px;
		border-bottom: 1px solid #F4F3F6;
		padding: 0px 1rem 8px 1rem;
		margin-bottom: 8px;

	}

	.theme-header .dropdown-menu li:nth-last-child(1) .dropdown-item {
		border-bottom: 0px solid #F4F3F6;
		padding: 0px 1rem 8px 1rem;
		margin-bottom: 0px;
	}

	.theme-header .dropdown-item:hover {
		background: none;
		color: #FF3838;
	}


}

@media (min-width: 992px){
	.modal-lg, .modal-xl {
		--bs-modal-width: 890px;
	}
	.how-to-box.box-one{
		height: 285px;
	}
	.how-to-box.box-two{
		height: 285px;
	}
	.how-to-box.third{
		height: 594px;
	}
	.how-to-box.four{
		height: 385px;
	}
	.how-to-box.five{
		height: 184px;
	}
}
@media only screen and (max-width: 400px) {
	.pricing-tabs-sec .pricing-tabs {
		display: flex;
		flex-wrap: nowrap;
	}
	.img-feature-box.f-box-one{
		height: 300px !important;
	}
}
@media only screen and (max-width: 370px) {
	.logo-section .strip-logo {
		height: 32px;
	}
	.language .dp-card .dp {
		height: 112px;
		width: 112px;
	}
	.language .language-box {
		padding: 16px;
	}
	.cta-box .btns {
		font-size: 14px;
	}
}