@media only screen and (max-width: 1366px) {
	.app-directory__items {
		grid-template-columns: 1fr 1fr;
	}

	.app-directory__item {
		max-width: 100%;
		min-height: 310px;
	}

	.activity__main {
		display: flex;
		flex-direction: column;
	}

	.activity__left-top {
		border-right: none;
		border-top-right-radius: 10px;
	}

	.activity__main-left {
		max-width: none;
		margin-bottom: 30px;
	}

	.activity__left-bottom {
		border-right: none;
	}

	.activity__right-top {
		border-top-right-radius: 0;
		border-top: 1px solid #dee3f2;
	}

	.activity__main-right {
		max-width: none;
	}

	.activity__right-inner {
		max-width: none;
	}

	.integrations-upd__actions-top {
		flex-direction: column;
		align-items: flex-start;
	}

	.integrations-upd__actions-inner {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.install-app,
	.visit-app {
		opacity: 1;
	}

	.col-app-content,
	p.app-desc,
	h3.title-app {
		transform: translate3d(0, 0, 0);
	}

	.col-app {
		height: auto;
	}
}

@media only screen and (max-width: 1120px) {
	.container-header {
		padding: 10px;
	}

	.tabs-panel__right-tabs {
		overflow-x: auto;
	}

	.menu-top-wrap ul li a::after {
		display: none;
	}

	.menu-top-wrap ul li {
		color: #fff;
	}

	.influencersoft__accounts-table {
		overflow-x: scroll;
	}

	.header__burger-wrap {
		display: block;
	}

	.menu-top-wrap ul {
		position: fixed;
		display: flex;
		flex-direction: column;
		left: 0;
		top: 0;
		bottom: 0;
		width: clamp(240px, 50vw, 500px);
		background-color: #181829;
		z-index: 199;
		padding: clamp(110px, 10vw, 150px) clamp(20px, 3vw, 35px) 50px;
		transform: translateX(-150%);
		transition: transform 0.5s;
		font-size: clamp(16px, 2vw, 20px);
		gap: 20px;
	}

	.menu-top-wrap ul.is-show {
		transform: translateX(0%);
	}

	.integrations-upd__main {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		grid-row-gap: 7px;
	}

	.form_fields.sperse_reverse_draggable {
		height: 50vh;
		overflow-y: auto;
		margin-bottom: 20px;
	}

	.integrations-upd__center {
		padding: 0;
		display: flex;
		justify-content: center;
	}

	.main__inner {
		grid-template-columns: 1fr;
	}

	.main__left {
		max-width: none;
	}

	.main__img {
		max-width: none;
	}

	.main__right {
		margin: 0 auto;
	}

	.pull-right a.tablinks {
		flex: 1 1 auto;
		text-align: center;
	}

	.col-md-3 {
		width: auto;
	}

	.gutters-sm>.col,
	.gutters-sm>[class*="col-"] {
		width: 100%;
	}

	.card.avatar {
		margin-right: 0;
	}

	.platfotm__settings {
		padding-left: 0;
	}

	#settings-form-wrap form tr {
		/**display: flex;**/
		flex-direction: column;
		gap: 5px;
	}

	#settings-form-wrap form tr:last-child .checkbox-wrap label,
	#settings-form-wrap form tr:last-child .checkbox-wrap {
		display: flex;
	}

	#settings-form-wrap form tr:last-child td,
	#settings-form-wrap form tr:last-child th {
		margin-bottom: 0;
	}

	/**#settings-form-wrap .form-table th,
	#settings-form-wrap .form-table td {
		padding: 0;
	}
*/
	.introbox {
		margin: 0 0 20px 0;
	}

	#settings-form-wrap form {
		padding-left: 0;
	}

	.sperse__table .influencersoft__table table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		table-layout: fixed;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.sperse__table .influencersoft__table table td {
		padding: 15px;
	}

	.form-table th {
		margin-bottom: 5px;
	}

	.menu-top-wrap ul li a {
		padding: 0 0 0 30px;
	}

	.menu-top-wrap ul li {
		padding: 0;
	}

	.menu-top-wrap a::before {
		width: 20px;
		height: 20px;
		top: 50%;
		left: 0;
		transform: translateY(-50%) translateX(0);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	/* Platforms page */
	.sperse-platform {
		position: relative;
	}

	.platfotm__settings {
		width: 100%;
		padding-left: 35px;
		min-height: 90vh;
	}

	.nav-tab__toggler {
		position: sticky;
		top: 0;
	}

	.nav-tab__switchable {
		position: absolute;
		z-index: 99;
		top: 0;
		left: 0;
		overflow-y: auto;
		height: 100%;
	}

	.platfotm__settings.is-active {
		width: 100%;
	}

	.nav-tab__switchable .nav-tab {
		font-size: 0;
		width: 40px;
		min-width: auto;
	}

	.nav-tab__switchable .nav-tab.is-active {
		transition: width 0.5s, font-size 0.1s;
		display: flex !important;
		align-items: center;
		min-height: 35px;
		min-width: 180px;
		font-size: 13px;
		font-weight: 400;
	}

	.nav-tab__switchable .nav-tab__toggler.is-active {
		width: auto;
	}

	.nav-tab__switchable .nav-tab__toggler.is-active svg {
		transform: rotate(0deg);
	}

	.nav-tab__switchable .nav-tab__toggler svg {
		transform: rotate(180deg);
	}

	.logs__search-wrap {
		margin-right: 0;
	}
}

@media only screen and (max-width: 1040px) {
	.tab {
		flex-direction: column;
		align-items: flex-start;
	}

	.pull-right {
		width: 100%;
		flex-shrink: 0;
		display: flex;
		overflow-x: auto;
	}

	.app-directory__item-content {
		transform: translate3d(0, 0, 0);
		margin-bottom: 20px;
	}

	.app-directory__item-popup {
		opacity: 1;
		position: static;
		width: 100%;
	}

	.app-directory__item {
		min-height: 320px;
		justify-content: space-between;
	}

	.integrations-upd__field-item::after {
		opacity: 1;
	}
}

@media only screen and (max-width: 840px) {

	.registration h2,
	.login h2 {
		margin-bottom: 25px;
	}

	.registration__inner,
	.login__inner {
		padding: 30px 10px !important;
	}

	.registration__user-photo {
		position: static;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 800px) {
	.activity__top {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 10px;
	}

	.pagination {
		justify-content: space-between;
		width: 100%;
	}

	.activity__title {
		margin-bottom: 30px;
	}

	.activity__left-top {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}

	.account__left {
		padding: 20px;
		min-height: auto;
	}

	.integrations-upd__field-item {
		justify-content: flex-start;
	}

	.integrations-upd__name {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding-bottom: 10px;
	}

	.integrations-upd__name div,
	.integrations-upd__name input.integration-text {
		width: 100%;
	}

	.integrations-upd__action-buttons {
		justify-content: space-between;
	}

	.integrations-upd__action-buttons .button-primary {
		width: auto;
	}

	.integrations-upd__center div {
		width: 65px;
		height: 30px;
	}
}

@media only screen and (max-width: 768px) {
	.container {
		padding: 0 10px;
	}

	.activity__right-top {
		grid-template: auto / 1fr;
		gap: 30px;
		padding: 10px;
	}

	.activity__right-code,
	.activity__right-message {
		padding: 0;
		border: 0;
	}

	.activity__left-bottom,
	.activity__left-top,
	.activity__right-top,
	.activity__right-bottom {
		padding: 15px 10px;
	}

	.main-section__inner {
		grid-template: auto / 1fr;
		gap: 0;
	}

	.main-section__left {
		padding: 30px 0 0;
	}

	.cv-icon {
		width: clamp(70px, 15vw, 120px);
		height: clamp(70px, 15vw, 120px);
		margin: clamp(1px, 1vw, 15px);
	}

	.header__nav {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: 70%;
		background-color: #181829;
		z-index: 20;
		padding: 25px 15px;
		transform: translateX(-150%);
		transition: transform 0.5s;
	}

	.header__nav.is-show {
		transform: translateX(0%);
	}

	.header__nav-logo {
		display: block;
	}

	.header__list {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(5, auto);
		grid-row-gap: 30px;
	}

	.header__burger-wrap {
		display: block;
	}

	.app-directory__items {
		grid-template-columns: 1fr;
	}

	.integrations__search {
		justify-self: stretch;
	}

	.integrations__search-input {
		max-width: none;
	}

	.influencersoft__form {
		max-width: none;
		margin-bottom: 20px;
	}

	.influencersoft__form form {
		grid-template-columns: 1fr;
		grid-row-gap: 10px;
	}

	.logs__top {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, auto);
	}

	.logs__bottom {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, auto);
		grid-row-gap: 20px;
	}

	.logs__bottom .select-styled {
		max-width: none;
	}

	.main__links {
		grid-template-columns: 1fr;
		grid-template-rows: 2fr;
		grid-row-gap: 20px;
		text-align: center;
	}

	.logs__actions-wrap,
	.users__top-wrap,
	.users__bottom-wrap {
		flex-direction: column;
		gap: 20px;
		align-items: unset;
	}

	.users__top-wrap {
		padding-bottom: 10px;
	}

	.logs__select-btn {
		width: auto;
	}

	.pagination {
		justify-content: space-between;
	}

	.account__content {
		flex-direction: column;
	}

	.savesettings__form .card-body .row {
		grid-template: auto / 1fr;
		gap: 5px;
	}

	.savesettings__form .card-body .checkbox-wrap {
		margin-top: 15px;
	}

	.cv-vertical::before,
	.cv-vertical::after {
		display: none;
	}

	.form-table__input input {
		padding: 15px 10px;
		font-size: 14px;
	}

	.integrations__top {
		padding-bottom: 5px;
	}

	.introbox {
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 600px) {
	.integrations__top {
		flex-direction: column;
		align-items: unset;
		padding-bottom: 10px;
	}

	.integrations-upd__action-selects,
	.integrations-upd__trigger-selects {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		grid-row-gap: 20px;
	}

	.integrations-upd__select-inner {
		grid-template-columns: 1fr;
		grid-template-rows: auto 1fr;
	}

	.integrations-upd__actions-selects {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.integrations-upd__actions-selects .select-styled {
		border-left: none;
		border-top: 1px solid #dfe5de;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.integrations-upd__field {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-row-gap: 3px;
	}

	.main__marquee .slide {
		background-color: transparent;
		width: 80px;
		height: 80px;
	}

	.profile__inner {
		flex-direction: column;
	}

	.profile__box {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.profile__right .row {
		grid-template: auto auto / 1fr;
		gap: 5px;
	}

	.profile__right .card-body {
		gap: 15px;
	}

	.account__content {
		flex-direction: column;
	}

	.account__right-item {
		grid-template: auto / 1fr;
	}

	.logs__search-wrap {
		width: 100%;
	}
}

@media only screen and (max-width: 510px) {
	.integrations__select-wrap {
		flex-direction: column;
		align-items: flex-start;
	}

	.integrations__select-wrap .integrations__select-inner,
	.integrations__select-wrap input {
		width: 100%;
	}

	.form_fields ul {
		padding: 0;
	}

	.activity__right-top {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}

	.activity__left-integration {
		flex-direction: column;
	}

	.activity__left-integration span:nth-child(1) {
		margin-bottom: 10px;
	}

	.activity .pagination {
		flex-direction: column;
		align-items: flex-start;
		max-height: none;
	}

	.activity .pagination-items {
		margin-bottom: 20px;
	}

	.activity .pagination-next span,
	.activity .pagination-prev span {
		display: none;
	}

	.integrations-upd__accounts-select .select-styled:before,
	.integrations-upd__select-inner .select-styled:before {
		height: calc(100% - 20px);
	}

	.influencersoft__accounts {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
	}

	.influencersoft__accounts a {
		text-align: center;
	}

	.main__marquee .slide {
		background-color: transparent;
		width: 50px;
		height: 50px;
	}

	.logs__top-inner {
		flex-direction: column;
		align-items: unset;
		padding-bottom: 10px;
	}

	.tabs-panel__left-popup {
		left: -40px;
		top: 190%;
	}

	.tabs-panel__left-popup.triangle::after {
		left: 70px;
	}
}

@media only screen and (max-width: 400px) {
	.registration__user-name {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.integrations__select-wrap {
		grid-template: auto auto / 1fr auto;
	}

	.integrations__top-items {
		justify-self: start;
		margin-top: 10px;
	}

	.button,
	.button-primary,
	.button-secondary {
		padding: 8px 15px;
	}

	.app-directory__item {
		padding: 25px 15px;
	}

	.app-directory__item-popup a:nth-child(1) {
		margin-right: 10px;
	}

	.activity__pagination-prev,
	.activity__pagination-next {
		height: 42px;
		width: 42px;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.activity__pagination-prev span,
	.activity__pagination-next span {
		display: none;
	}

	.activity__right-inner {
		padding-left: 10px;
		padding-right: 10px;
	}

	.activity__right-inner ul {
		padding-left: 5px;
	}

	.integrations__bulk-search {
		flex-direction: column;
		align-items: flex-start;
	}

	.integrations__bulk-search form {
		margin-bottom: 20px;
	}

	.integrations-upd__top {
		flex-direction: column;
		align-items: flex-start;
	}

	.integrations-upd__fields-row {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
		grid-row-gap: 10px;
		padding: 5px;

	}

	.integrations-upd__drag-main div::after {
		display: none;
	}

	.logs .pagination-to-start {
		margin-right: 0;
	}

	.account__right-item {
		grid-template: auto / 1fr;
		gap: 5px;
	}

	.card-body .img-div {
		grid-template: auto / 1fr;
	}

	.card-body .img-div img {
		max-height: 50px;
	}

	.card-body .img-div h4 {
		display: none;
	}
}