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

	.header-menu { padding-left: 10px; }
	.header-menu a { padding: 5px 10px; }

	.P30 { padding: 25px 20px; }

	.P30 .info-form .form-message
	{
		margin: 25px -20px 0;
		padding: 10px 20px;
	}

	.block-courses_details .address { padding-right: 40px; }
	.block-courses_details .address i { margin-right: -40px; }

	.block-courses_info .text { margin-right: 170px; }

	.col-md-9 .text-block .more-link
	{
		position: relative;
		bottom: auto;
		margin-top: 10px;
	}

	.col-md-6 .block-courses.block-with-date .date .number { font-size: 160px; }
	.col-md-6 .block-courses.block-with-date .date .number.second { height: 100px; }
	.col-md-6 .block-courses .text
	{
		line-height: 1.2;
		font-size: 20px;
	}

	.col-md-9 > .corner:before,
	.col-md-6 .block-with-date .col-xs-12 > .corner:before
	{
		top: 100%;
		right: 25px;
		border-width: 10px 10px 0 10px;
		border-color: #fff transparent transparent transparent;
	}

	.col-md-9 > .bg-4 .corner:before,
	.col-md-9 > .bg-4.corner:before,
	.col-md-9 > [class*=" bg-"] .bg-4.corner:before,
	.col-md-9 > [class^="bg-"] .bg-4.corner:before,

	.col-md-6 .block-with-date .col-xs-12 > .bg-4 .corner:before,
	.col-md-6 .block-with-date .col-xs-12 > .bg-4.corner:before,
	.col-md-6 .block-with-date .col-xs-12 > [class*=" bg-"] .bg-4.corner:before,
	.col-md-6 .block-with-date .col-xs-12 > [class^="bg-"] .bg-4.corner:before
	{
		border-right-color: transparent;
		border-top-color: #303030;
	}

	.col-md-6 .block-with-date .column-description {  min-height: 1px; }
	.col-md-6 .block-with-date .column-description a.more-link
	{
		position: relative;
		bottom: auto;
		margin-top: 5px;
	}
}

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

    #main div.link-container{
            position: relative;
    }

	.header-menu { padding-left: 15px; }
	.header-menu a { padding: 5px 15px; }

	.info-item { min-height: 1px; }
	.info-item .more-link
	{
		position: relative;
		bottom: auto;
		margin-top: 10px;
	}

	.text-block .more-link
	{
		/*position: relative;*/
		bottom: auto;
		margin-top: 10px;
	}

	.col-md-6 > .corner:before,
	.col-sm-9 > .corner:before
	{
		top: 100%;
		right: 25px;
		border-width: 10px 10px 0 10px;
		border-color: #fff transparent transparent transparent;
	}

	.col-md-6 > .bg-0 .corner:before,
	.col-md-6 > .bg-0.corner:before,
	.col-md-6 > [class*=" bg-"] .bg-0.corner:before,
	.col-md-6 > [class^="bg-"] .bg-0.corner:before
	{
		border-right-color: transparent;
		border-top-color: #fff;
	}

	.col-md-6 > .bg-7 .corner:before,
	.col-md-6 > .bg-7.corner:before,
	.col-md-6 > [class*=" bg-"] .bg-7.corner:before,
	.col-md-6 > [class^="bg-"] .bg-7.corner:before
	{
		border-right-color: transparent;
		border-top-color: #a55198;
	}
}

@media only screen and (min-width:767px) {
    #telegram img{
        margin-top: 20%;
    }
}
@media only screen and (max-width:767px) {

	/*#navigation ul,
	#submenu
	{
		display: none;
	}*/
    
	#menu-open { display: block; }

	.column-description { min-height: 1px;text-align: center; }
	.column-description a.more-link,
	.column-description a.stat-link
	{
		position: relative;
		bottom: auto;
	}

	.col-sm-3 > .corner:before,
	.col-sm-4 > .corner:before
	{
		top: 100%;
		right: 25px;
		border-width: 10px 10px 0 10px;
		border-color: #fff transparent transparent transparent;
	}

	.col-sm-3 > .bg-2 .corner:before,
	.col-sm-3 > .bg-2.corner:before,
	.col-sm-3 > [class*=" bg-"] .bg-2.corner:before,
	.col-sm-3 > [class^="bg-"] .bg-2.corner:before,

	.col-sm-4 > .bg-2 .corner:before,
	.col-sm-4 > .bg-2.corner:before,
	.col-sm-4 > [class*=" bg-"] .bg-2.corner:before,
	.col-sm-4 > [class^="bg-"] .bg-2.corner:before
	{
		border-right-color: transparent;
		border-top-color: #555;
	}

	.col-sm-3 > .bg-4 .corner:before,
	.col-sm-3 > .bg-4.corner:before,
	.col-sm-3 > [class*=" bg-"] .bg-4.corner:before,
	.col-sm-3 > [class^="bg-"] .bg-4.corner:before
	{
		border-right-color: transparent;
		border-top-color: #303030;
	}

	.video-block .video { height: 300px; }
}

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

	#mobile-navigation a { font-size: 30px; }
}

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

	.page-title h2 { width: 100%; }
	.page-title .share-link { float: none; }
}

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

	.block-courses_info .date
	{
		float: none;
		margin-bottom: 25px;
	}

	.block-courses_info .text { margin-right: 0; }

	.content-slider .description p { margin-bottom: 10px; }
	.content-slider .description .title { font-size: 30px; }
	.content-slider .description .custom-btn { margin-top: 5px; }
}

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

	.block-courses .text { padding-right: 15px; }
}

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

	/*#header-logo { width: 60px; }*/
}

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

	.block-with-date img { height: 350px; }
	.block-with-date .inner { text-align: center; }
	.block-courses .title { margin-bottom: 10px; }
	.block-with-date .date
	{
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.block-courses.block-with-date .date { margin-bottom: 20px; }

	.block-with-date .date .number { font-size: 140px !important; }
	.block-with-date .date .number.second { height: 87px !important; }

	.block-with-date .date + div
	{
		float: none;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 0;
		padding-top: 0;
	}
}

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

	#header-logo_2 { width: 60px; }

	#header-slogan
	{
		float: none;
		text-align: right;
	}

	.social-btn
	{
		text-align: right;
		padding-top: 15px;
	}

    #navigation {
    padding-top: 18px;
}

	#mobile-navigation a
	{
		font-size: 25px;
		padding: 5px 0;
	}

	#mobile-navigation a:after { height: 2px; }

	#mobile-navigation .dropdown ul { padding: 10px 0 5px; }

	#mobile-submenu a { padding: 5px 10px; }

	h1, .h1 { font-size: 28px; }

	form .remeber > span
	{
		float: none;
		display: block;
		margin-top: 15px;
	}

	.content-slider .description { padding-bottom: 10px; }
	.content-slider .description .title { font-size: 25px; }
}

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

	.team-img-container { width: 100%; }

	.block-with-date .date .number { font-size: 130px !important; }
	.block-with-date .date .number.second { height: 77px !important; }
}