@media (min-width: 1380px) {
	.verticals .card {
		margin-bottom: 85px;
	}
}


/*____________________992(lg)________________________*/

@media (max-width: 1024px) {
	.advantages p {
		font-size: 16px;
	}
	#SignUp {
		margin-right: 45px;
	}
	#demo01 {
		position: fixed;
		right: 15px;
	}
	header .ll {
		display: none;
	}
	header #LogIn,
	#demo02 {
		display: none;
	}
}

@media (min-width: 1024px) {

	.burger{
		display: none;
	}
}


/*____________________768(md)________________________*/

@media (max-width: 768px) {

	.advantages .card {
		margin-left: 0px;
		margin-right: 0px;
	}
	.about p {
		font-size: 16px;
	}
	.about .imm {
		order: -1;
	}
	.about img {
		margin-bottom: 20px;
	}
	#btn-close-modal {
		display: flex;
		justify-content: center;
		margin-top: 15px;
		margin-right: 0px;
	}
}

@media (max-width: 425px) {
	p {
		font-size: 16px;
	}
	header .title {
		margin-top: 50px;
	}
	header h1 {
		font-size: 36px;
	}
	header p {
		font-size: 14px;
	}
	header .buttons {
		margin-top: 55px;
	}
	header button {
		width: 100%;
	}
	header #button_2 {
		margin-top: 20px;
	}
}

@media (min-width: 768px) {}


/*______________________576(sm)____________________*/


@media (max-width: 576px) {

	body h2 {
		font-size: 24px;
	}
	.buttons a {
		width: 100%;
	}
	.buttons button {
		padding: 15px;
	}
	#button_2{
		/* padding: 15px 125px; */
	}

	header .menu a {
		margin-left: 0;
	}
	header .title {
		margin-top: 25vh;
	}
	header button {
		margin-right: 0;
	}
	.tooltip {
		display: flex;
	}
	.tooltip2 {
		display: flex;
	}
	.advantages {
		text-align: center;
		padding-top: 50px;
	}
	.advantages .card {
		margin-top: 30px;
		height: 310px;
	}
	.verticals {
		margin-top: 70px;
	}
	.verticals #subtitle {
		margin-bottom: 30px;
	}
	.verticals .card {
		height: 135px;
		margin-bottom: 20px;
	}
	.verticals .card img {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.verticals h3 {
		font-size: 18px;
	}
	.for-publisher {
		padding-top: 50px;
	}
	.for-publisher .card {
		margin-top: 30px;
	}
	.about img {
		margin-bottom: 20px;
	}
	.about h2 {
		margin-top: 50px;
		margin-bottom: 30px;
	}
	.message h2 {
		margin-top: 40px;
		margin-bottom: 25px;
	}
	.message {
		margin-top: 50px;
	}
	#demo02 {
		display: none;
	}
	#btn-close-modal {
		z-index: 66;
		margin-right: 0px;
	}
	#animatedModal .col-lg-4 .card{
		margin-top: 0%;
	}

	#animatedModal .col-lg-4 .ff{
	margin-top: 40%;
	margin-bottom: 15%;
	}
	#animatedModal .col-lg-4 img{
	 height: 30%;
	}
	#animatedModal .card p {
	margin-top: 15px;
	margin-bottom: 20px;
	}

	#animatedModal .card {
		height: 210px;
	}
	.get-in-touch{
	  background-image: url(../img/bg_fig_2.svg);
	  background-position: 0% 50%;
	}
	footer .logo {
		width: 200px;
	}
}

@media (max-width: 425px) {
	#cookieAcceptBar{
		padding: 0px 5px;
	}
	#cookieAcceptBar, #cookieAcceptBar button, #cookieAcceptBar a{
		font-size: 10px;
	}
	#cookieAcceptBar button {
		padding: 0 10px;
		margin-left: 15px;
		line-height: 13px;
	}
	.cookieAcceptBar a {
		margin-left: 10px;
	}
	#myBtn {
		bottom: 20px;
		right: 10px;
	}
	.buttons button {
		/* padding: 15px 120px; */
	}
	#button_2{
		/* padding: 15px 126px; */
	}
}

@media (max-width: 425px) {
	.buttons button {
		/* padding: 15px 119px; */

	}
	#button_2{
		/* padding: 15px 128px; */
	}
}


@media (max-width: 414px) {
	.buttons button {
		/* padding: 15px 114px; */

	}
	#button_2{
		/* padding: 15px 121px; */
	}
}


@media (max-width: 375px) {
	.buttons button {
		/* padding: 15px 93px; */

	}
	#button_2{
		/* padding: 15px 102px; */
	}
}

@media (max-width: 321px) {
	header .title {
		margin-top: 10vh;
	}
	#animatedModal .col-lg-4 .ff{
		margin-top: 10%;
		margin-bottom: 15%;
	}
	.buttons button {
		/* padding: 15px 66px; */
	}
	#button_2{
		/* padding: 15px 75px; */
	}

}