@media screen and (max-width: 1500px){
	.webinar-buttons {
    	padding: 30px 0px;
	}
	.webinar-buttons a {
    	height: 55px;
    	line-height: 55px;
	}
	.row-room {
    	padding: 10px;
	}
	.menu li a {
    	font-size: 16px;
    	padding: 5px 5px 5px 15px;
	}
	.menu li ul li a {
    	font-size: 14px;
	}
	.row-room, .row-moderator{
		font-size: 14px;
	}
	.sidebar {
    	width: 270px;
	}
	.wrapper {
    	width: calc(100% - 48px);
	}
	.info-block{
		font-size: 14px;
	}
	.user-plan .plan{
		margin: 20px auto;
		width: 240px;
	}
}
@media screen and (max-width: 1200px){
	.wrapper {
    	width: calc(100% - 20px);
	}
	.sidebar {
    	width: 260px;
	}
	.menu li a {
    	padding: 5px 5px 5px 10px;
	}
	.menu li ul li a {
    	font-size: 14px;
    	padding: 2px 5px 2px 10px;
	}
}
@media screen and (max-width: 1080px){
	.sidebar{
		display: none;
		position: absolute;
		top: -1px;
    	left: -1px;
    	background: #eefffd;
    	border: 2px solid #524e4e;
    	border-radius: 15px;
    	box-shadow: 0 4px 10px rgb(0 0 0 / 50%);
    	z-index: 999;
	}
	.media-menu{
		display: block;
		z-index: 99;
	}
	.logo{
		margin-left: 20px;
	}
	.webinar-buttons {
    	padding: 20px 0px;
	}
	.webinar-buttons a {
    	height: 45px;
    	line-height: 45px;
	}
	.menu {
    	margin-top: 20px;
	}
	.webinar-buttons a {
    	width: 210px;
    	margin: 10px;
    	font-size: 15px;
	}
}
@media screen and (max-width: 992px){
	button {
    	padding: 5px 10px;
    	font-size: 12px;
	}
	.row-code-block div {
    	width: 180px;
	}
	.online {
	    width: 70px;
	    height: 70px;
	    background: #a1ef97;
	    padding-top: 20px;
	    font-size: 12px;
	}
	.offline {
	    width: 70px;
	    height: 70px;
	    padding-top: 26px;
	    font-size: 12px;
	}
	.header {
	    left: 10px;
    	width: calc(100% - 20px);
	}
	.logo {
    	margin-left: 40px;
	}
	.body-popup{
    	margin: 50px auto 20px auto;
	}
	.message-block-right {
    	width: 200px;
	}
	.main-slide img {
    	width: 80%;
    	height: auto;
    	max-height: 300px;
    }
    .right-arrow-presentation {
    	font-size: 30px;
	}
	.left-arrow-presentation {
    	font-size: 30px;
	}
	.slider-panel .left-arrow-presentation{
	    font-size: 24px;
	    width: 5%;
	    max-width: 50px;
	}
	.slider-panel .right-arrow-presentation{
	    font-size: 24px;
	    width: 5%;
	    max-width: 50px;
	}
	.hide-slide-992{
		display: none;
	}
	.text-plan {
    	display: flex;
    	padding: 8px;
	}
	.coast-plan {
    	font-size: 36px;
    	padding: 10px 0;
    	margin-bottom: 15px;
	}
	.name-plan {
    	padding: 10px 0 10px 0;
    	font-size: 20px;
	}
	.profile-form{
		margin: 0px auto!important;
		padding: 0 5px!important;
	}
}
@media screen and (max-width: 768px){
	.setting{
		font-size: 14px;
	}
	.logo{
		font-size: 20px;
	}
	.buttons-room button{
		margin-bottom: 7px;
	}
	.code-block{
		display: block;
	}
	.code-block-right{
		margin: 15px auto 0 auto;
		width: 70px;
	}
	.row-code-block div{
		text-align: left;
		width: auto;
	}
	.row-code-block{
		font-size: 12px;
	}
	.buttons-room{
		padding-left: 0px;
	}
	.webinar-buttons a {
    	width: 200px;
    	margin: 5px;
    	font-size: 14px;
	}
	.header-popup {
    	font-size: 16px;
	}
	.tabs>label {
    	padding: 5px 5px;
    	font-size: 12px;
    	margin-right: 3px;
    	margin-top: 5px;
	}
	input, select, textarea {
		font-size: 14px;
	}
	.content-popup .normal-margin .row-form {
    	margin: 10px 0 0 0;
	}
	.form{
		padding: 10px 0;
	}
	.body-popup{
		padding: 5px;
	}
	.tabs>div{
		padding: 10px;
	}
	.mini-title-form{
		font-size: 16px;
	}
	.message-block-right {
	    margin: 15px auto;
	    width: 220px;
	}
	.video-delete {
   		text-align: center;
    	margin: 10px auto;
	}
	.departure {
	    margin-top: 0px;
	    padding: 10px 0 0 0;
	    font-weight: bold;
	    font-size: 12px;
	    margin-bottom: 20px;
	}
	.building-block > .form select{
		margin-bottom: 5px;
	}
	.btn-panel{
		position: relative;
		z-index: 1;
	}
	.used{
		font-size: 12px;
		float: none;
		position: absolute;
		top: -30px;
		right: 5px;
	}
	.popup-table th {
		font-size: 14px;
	}
	.popup-table td {
    	font-size: 12px;
	}
	.content-popup form .row-form-btn input {
    	padding: 7px;
    	margin-top: 5px;
	}
	.delete-popup .footer-popup button{
		padding: 7px 5px!important;
		font-size: 14px;
	}  
	.delete-popup .header-popup {
    	font-size: 18px;
	}
	.new-form-create{
		display: block;
	}
	.visual-display-form {
    	margin: 0px auto 15px auto;
    	padding: 8px 0;
    }
    .standard-form-lending{
    	margin: 0px auto;
    }
    .setting-form-popup{
    	width: 95%;
    	margin: 10px auto 0 auto;
    }
    .text-setting-form {
    	padding: 5px 0px;
	}
	.building-block > .form{
		margin: 0 0 10px 0;
		padding-top: 0px;
	}
	.visual-display-form {
	    width: 100%;
	}
	.webhook .row-form{
		font-size: 14px;
	}
	.hidden-webhook{
		font-size: 14px;
	}
	.building-block .tabs .row-form{
		font-size: 14px;
	}
	.normal-margin .row-form input {
    	width: 150px;
	}
	.video-block-right {
		margin: 15px auto 0 auto;
	}
	.hide-slide-768{
    	display: none;
  	}
  	.video-content-popup iframe{
  		width: 400px;
  		height: 225px;	
  	}
  	.button-standard:hover:before, .button-standard:focus:before, .button-standard:active:before {
    	opacity: 0;
	}
	.survey-row h3{
		margin-top: 0px;
	}
	.survey-row{
		margin-top: 0px!important;
	}
	.name-user-visit{
		font-size: 14px;
	}
	.date-visit, .text-chats {
    	font-size: 12px;
	}
	.all-visits {
    	margin-top: 10px;
    	height: 40vh;
	}
	.visit-popup div{
		font-size: 14px;
	}
	.table{
		overflow: auto;
	}
	.blacklist-table th{
    	font-size: 14px;
	}
	.blacklist-table td{
    	font-size: 12px;
	}
	.persent-bot input {
    	width: 100px!important;
    	margin: 0px;
	}
	.text-persent {
    	font-size: 10px;
	}
	.info-block {
    	font-size: 12px;
	}
	.partner-link {
    	padding: 10px 1px;
    	font-size: 12px;
	}
	.partner-link button {
	    margin-left: 5px;
	}
	.theme {
    	padding: 5px;
    	border-radius: 5px;
    	font-size: 18px;
    	margin-bottom: 10px;
	}
	.user-plan{
		display: block;
		margin: 25px 0;
	}
	.user-plan .blue-plan{
		margin:  0 auto 20px auto;
	}
	.info-plan h2 {
    	margin-top: 10px;
    	text-align: center;
    	font-size: 18px;
	}
	.info-plan-row{
		font-size: 14px;
		width: 300px;
		margin:  0 auto;
	}
	.buy-plan {
    	font-size: 18px;
    	width: 100px;
    	margin: 5px;
	}
	.buy-plan button {
    	font-size: 14px;
    	background: #3ccd5b;
    	padding: 2px 8px;
	}
	.body-chat {
    	padding: 5px;
    	height: 55vh;
	}
	.user-mess {
    	padding: 3px 8px;
    	font-size: 14px;
	}
	.admin-mess {
	    padding: 3px 8px;
    	font-size: 14px;
	}
	.mess-form textarea {
    	margin-right: 5px;
    	height: 60px;
	}
	.delete-account {
    	font-size: 22px;
	}
	.profile-form .button-standard {
    	width: 140px;
	}
	#settingСalendar .top-line{
		display: none!important;
	}
}
@media screen and (max-width: 500px){
	.setting{
		display: none;
	}
	button {
    	padding: 5px 10px;
    	font-size: 10px;
	}
	.row-code-block div{
		margin-right: 3px;
	}
	.header-popup {
    	font-size: 14px;
	}
	.content-popup form .row-form-btn input {
    	width: 150px;
	}
	.add-moderator {
    	margin: 5px 0 10px 0;
	}
	.row-form h3{
		font-size: 16px;
	}
	.delete-popup .content-popup {
    	font-size: 16px;
	}
	.filtr-message .row-form {
    	min-width: 130px;
    	border-right: none;
    	background: #e7e7e7;
    	margin: 5px auto!important;
    	border-radius: 5px;
    	padding: 5px;
	}
	.test-message-popup .content-popup {
    	font-size: 16px;
	}
	.building-block .tabs>label{
		max-width: 95px;
		overflow: hidden;
	}
	.building-block .media-small-btn>label {
    	max-width: 140px;
	}
	.row-code-block select {
    	padding: 0px 5px;
    	font-size: 10px;
	}
	.hide-slide-500{
		display: none;
	}
	.video-content-popup iframe{
  		width: 300px;
  		height: 165px;	
  	}
  	.info-plan-row{
		padding: 7px 0;
	}
	.buy-plan button {
    	font-size: 12px;
    }
    .buy-plan span {
    	font-size: 14px;
	}
}
@media screen and (max-width: 400px){
	.tabs>label {
    	padding: 5px 2px;
    	margin-right: 1px;
	}
	.tabs>label:last-child{
		margin-right: 0px;
	}
	.standard-form-lending {
    	width: 280px;
	}
}