@media (min-width:1400px) {
	.header {
		min-height: 1350px;
	}
}

@media (min-width:1280px) {
	.container {
		padding: 0px;
		max-width: 1170px;
	}
}

@media (max-width:1279px) {
	.header {
		min-height: 1020px;
	}

	.stories-info ul li {
		padding: 6px 11px;
	}

	.banner-info h1 {
		font-size: 70px;
	}

	.banner-info p {
		margin: 60px 0 30px 0;
		font-size: 30px;
	}
}

@media (max-width:1199px) {
	.banner-info h1 {
		font-size: 60px;
	}

	.section-title h3 {
		font-size: 36px;
	}

	.section-title p {
		margin: 10px 0 0 0;
		font-size: 20px;
	}

	.pleasurable-info ul li label {
		font-size: 30px;
	}

	.pleasurable-info ul li span {
		font-size: 18px;
	}

	.fantasies-card .fantasies-info {
		padding: 10px;
	}

	.fantasies-info h3 {
		font-size: 16px;
		min-height: 48px;
	}

	.how-it-works-info {
		padding: 0 80px;
	}

	.stories-card .stories-info {
		padding: 10px;
	}

	.stories-info ul li {
		padding: 6px 10px;
		font-size: 12px;
	}

	.community-stories,
	.how-it-works,
	.faqs,
	.cta-section {
		padding: 52px 0;
	}

	.how-it-works-info li h3,
	.accordion .accordion-button {
		font-size: 18px;
	}

	.accordion .accordion-item {
		padding: 16px;
		padding-bottom: 0px;
	}

	.cta-section {
		margin-bottom: 52px;
	}

	.footer-row .footer-right {
		gap: 52px;
	}

	.footer-row .footer-logo {
		width: 252px;
	}

	.footer {
		padding: 48px 0;
	}

	.footer-links h3 {
		font-size: 18px;
	}

	.stories-info h3 {
		font-size: 16px;
	}
}

@media (max-width:991px) {
	.header {
		min-height: 760px;
	}

	.navbar-list .navbar-nav {
		padding: 16px 30px;
	}

	.content-area {
		padding-top: 84px;
	}

	.banner-info h1 {
		font-size: 50px;
	}

	.banner-info p {
		margin: 40px 0 20px 0;
		font-size: 24px;
	}

	.section-title h3 {
		font-size: 30px;
		letter-spacing: 0.5px;
	}

	.pleasurable-info {
		margin: 40px 0;
	}

	.pleasurable-info ul li label {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.pleasurable-info ul li span {
		font-size: 16px;
	}

	.your-fantasies {
		padding: 40px;
	}

	.community-stories,
	.how-it-works,
	.faqs,
	.cta-section,
	.footer {
		padding: 40px 0;
	}

	.cmx-15 {
		margin-left: -10px;
		margin-right: -10px;
	}

	.cmx-15>* {
		padding-left: 10px;
		padding-right: 10px;
	}

	.fantasies-card .fantasies-info {
		padding: 10px 0;
	}

	.fantasies-info h3 {
		font-size: 14px;
		min-height: 40px;
	}

	.fantasies-info p {
		margin: 10px 0 0 0;
		font-size: 12px;
	}

	.your-fantasies .section-title,
	.cta-section {
		margin-bottom: 40px;
	}

	.section-title p {
		font-size: 18px;
	}

	.how-it-works-info {
		padding: 0px;
		margin-top: 40px;
		gap: 40px;
	}

	.how-it-work-line {
		top: 20px;
		height: 200px;
	}

	.stories-info ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		white-space: nowrap;
	}

	.stories-info h3 {
		font-size: 14px;
	}

	.stories-info p {
		font-size: 12px;
	}

	.view-share {
		padding: 6px;
	}

	.accordion .accordion-item {
		margin-bottom: 20px;
	}

	.footer .footer-row {
		flex-direction: column;
	}

	.footer-row .footer-logo {
		width: 100%;
		margin-bottom: 40px;
	}

	.footer-row .footer-right {
		justify-content: space-between;
	}

	.footer-bottom-row p {
		font-size: 16px;
	}
}

@media (min-width:768px) {
	.header-navbar .navbar-collapse {
		flex-grow: unset;
	}

	.how-it-work-line-mobile {
		display: none;
	}
}

@media (max-width:767px) {
	.container {
		padding-left: 24px;
		padding-right: 24px;
	}

	.header {
		min-height: 704px;
		background-size: contain;
	}

	.header.header-fix .navbar {
		padding: 24px 0;
	}

	.header .navbar,
	.community-stories,
	.how-it-works,
	.faqs,
	.footer {
		padding: 24px 0;
	}

	.how-it-works {
		padding: 40px 0;
	}

	.header-navbar .navbar-list {
		position: fixed;
		right: -80%;
		top: 0;
		width: 80%;
		height: 100% !important;
		background: #000;
		padding: 20px;
		padding-top: 80px;
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
	}

	.header-navbar .navbar-list.show {
		right: 0px;
	}

	.header-navbar .navbar-list.collapse:not(.show) {
		display: block;
	}

	.navbar-list .navbar-nav {
		padding: 0;
		background: transparent;
		gap: 24px;
	}

	.group-btns {
		gap: 16px;
	}

	.toggle-close-icon {
		position: absolute;
		top: 18px;
		right: 18px;
		z-index: 9;
		cursor: pointer;
	}

	.navbar-list .navbar-nav .nav-item .nav-link {
		font-size: 18px;
	}

	.header-navbar .navbar-list .btn-common {
		width: 100%;
		text-align: center;
	}

	.header-navbar.hide .navbar-list {
		right: -80%;
	}

	.header .navbar .navbar-brand img {
		height: 36px;
	}

	.banner-info {
		padding-top: 26px;
	}

	.banner-info h1 {
		font-size: 36px;
		line-height: 1.2;
		letter-spacing: 1px;
	}

	.banner-info p {
		margin: 24px 0 32px 0;
		font-size: 20px;
		letter-spacing: 0.2px;
		line-height: 1.3;
	}

	.btn-common {
		padding: 12.5px 20px;
		font-size: 14px;
	}

	.cpt-50 {
		padding-top: 24px;
	}

	.pleasurable-info {
		margin: 24px 0;
	}

	.pleasurable-info {
		padding: 20px;
	}

	.pleasurable-info ul {
		flex-direction: column;
	}

	.pleasurable-info ul li {
		border-right: 0px;
		/* border-bottom: 1px solid rgba(255, 255, 255, 10%); */
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.pleasurable-info ul li:last-child {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.pleasurable-info ul li label {
		font-size: 20px;
		margin-bottom: 16px;
		line-height: 26px;
	}

	.pleasurable-info ul li span {
		font-weight: 500;
	}

	.your-fantasies {
		padding: 16px;
	}

	.your-fantasies .section-title {
		margin-bottom: 24px;
	}

	.your-fantasies .section-title h3 {
		letter-spacing: 1px;
	}

	.section-title p {
		font-size: 16px;
		margin-top: 16px;
		line-height: 24px;
	}

	.fantasies-card {
		padding: 6px;
	}

	.fantasies-card .fantasies-info {
		padding: 16px;
	}

	.fantasies-info h3 {
		font-size: 16px;
		min-height: inherit;
	}

	.fantasies-info p {
		margin-top: 16px;
		font-weight: 500;
	}

	.how-it-works-info {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		margin-top: 24px;
		padding-left: 24px;
	}

	.how-it-works-info li {
		text-align: left;
		display: flex;
	}

	.how-it-work-line-desktop {
		display: none;
	}

	.how-it-work-line {
		width: 50px;
		left: 21px;
		top: 44px;
	}

	.how-it-works-info li .number {
		flex: none;
		width: 44px;
		height: 44px;
		margin-right: 16px;
		font-size: 22px;
		line-height: 1;
	}

	.how-it-works-info li h3 {
		margin-top: 0px;
		margin-bottom: 12px;
		font-size: 16px;
	}

	.how-it-works-info li p {
		font-size: 12px;
	}

	.how-it-works-info li:nth-child(2),
	.how-it-works-info li:nth-child(3) {
		padding-top: 0px;
	}

	.gapy-20 {
		row-gap: 20px;
	}

	.cta-section-main {
		padding-bottom: 1px;
	}

	.make-your-fantasy {
		margin-top: 24px !important;
	}

	.card-picture {
		height: 180px;
		object-fit: cover;
		object-position: top;
	}

	.stories-card .stories-info {
		padding: 16px;
	}

	.stories-info ul li {
		padding: 5px 16px;
	}

	.stories-info ul {
		margin-bottom: 12px;
	}

	.stories-info h3 {
		font-size: 16px;
	}

	.stories-info p {
		margin-top: 12px;
		font-weight: 500;
	}

	.view-share {
		margin-top: 16px;
		padding: 2px;
	}

	.view-share .view-share-btn span {
		font-size: 14px;
	}

	.view-share .view-share-btn svg {
		width: 20px;
		height: 20px;
	}

	.view-share .view-share-btn {
		padding: 4px;
	}

	.accordion .accordion-button {
		font-size: 16px;
		padding-bottom: 12px;
	}

	.accordion .accordion-item .accordion-body {
		padding-top: 12px;
		font-size: 12px;
	}

	.cta-section {
		padding: 30px 20px;
		margin-bottom: 24px;
	}

	.cta-section .group-btns {
		flex-direction: column;
		text-align: center;
	}

	.footer-row .footer-logo img {
		height: 36px;
	}

	.footer-row .footer-ptag {
		margin-top: 16px;
		font-size: 12px;
	}

	.footer-row .footer-logo {
		margin-bottom: 24px;
	}

	.footer-row .footer-right {
		flex-direction: column;
		gap: 24px;
	}

	.footer-links h3 {
		font-size: 16px;
		margin-bottom: 16px;
	}

	.footer-links .footer-link-area {
		gap: 50px;
	}

	.footer-links .footer-link-area ul {
		gap: 12px;
	}

	.footer-links .footer-link-area ul li a {
		font-size: 12px;
	}

	.footer-bottom-row {
		padding: 16px 0;
		flex-direction: column;
		gap: 12px;
	}

	.footer-bottom-row p {
		font-size: 14px;
		font-weight: 500;
	}

	.footer-bottom-row ul {
		gap: 12px;
		font-size: 12px;
	}

	.scroll-top-arrow {
		bottom: 20px;
		right: 20px;
	}
}

@media (max-width: 374px) {
	.stories-info ul li {
		padding: 4px 12px;
	}
}