/* ======== MOBILE RESPONSIVR ======== */
@media (max-width: 575.98px) {
	body {
		overflow: hidden;
	}
	/* ======== HOME RESPONSIVR ======== */
	#hero {
		padding-top: 2.5rem;
	}
	#hero .main-hero-conte h1 {
		font-size: 2.75rem;
		line-height: 3.25rem;
	}
	#hero .main-hero-content p {
		width: 100%;
	}
	#hero .main-hero-content .btn {
		width: 100%;
		margin-bottom: 15px;
	}
	#hero .main-hero-content .btn-blue {
		margin-left: 0;
	}
	#hero .imag-box {
		overflow: hidden;
		right: -5%;
		position: relative;
	}
	#hero .imag-box img {
		position: relative;
		margin-top: 85%;
		right: 20%;
	}
	/* Solutions */
	#solutions {
		padding-left: 0;
		padding-right: 0;
	}
	.solutions-header h1 {
		font-size: 2.2rem;
		padding: 0;
	}
	.solutions-items > div {
		margin-bottom: 30px;
	}
	.showcase {
		display: none;
	}
	/*  WAY WALLPOST */
	#way {
		background-image: url('../images/bg-why-wallpost-mobile.svg');
		background-size: cover;
		padding-bottom: 240px;
		margin-bottom: 60px;
	}
	.way-card .card-body {
		margin-left: 0;
	}
	.mobile .card-body .line {
		height: 1px;
		width: 90%;
		margin: 20px auto;
	}
	.mobile .card-body .available {
		min-width: 100%;
		margin-right: 0;
	}
	.mobile button {
		margin-left: 10;
		width: unset;
	}
	.mobile button:first-of-type {
		margin-left: 0;
		width: unset;
		font-size: 0.92rem;
	}
	.mobile .card-body .weynek {
		margin-left: 0;
	}
	.features {
		padding-left: 20px;
	}
	.features .items {
		padding-right: 0;
	}
	.features .card-body {
		padding: 0;
	}
	.features .card-body {
		min-width: 100%;
		margin-bottom: 30px !important;
	}
	.features .item {
		min-height: auto;
	}
	.features .item .icon {
		width: auto;
	}
	.features .item .no-gutters div:last-child {
		width: 77%;
	}
	.features .item span {
		font-size: 2rem;
	}
	.features .card {
		box-shadow: none;
	}
	.more {
		margin-top: 40px;
	}
	.more span {
		font-size: 1.9rem;
	}
	.more button {
		width: 100%;
	}

	/* ======== TESTMONIALS SECTION ======== */
	#testimonials h1 {
		font-size: 2.3rem;
	}
	#testimonials p {
		font-size: 2rem;
		line-height: 3rem;
	}
	#testimonials .sponsor div {
		margin-bottom: 30px;
		text-align: center !important;
	}
	#testimonials .active {
		max-width: 100%;
	}
	#testimonials .card-body {
		padding: 20px;
	}
	#testimonials .card-body p {
		font-size: 1.5rem;
	}
	#testimonials .card-body .card {
		margin-right: 0;
	}

	/* ======== READY TO START SECTION ======== */
	#start {
		height: 651px;
		background-image: url('../images/img-cta-mobile.svg');
	}
	#start .content {
		height: 500px;
		padding: 25px;
	}
	#start .btn-blue {
		margin-left: 0;
		margin-top: 15px;
	}
	.start-tow .content {
		padding: 40px 0 !important;
	}
	/* ======== FOOTER SECTION ======== */
	footer {
		padding-top: 40px;
	}
	footer .row > div {
		margin-bottom: 30px;
	}

	/* ======== SOLUTIONS ======== */
	#solution-hero {
		background-image: url('../images/bg-header-solutions-mobile.svg');
	}
	#solution-hero .imag-box img {
		display: none !important;
	}
	.solution-card {
		top: -100px;
	}
	.solution-card .row {
		margin-bottom: 0;
	}
	.solution-card .row .col-md-4:last-of-type {
		padding-right: 15px;
	}
	.solution-card .row .col-md-4:last-of-type a span {
		margin-left: auto;
	}
	.solution-card {
		margin-top: 60px;
	}
	.solution-card .row > div {
		margin-bottom: 30px;
	}
	.solution-card .free-trial {
		background-size: cover;
	}
	.solution-card .free-trial .item-desc {
		width: 100%;
	}
	/* showcase Section */
	.showcase {
		padding: 15px;
		height: 680px;
		margin-bottom: 60px;
	}
	.showcase .line {
		display: none;
	}
	.showcase .app-button {
		flex-direction: column;
	}
	.showcase .app-button > div {
		margin-right: 0;
		padding-left: 0;
	}
	.showcase .app-button a {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.showcase .app-button a div {
		flex-direction: column;
		justify-content: center;
	}
	/* Frequently Asked Questions Section */
	#FAQs {
		padding: 0;
	}
	/* ======== TESTMONIALS SECTION ======== */
	#testimonials .active {
		margin-left: 15px;
	}
	#testimonials .next {
		width: 100%;
		right: -90%;
	}
	/* ======== CONTACR US HERO ======== */
	.contact-us .options {
		margin-top: 30px;
	}
	.contact-us .map {
		margin-left: 0;
	}
	/* ======== VERTICALS SECTION ======== */
	.vertiacls .cards .row > div {
		margin-bottom: 30px;
	}
	/* ======== PRICING HERO ======== */
	.pricing .cards .row {
		margin-top: 0;
	}
	.pricing .cards .card {
		margin-bottom: 20px;
	}
	.pricing .options .tabs .build {
		padding: 15px !important;
	}
	.pricing .options .tabs .build,
	.pricing .summary .tabs .annually {
		margin-bottom: 10px;
	}
	.pricing .summary {
		display: none !important;
	}
	.pricing .summary {
		margin-top: 30px;
	}
	.pricing .package {
		border: 2px solid var(--border-color);
		margin-right: 15px;
		margin-left: 15px;
		padding: 10px;
		border-radius: 5px;
	}
	/* pricing fixed on mobile */
	.pricing #accordion {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		display: block;
	}
	.pricing #accordion .summary {
		display: block !important;
	}
	.pricing #accordion button {
		width: 100%;
		justify-content: center;
		font-size: 1rem;
		font-weight: 700;
		margin-right: 10px;
		background-color: var(--font-color-gray);
		border-radius: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.pricing #accordion button::after {
		content: '\276F';
		margin-left: 10px;
		transform: rotate(90deg);
	}
	.pricing #accordion button.collapsed::after {
		content: '\276E';
		margin-left: 10px;
	}
	.pricing .summary .cart {
		margin-top: 0;
	}
	/* ======== single solution ======== */
	.single-solution img {
		display: none !important;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	/* ======== HOME RESPONSIVR ======== */
	.imag-box img {
		top: 160%;
		height: 500px;
		right: -30%;
	}
	.solutions-items > div {
		margin-bottom: 30px;
	}
	.way-card .card-body {
		margin-left: 0;
	}
	.mobile .card-body .line {
		height: 1px;
		width: 90%;
		margin: 20px auto;
	}
	.features {
		padding-left: 20px;
	}
	.features .items {
		padding-right: 0;
	}
	.features .card-body {
		padding: 0;
	}
	.features .card-body {
		min-width: 100%;
		margin-bottom: 30px !important;
	}
	.features .item {
		min-height: auto;
	}
	.features .item .icon {
		width: auto;
	}
	.features .item .no-gutters div:last-child {
		width: 77%;
	}
	.features .item span {
		font-size: 2rem;
	}
	.features .card {
		box-shadow: none;
	}
	#way {
		background-image: url('../images/bg-why-wallpost.svg');
		background-position-x: 38%;
		background-size: cover;
		padding-top: 343px;
		padding-bottom: 457px;
	}
	/* ======== TESTMONIALS SECTION ======== */
	#testimonials .sponsor div {
		margin-bottom: 30px;
		text-align: center !important;
	}
	#testimonials .active {
		margin-left: 15px;
		max-width: 90%;
	}
	#testimonials .next {
		width: 100%;
		right: -85%;
		top: 47%;
	}
	/* ======== READY TO START SECTION ======== */
	#start {
		height: 651px;
		background-image: url('../images/img-cta.svg');
		background-size: cover;
		background-position-y: -200px;
	}
	#start .btn-blue {
		margin-left: 0;
		margin-top: 15px;
	}
	#start .content {
		height: 450px;
		padding: 25px;
	}
	#start .btn-blue {
		margin-left: 0;
		margin-top: 15px;
	}
	.start-tow .content {
		padding: 40px 0 !important;
	}

	/* ======== CONTACR US HERO ======== */
	#solution-hero .imag-box img {
		display: none;
	}
	.contact-us .options {
		margin-top: 30px;
	}
	/* ======== SOLUTIONS HERO ======== */
	.solution-card .row > div {
		margin-bottom: 30px;
	}
	.showcase a {
		width: 200px;
	}
	/* ======== VERTICALS SECTION ======== */
	.vertiacls .cards .row > div {
		margin-bottom: 40px;
	}
	/* ======== PARTENERS HERO ======== */
	.parteners .card .row > div {
		height: 250px;
	}
	.parteners .card-deck {
		display: flex;
		flex-direction: column;
	}
	.parteners .card {
		margin-bottom: 30px;
	}
	.parteners .card img {
		width: 45%;
		margin: auto;
	}
	/* ======== PRICING HERO ======== */
	.pricing .cards .row {
		margin-top: 0;
	}
	.pricing .cards .card {
		margin-bottom: 20px;
	}
	.pricing .options .tabs .build {
		padding: 15px !important;
	}
	.pricing .options .tabs .build,
	.pricing .summary .tabs .annually {
		margin-bottom: 20px;
	}
	.pricing .summary {
		margin-top: 30px;
	}
	.pricing .package {
		border: 2px solid var(--border-color);
		margin-right: 15px;
		margin-left: 15px;
		padding: 10px;
		border-radius: 5px;
	}
	/* ======== single solution ======== */
	.single-solution img {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	/* ======== HOME RESPONSIVR ======== */
	.imag-box img {
		top: 225%;
		right: -20%;
	}
	.solutions-items > div {
		margin-bottom: 30px;
	}
	#way {
		background-position-x: 15%;
		padding-bottom: 420px;
	}
	.way-card .card-body {
		margin-left: 0;
	}
	.mobile .card-body .line {
		height: 1px;
		width: 90%;
		margin: 20px auto;
	}
	.features {
		padding-left: 20px;
	}
	.features .items {
		padding-right: 0;
	}
	.features .card-body {
		padding: 0;
	}
	.features .card-body {
		min-width: 100%;
		margin-bottom: 30px !important;
	}
	.features .item {
		min-height: auto;
	}
	.features .item .icon {
		width: auto;
	}
	.features .item .no-gutters div:last-child {
		width: 77%;
	}
	.features .item span {
		font-size: 2rem;
	}
	.features .card {
		box-shadow: none;
	}
	/* ======== TESTMONIALS SECTION ======== */
	#testimonials .sponsor img {
		height: 85%;
	}
	#testimonials .active {
		margin-left: 15px;
		max-width: 90%;
	}
	#testimonials .next {
		width: 100%;
		right: -85%;
		top: 47%;
	}
	/* ======== READY TO START SECTION ======== */
	#start {
		height: 651px;
		background-image: url('../images/img-cta.svg');
		background-size: cover;
		background-position-y: -200px;
	}
	#start .btn-blue {
		margin-left: 0;
		margin-top: 15px;
	}
	#start .content {
		height: 400px;
		padding: 25px;
	}
	#start .btn-blue {
		margin-left: 0;
		margin-top: 15px;
	}
	.start-tow .content {
		padding: 40px 0 !important;
		margin-top: 30px;
	}
	/* ======== SOLUTIONS HERO ======== */
	#solution-hero .imag-box img {
		display: none;
	}
	.solution-card .row > div {
		margin-bottom: 30px;
	}
	.showcase a {
		width: 200px;
	}
	/* ======== PARTENERS HERO ======== */
	.parteners .card .row > div {
		height: 250px;
	}
	.parteners .card-deck {
		display: flex;
		flex-direction: column;
	}
	.parteners .card-deck .card {
		margin-bottom: 30px;
	}
	.parteners .card-deck .card img {
		width: 70%;
		margin: auto;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/* ======== NAVTION ======== */
	.nav-btn {
		width: 85px;
		font-size: 0.9rem;
		font-weight: 700;
		margin-left: 10px;
		padding: 6px 0;
	}
	/* ======== HOME RESPONSIVR ======== */
	#hero {
		padding-bottom: 0;
		height: 950px;
	}
	.imag-box img {
		right: -50%;
	}
	#way {
		background-position-x: 15%;
		padding-bottom: 520px;
	}
	.way-card .card-body {
		margin-left: 0;
	}
	.mobile .card-body .line {
		height: 1px;
		width: 90%;
		margin: 20px auto;
	}
	.features {
		padding-left: 20px;
	}
	.features .items {
		padding-right: 0;
	}
	.features .card-body {
		padding: 0;
	}
	.features .card-body {
		min-width: 100%;
		margin-bottom: 30px !important;
	}
	.features .item {
		min-height: auto;
	}
	.features .item .icon {
		width: auto;
	}
	.features .item .no-gutters div:last-child {
		width: 77%;
	}
	.features .item span {
		font-size: 2rem;
	}
	.features .card {
		box-shadow: none;
	}
	/* ======== TESTMONIALS SECTION ======== */
	#testimonials .active {
		min-width: 80%;
	}
	#testimonials .next {
		width: 66%;
		right: -39%;
		top: 41%;
	}
	/* ======== READY TO START SECTION ======== */
	#start {
		height: 560px;
		background-image: url('../images/img-cta.svg');
	}
	#start .btn-blue {
		margin-left: 0;
		margin-top: 15px;
	}
	#start .content {
		height: 400px;
		padding: 25px;
	}
	.start-tow .content {
		padding: 40px 0 !important;
	}

	/* ======== Footer ======== */
	footer .follow-us ul li a img {
		margin-right: 6px;
	}
	/* ======== SOLUTIONS HERO ======== */
	.solution-card .row > div {
		margin-bottom: 30px;
	}
	.showcase a {
		width: 200px;
	}
	/* ======== PARTENERS HERO ======== */
	/* ======== PARTENERS HERO ======== */
	.parteners .card .row > div {
		height: 250px;
	}
	.parteners .card-deck {
		display: flex;
		flex-direction: column;
	}
	.parteners .card-deck .card {
		margin-bottom: 30px;
	}
	.parteners .card-deck .card img {
		width: 70%;
		margin: auto;
	}
}

@media (min-width: 1200px) {
	/* ======== TESTMONIALS SECTION ======== */
	#testimonials .active {
		max-width: 69%;
	}
	#testimonials .next {
		width: 45%;
		right: -6%;
	}
	/* ======== READY TO START SECTION ======== */
	.start-tow .content {
		padding: 40px 200px !important;
	}
	/* ======== SOLUTIONS HERO ======== */
	solution-hero .imag-box img {
		height: 150% !important;
		right: 0;
		left: 105%;
		top: 98%;
	}
}