/* 1280px - 1366px (ноутбуки с небольшими экранами) */
@media (max-width: 1366px) {

	.child_main_img {right: -108px;}
		.children-header {overflow-x: hidden; height: max-content;  padding-bottom: 40px; }
		.front-logo {margin-left: 20px; z-index: 22; margin-top: 23px;}
				.children-header .container::after {display: none;}
								.main-navigation {margin-top: 60px;}

				.children-header		.main-navigation {padding-left: 20px;}
								.front_header_bottom_row {flex-direction: column;}
	.logobox {position: absolute;  left: 20px;}
	.round_buttons_wrap  {margin-top: 210px;}



main {position: relative;}



.container {width: 100%; max-width: 100%;
padding-left: 15px;  padding-right: 15px;}


.main_article_wrapper  {gap: 20px;}

.rules::before  {top: -68px;}
.requirements {padding: 60px 0;}
.works_of_competition::after {top: -68px;}

.work_row {flex-wrap: wrap;}



.work_category_list .work_item img {
	width: 154px;
	height: 154px;
}

.work_category_list .work_item::after {
	width: 154px;
		height: 154px;
		top: 0;
		left: 0;
}
.work_category_list {align-items: center;}


.work_category_list .play-button_front img {
	width: 76px;
		height: 52px;
}

.play-button_front {
	top: 56px;
		left: 36px;
}

.category_name {
	width: 265px;
	height: 265px;
}
.work_category_list .work_item {margin-left: -35px;}

.back-to-top {right: 10px;}

.inhead_wrap  {
	padding-left: 20px;
	padding-right: 20px;
}
.inhead_wrap .custom-logo {
width: 320px;

}
header.inner-header {height: 118px;}
.menu.inhead-menu li.nav-item a {width: 58px;  height: 58px; font-size: 0px;
	background-position: center;}

.menu.inhead-menu li.current-menu-item a  {
font-size: 16px;
width: auto;
min-width: 255px;
background-position: 20px center;
padding-left: 20px;
padding-right: 20px;
}
.works-grid {
	justify-content: space-around;
	grid-template-columns: repeat(4, 240px);
}

.container h1 {margin-top: 30px;}

.work-image {width: 240px;
height: 240px;}



.white-konkurs-popup {max-width: 96%;  width: 96%;}

.white-popup {
	max-width: 96%;
		width: 96%;
}



}












/* 1024px (планшеты в ландшафте / небольшие ноутбуки) */
@media (max-width: 1024px) {
.main-navigation {
	position: relative;
	z-index: 35;
}


.child_main_img {
	max-width: 625px;
}

.children-header {background-size: 140%;}

.child_main_img {top: 0; right: -150px;}


.front-logo {margin-left: 0;}

.children-header .main-navigation {padding-left: 0;}

.logobox {left: 0;}

.round_button {width: 248px; height: 248px;}

.round_button h3 {font-size: 18px;}


.rules_overley {
	width: 316px;
		height: 765px;
		background-size: 100%;
	right: 0px;
	position: absolute;
	top: -123px;

}

.rules::before {top: -43px;}


.art_img img  {width: 312px; height: 312px;}

.main_article_wrapper::after {width: 388px; height: 388px;}


.main_section {min-height: 440px; padding-top: 60px;}

.children-header {padding-bottom: 20px;}


.rules_steps {flex-wrap: wrap; justify-content: start;}


.rules_step { flex: 30%; max-width: 234px;}

.rules_date {
	margin-top: 35px;
	flex-direction: column;
	left: auto;
		right: 20px;
		width: 260px;
		z-index: 234;
		bottom: -83px;
}
.rules_date p {max-width: 230px; margin-top: -54px; margin-left: 40px;font-size: 22px;}

.works_of_competition::after {
	top: -51px;
}

.work_row .work_category_list .work_item:nth-child(5) {display: none !important;}

.work_category_list {padding-left: 40px;}

.category_name {
	width: 222px;
	height: 222px;
}


.works_of_competition {
	background-size: 125%;
}

.works_of_competition {min-height: auto;}

.footer_logo img {max-width: 300px;}



.works-grid {
	justify-content: space-around;
	grid-template-columns: repeat(3, 240px);
}


.work-image {
	width: 240px;
	height: 240px;
}
.menu.inhead-menu li a {margin-right: 10px;}

.menu.inhead-menu li.current-menu-item a {font-size: 15px;}

.take_part  {transform: scale(.77);  left: 0;}
.take_part:hover  {transform: scale(.8);}

}














@media (max-width: 888px) {

	.white-konkurs-popup {
		padding: 10px;
		height: auto;
		max-height: max-content;
		z-index: 1000;
	}

.popup-header {
margin-bottom: 20px;
}

.form-agreement  {margin-top: -65px;}

.form-row {flex-wrap: wrap;}

.form-group {
flex: 45%;
}

.form-group  input {width: 320px; max-width: 320px;}

.popup-container {max-height: max-content; padding-bottom: 20px;}


.dnd-upload-status  {transform: scale(.8); right: -40px;}


#submission-success-popup {
	padding: 15px;
	max-height: 322px;
	width: 95%;
}





.white-popup {
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}

.work-media img  {width: 100%; max-width: 100%;}


.video_popup {}

.video_popup .white-popup {
	width: 96%;
	max-width: 100%;
}

.video_popup .wp-video video {height: auto;}


}































/* 768px (планшеты в портрете) */
@media (max-width: 768px) {
	/* Стили */

	.front-logo img {width: 100%;}

		.children-header  {height: 750px;  background-color: transparent;}

.children-header .container {
display: flex;
flex-direction: column;
}


.main-navigation {order: 4; display: none;}
.round_buttons_wrap {display: none;}


.logobox img {
	width: 100%;
	margin-top: -20px;
}
.front_header_bottom_row {
	padding-top: 15px;
}

.child_main_img {
	max-width: 519px;
		right: -66px;
		top: 138px;
}

.take_part {display: none;}
.mobile_only_take {display: block;}

.take_mobl {
	margin-top: 106px;
	display: flex;
	width: 320px;
	height: 47px;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	border-radius: 100px;
	padding-left: 15px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	gap: 6px;
	transition: all .3s ease-in;
	background: linear-gradient(to bottom, rgba(219, 87, 87, 1), rgba(191, 10, 20, 1));
}

.mobile_only_take .take_mobl:hover {
transform: translateY(-3px);
}
	
	
	
	.fixed-header-btn {
		margin-top: 0px !important;
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: none;
    align-items: center;
    text-decoration: none;
    animation: fadeIn 0.3s ease-out;
    /* Скрываем клон по умолчанию */
    display: none;
}

.fixed-header-btn.visible {
    display: flex;
}

@keyframes fadeIn {
    from { opacity: 0; top: 10px; }
    to { opacity: 1; top: 20px; }
}
	

	
	
	

.mobile_only_take .menu.inhead-menu {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 270px;
}
.mobile_only_take .menu.inhead-menu li.nav-item a {
	width: 320px;
	height: 68px;
	font-size: 16px;
	background-position: 15px center;
	margin-right: 0;
}



.mobile_only_take .menu.inhead-menu li.nav-item a {
	background-color: #DB5757;
}
.mobile_only_take .menu.inhead-menu li.nav-item:nth-child(2) a {
	background-color: #5394DF;
}
.mobile_only_take .menu.inhead-menu li.nav-item:nth-child(3) a {
	background-color: #E368B6;
}


.main_article_wrapper {flex-direction: column;}

.main_section {padding-top: 0;}

.main_article_wrapper::after {width: 320px;  height: 320px;  left: auto;}

.decoration {top: -10px;}

.main_section h3 {margin-top: 20px; font-size: 18px;}
.main_section h3  br {display: none;}

.rules_overley {display: none;}
.rules::before {
	top: -22px;
}
.rules {margin-top: 30px; padding: 30px 0; height: auto;}
.rules h2 {margin-bottom: 30px; font-size: 20px;}

.rules_step img {height: 80px;}

.rules_step {
	flex: 100%;
	width: 100%;
	max-width: 100%;
}

.rules_step_content {margin-top: -20px;}

.rules_date {position: relative;}
.rules_date {
	margin-top: -36px;
	flex-direction: column;
	left: 0;
	right: auto;
	width: 100%;
	z-index: 234;
	bottom: 0;
	text-align: left;
	justify-content: start;
	align-items: start;
}


.requirements_step img {height: 80px;}

.requirements_step_content {margin-top: -20px;}

.requirements h2 {
	margin-bottom: 30px;
	font-size: 20px;
}
.requirements_step img {margin-bottom: -30px;}

.requirements {padding: 30px 0;}

.works_of_competition::after {top: -25px;}


.works_of_competition h2 {
	font-size: 20px;
	margin-bottom: 10px;
}

.works_of_competition  {margin-top: 40px;}

.work_row .work_category_list .work_item:nth-child(4) {
	display: none !important;
}

.category_name {
	width: 320px;
	height: 68px;
	border-radius: 100px;
	margin: 10px auto;
	background-position: 8% 52%;
	background-size: 40px;

}
.category_name h3 {font-size: 16px; line-height: 68px;}

.category_name p, .category_name::after  {display: none;}
.link_to_category {display: none;}
.work_category_list .work_item img {
	width: 124px;
	height: 124px;
}
.work_category_list .work_item::after {
	width: 124px;
	height: 124px;
}
	.work_category_list {padding-left: 27px; width: 100%; justify-content: center;}

		.work_category_list .work_item {margin-left: -27px;}

				.play-button_front {
					top: 41px;
						left: 22px;
				}

.work_category_list .play-button_front img {
	  	width: 76px;
	  	height: 52px;
	  }

.footer_wrap  {
	flex-direction: column;
	justify-content: start;
	align-items: start;
	height: auto;
}

.footer_wrap .main-navigation {display: flex; margin-top: 20px; margin-bottom: 20px;}
.footer_logo img {width: 100%;  max-width: 100%;}



header.inner-header {height: auto; padding-bottom: 15px;
	background-position: left top;
		background-size: 503px 177px;
	}

.inhead_wrap {flex-direction: column; justify-content: center;  }
.container h1 {font-size: 20px; margin-top: 15px;}

.archive_desc {font-size: 16px;}

.inhead_wrap .custom-logo {width: 100%; height: auto;   margin-bottom: 10px; display: block;}
.menu.inhead-menu li.nav-item a {
	height: 48px;
	width: 48px;
	background-size: 40px;
}
.menu.inhead-menu li.current-menu-item a {width: 220px;
	 min-width: 10px;
	 padding-left: 10px;
	 padding-right: 10px;
	background-position: 10px center;
	}

	.archive_tmpl	.take_mobl {margin-top: 15px;}

		.menu.inhead-menu li:nth-child(2) a {text-indent: 19px;}
		.menu.inhead-menu li:nth-child(3) a {text-indent: 19px;}

.works-grid {
	justify-content: space-around;
	grid-template-columns: repeat(2, 160px);
}

.work-image {
	width: 160px;
	height: 160px;
}


/*по форме заявки */
.form-group {
	flex: 100%;
}

.form-group input {
	width: 320px;
	max-width: 320px;
}

.popup-container {
	max-height: max-content;
	padding-bottom: 20px;
	max-width: 100%;
	width: 360px;
}
.form-row {margin-bottom: 15px;}
.form-footer p:first-child {height: auto;}
.form-agreement  {height: auto; order: -1;}
.popup-title {font-size: 22px;}

.dnd-upload-status {
	transform: scale(.7);
	right: -0px;}
.form-footer {flex-direction: column;}

.form-agreement {margin-top: -15px; padding-left: 0; margin-bottom: 20px;}


/*ghjcvjnh jryj  */


.work-media {width: 100%;}
.work-meta {padding-left: 10px;}

.work-meta h2  {font-size: 24px; margin-top: 15px;  margin-bottom: 10px;}

.photo_popup .white-popup {padding-bottom: 15px;}

.dnd-upload-image {display: none;}
.dnd-upload-status .dnd-upload-details .name {display: none;}

.dnd-upload-status {
	transform: scale(.58);
	right: -48px;
	width: 100%;
	margin-top: -15px;
}
#submission-success-popup {}
#submission-success-popup h2 {font-size: 30px;}
#submission-success-popup p {font-size: 26px;}
}

/* 640px (большие смартфоны в ландшафте) */
@media (max-width: 640px) {
	/* Стили */
	
	.requirements_step {min-height: 80px;}
	.menu.inhead-menu li.current-menu-item a {min-width: 240px; background-position: 21px center;}
	.menu.inhead-menu li:nth-child(2).current-menu-item a {background-position: 10px center; text-indent: 36px;}
	.menu.inhead-menu li:nth-child(3).current-menu-item a {background-position: 10px center; text-indent: 37px;}
}

/* 480px (смартфоны в портрете) */
@media (max-width: 480px) {
	/* Стили */
}

/* 390px (маленькие смартфоны, например iPhone 12 Mini) */
@media (max-width: 390px) {
	/* Стили */
}