@media screen and (max-width: 1340px) {
	.top-block .options > div {
		padding: 25px; }
	.products .row > div {
		padding: 0 25px; }
	.features .screenshots .img {
		width: 150px; }
	.top-block .databases .pg-db span {
		display: none; }
}
@media screen and (max-width: 1080px) {
	.top-block .databases .icons {
		gap: 15px; }
	.top-block .databases .mysql {
		width: 70px; }
	.top-block .databases .maria {
		width: 115px; }
	.top-block .databases .pg {
		width: 40px; }
	.top-block .databases .sqlite {
		width: 80px; }
	.top-block .databases .sqlserver {
		margin-top: 13px; }
	.products .row > div {
		padding: 0 10px;
		padding-left: 0; }
	.products .sub {
		font-size: 20px; }
	div.downloads-page ul li span {
		flex-grow: 1; }
	div.downloads-page ul a {
		padding-right: 20px; }
}
@media screen and (max-width: 960px) {
	.top-block .description .col {
		flex-direction: column; }
	.top-block h1 {
		text-align: center;
		white-space: initial; }
	.top-block .text-info {
		width: 100%; }
	.top-block .check-demo {
		justify-content: center;
		margin: 30px 0 0 0; }
	.top-block .databases > div {
		width: 50%; }
	.top-block .options {
		flex-wrap: wrap; }
	.top-block .options > div {
		width: 49.5%;
		padding-right: 10px; }
	.top-block .options .get-cms-extensions {
		width: 100%;
		text-align: center; }
	.top-block .options .buttons {
		justify-content: center; }
	.features {
		margin: 60px 0; }
	.features-3 {
		padding-top: 60px; }
	.products .row {
		gap: 0;
		flex-wrap: wrap; }
	.products .row > div {
		width: 50%;
		padding-right: 35px; }
	.products .row .subtitle {
		width: 100%;
		margin-bottom: 35px; }
	.features .screenshots .img {
		width: 20%;
		padding: 3px; }
	.features-3 .title {
		font-size: 22px; }
	.features-3 .text {
		padding-left: 20px;
		margin-left: 20px; }
}

@media screen and (max-width: 800px) {
	header .icon-menu {
		display: flex; }
	header .mod-languages {
		margin-right: 40px; }
	header .mod-menu {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 46px;
		z-index: 1;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		padding: 0 20px;
		background: white;
		color: var(--main);
		box-shadow: rgb(100 100 111 / 20%) 0px 15px 24px 0px; }
	header .mod-menu li {
		width: 100%; }
	header .mod-menu li + li {
		border-top: 1px solid #EEEFF1; }
	header .mod-menu li.active,
	header .mod-menu li:hover a {
		color: inherit; }
	header .cover-ul {
		padding: 12px 0 13px; }
}

@media screen and (max-width: 670px) {
	.products .sub {
		height: 50px;
		margin: 0; }
}

@media screen and (max-width: 620px) {
	.btn {
		height: 36px;
		padding: 5px 10px; }
	.top-block h1 {
		font-size: 28px; }
	.top-block .databases {
		flex-wrap: wrap; }
	.top-block .databases .supported {
		margin-bottom: 35px; }
	.top-block .databases > div,
	.top-block .options > div {
		width: 100%; }
	.top-block .sub {
		text-align: center; }
	.products .btn {
		width: 160px; }
	.products .row .subtitle {
		text-align: center;
		font-size: 30px; }
	.products .row > div {
		width: 100%;
		padding: 0; }
	.products .sub {
		height: 45px; }
	.products .short {
		height: auto;
		margin-bottom: 25px; }
	.products .profiler {
		margin-top: 30px; }
	.products .cover-btn {
		display: flex;
		justify-content: center; }
	.features-3 .block {
		flex-direction: column;
		margin-bottom: 25px;
		border-bottom: 1px dashed #D3DAE1; }
	.features-3 .block > div {
		width: 100%;
		padding-bottom: 30px; }
	.features-3 .text {
		margin: 0;
		padding: 0;
		border-left: 0; }
	.features-3 .text:after {
		display: none; }
	.features-3 .image {
		text-align: left; }
	div.downloads-page ul li {
		align-items: flex-start;
		flex-direction: column; }
	div.downloads-page ul li span {
		width: auto;
		margin-bottom: 15px; }
	div.downloads-page ul a {
		padding: 3px 15px;
		background: #DDE1E5;
		border-radius: 15px;
		color: var(--text-color);
		font-weight: 400; }
}