.the_new, .adapt_menu {display:none}

@media (min-width: 1200px) {
    .block_menu {
        float: left;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
	body, html {
		min-width: 769px;
		margin:0
	}

    div.mod-languages {
        left: 50px;
    }	
	
		.header:after, .right-item:after, .left-item:after, .gallery:after, .main-contacts:after, .footer:after, .block_menu:after, .events:after {display: table;	clear: both;	content: '';}
	
	body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {position:relative;}
	
	
	.header {height:auto!important;position:relative;top:auto;left:auto;}
	
	.sclogin-modal-links.yes {}
	
	.logo {margin:0;padding:15px 0}
		.logo img {height:auto;max-width:100%}
		
		.onepage-wrapper .ops-section, .wrapper {height:auto !important}
		
		.title {font-size:20px}
		.text {width:95%;margin:0 auto}
		.pg {height:auto;padding-top:30px}
		
		.page1 ul {width:auto;padding-left:30px}
		
		.page1 .tels {width:95%}
		
		.more, .more2, .more6 {position:relative;left:auto;top:auto;margin:20px auto;bottom:auto;display:block;background-size:100% auto}
			.more6 {margin:20px auto 0}
		
		.page1 .tels div {    box-sizing: border-box;    margin: 0 1% 10px;    width: 30%;}
		
	#page3 {background-position:50% 20px;background:none}	
		.top-text {width:100%;box-sizing: border-box; height:auto;background:#41131e url("../images/bg3.jpg") no-repeat 50% 70px;background-size:auto 100%;padding:10px 20px}
		.courses {width:100%}
		
		.events {position:relative;width:100%;left:0;margin:0;bottom:auto}
		#page4 {background-position:50% 0;background-repeat:repeat;}
		
		.more4 {position:relative;line-height:22px;padding:20px 0}
		
		.right-item, .left-item {width:45%;margin:0 auto;float:none}
			.left-item {background-position:53px 0;}
			.left-item .text-item:before {margin-left:0;right:-7px}
			.right-item .text-item, .left-item .text-item {width:100%;margin:10px 0 0;box-sizing: border-box;position:relative;}
			.left-item .date-item {float:left}
			
		.gallery {width:100%}	
			.block1 {padding:15px;box-sizing: border-box;background:#d4295d}
			.block2{padding:15px;box-sizing: border-box;background:#00a3c2}
			
		.main-contacts {width:100%}	
			
			
	.footer {position:relative;height:auto}		
		.wrapper-footer-menu, .footer-bottom, .footer-menu {width:100%}
		.sidebar-block {width:30%;margin:0 1% 20px;vertical-align:top}
		.joomla-nav, .copyright {float:none}
		
		#modal-container {width:90%!important;left:5%!important;box-sizing: border-box;}
		input[type="text"], input[type="password"], input[type="email"] {max-width:90%}
		.testbox {width:100%!important}
		
		
	.container {padding:0}	
		
		
		.block_menu {display:none}
		
		.courses > div {display: inline-block; margin: 5px 1%;  width: 30%;}
		
		/***********/
		.header {padding-left:50px;}
			.adapt_menu {display:block;position:absolute;top:10px;left:10px;width:25px;height:25px;background:url(../images/navbar.png);cursor:pointer} 
			.block_menu .joomla-nav li a {line-height:24px;display:block;}
			.block_menu {position:absolute;top:100%;left:0;padding:10px;background:#fff;box-sizing: border-box;width:100%}
			
			
	.onepage-wrapper, body, html {transform:none!important;min-height: 100%;overflow:auto;}		
	
		
}

@media (max-width: 767px) {
    .block-top {
        float: none;
        width: 100%;
    }
    .sclogin-modal-links {
        text-align: center;
    }
    div.mod-languages {
        left: 15px;
    }
    div.mod-languages li {
        margin-right: 8px;
    }
}    

@media (min-width: 481px) and  (max-width: 767px) {
	body, html {
		min-width: 480px;
		margin:0
	}
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size:120%}
	
	.onepage-wrapper, body, html, .wrapper {transform:none!important;min-height: 100%!important;overflow:auto!important}	
	
		.right-item:after, .left-item:after, .gallery:after, .main-contacts:after, .footer:after, .block_menu:after, .testbox:after, #modal-container:after {display: table;	clear: both;	content: '';}
	
	body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {position:relative;}
	
	
	.header {height:auto!important;position:relative;top:auto;left:auto;}
	
	.sclogin-modal-links.yes {font-size:16px;text-align:center;}
	
	.logo {float:none;margin:0;padding:15px 0}
		.logo img {height:auto;max-width:100%}
		.header-right {float:none}
		.onepage-wrapper .ops-section, .wrapper {height:auto !important}
		
		.title {font-size:20px}
		.text {width:95%;margin:0 auto}
		.pg {height:auto;padding-top:30px}
		
		.page1 ul {width:auto;padding-left:30px}
		
		.page1 .tels {width:95%}
		
		.more, .more2, .more6 {position:relative;left:auto;top:auto;margin:20px auto;bottom:auto;display:block;background-size:100% auto}
			.more6 {margin:20px auto 0}
		
		.page1 .tels div {margin-bottom:10px}
		
	#page3 {background-position:50% 20px;background:none}	
		.top-text {width:100%;box-sizing: border-box; height:auto;background:#41131e url("../images/bg3.jpg") no-repeat 50% 70px;background-size:auto 100%;padding:10px 20px}
		.courses {width:100%}
		
		.events {position:relative;width:100%;left:0;margin:0;bottom:auto}
		#page4 {background-position:50% 0;background-repeat:repeat;}
		
		.more4 {position:relative;line-height:22px;padding:20px 0}
		
		.right-item, .left-item {width:95%;float:none;margin:0 auto}
			.left-item {background-position:53px 0;}
			.left-item .text-item:before {margin-left:-27px;background-position:0 0;}
			.right-item .text-item, .left-item .text-item {width:100%;margin:10px 0 0;box-sizing: border-box;}
			.left-item .date-item {float:left}
			
		.gallery {width:100%}	
			.block1 {padding:15px;box-sizing: border-box;background:#d4295d}
			.block2{padding:15px;box-sizing: border-box;background:#00a3c2}
			
		.main-contacts {width:100%}	
			.main-contacts > div {float:none}
			
	.footer {position:relative;height:auto}		
		.wrapper-footer-menu, .footer-bottom, .footer-menu {width:100%}
		.sidebar-block {width:30%;margin:0 1% 20px;vertical-align:top}
		.joomla-nav, .copyright {float:none}
		
	
	
		.testbox .gender {font-size:16px}	
	.testbox button.button {float:left}
	
	.page1 .more, .page2 .more2 {display:none}
		
	.container {padding:0}	
		.logo, .header-right {float:none}
		
		.block_menu .joomla-nav {display:none}
		
		.courses > div {display: inline-block; margin: 5px 2%;  width: 40%;}
		
		/***********/
		.header {padding-left:50px;}
			.adapt_menu {display:block;position:absolute;top:10px;left:10px;width:25px;height:25px;background:url(../images/navbar.png);cursor:pointer} 
			.block_menu .joomla-nav li a {line-height:24px;display:block;}
			.block_menu .joomla-nav li {float:none;margin:0;padding:10px;border-bottom:1px #ccc solid;}
			.soc {float:none;margin:10px 0;text-align:center}
			.soc a {float:none;display:inline-block;}
			
}
 

@media (max-width: 480px) {
	body, html {
		min-width: 310px;
		margin:0;
	}
	.item2{
		display: none;
	}
	.item3{
		display: none;
	}
	.item4{
		display: none;
	}
	.item5{
		display: none;
	}
	.item6{
		display: none;
	}
	.more6 {
        font: bold 13px/30px arial;
    }
    #modal-container {
        position: fixed !important;
    }
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size:120%}
	
	.right-item:after, .left-item:after, .gallery:after, .main-contacts:after, .footer:after, .block_menu:after, .testbox form:after {display: table;	clear: both;	content: '';}
	
	body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {position:relative;}
	
	
	.header {height:auto!important;position:relative;top:auto;left:auto;}
	
	.sclogin-modal-links.yes {font-size:14px;text-align:right;}
	
	.logo {float:none;margin:0;padding:15px 0}
		.logo img {height:auto;max-width:100%}
		.header-right {float:none}
		.onepage-wrapper .ops-section, .wrapper {height:auto !important}
		
		.title {font-size:20px}
		.text {width:95%;margin:0 auto}
		.pg {height:auto;padding-top:30px}
		
		.page1 ul {width:auto;padding-left:30px}
		
		.page1 .tels {width:95%}
		
		.more, .more2, .more6 {position:relative;left:auto;top:auto;margin:20px auto;width:95%;bottom:auto;display:block;background-size:100% auto}
			.more6 {margin:20px auto 0}
		
		.page1 .tels div {margin-bottom:10px}
		
	#page3 {background-position:50% 20px;background:none}	
		.top-text {width:100%;box-sizing: border-box; height:auto;background:#41131e url("../images/bg3.jpg") no-repeat 50% 70px;background-size:auto 100%;padding:10px 20px}
		.courses {width:100%}
		
		.events {position:relative;width:100%;left:0;margin:0;bottom:auto}
		#page4 {background-position:50% 0;background-repeat:repeat;}
		
		.more4 {position:relative;line-height:22px;}
		
		.right-item, .left-item {width:95%;float:none;margin:0 auto}
			.left-item {background-position:53px 0;}
			.left-item .text-item:before {margin-left:-27px;background-position:0 0;}
			.right-item .text-item, .left-item .text-item {width:100%;margin:10px 0 0;box-sizing: border-box;}
			.left-item .date-item {float:left}
			
		.gallery {width:100%}	
			.block1 {float:none;margin:10px auto;padding:15px;box-sizing: border-box;background:#d4295d}
			.block2{float:none;margin:10px auto;padding:15px;box-sizing: border-box;background:#00a3c2}
			
		.main-contacts {width:100%}	
			.main-contacts > div {float:none}
			
	.footer {position:relative;height:auto}		
		.wrapper-footer-menu, .footer-bottom, .footer-menu {width:100%}
		.sidebar-block {display:block;margin-bottom:20px}
		.joomla-nav, .copyright {float:none}
		
		#modal-container {width:90%!important;left:5%!important;box-sizing: border-box;}
		input[type="text"], input[type="password"], input[type="email"] {max-width:90%}
		.testbox {width:100%!important}
		
	.testbox .gender {font-size:16px}	
	.testbox button.button {float:left}
	
	.page1 .more, .page2 .more2 {display:none}
		
	.container {padding:0}	
		.logo, .header-right {float:none}
		
		.block_menu .joomla-nav {display:none}
		
		/***********/
		.header {padding-left:50px;padding-right: 10px;}
			.adapt_menu {display:block;position:absolute;top:10px;left:10px;width:25px;height:25px;background:url(../images/navbar.png);cursor:pointer} 
			.block_menu .joomla-nav li a {line-height:24px;display:block;font-size:18px}
			.block_menu .joomla-nav li {float:none;margin:0;padding:10px;border-bottom:1px #ccc solid;}
			.soc {float:none;margin:10px 0;text-align:center}
			.soc a {float:none;display:inline-block;}
}