/*Mobile*/
@media only screen and (max-width: 1224px) {
	html, body {
		overflow-x: hidden;
	}

	.logo {
		margin: 0px 350px 0px 30px;
		object-fit: contain;
	}

	.navBarStyle {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
		background-color: rgba(255, 255, 255, 0.8);
	}

	.navBarToggler {
		margin: 0px 0px 0px 20px;
	} 

	#navBarDiblip {
		align-items: baseline;
		margin-left: 20%;
	}

	.navBarItem {
		margin-bottom: 15px;
	} 

	.EN {
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #27868a !important;
	}

	.flexColumnSection {
		display: flex;
		flex-direction: column-reverse !important;
	}

	img.Group-242 {
		width: 90vw;
		margin-left: 20px;
		margin-right: 20px;
	}

	.bringYourBusiness{
		margin-left: 20px;
		margin-right: 20px;
	}

	.whetherYouOwn {
		margin: 0px 20px 16px 20px;
	}

	.whyDiblipSection {
		padding-top: 30px;
		padding-bottom: 30px;
		margin: 30px 0px 0px 0px;
	}

	.mainButtons {
		text-align: center;
	}

	.squareDots {
		margin: 30px 0px 10px 0px;
	}

	.flexSectionWhyDiblip {
		margin: 0px 20px 30px 20px;
	}

	.whyDiblipTitle {
		align-self: end;
	}

	.middleContainer {
		background-image: url("../img/bk-lines-left.svg"), url("../img/bk-lines-right-2.svg");
		background-repeat: no-repeat, no-repeat;
		background-position: top left, bottom -130px right -200px;
	}

	.diblipIsSimple {
		margin: 50px 20px 50px 20px;
	}

	.questionCard {
		width: unset;
		height: unset;
		margin: 50px 20px 60px 20px;
		padding: 40px 20px 40px 20px;
	}

	.ratesSection {
		padding: 0px 0px 40px 0px;
	}

	.rectangleRates {
		margin: 0 20px 70px 20px;
		padding: 40px 40px 40px 40px;
	}

	.rates {
		justify-content: center !important;
	}

	.stripeCharges {
		margin: 0px 0px 40px 0px;
		padding: 20px 20px 20px 20px;
	}

	.diblipCharge {
		margin: 40px 4px 0px 0px;
		padding: 20px 20px 20px 20px;
	}

	.signUpSection {
		margin: 200px 20px 0px 20px;
		justify-content: center;
		background-image: url("../img/bk-square-dots.svg");
		background-repeat: no-repeat;
	}

	.StartMessage {
		margin: 0px 0px 20px 0px;
		padding-top: 50px;
	}

	.signUpMessages {
		margin: -120px 0px 0px 0px;
	}

	.signUpPromotion {
		margin: 0px 5% 30px 0px;
	}

	.careerSection > div:nth-child(2) {
		background-image: url("../img/bk-square-dots.svg");
		background-repeat: no-repeat;
		background-position: top 30px right 30px;
	}

	img.imgCareers {
		margin: 60px 20px 120px 20px;
		width: 90vw;
	}

	.workWithUs {
		margin: 160px 0px 0px 20px;
		text-align: left;
	}

	.weLookingMessage {
		text-align: left;
		margin: 20px 20px 20px 20px;
	}

	.contactUsMessage {
		margin: 20px 20px 20px 20px;
		text-align: left;
	}

	.squareDotsWorkUs {
		margin: 30px 5% 50px 20px !important;
		text-align: right;
	}

	.contactRectangle {
		padding: 0 20px 0 20px;
		padding-top: 30px;
	}

	.sendMessageSection {
		margin: 20px 0px 0 0px;
	}

	.getInTouch {
		margin: 0px 0px 0px 0px;
	}

	.wereHereAnswerMessage {
		margin: 60px 20px 30px 0px;
	}

	.socialMediaInfo{
		margin: 0 10px 0 0px;
	}

	.line {
		margin: 10% 20px 0px 20px;
	}

	.rightsDiblip {
		text-align: center;
		padding-bottom: 10px;
	}

	.privacyPolicy {
		text-align: center;
		padding-bottom: 10%;
	}

	.navBarStyle {
		padding-top: 15px !important;
	}
}