/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1800px) {
	.container{
		width: 1600px;
		margin: auto;
	}
	.button {
		flex-basis: 200px;
	}
	

}

@media only screen and (max-width : 1700px) {
	.container{
		width: 1600px;
		margin: auto;
	}
	.button {
		flex-basis: 190px;
	}
}

@media only screen and (max-width : 1600px) {
	.container{
		width: 1500px;
		margin: auto;
	}
	.button {
		flex-basis: 150px;
	}
	.left_menu{
		padding-right: 10px;
	}
	.mnu .big .button{
		width: 300px;
	} 
	.big.active .shild.active{
		width: 100%;
	}
	.shild.active{
		width: 100%;
	}
	.shild{
		min-width: 189px;
	}
	
}

@media only screen and (max-width : 1500px) {
	.container{
		width: 1400px;
		margin: auto;
	}
	.button {
		flex-basis: 150px;
	}
	.mnu li{
		margin-right: 10px;
	}
	.content{
		width: 1100px;
	}
	.mnu .button{
		width: 170px;
	}
	.shild{
		min-width: 160px;
	}
}


@media only screen and (max-width : 1400px) {
	.container{
		width: 1200px;
		margin: auto;
	}
	.button {
		flex-basis: 120px;
	}
	.content {
		width: 950px;
	}
	.mnu .button{
	    width: 150px;

	}
	.slick-arrow{
		height: 145px;
		padding-top: 54px;
	}
	.footer.footer a{
		text-align: start;
	}
	.shild{
		min-width: 150px;;
	}
	.shild li a{
		font-size: 10px;
		padding: 5px 8px;

	}
	.shild.active{
		padding: 12px 0px
	}
	.infoCompany{
		padding: 0px 20px 50px 20px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.container{
		width: 1000px;
		margin: auto;
	}
	.container.flex{

	}
	.button {
		flex-basis: 110px;
		font-size: 10px;

		min-height: 30px;
	}
	.button.big {
		flex-basis: 200px;
	}
	.content{
		width: 780px;
	}
	.mnu .button{
		width: 120px;
	}
	.slick-arrow{
		width: 38px;
		height: 115px;
		padding-top: 39px;

	}
	.slick-arrow::after{
		margin-left: 0px;

	}
	.shild {
		min-width: 120px;
	}
}

@media only screen and (max-width : 1024px) {
	.container{
		width: 768px;
		margin: auto;
	}
	.button {
		flex-basis: 80px;
		font-size: 10px;

		min-height: 30px;
	}
	.button.big {
		flex-basis: 140px;
	}
	.content{
		width: 540px;
	}
	.mnu .button{
		width: 85px;
	}
	.slick-next:after{
		transform: translate(2px, 6px) rotate(45deg);
	}
	.headerfon{
		background-size: cover;
	}
	.slick-prev:after{
		transform: translate(8px, 6px) rotate(225deg);
	}
	.kontakt{
		width: 300px;
	}
	.shild {
		min-width: 85px;
	}
	.shild li a {
		font-size: 8px;
		padding: 3px 4px;
		text-align: center;
	}
	.shild.active{
		justify-content: center;
		flex-direction: column;
	}

}



/* Small Devices, Tablets */
@media only screen and (max-width : 912px) {

	.container.flex{
		display: block;
	}
	.container{
		width: 600px;
	}
	.container.top{
		min-height: 228px;
	}
	.stih .txt{
		line-height: 20px;
		font-size: 20px;

	}
	.kontakt_header .list li{
		font-size: 13px;
		margin: 2px 0px;
	}
	nav.navigation.flex{
		display: block;
	}
	footer.footer h3{
		margin: 16px 0px 15px 0px;
	}
	.left_menu li {
		flex-basis: 48%;
	}
	.left_mnu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.left_menu{
		width: 100%;
		max-width: 100%;
	}
	.flex{
		justify-content: center;
	}
	.infoCompany {
		padding: 0px 30px 50px 30px;
	}
	section.main_menu{
		padding: 50px 0px 30px 0px;
	}
	.content{
		width: 100%;
	}
	.mnu li{
		width: 100%;
	}
	.mnu .button{
		width: 100%;
	}
	.program_list.flex{
		justify-content: flex-start;
	}
	.footer .mnu li{
		width: 100%;
	}
	.kontakt {
		width: 100%;
		padding-left: 4%;
	}
	.slick-arrow {
		width: 29px;
		padding-top: 36px;
		height: 116px;
	}
	.slick-prev:after{
		transform: translate(4px, 9px) rotate(224deg);
	}
	.slick-next:after {
		transform: translate(-4px, 10px) rotate(41deg);
	}
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 690px) {
	.container.flex{
		display: block;
	}
	.container{
		width: 600px;
	}
	.container.top{
		min-height: 228px;
	}
	.stih .txt{
		line-height: 20px;
		font-size: 20px;

	}
	.kontakt_header .list li{
		font-size: 13px;
		margin: 2px 0px;
	}
	nav.navigation.flex{
		display: block;
	}
	footer.footer h3{
		margin: 16px 0px 15px 0px;
	}
	.left_menu li {
		flex-basis: 48%;
	}
	.left_mnu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.left_menu{
		width: 100%;
		max-width: 100%;
	}
	.flex{
		justify-content: center;
	}
	.infoCompany {
		padding: 0px 30px 50px 30px;
	}
	section.main_menu{
		padding: 50px 0px 30px 0px;
	}
	.content{
		width: 100%;
	}
	.mnu li{
		width: 100%;
	}
	.mnu .button{
		width: 100%;
	}
	.program_list.flex{
		justify-content: flex-start;
	}
	.footer .mnu li{
		width: 100%;
	}
	.kontakt {
		width: 100%;
		padding-left: 4%;
	}
	.slick-arrow {
		width: 29px;
		padding-top: 36px;
		height: 116px;
	}
	tr {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.sou tr td{
		width: 100%;
	}
	.sou tr td.email{
		width: 100%;
	}
	
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 540px) {
	.adaptive_header{
		display: flex;
    	align-items: center;
    	justify-content: space-around;
		border-bottom: 2px solid #335c89;
	}
	.container.top{
		width: 100%;
	}
	.stih{
		width: 100%;
	}
	.container{
		width: 100%;
	}
	footer.footer .container.menu{
		padding-left: 10px;
		width: 100%;
	}
	.footer .mnu li {
		width: 300px;
	}
	.kontakt {
		width: 100%;
		padding-left: 6%;
	}
	.container.flex{
		padding: 10px;
	}
	.kontakt_header .list li{
		font-size: 10px;
	}
	.stih{
		left: 20px;
		font-size: 17px;
		width: 300px;
	}
	.left_mnu{
		padding-left: 15px;
		padding-right: 15px;

	}
	.slick-arrow {
		width: 28px;
		padding-top: 23px;
		height: 88px;
	}
	.stih .txt {
		line-height: 20px;
		font-size: 16px;
	}
	.mnu .big .button {
		width: 221px;
		display: none;
	}
	.flex{
		flex-wrap: wrap;
    	gap: 15px;
	}
	
	.mob_hiden{
		height: 0px;
    	overflow: hidden;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		background: #E1EBF7;
		transition: 0.3s;
		border-top: 2px solid #335c89;
		z-index: 2;
		
	}
	.mob_hiden.activ{
		height: 100vh;
		display: block;
		padding: 15px;
		padding: 75px 15px;
    	overflow: auto;
	}
	.shild.active {
		margin-top: 0px;
		background: #13488e;

	}
	.shild li a {
		font-size: 13px;
		margin: 22px 0px;
	}
	.headerfon {
		margin-top: 77px;
	}
	.title_menu{
		display: none;
	}
	.left_menu {
		position: absolute;
	}
	section.main_menu {
		padding: 0px;
	}
	.left_menu{
		min-height: 0;
	}
	
	.left_menu .button{
		height: 44px;
	}
	.mnu .button {
		margin: 19px 0px 10px 0px;
	}
}
@media only screen and (max-width : 414px) {
	.slick-arrow {
		width: 27px;
		padding-top: 12px;
		height: 63px;
	}
}

/*=== Mobile First Method  ===*/

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
	.lightgalery .lightphotoList img {
		height: 243px;
		width: auto;
	}
	.stih .txt {
		line-height: 14px;
		font-size: 20px;
		text-align: center;
	}
	.kontakt_header .list li {
		font-size: 8px;
	}
	.kontakt_header {
		
		padding: 22px 0px;
	}
	.footer .mnu li {
		width: 267px;
	}
	.flex{
		flex-wrap: wrap;
    	gap: 15px;
	}
	.container.top {
		min-height: 228px;
	}
	footer.footer p.logo_text {
		font-size: 12px;
	}
	footer.footer .container.menu {
		margin-top: 6px;
	}
	footer.footer .container.menu {
		margin-top: 6px;
	}
	.left_menu li{
		max-width: 100%;
	}
	.slick-arrow{
		padding-top: 0px;
	}
	.left_menu .button{
		padding: 5px 6px;
	}
	
	.slick-prev:after {
		transform: translate(5px, 23px) rotate(224deg);
		height: 11px;
	}
	.slick-next:after {
		transform: translate(-2px, 24px) rotate(45deg);
		height: 11px;
	}
	.mce-main tr td {
		display: block;
	}
	.kontakt_header {
		display: none;
	}
	.stih {
		left: 15px;
	}
	
}

/* Extra Small Devices, Phones */


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 1800px) {
	.container{
		width: 1600px;
		margin: auto;
	}
}