/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.mnu>li{margin-right: 15px;}
	.search-form input[type='text']{width: 270px;}
	.nav>li{margin-right: 0;}
	.top-box .wrap .img{left: -140px;}
	.method-help-bx .wrap{padding: 40px;	}
	.sprav-bx .links-list li{width: 100%;}
	.mnu{left: 176px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.toggle_mnu{display: block;	}
	.nav-bx{
		z-index: 12;
		position: fixed;
		top:0px;
		height: 100%;
		overflow-y: auto;
		left:0;
		width: 250px;
		background: #fff;
		box-shadow: 2px 0 15px 0 rgba(0,0,0,0.3);
		padding: 15px;
		display: none;
	}
	.mnu{position: static;display: block;margin-bottom: 25px;}
	.close-nav{display: block;}
	.mnu>li{margin: 0 0 15px;}
	.nav>li>a{padding: 0;}
	.nav>li{margin: 0 0 15px}
	.nav {display: block;}
	.nav>li>a:hover, .nav>li:hover>a{box-shadow: none;}
	.nav-drop-bx{display: block;position: static;width: auto;padding: 10px;margin-top: 10px;}
	.nav-drop-bx .bx{margin-bottom: 20px;}
	.nav-drop-bx .h3{margin-bottom: 10px;}
	.nav-drop-bx .bx .links{margin-left: 10px;}
	.drop-mnu{display: block;width: auto;position: static;margin-top: 10px;}
	.drop-mnu a{padding: 10px;font-size: 14px;}
	.top-head-bx .wrap{padding: 10px 0;}
	.top-box .wrap .img{left: -255px;}
	.vid-course-bx .img img{width: 200px;}
	.method-help-bx .wrap{padding: 40px 15px;}
	.sprav-bx .img img{width: 200px;}
	.num-list .t2{font-size: 12px;}
	.num-list .t1{font-size: 25px;margin-bottom: -5px;}
	.num-list .ico img{width: 50px;}
	.copy-bx .copy, .count-bx .count{width: 190px;}
	.btn-up{display: none;}
	.doc-btns-bx .btn{width: 223px;}
	.two-columns{display: block;}
	.two-columns .aside{width: auto;margin: 0;min-width: initial;margin-top: 50px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.page-h1{font-size: 26px;}
	.container{max-width: 100%;}
	.logo img{width: 100px;}
	.logo{margin-right: 5px;}
	.lk-btn{margin-left: 10px;}
	.search-form input[type='text']{width: 100%;background-position: 5px 50%;padding-left: 30px;}
	.top-box .wrap{padding: 40px 0 0;background-size: 100px;}
	.top-box .h3{font-size: 25px;margin-bottom: 30px;}
	.top-box .h3 br{display: none;}
	.top-box .wrap .img{position: static;text-align: center;margin-top: 30px;margin-bottom: -1px;}
	.top-box .wrap .img img{max-width: 100%;}
	.vid-course-bx .img{display: none;}
	.vid-course-bx .text .h3 img{width: 50px;}
	.method-help-bx .h3, .vid-course-bx .text .h3, .sprav-bx .h3{font-size: 26px;}
	.links-list li{width: 100%;margin-bottom: 15px;}
	.method-help-bx .wrap{margin: 0 -15px;}
	.sprav-bx .h3 img{width: 50px;}
	.sprav-bx .wrap{display: block;}
	.sprav-bx .img{margin-left: 0;margin-top: 30px;text-align: center;}
	.sprav-bx {padding-bottom: 0;}
	.main{padding-bottom: 50px;}
	.sprav-bx .img img{width: auto;max-width: 100%;margin-bottom: -4px;}
	.sprav-bx{margin-bottom: -50px;}
	.num-list li{width: 50%;margin-bottom: 30px;}
	.num-list li:last-child{margin-left: 25%;}
	.num-list {flex-wrap: wrap;}
	.num-list .ico{margin-bottom: 5px;}
	.foot-top{padding: 30px 0 10px;}
	.copy-bx{display: block;text-align: center;}
	.copy-bx .links{display: block;}
	.copy-bx .links li{margin: 0 0 10px;}
	.copy-bx .links {margin-bottom: 30px;}
	.copy-bx .copy, .count-bx .count{width: auto;}
	.count-bx{display: block;text-align: center;}
	.count-bx .count{margin-bottom: 20px;}
	.count-bx .proj{width: auto;}
	.sprav-bx .text{width: auto;}
	.faq-list .panel-bx{font-size: 16px;}
	.popup{left: 0;top: 0;width: 100%;height: 100%;top: 0;margin: 0;overflow: auto;padding: 30px 15px;}
	.doc-item{padding: 15px 15px 40px;margin: 0 -15px 15px;}
	.doc-item .load{top:auto;bottom: 10px;}
	.doc-item .name{font-size: 16px;}
	.button_key .btn{width: 100%;margin: 5px 0;padding: 10px 15px;}
	.translater-bx .text-bx, .doc-inner-bx .text-bx{padding: 20px 15px;margin: 0 -15px 50px;}
	.translater-bx .text-bx .ico, .doc-inner-bx .text-bx .ico{margin-right: 15px;}
	.about-bx .text{font-size: 16px;}
	.text-frame{padding: 50px 15px 15px;}
	.doc-btns-bx .btn{width: 100%;margin: 0 0 10px;}
	.banner-state-bx .t1{font-size: 16px;}
	.doc-list li{margin-bottom: 20px;}
	.glosary-list li{margin-bottom: 20px;}
	.aside-grey-bx .scrollable-area{height: 270px;}
}