@media screen and (max-width: 1800px) {
 
	.container {
		width: 1264px;
	}
	.gallery .caption {
	    width: 440px;
	}
	.gallery .gallery {
	    gap: 12px;
	}

	.tickets .content .item {
		width: 300px;
	    padding: 24px 16px;
	    max-width: 49%;
	}
	.tickets .content .item h3 {
		font-size: 20px;
	}
	.tickets .content .button {
	    margin-top: 24px;
	}
	.about .description h2 {
		margin-bottom: 30px;
	}
	.about .description p {
		margin-bottom: 20px;
	}
	.faq {
	    padding: 80px 0;
	}
}
@media screen and (max-width: 1500px) {
	.main .slick-prev {
	    left: 50px;
	}
	.main .slick-next {
	    right: 50px;
	}
}

@media screen and (min-width: 1361px) {
	.gallery .show-mobile {
		display: none;
	}
	.gallery .gallery-block .item:last-child {
		display: none;
	}
	.header .container {
		width: 1744px;
	}

	.sertificate .container,
	.about .container,
	.main .container {
		width: 1124px;
	}
	.gallery .container {
		width: 1480px;
	}
	
	.faq .container,
	.footer .container,
	.gallery-main .container {
		width: 1264px;
	}

}

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

	.container {
		width: 960px;
	}
	.tickets .content {
		gap: 24px 0;
	}
	.tickets .container {
		width: 810px;
	}
	.tickets .content .item {
		width: 380px;
	}
	.gallery .caption {
        width: auto;
        margin-bottom: 30px;
    }
    .gallery h2 {
    	margin-bottom: 20px;
    }
    .gallery .button {
    	text-align: center;
    	width: 100%;
    }
    .gallery .show-pc {
    	display: none;
    }
    .gallery {
    	padding-top: 80px;
    }
    .header .logo img {
    	width: 152px;
    }
    .header .phone a {
	    width: 178px;
	}
	.header .navigation,
	.header ul {
	    gap: 20px;
	}
	.gallery .gallery-block {
		gap: 0;
	}
	.gallery .gallery-block .item {
		max-width: calc(25% - 10px);
	}

	.gallery-main .coll-1 {
		width: 368px;
	}
	.gallery-main .coll-2 {
		width: 182px;
	}
	.gallery-main .coll-3 {
		width: 182px;
	}
	.gallery-main .coll-4 {
		width: 182px;
	}
	.gallery-main {
	    padding: 80px 0;
	}
	.about {
	    padding: 80px 0;
	}
	.tickets {
		padding-bottom: 80px;
	}
	.footer .form {
	    width: 580px;
	}
	.footer .form .message {
	    margin-top: 0;
	    margin-bottom: 6px;
	}
	.about .description {
	    width: 520px;
	}
	.sertificate .description {
	    width: 500px;
	}
	.sertificate h3 {
	    font-size: 20px;
	}
	.main .content-block {
	    padding-top: 260px;
	}
	.main .content-block .control.after:after {
		right: -22px;
	}
}
@media screen and (max-width: 1200px) {
	.main .slick-arrow {
		display: none !important;
	}
	.main .slick-prev,
	.main .slick-next {
		display: none;
	}
	.order-widget {
		padding-left: 20px;
	}
	.main .container {
        width: 960px;
    }
}
@media screen and (min-width: 961px) {
	.toggler {
		display: none;
	}
}
@media screen and (max-width: 960px) {
	.header .header-controls {
		gap: 30px;
	}
	.header .nav {
		display: none;
	}
	.toggler button {
		border: none;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: block;
		background-color: rgba(64, 177, 241, 1);
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 30 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.833252' y='0.833332' width='29.1667' height='3.33333' rx='1.66667' fill='white'/%3E%3Crect x='0.833252' y='8.33333' width='29.1667' height='3.33333' rx='1.66667' fill='white'/%3E%3Crect x='0.833252' y='15.8333' width='29.1667' height='3.33333' rx='1.66667' fill='white'/%3E%3C/svg%3E%0A");
	}
	.toggler.opened button {
		background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7287 18.955L3.46172 0.688035C2.81084 0.0371599 1.75557 0.0371585 1.10469 0.688032C0.45382 1.3389 0.453821 2.39418 1.1047 3.04506L19.3716 21.312C20.0225 21.9629 21.0778 21.9629 21.7287 21.312C22.3795 20.6611 22.3795 19.6059 21.7287 18.955Z' fill='white'/%3E%3Cpath d='M1.10483 18.955L19.3718 0.688035C20.0227 0.0371602 21.0779 0.0371586 21.7288 0.688032C22.3797 1.33891 22.3797 2.39418 21.7288 3.04506L3.46185 21.312C2.81097 21.9629 1.7557 21.9629 1.10483 21.312C0.453952 20.6611 0.453953 19.6059 1.10483 18.955Z' fill='white'/%3E%3C/svg%3E%0A");
	}
	.gallery .gallery-block {
		max-width: 100%;
		overflow: auto;

	}
	.gallery .caption {
		padding-right: 12px;
	}
	.gallery .container {
		padding-right: 0;
	}
	.gallery .gallery-block_inner {
		width: 938px;
		padding-bottom: 10px;
		padding-right: 12px;
	}

	.sertificate .description {
		width: calc(100% - 430px);
	}
	.about .image {
		width: 280px;
	}
	.about .description {
		width: calc(100% - 320px);
	}
	.about .button {
	    margin-top: 20px;
	}
	.gallery-main .coll-1 {
		width: 39.6%;
	}
	.gallery-main .coll-2,
	.gallery-main .coll-3,
	.gallery-main .coll-4 {
		width: 19.6%;
	}

	.order-widget .button button {
		font-size: 16px;
		width: 180px;
    	height: 46px;
	}
	.main .container {
        width: 760px;
    }
    .main .order-widget {
    	padding: 10px;
    }
    .main input[type="text"] {
    	font-size: 16px;
    }
    .main .order-widget {
    	background: none;
    	box-shadow: none;
    }
    .main .content-block .control {
    	width: 100%;
    	display: flex;
    	margin-bottom: 12px;    	
    }
    .main .content-block .control .selected {
		padding-top: 0;
	}
    .main .content-block .control .selected:after {
		top: 7px;
	}
    .main .content-block .control:not(.button) {
		border-radius: 30px;
		padding: 20px;
		background: #D9EFFC;		
	}
    .main .content-block .control > label {
		width: 120px;
		position: relative;
		
	}
	.main .content-block .control .selected {
		width: calc(100% - 130px);
	}
    .main .content-block .control > label:after {
		content: "";
	    display: block;
	    position: absolute;
	    width: 1px;
	    height: 20px;
	    right: 20px;
	    top: 0px;
	    background: #a4a4a4;
	}
	.main .content-block .control.count i {
		display: none;
	}
	.main .content-block .control.after:after {
		display: none;
	}
	.main .content-block .date input[type="text"] {
		width: 100px;
	}

	.main .content-block .control.place .dropdown {
		top: 66px;
		left: 0;
	}
	.main .content-block .control.count .dropdown {
		top: 66px;
		left: 0;
	}
	.main .content-block .control.button {
		justify-content: center;
	}
}
@media screen and (max-width: 900px) {
	.footer .form {
        width: calc(100% - 300px);
    }
    .footer h3 {
	    font-size: 22px;
	    margin-bottom: 20px;
	}
	.footer .info p {
		margin-bottom: 16px;
	}
	.footer .info .button {
	    margin-bottom: 26px;
	}
	.footer .form .message textarea {
		height: 100px;
	}
	.footer .form .field input {
		height: 44px;
	}
	.footer .form .fields {
	    gap: 10px 0;
	}
	.footer .form .message {
		margin-bottom: 0;
	}
	.footer .form .button button {
		font-size: 16px;
		height: 46px;
	}
	.footer .form .field.w-50 {
	    width: 49%;
	}
}
@media screen and (max-width: 760px) {
	.sertificate .content {
		justify-content: center;
		gap: 20px;
		text-align: center;
	}
    .sertificate .description {
        width: 100%
    }
    .about .description h2 {
        margin-bottom: 20px;
        padding-right: 0;
        font-size: 20px;
    }
    .about .description {
    	font-size: 16px;
    }
    .footer .form .message input,
    .footer .form .message textarea {
    	font-size: 16px;
    }
    ::placeholder {
	  font-size: 16px;
	}

	::-ms-input-placeholder {
	  font-size: 16px;
	}

	.gallery-main .container {
		overflow: auto;
		padding-right: 0;
	}
	.gallery-main .content {
		width: 1700px;
		gap: 8px;
		padding-bottom: 12px;
		padding-right: 12px;
	}
	.gallery-main .coll-1 {
		width: 233px;
	}
	.gallery-main .coll-2, .gallery-main .coll-3, .gallery-main .coll-4 {
		width: auto;
		flex-direction: row;
		gap: 10px;
	}

}
@media screen and (max-width: 680px) {
	.about .description {
        width: 100%;
        margin-bottom: 30px;
    }
    .about .button {
    	text-align: center;
    }
    .about .content {
    	justify-content: center;
    }
    .footer {
    	padding-bottom: 60px;
    	background-size: cover;
    }
    .footer .info {
    	text-align: center;
    	width: 100%;
    }
    .footer .socials ul {
    	justify-content: center;
    }
    .footer .form {
        width: 100%;
        margin-top: 30px;
    }
    .footer h3 {
    	text-align: center;
    }

    .main .content-block {
    	padding-top: 240px;
    }
    .main .title_ h1 {
        font-size: 36px;
    }
}
@media screen and (max-width: 620px) {
	.tickets .content {
		justify-content: center;
	}
	.tickets .content .item {
		max-width: 100%;
	}
    .gallery {
        padding-top: 50px;
    }
    .tickets {
	    padding: 40px 0 60px 0;
	}
}

@media screen and (max-width: 480px) {
	.header .header-controls .phone {
		display: none;
	}
	.main .title_ h1 {
		font-size: 42px;
	}
	.main .title_ {
		font-size: 20px;
		margin-top: 20px;
	}
	.header .header-controls .phone {
		display: none;
	}
	.footer .form .att {
    	font-size: 16px;
    }
    .main .content-block {
    	padding-top: 200px;
    }
    .main .title_ h1 {
        font-size: 32px;
    }
    .main .content-block .control > label {
        width: 90px;
    }
    .main .content-block .control:not(.button) {
    	padding: 14px;
    }
    .main .content-block .control > label:after {
    	right: 14px;
    }
    .main .content-block .control.count .dropdown,
    .main .content-block .control.place .dropdown {
        top: 54px;
    }
    .main .order-widget {
    	padding: 0;
    }
    .mobile-navigation {
		font-size: 24px;
	}

	.faq ul li .answer,
	.faq ul li h4 {
		padding-left: 12px;
	}

	.main .content-block .control .selected {
		width: calc(100% - 84px);
	}
}
@media screen and (max-width: 420px) {
	.footer .form .field.w-50 {
        width: 100%;
    }
	.main .order-widget {
        font-size: 14px;
    }
    .main .content-block .control > label {
        width: 80px;
    }
    .main .content-block .control:not(.button) {
        border-radius: 30px;
    }
   	.main .content-block .date input[type="text"] {
        font-size: 14px;
        width: 84px;
    }
    .fancybox-content {
		padding: 30px 20px !important;
	}
	.faq ul li h4 {
    	font-size: 18px;
    	padding-bottom: 10px;
    	padding-right: 44px;
    }
    .faq ul li h4:before {
    	height: 16px;
	    right: 24px;
	    top: 16px;
    }
    .faq ul li h4:after {
    	background-size: 30px;
    	width: 30px;
    	height: 30px;
    }
    .faq {
    	padding-bottom: 60px;
    }
}	

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

}

