/**/
@media screen and (max-width: 1155px) {
	.logo > div.search-top-block{
		display: none !important;
	}
	.mobile-search-block{
		display: block;
		width: 50%;
    	margin: 0 auto;
	}
	.wrap, .warp {
		width: 768px;
		max-width: 768px;
		margin: 0px auto;
		display: block;
	}
	.wrap2, .warp2 {
		width: 768px;
		max-width: 768px;
		margin: 0px auto;
	}
	.butArea .butFRM {
		left: 69px;
		width: 44px !important
	}
	.menu > ul,
	.menu > div > ul{
		position: fixed;
		top: 65px;/*91*/
		/*left: 2%;
		width: 96%;*/
		left: 0;
		right: 0;
		height: 100vh;
		z-index: 10;
		padding: 1% 2%;
		display:none;
		padding-bottom: 28px;
		background: #fff url(img/top.png) no-repeat bottom center;
		overflow-y: auto;
		border: 1px solid #002311;
	}
	.menu > ul > li,
	.menu > div > ul > li {
		width: 100%;
		display: block;
		/*border-top:1px solid transparent;
		border-bottom:1px solid transparent;*/
		background: #fff;
		padding:0;
	}
	/*
	.menu > ul > li:hover,
	.menu > ul > li.selected,
	.menu > ul > li.active,
	.menu > div > ul > li:hover,
	.menu > div > ul > li.selected,
	.menu > div > ul > li.active {
		border-top: 1px solid rgb(0, 216, 107);
		border-bottom: 1px solid rgb(0, 216, 107);
	}*/


	.menu > ul > li > a > br {
		display: none;
	}
	.menu > ul > li > a,
	.menu > div > ul > li > a {
		padding: 12px 7px 12px;
		/*margin-left: 20px;*/
		white-space: nowrap;
		text-align: center;
		color: rgb(36, 114, 152);
		/*width: 70%;*/
		font: bold 130% Bebas;
	}
	.menu > ul > li > a {font: bold 130% Bebas;}
	.menu > ul > li > ul > li >a {font: bold 120% Bebas;}
	.submenu {display: none;}

	.menu > ul > li > ul,
	.menu > div > ul > li > ul {
		/*display: none;*/
		margin: 0;
		padding: 7px 10px 11px;
		background-color: #fff;
		position: static;
		height: auto;
		opacity: 1;
		border: 0 none;
		b_order-top: 1px solid rgb(12, 79, 111);
		text-align: center;
		width: 100%;
	}
	/*.menu > ul > li:hover > ul{display: block;}*/
	/*.menu > ul > li.arrow2.active > ul {display: block;}*/

	.menu > ul > li > ul > li,
	.menu > div > ul > li > ul > li {
		display: block;
		margin: 10px 0;
		text-align: center;
	}
	.menu > ul > li:first-child > a,
	.menu > ul > li:last-child > a,
	.menu > div > ul > li:first-child > a,
	.menu > div > ul > li:last-child > a {
		padding: 12px 7px 12px;
	}
	.menu > ul > li.arrow2:hover,
	.menu > ul > li.arrow2.selected,
	.menu > ul > li.arrow2.active {
		background: url(img/lili.png) no-repeat right 18px;
		background-color: rgb(255, 255, 255);
		transition: all ease 0.3s;
		border: 1px solid transparent;
		padding: 0 0;
		/*background:  rgb(255, 255, 255) no-repeat right center;*/
	}
	.menu > ul > li {border-radius: 0; border: 1px solid transparent;	}
	.menu > ul > li.arrow2 {
		border: 1px solid transparent;
		background: url(img/lili.png) no-repeat right 18px;
	}
	#searchForm {
		width: 100%;
		height: 45px;
		margin-top: 10px;
		float: none;
		margin-bottom: 30px;
		opacity:1;
	}
	#searchForm input[type="text"] {
		width: 100%;
	}
	#searchForm input[type="submit"] {
		width: 45px;
		height: 100%;
		right: 0px;
		top: 1px;
		background: url(/images/find.png) no-repeat center center;
	}
	.formenu {
		height: 10px;
		background: transparent url(img/bgm.png) repeat-x center center;
		position: static;
		margin-top: 0;
	}
	header {
		height: 191px;
		margin-bottom: 20px;
	}
	.menu {
		width: 48px;
		height: 45px;
		margin: 5px;
		border: 1px dotted rgba(0, 216, 107, 0.5);
		padding: 0px;
		position: absolute;
		left: calc((100% - 768px)/2 - 5px);
		top: 52px;
		z-index: 100;
		background: #fff;
	}
	.menu::after {
		 content: "";
		 display: block;
		 width: 45px;
		 height: 45px;
		 font-size: 30px;
		 color: rgb(0, 128, 0);
		 cursor: pointer;
		 background: url(/images/mm.png) no-repeat center;
	 }
	#feedbackForm .col-sm-2{
		width: 40%;
	}
	.fText2, .fText2 a {
		color: rgb(255, 255, 255);
		font: normal 12px/21px Tahoma;
	}
	.owl1::after {
		width: 750px;
		height: 30px;
		margin-left: -375px;
	}
	.slideArea {
		 left: 0%;
	 }
	.owl1 .owl-nav{
		display:none;
	}
	.forItemDesc h3 {
		font: bold 35px/40px Bebas;
		padding: 0px;
		margin: 0 0 25px 0;
	}
	.forItemDesc {
		font: bold 29px/34px Bebas;
	}
	.taskKV{
		display:block;
	}
	.newsHomeItem {
		width: 23%;
	}
	.doPhoto {
		display: block;
		margin: auto;
	}
	div.col-sm-3:nth-child(3) > br:nth-child(1){
		display: none;
	}
    .headlines {
        top: 165px;
        left: 10px;
        width: 100%;
		margin-left: 0px;
		text-align: center;
        margin-top: 0;
    }

	.homeKVList>div {
		flex: 0 0 50%;
	}


}
@media screen and (max-width: 769px) {
	.wrap, .warp {
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
		display: block;
	}
	.wrap2, .warp2 {
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
		display: block;
	}
	.logo {
	    width: 100%;
	}
	.logo > div{
		justify-content: center !important;
	}
	.logo > div{

	}
	.logo > div.search-top-block{
		display: none !important;
	}
    .logo a img {
        height: 50px;
    }
    .headlines {
        top: 124px;
    }


	.headlines .address {
		background: url(img/address.png) no-repeat left center;
		display: inline-block;
		text-align: center;
		padding: 2px 20px 2px 27px;
		background-size: contain;
		font: 14px/20px Tahoma;
	}
	.headlines .phone{
		display: inline-block;
		text-align: left;
		padding: 2px 0 2px 27px;
		background-size: contain;
		font: 14px/20px Tahoma;
		margin-top: 7px;
	}
	.menu::after {
		content: "";
		display: block;
		width: 38px;
		height: 28px;
		font-size: 26px;
		color: rgb(0, 128, 0);
		cursor: pointer;
		background: url(/images/mm2.png) no-repeat center;
		background-size: contain;
		padding: 4px;
		margin: 4px 0 0 1px;
	}
	.menu {
		width: 43px !important;
		height: 37px;
		margin: 5px;
		border: 1px dotted rgba(0, 216, 107, 0.5);
		padding: 0px;
		position: absolute;
		left: 11px; /*126*/
		top: 10px;/*49*/
	}
	.formenu {
		margin-top: 0px;
	}
	header {
		height: 180px;/*139*/
	}
	.only-mobile {visibility: visible;		display: inline-block;
	    text-align: left;margin:  0 auto; padding: 10px 0 15px 0}
	.only-mobile a {
		border-color: #873937;
		background-color: #873937;
		background-image: url(img/FRM2.png);
		background-position: 5px 3px;
		background-repeat: no-repeat;
		margin: 10px 10px 10px 40px;
		padding: 8px 8px 8px 40px;
		width:242px !important;
		color:#fff !important;
		border-radius: 5px;
	}

	.teachers {}
	.teachers-left-col {width:99%; display: block; float:left}
	.teachers-left-col img {width: 97%;}
	.teachers-right-col {width:99%; display: block; float:left; padding: 12px 0 12px 24px; text-align: left;}
	.teachers-right-col p {padding: 2px}
	.teacher {width:99%; display: block; float:left}
	.teacher img {width: 99%;}

	/*.team {max-width: 160px}
*/
	table td {vertical-align: top;}
	.butArea .butSLV {
		left: 60px;top: 10px;
		height: 37px;
		width: 43px !important;
		margin: 5px;
		padding: 0;
		color: transparent;
		border: 1px dotted rgba(0, 216, 107, 0.5);
		border-radius: 0;
		background-position: 4px 4px;
	}
	.butArea .butFRM {
		left: 109px;top: 10px;
		/*width: 44px !important*/
		height: 37px;
		width: 43px !important;
		margin: 5px;
		padding: 0;
		color: transparent;
		font-size: 0;
		border-radius: 0;
		visibility: hidden;
	}


	footer {
		height: auto;
		background: rgb(13, 94, 130) repeat center center;
		padding: 27px 0;
	}
	div.col-sm-3:nth-child(3){
		display:none;
	}
	.contentArea{
		padding: 0 2%;
	}
	.footmenu a {
		font: bold 20px/20px Bebas;
		color: rgb(255, 255, 255);
		text-decoration: underline;
		padding: 0 18px;
		margin-bottom: 12px;
		display: inline-block;
	}
	#feedbackForm .col-sm-2 {
		width: 100%;
	}
	.elemITOGimg {
		max-width: 370px;
		max-height: 220px;
		width: auto;
		height: auto;
		padding: 4px;
		background: rgb(255, 255, 255);
		border-radius: 4px;
		box-shadow: 2px 2px 5px rgb(170, 170, 170);
		float: none;
		margin: 0px auto 20px;
		display: block;
	}
	#enterCallModal {
		 width: 100%;
	 }
	.newsHomeItem {
		width: 48%;
		margin-bottom: 7%;
	}
	.bgKV {
		padding: 30px 2%;
	}.bgBOT {
		 padding: 25px 2%;
	 }
	.bgBOT {
		padding: 25px 2%;
	}
	body{
		overflow-x: hidden;
	}
	.fText2, .fText2 a {
		text-align: center;
	}

	.homeKVList>div {
		flex: 0 0 100%;
	}
}
@media screen and (max-width: 500px) {
	.mobile-search-block{
		display: block;
		width: 90%;
    	margin: 0 auto;
	}
	.itemT1 .textAr {
		/* float: left; */
		width: 100%;
		margin-left: 0px;
		padding-left: 0px;
		vertical-align: middle;
		display: inline-block;
		margin-top: 15px;
	}
	.owl1{
		display:none !important;
	}
}
@media screen and (max-width: 450px) {
	header {
		height: 220px;/*191*/
	}
    .logo a img {
        height: 40px;
    }
	.headlines {
		top: 116px;
		left: 10px;
		width: 100%;
	}
}