@media (max-width:1820px){
	.views{
		font-size: .8em;
	}
	.section1 iframe{
		height: 100%;
	}
	.section1 iframe{
		height: 19em;
	}
	.pl_txt{
		height: 9em;
	}
}


@media screen and (min-width: 1600px){
	body{
		font-size: 20px;
	}
}
@media (max-width:1600px ) {
	.lich .hd {
		margin-top: 1em;
	}
	.lich{
		width: 48em;
		height: 350px;
	}
}
@media screen and (max-width: 1243px){
	.log_s{
		width: 88%;
	}
	.kazbek.pc .fa{
		font-size: 3em;
		/*width:1em;*/
	}

	.kazbek.pc a{
		/*margin-left: em;*/
		margin-right: 1em;
	}
}

@media screen and (max-width: 1225px){
	body{
		font-size: 14px;
	}
	.vk_img img{
		width: 80%;
	}
	.lich{
		height: 330px;
	}
	.play_course{
		height: 170px;
		width: 170px;
	}
	.play_first_border{
		top: 18px;
		left: 18px;
		right: 18px;
		bottom: 18px;
	}
}

@media screen and (max-width: 1155px){
	body{
		font-size: 13px;
	}
	.vk{
		margin-top: 0;
	}
	#canvas1{
		top: 10em;
	}
}

@media screen and (max-width: 1046px){
	body{
		font-size: 12px;
	}
	.modal_content{
		top: 0;
	}
}

@media screen and (max-width: 1000px){
	body{
		font-size: 11px;
	}
}

@media screen and (max-width: 991px){
	.after_on{
		display: flex;
		align-items: center;
	}
	.headers .after_on img{
		height: 1.5em;;
		margin-right: 0.4em;
	}
	.new_margin{
		margin: 0 auto;
	}
	.show_pass button {
		right: 1em;
		width: 2em;
	}
	.course_txt {
		width: 97%;
	}
	.kazbek img {
		width: 2.1em;
	}
	.kazbek.pc a:first-child img{
		width: 1.3em;
		margin-right: 0.5em;
	}
	.kazbek.pc .fa{
		font-size: 3em;
		/*width:1em;*/
	}

	.kazbek.pc a{
		/*margin-left: em;*/
		margin-right: 1em;
	}

	.menu_show{
		display: block;
	}
	body{
		font-size: 12px;

	}
	.s_two {
		font-size: 1em;
	}
	.lich, .redak, .redak_password{
		position: static;
		width: 100%;
		height: auto;
		box-shadow: none;
	}
	.header_btn.head_ma.flex {
		display: block;
	}
	.width_course {
		width: 100%;
		margin-bottom: 1.5em;
	}
	.close_icn{
		display: none;
	}
	.lich .hd, .redak .hd, .redak_password .hd  {
		display: block;
	}
	.lich .item1 img, .prof, .redak_password .item1, .redak .item1{
		display: none;
	}
	.lich .item1, .redak_password .item2, .redak .item2 {
		width: 100%;
	}
	.lich .item2 {
		width: 100%;
	}
	.mmod{
		font-size: 1.2em;
	}
	.white_block, .surname, .zabl, .modal_content .checkbox label {
		font-size: 1em;
	}
	.pl_txt {
		height: 11em;
	}
	.progress{
		width: 30%;
	}
	.uroks .numbers_txt{
		width: 48%;
	}
	.middle_container2{
		width: 100%;
		margin: 0;
		font-size: 0.9em;
		display: block;
		margin-left: auto;
		margin-right: auto;;
	}
	.btn_previous{
		top: 25%;
	}
	.btn_next{
		top: 25%;
	}
	.course_imgs{
		margin-bottom: 0.7em;
	}
	.course_imgs video {
		width: 100%;
	}
	.video_reviews   video {
		height: 25em;
		box-shadow: none;
	}
	#sel_cour{
		display: block;
	}
	.mar0{
		margin-left: 0;
	}
	.testr{
		margin: 5em 0;
	}
	.head_ma{
		margin-bottom: 2.5em;
	}
	.vopros label{
		font-size: 0.9em;
	}
	.checkmark{
		width: 20px;
		height: 20px;
	}
	iframe.active{
		z-index: 11;
	}
	.iframe_ply,.plr_rep{
		z-index: 16;
		top: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		left: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.course_instruktor .btn .flex_start {
		justify-content: center;
	}
	.pol_dos{
		padding: 0.6em 1em;
		font-size: 1em;
	}

	.share_btn {
		font-size: 1.1em;
		margin-right: 1em;
		/*padding: 0.45em 0.7em 0.67em;*/
	}
	.otzyv_txts{
		font-size: 1.05em;
	}
	.uroks .numbers_txt{
		margin-bottom: 3em;
	}
	.progress{
		left: 0;
	}
	.course_2,.course_22{
		height: auto;
	}
	.container5 .btn, .course_22 .btn{
		font-size: 1.2em;
	}
	.course_1_rev .btn{
		font-size: 1.1em;
	}
	.course_txt1{
		top: -1.7em;
		font-size: 1.15em;
	}
	.ekzamen{
		width: 65%;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid white;
		padding-bottom: 1em;
	}
	.daate{
		width: 35%;
		justify-content: center;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid white;
		padding-bottom: 1em;
	}
	.status{
		margin-left: auto;
		margin-right: auto;
		margin-top: 1em;
	}
	.exam{
		flex-wrap: wrap;
		padding-bottom: 6em;
		padding-top: 2em;
	}
	.container13{
		width: 95%;
	}
	.container3{
		width: 96%;
		margin: 0 auto;
	}
	.sec4 .playing{
		height: 24em;
	}
	.skachat button{
		font-size: 1.3em;
	}
	.arrow img{
		width: 100%;
	}
	.section1 iframe{
		height: 24em;
		width: 100% !important;
	}
	.main iframe, .main video, .iframe100 video {
		width: 100% !important;
		height: 30em !important;
	}
	.course_title {
		margin-bottom: 1em;
		font-size: 1.2em;
	}
	.zabl{
		width: 98%;
	}
	.middle_container{
		position: relative;
		top: 0;
		margin: 0;
	}
	.section1{
		margin-top: 2em;
	}
	.course_22{
		top: 0;
		margin-top: 1.5em;
		padding: 0;
	}
	.sec7{
		display: block;
	}
	.progress button{
		font-size: 1em!important;
	}
	.alert-success, .alert-danger {
		font-size: 1.4em;
	}
	.container9{
		margin-bottom: -2em;
	}
	.lesson_title {
		position: static;
		transform: none;
	}
	.views2{
		margin-top: 0.8em;
	}
	.reg_tion .r_modal{
		width: 100%;

	}
	.zakryt .z_modal{
		width: 100%;

	}
	.futer{
		flex-wrap: wrap;
		width: 100%;
	}
	.kazbek{
		width: 31%;
		text-align: center;
	}
	.section2 iframe{
		height: 12em;
	}
	.part .otzyv_txt{
		left: 0;
	}
	.part button{
		display: none;
	}
	#partners{
		width: 100%;
	}
	.part .vysoko{
		width: 100%;
		margin-bottom: 3em;
	}
	.part .ot_zyv1{
		width: 50%;
	}
	.part .otzyv{
		flex-direction: column;
	}

	.section2 .urok1 iframe{
		height: 20em;
	}
	.uroks12 .numbers_txt{
		height: 15em;
	}
	.sec5 .numbers_txt video{
		height: 12em;
	}
	.sec5 iframe{
		height: 12em;
	}
	.num_con{
		display: block;
	}
	.sec2 .course_instruktor{
		flex-direction:column-reverse;
		display: flex;
	}
	.sec2 .course_1_rev{
		width: 100%;
		margin-top: 1.5em;
	}
	.urok22{
		background: transparent;
		flex-wrap: wrap;
	}
	.container6{
		width: 71%;
		margin-left: auto;
		margin-right: auto;
	}
	.pol_doss{
		margin-right: auto;
		font-size: 1.3em;
		padding: 0.6em 2.5em;
	}
	.playing{
		width: 100%!important;
	}
	.playing_text1{
		width: 100%;
	}
	.slowly:after{
		display: none;
	}
	.playing_text1{
		border: 6px solid #d0d0d0;
		padding-top: 1.5em!important;
	}

	.inpts{
		width: 98%;
	}

	.show_okno{
		float: right;
		color:  #ccb479;
		font-family: museo300;
		margin-right: 15px;
		margin-top: 13px;
	}

	.logo-href .log{
		display: none;
	}

	.logo-href.active .log1{
		display: none;
	}
	.mb-5em {
		margin-bottom: 1em;
	}
	.logo-href.active .log{
		display: block;
	}
	.logo-href:hover{
		color:  #ccb479;
		text-decoration: none;
	}
	.progress{
		display: none;
		top: 100%;
		width: 36%;
	}
	.s_two1{
		width: 60%!important;
	}

	.show_okno .up {
		display: none;
	}
	.show_okno.active .down_strelka{
		display: none;
	}
	.show_okno.active .up{
		display: block;
	}


	.show_okno:hover{
		color:  #ccb479;
		text-decoration: none;
	}
	.s_three img{
		width: 65%;
		transition: 1s;
		position: relative;
		top: -0.2em;
	}
	.profiles .flex_btm {
		display: block;
	}
	.profiles .w48 {
		width: 100%!important;
		margin-bottom: 0.5em;
	}
	.show_okno.active img{
		transform: rotateZ(180deg);
	}

	.mid_container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.okno {
		position: relative;
		display: none;
		color: #fff;
	}
	.fam{
		font-family: museo300;
		margin-top: 1em;
	}
	.pod{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.profiles{
		border-bottom: transparent;
		background: white;
		padding-left: 0.7em;
		padding-right: 0.7em;
	}
	.container12 .header{
		font-size: 1.1em;
	}
	.exam button{
		padding: .6em 1em;
		font-size: 1em;
	}
	.exam{
		font-size: 1.1em;
	}
	.width_course {
		position: static;
	}
	.instructors-zal{
		font-size: 1.15em;
	}
	.instructors-text{
		font-size: 1.6em;
	}
	.instructors-zal {
		margin: 0;
	}
	.first{
		width: 10%;
	}
	.vipolneno{
		display: flex;
		left: 0;
		justify-content: center;
	}
	.vipol{
		padding-right: 0.3em;
	}
	.ne_vipol {
		padding-left: 0.3em;
	}
	.elements{
		border-bottom: 1px solid #6f6f6f;
		padding-bottom: 0.3em;
	}
	.container9{
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	.container8{
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	.container7{
		width: 97%;
		margin-left: auto;
		margin-right: auto;
	}

	.slowly1:after{
		height: 85%;
		top: 46%;
	}
	.brd_course{
		margin-top: -3.5em;
		width: 100%;
	}
	.poisk_input{
		width: 95%;
	}
	.poisk_btn{
		width: 5%;
	}
	.block2{
		width: 100%;
	}
	.sdf{
		justify-content: center;
	}
	.but{
		float: none;
		width: 30%;
		margin-left: auto;
		margin-right: auto;
		top: 1.5em;
	}
	.but1{
		padding: 1em 1.5em;
		font-size: 1.4em;
	}
	.container16{
		margin-left: 0;
		width: 96%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.container12{
		margin-left: 0;
		width: 96%;
		display: block;margin-left: auto;
		margin-right: auto;
	}
	.otzyv{
		flex-wrap: wrap;
	}
	.ot_zyv{
		width: 100%;
		width: 95%;
	}
	.ot_zyv1{
		width: 100%;
	}
	.container4{
		width: 71%;
	}
	.course_2,.cour_ul_btn{
		width: 96%;
		margin: 0 auto;
	}
	.no_mobile{
		display: none;
	}
	.anim_btn{

	}
	.course_11, .course_11_2, .course_22{
		left: 0;
		width: 100%;
	}
	.insider{
		display: none;
	}
	.numbers_txt{
		width: 48%;
	}
	.l_ine{
		display: none;
	}
	.ct{
		margin-bottom: 2em;
	}
	.log_s{
		display: none;
	}
	.r_modal{
		padding:0.5em 0;
		width: 80%;
	}
	.z_modal{
		padding:0.5em 0;
		width: 80%;
	}
	.modal_content input{
		width: 98%;
	}
	.surname{
		padding-left: 2%;
	}

	.otstup-btm{
		margin-bottom: 2em;
	}
	.uroks{
		margin: 2em 0;
	}
	.course_instruktor2 {
		margin: 2em auto;
	}
	.modal_open {
		padding-right: 0;
	}
	.course_instruktor2 .align {
		padding: 2em 1em;
	}
	.urok1{
		border:8px solid #d0d0d0;
	}
	.telephone{
		display: none;
	}
	input{
		border-color:#acacac;
	}
	.container14{
		width: 95%;
	}
	.container, .container3{
		width: 71%;
	}
	.playing{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 95%;

	}
	.v_a, .r_a{
		font-size: 1.15em;
	}
	.prosmotr{
		border: 8px solid #d0d0d0;
		border-bottom: none;
		margin-bottom: 0;
		padding: 2em 0 2em 0;
	}
	.vvhod{
		width: 92%;
		position: relative;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.rrr{
		width: 92%;
		position: relative;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.vk{
		display: none;
	}
	.otstup1{
		margin-top: 0.3em;
	}
	.green1{
		height: 1.7em;
	}
	.green2{
		height: 1.7em;
	}
	.course{
		padding: 0.3em 1em;
	}

	.course_instruktor,  .course_instruktor2 {
		display: block;
		width: 100% !important;
	}
	.elements {
		font-size: 1.5em;
	}
	.course_1{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.align{
		padding: 2em;
	}
	.course_2{
		width: 96%;
		margin-top: 4.5em;
		left: 0;
		margin-left: 2%;
		padding: 0;
		margin-right: 2%;
	}
	.views{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.05em;
	}
	.circle_anim{
		background: transparent;
		border:1px solid white;
		transition: none;
	}
	.play_course:hover .circle_anim{
		box-shadow: none;

	}
	.dostup{
		margin-bottom: 1em;
		font-size: 1em;
		margin-top: 1em;
	}
	.course_2_ul{
		padding-top: 0;
		font-size: 1em;
	}
	.section2:before{
		display: none;
	}
	.urok1{
		background-color: transparent;
		display: block;
		border-top: none;
		padding-top: 0;
		margin-top: 0;
	}
	.playing_text{
		margin-top: 0;
	}
	.container5{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.playing_text{
		width: 89%;
		padding: 0;
		margin-top: 1.1em;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2em;
	}
	.playing{
		width: 90%;
	}
	.section21 .container {
		width: 75%;
	}
	.uroks .pl_txt{
		height: 12em;
		padding: 0;
	}
	.section2 .numbers_txt{
		width: 48%;
	}
	.urrok_text{
		display: none;
	}
	footer hr{
		display: none;
	}
	.cor-des{
		display: none;
	}
	.cor-mob{
		display: block;
	}
	.cor-mob-share{
		display: contents;
	}
	.vw-mn{
		display: none;
	}
	.vw-m{
		display: flex;
		margin-top: 1.5em;
	}
	.middle_container{
		top: 0;
	}
	.sec2 .course_1{
		right: 0;
	}
	.head_m{
		display: flex;
	}
	.white_bl{
		width: 25%;
		padding: 2em 0em;
		font-size: 3.6vw;
		height: 6em;
	}
	.sdf{
		font-size: 3.6vw;
	}
	.but{
		font-size: 1.7vw;
	}
	.qqq{
		justify-content: space-around;
	}
	.cntainer{
		position: relative;
		top: -4em;
		/* left: 50%; */
		width: 20%;
		margin-left: auto;
		margin-right: auto;
	}
	.sss{
		width: 20%;
		font-size: 1em;
		font-weight: 700;
		text-align: center;

	}
	.sss img{
		width: 80%;
		align-items: center;
		position: relative;
		top: 0.1em;
	}
	.nav-bar{
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.nav-bar .zakryt{
		width: 100%;
	}
	.download{
		padding-top: 8%;
		padding-bottom: 8%;	}
	.urroks012{
		margin-bottom: 2em;
	}
	.middle_container{
		width: 100%;
		margin-top: 1.5em;
	}
	.course-ser{
		justify-content: space-around;
	}
	.skachat:after{
		left: -10%;
		width: 115%;
		top: -10%;
	}
	.skachat button{
		width: 60%;
		margin: 0 20%;
	}
	.down{
		font-size: 1.5vw;
	}
	.skachat{
		font-size: 2vw;
		width: 79%;
	}
	.skachat object {
		height: 40em;
		width: 100%;
	}
	.uroks{
		margin-bottom: 0;
	}
	.urroks2{
		margin-bottom: 2em;
	}
	.pl2{
		top: 50%;
	}
	.urroks1{
		margin-bottom: 2em;
	}
	.sec5 .urroks1 video, .sec5 .urroks1 iframe {
		height: 100% !important;
	}
	.sec5 .urroks1 {
		height: 20em;
	}
	.container13{
		margin-left: auto;
		margin-right: auto;
	}
	.get_access {
		width: 100%;
	}
	.video_item {
		width: 47%;
	}
	.mob_show {
		display: block;
	}
	.course_image {
		width: 48%!important;
	}
	.course_image img {
		height: 16em;
	}
	.carousel-one2 {
		margin-bottom: 1em;
	}
	.mob_hide{display:none;}
	.uroki_shtuk, .uroki_txt, .futer {
		font-size: 1em;
	}

	#cabinet{
		margin-left: 6em;
		width: 0;
		z-index: 6;
	}

	#cabinet.in {
		width: 70%;
	}

	.mob_cabinet_back {
		display: flex;
	}

	footer .logo {
		width: 0;
	}

	.mobile-share-container{
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mobile-access-btn {
		margin-top: 1em;
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 950px){
	.ot_zyv{
		width: 92%;
		margin: 0 4%;
	}
	.btn_previous{
		left: 5%;
	}
	.btn_next{
		right: 5%;
	}
}


@media screen and (max-width: 850px){
	.s_two1{
		width: 65%!important;
	}

}

@media screen and (max-width: 800px){
	.progress{
		width: 35%;
	}
	.otzyv_txts{
		font-size: 1em;
	}
	.v_a, .r_a{
		font-size: 1.3em;
	}
	#otzyvy_carousel .ot_zyv img{
		width: 130px;
		height: 130px;
	}
	.container15{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.container13{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.container8{
		width: 95%;
	}
	.container9{
		width: 95%;
	}
	.course_txt{
		margin-left: 3%!important;
	}
	.course_txt1{
		margin-left: 3%!important;
	}
	.playing_text1{
		padding: 0.5em;
	}
	.container5{
		width: 100%;
	}
	.container6{
		width: 95%;
	}
	.course_txt{
		margin-left: 7%;
	}
	.course_txt1{
		margin-left: 7%;
	}
	.container, .container3{
		width: 96%;
	}
	.section21 .container {
		width: 95%;
	}
	.container4{
		width: 96%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 700px){
	.instructors-zal{
		margin-top: 0;
	}
	.poisk_btn{
		width: 7%;
	}
}

@media screen and (max-width: 650px){
	.uroks .numbers_txt {
		width: 100%;
	}
	.test_number {
		font-size: 1.1em;
	}
	.numbers_txt2 {
		font-size: 1.2em;
	}
	.prohodnoi, .test_result_info, .numbers a{
		font-size: 1em;
	}
	.urok_bg {
		position: relative;
		font-size: 1.7em;
		padding: 0.25em 0;
	}
	.courses_active.active {
		display: block;
		font-size: 1.5em;
	}
	.sec5 .numbers_txt.done .urok_bg:after {
		content: '';
		position: absolute;
		top: 100%;
		left: -1.4em;
		width: 0;
		height: 0;
		border-top: 1em solid #15673e;
		border-left: 0.8em solid transparent;
	}
	.kazbek{
		width: 33%;
	}

	.kazbek.pc{
		width: 60%;
	}

	#otzyvy_carousel .ot_zyv img{
		width: 115px;
		height: 115px;
	}
	.middle_container1{
		width: 100%;
	}
	.mint{
		width: 25%;
	}
	.otvet{
		width: 100%;
	}
	.testh{
		margin-bottom: 2em;
	}
	.progress{
		width: 40%;
	}
	.tab-content .container {
		width: 95% !important;
		padding: 0 !important;
	}
	.section21 .numbers_txt {
		width: 48%;
	}
	.pl_txt {
		height: 12em;
	}
}


@media screen and (max-width: 600px){
	.ot_zyv1 img{
		width: 15em;
	}
	.views2 .uroki,.views2 .kupili{
		margin: 0 0.3em;
	}
	.views{
		width: 95%;
	}
	.poisk_btn{
		width: 9%!important;
	}
	.uroki_txt1{
		font-size: 0.65em;
	}
	.pl2{
		width: 20%;
	}
	.instructors1{
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
	.header_btn1{
		flex-wrap: wrap;
	}
	.views2{
		width: 95%;
		border: 0.6em solid #d0d0d0;
		border-top: none;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		padding-top: 1em;
		margin-top: 0;
		padding-bottom: 1em;
	}
}

@media screen and (max-width: 580px){
	.checkmark{
		width: 17px;
		height: 17px;
	}
	.progress{
		width: 45%;
	}
	.skachat button{
		width: 65%;
		margin: 0px 16.5%;
		font-size: 1.95em;
	}
	.main iframe, .main video, .iframe100 video {
		width: 100% !important;
		height: 22em !important;
	}
}


@media screen and (max-width: 500px){
	.progress{
		width: 65%;
	}
	.s_three img {
		width: 50%!important;
		height: auto!important;
		top: -0.3em;
	}
	#otzyvy_carousel{
		width: 78%;
	}
	.arrow{
		width: 9%;
	}
	.header_btn{
		font-size: 2.8vw;
	}
	.kazbek.f_ins {
		width: 12%;
		margin-right: 10%;
	}
	.block2{
		font-size: 1.2em;
	}
	.btn_previous{
		left: 1%;
	}
	.btn_next{
		right: 1%;
	}
	.btn_previous img{
		width: 50%;
	}
	.btn_next img{
		width: 50%;
	}
	.play_course{
		height: 150px;
		width: 150px;
	}
	.pl{
		width: 12%;
	}
	.play_course{
		height: 100px;
		width: 100px;
	}
	.play_first_border{
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	.pl1{
		width: 20%;
	}
	.modal_content, #terms_of_use .modal_content{
		width: 90%;
		top: 0;
		margin-top: 6em;
	}
	.modal_in{
		height: 100%;
	}
}

@media screen and (max-width: 475px){
	.sec5 iframe{
		height: 7em;
	}
	.views {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 450px){
	.uroks .numbers_txt{
		margin-bottom: 3em;
	}
	.section2 video{
		height: 12em;
	}
	.section2 iframe{
		height: 12em;
	}
	.z_modal{
		padding: 0.5em 0;
		width: 80%;
	}
	.r_modal{
		padding: 0.5em 0em;
		width: 80%;
	}
	.otzyv_txts{
		font-size: 0.9em;
	}
	#otzyvy_carousel .ot_zyv img {
		width: 100px;
		height: 100px;}
	.poisk_btn {
		width: 3.5em!important;
	}
	.uroki_shtuk1{
		font-size: 0.65em;
	}

}

@media screen and (max-width: 436px){
	.exam_name{
		font-size: 1.1em;
	}
}

@media screen and (max-width: 425px){
	body {
		font-size: 11px;
	}
	.otstup{
		padding-left: 0;
		padding-right: 1em;
	}
	#whod{
		padding-right: 0.5em;
	}
	.green2{
		height: 1.55em;
	}

	.green1{
		height: 1.55em;
	}
	.brd_course{
		font-size: 3vw;
	}
	.exam{
		font-size: 3.2vw;
		padding-bottom: 7em;
	}
	.start{
		font-size: 3.2vw;
	}

}

@media screen and (max-width: 400px){
	#otzyvy_carousel .ot_zyv img{
		width: 85px;
		height: 85px;
	}
	.views{
		width: 99%;
	}
	.headers img {
		width: auto;
		height: 2em;
	}
	.elements img {
		height: 1.25em;
	}
}

@media screen and (max-width: 395px){
	.container7{
		font-size: 1.1em;
	}

}

@media screen and (max-width: 390px){
	body {
		font-size: 10px;
	}
	.first{
		width: 15%;
	}
	.green1{
		height: 1.5em;
	}
	.green2{
		height: 1.5em;
	}
	.otstup{
		padding-right: 0.5em;
	}
}

@media screen and (max-width: 375px){
	#canvas1{
		top: 12em;
	}
	.bar{
		padding-top: 0;
	}
	.profiles{
		padding-bottom: 0.5em;
	}
}
@media screen and (max-width: 360px){
	.btn_header {
		font-size: 0.8em;
	}

}

@media screen and (max-width: 345px){
	body {
		font-size: 8px;
	}
	.elements {
		font-size: 1.2em;
	}
	.btn_header {
		font-size: 0.9em;
	}

}
@media screen and (max-width: 300px){
	.btn_previous{
		left: 0%;
	}
	.btn_next{
		right: 0%;
	}
	.kazbek{
		font-size: 0.4em;
	}
}

@media screen and (max-width: 299px) {
	.views {
		font-size: 0.85em;
	}
}

@media screen and (min-width: 992px){
	.pc{
		display: none;
	}
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
	.kazbek.pc .fa{
		font-size: 3em;
		/*width:1em;*/
	}

	.kazbek.pc a{
		/*margin-left: em;*/
		margin-right: 1em;
	}
}