.tablet-header {
	display: none;
}
@media screen and (max-width: 1367px) {
	.poster-wrap > div {
		top: 45%;
	}
	.course-view-wrap {
		top: 25% !important;
	}
}
@media screen and (max-width: 1199px) {
	.poster-wrap > div > h1 {
		font-size: 40px;
	}
	body > header ul a {
		font-size: 17px;
	}
	.container {
		max-width: 1000px;
	}
	.logo {
		max-width: 130px;
	}
	.section h1 {
		font-size: 50px;
	}
	.section h2 {
		font-size: 35px;
	}
	.section h3 {
		font-size: 22px;
	}
	.course p:nth-child(1) {
		font-size: 25px;
	}
	.course p:nth-child(2),
	.course p:nth-child(3) {
		font-size: 22px;
	}
	.btn {
		margin-top: 25px;
		padding: 13px;
	}
	.section-content > div {
		font-size: 20px;
	}
	.section-content > img {
		max-width: 475px;
		width: 100%;
	}
	.section-content > span > a {
		max-width: 400px;
	}
	.section form {
		padding: 5px 10px;
	}
	.section form > p {
		font-size: 25px;
	}
	.section form input {
		padding: 15px;
	}
	.address-wrap > div:first-child {
		font-size: 23px;
	}
	.courses {
		gap: 60px;
	}
	.posters-page .section-content > img {
		width: unset;
	}
	.logo {
		width: 56px !important;
		margin-top: -4px;
	}
}

@media screen and (max-width: 975px) {
	.poster-wrap > div > h1 {
		font-size: 30px;
	}
    body > header {
        top: 0;
        background: rgb(10 11 16);
    }
	#page {
		margin-top: 55px;
	}
	.tablet-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 10px;
		height: 56px;
	}
	.tablet-header > img {
		width: 35px;
	}
    main > .section:nth-of-type(1) {
        padding-top: 50px;
    }
	.section h1 {
		font-size: 40px;
	}
	.section h2 {
		font-size: 30px;
	}
	body > header nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		-webkit-box-align: unset;
		-ms-flex-align: unset;
		align-items: unset;
		-webkit-box-pack: unset;
		-ms-flex-pack: unset;
		justify-content: unset;
		height: unset;
		background: #131519;
		z-index: -1;
		display: none;
	}
	body > header.mob-menu nav {
		display: -ms-grid;
		display: grid;
		place-items: center;
		overflow: auto;
		margin-top: 56px;
		background: rgb(10 11 16);
	}
	body > header nav > ul {
		display: block;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0;
		max-height: none;
	}
	body > header nav > ul li {
        padding: 0;
        width: 100%;
        margin-top: 0px !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
	}
	body > header ul li > a {
		display: block;
		width: 100%;
		padding: 20px;
		text-align: left;
		padding-left: 40px;
	}
	body > header ul li:hover a {
		color: #fff;
	}
	body > header ul li a::after {
		background: transparent !important;
	}
	body > header nav > ul ul {
	    position: relative;
	    visibility: visible;
	    opacity: 1;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	    top: unset;
	    margin-left: 44px;
	    /* display: none; */
	}
	body > header nav > ul ul::before,
	body > header nav > ul ul::after,
	body > header nav > ul ul li::after {
		display: none;
	}
	body > header nav > ul ul li {
		display: block;
		background: unset;
		padding: unset;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 18px;
		max-width: 80%;
		margin: auto;
	}
	 body > header nav > ul ul li > a {
    padding: 0;
    font-size: 15px;
}
	body > header nav > ul ul li::before {
		position: absolute;
		margin-top: 9px;
		left: 0px;
	}
	.logo-wrap {
		display: none;
	}
	.courses {
		-webkit-box-pack: unset;
		    -ms-flex-pack: unset;
		        justify-content: unset;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.courses > .course {
		max-width: 500px;
		margin-right: 0;
	}
	.courses > .course:not(:last-child) {
		margin-bottom: 50px;
	}
	.section-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 500px;
		margin: auto;
	}
    .section-content > img {
        margin: 0 !important;
        margin-bottom: 15px !important;
    }
    .section-content {
        margin-top: 15px;
    }
	.section form > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.section form > div > div:first-child {
		margin-right: 0;
	}
	.address-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		flex-direction: column-reverse;
	}
	.call-btn {
		width: 85px;
		bottom: 14px;
		display: block;
	}
	.call-btn2 > img {
		animation: none;
	}
	.page-header > a {
		font-size: 20px;
	}
	.page-content {
		font-size: 24px;
	}
	.course-view {
		text-align: center;
	}
	.course-view > a {
		margin: 20px auto;
	}
	.course-view-wrap {
		top: 20% !important;
	}
	.items > * {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.items > * > div > b {
		font-size: 26px;
	}
	.items > * > div > p {
		font-size: 17px;
	}
	.price-block {
		display: block;
		width: 100%;
	}
	.hr-main-service {
		width: 100%;
	}
	.bread-crumbs {
		margin-top: -35px;
		margin-bottom: 50px;
	}
	.course-h2 {
		
	}
}

@media screen and (max-width: 650px) {
	.page-header > a {
		font-size: 14px;
	}
	.page-content {
		font-size: 22px;
	}
	.poster-wrap > div {
		top: 40%;
	}
	.poster-wrap > div > h1 {
		font-size: 25px;
	}
    main > .section:nth-of-type(1) {
        padding-top: 30px;
		padding-bottom: 35px;
    }
	main > .section:not(:nth-of-type(1)) {
		padding: 35px 0;
	}
    .section h1 {
        font-size: 30px;
        padding-bottom: 25px;
    }
	.section h2 {
		font-size: 25px;
	}
	main > .section:not(:nth-of-type(1)) h2 {
		font-size: 25px;
	}
	.courses {
		margin-top: 35px;
	}
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.section-content > span {
		width: 100%;
	}
	.btn {
		max-width: 100%;
		font-size: 20px;
	}
	.section .container > a {
		margin-top: 25px;
	}
	.page-header {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.page-header > h2 {
		font-size: 20px !important;
	}
	.section form {
		margin-bottom: 30px;
	}
	.course-view-wrap {
		top: 15% !important;
	}
	.items {
		gap: 40px;
		margin-bottom: 20px;
	}
    .items > * {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
	.items > * > img {
		width: 100%;
	}
	.items > *:nth-child(even) > img {
	    -webkit-box-ordinal-group: unset;
	        -ms-flex-order: unset;
	            order: unset;
	}
	.items > * > div {
		text-align: center !important;
	}
	.service-page h1 {
		font-size: 22px !important;
	}
	.posters-page .section-content > img {
		width: 100%;
	}
	.course-photos > img {
		max-width: 100%;
	}
	.image-collage > a {
		height: 125px;
	}
	#image-box-wrap > div:first-child {
		font-size: 29px;
		padding: 8px;
	}
	#image-box-wrap > div:nth-child(3) {
		padding: 5px;
	}
	#image-box-wrap > div:nth-child(3) > svg {
		fill: #fff;
	}
	#image-box-wrap > span svg {
	    fill: #fff;
	    padding: 0;
	    width: 30px;
	}
	#image-box-wrap img {
		max-width: 100%;
		max-height: 100%;
	}
	#image-box-wrap {
		background: rgb(10 11 16);
	}
	.course-img {
		display: none;
	}
	.hr-main {
		margin-top: -10px;
	}
	.poster-wrap {height: 240px;}
	.poster-wrap > img {
		height: 100%;
		object-fit: cover;
	}
	.bread-crumbs {
		font-size: 12px;
		margin-top: -20px;
		margin-bottom: 40px;
	}
	.bread-crumbs > *,
	.bread-crumbs > a::after {
		color: #494949 !important;
	}
	.dark-section .content > h2 {
		font-size: 25px;
	}
	.dark-section .content > h3 {
		font-size: 23px;
	}
	body > header nav > ul li {
	    -webkit-box-align: revert;
	    -ms-flex-align: revert;
	    align-items: revert;
	    margin: revert !important;
	}
	body > header nav > ul ul li {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
    body > header nav > ul ul li::before {
		content: url(../img/arrow-right.svg);
		position: unset;
		margin-top: unset;
		left: unset;
		line-height: normal;
		transform: none;
		margin: 0;
	}
	body > header nav > ul ul li > a {
	    margin-left: 10px;
	}
	h1.course-h1-2 {
		padding-bottom: 0px;
	}
	iframe {
		max-width: 100% !important;
		margin: 15px;
		margin-left: 0;
	}
	img {
		border-left: 0;
		border-right: 0;
	}
}

@media screen and (max-width: 550px) {
	.page-header > a {
		font-size: 12px;
	}
	.page-content {
		font-size: 18px;
	}
	.poster-wrap > div {
		top: 35%;
	}
	.poster-wrap > div > h1 {
		font-size: 17px;
	}
    main > .section:nth-of-type(1) {
        padding-top: 35px;
    }
	.section h1 {
		font-size: 25px;
	}
	.section h2 {
		font-size: 25px;
	}
	.address-wrap {
		margin: 35px -15px -36px -15px;
	}
	.course-view-wrap {
		top: 0% !important;
	}
	.course-view > h1 {
		font-size: 25px;
	}
	.course-view > p {
		font-size: 24px;
	}
	.course-view > a {
		display: inline-block;
		padding: 13px 25px;
		margin: 7px auto;
	}
	.posters {
		gap: 20px;
		margin-bottom: 40px;
	}
	.posters > a {
		max-width: calc(50% - 10px);
		flex: calc(50% - 10px);
	}
	.posters > a > span {
        font-size: 20px;
        padding: 10px;
    }
	.theater-page h4 {
		margin-bottom: 30px;
	}
	.bread-crumbs {
		font-size: 10px;
		margin-top: -25px;
		max-width: 100%;
	}
}

@media screen and (max-width: 430px) {
    .poster-wrap > div > h1 {
        padding: 15px;
    }
}

@media screen and (max-width: 375px) {
    .poster-wrap > div > h1 {
       font-size: 15px;
    }
}