/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #111;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #111;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;background: #111;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    width: 100%;
}

.selected .gh a {
    /* background-color: transparent !important; */
	background: #111;
}


@media only screen and (max-width:1380px) {
	.wrap{
		width: 1140px;
	}
	
}
@media only screen and (max-width:1220px) {
	.wrap{
		width: 960px;
	}
	.hnews .newslist{
		width: 240px;
	}
	.hnews .lt{
		width: calc(100% - 280px);
	}
	.heducation .hotlist .text h3,
	.hotlist .text h3{
		font-size: 22px;
	}
	.universities .bds li{
		width: 100%;
	}
}
@media only screen and (max-width:992px) {
	.wrap{
		width: 720px;
	}
	.hnews .wrap{
		display: block;
	}
	.hnews .lt{
		width: auto;
	}
	.hotlist li{
		display: block;
	}
	.heducation .hotlist li .pic,
	.hotlist .pic{
		width: auto;
	height: 50vw;
	}
	.hotlist .text{
		margin: 15px 0 0;
	}
	.htit{
		font-size: 22px;
	}
	.hnews .newslist{
		width: auto;
	}
	.pad40{
		padding: 30px 0;
	}
	.heducation .hotlist li{
		padding: 20px 0;
	}
	.universities .bds li h4{
		padding: 0 10px;
	}
	
	
	
	.about .hds .flax{
		display: block;
	}
	.pad70{
		padding: 0;
	}
	.about .hds .rs{
		text-align: left;
		padding-top: 10px;
	}
	.about dd{
		display: block;
		padding: 20px 0;
	}
	.about dd h3{
		margin-right: 0;
	}
	.about .hds .ls{
		width: auto;
	}
	
	.news .hotlist .pic{
		width: auto;
		height: auto;
	}
	.newsdel .flax{
		display: block;
	}
	.newsdel .lts{
		width: auto;
		margin-right: 0;
	}
	.newsdel .rts{
		width: auto;
		margin-top: 30px;
	}
	.newsdel .rts .htit{
		font-size: 20px;
	}
	.newsdel .rts dd{
		padding: 10px 0;
	}
	.organiza .flax{
		display: block;
	}
	.organiza h2{
		width: auto;
		font-size: 20px;
	}
	.organiza .rts{
		width: auto;
		margin-top: 20px;
		border: none;
	}
	.organiza li{
		width: 50%;
		border: none !important;
		height: 88px;
	}
	.statute .txt h3{
		font-size: 20px;
		line-height: 1.4;
		padding: 10px 0;
	}
	.statute .txt p{
		padding: 0 15px !important;
	}
	.statute .txt h4{
		font-size: 18px;
	}
	.universi li{
		width: calc((100% - 22px)/3);
		margin: 0 10px 10px 0;
		height: 60px;
	}
	.universi li:nth-child(3n){
		margin-right: 0;
	}
}
@media only screen and (max-width:768px) {
	.programs .bds li a{
		display: block;
	}
	.download .bds li a{
		flex-wrap: wrap;
	}
	.programs .bds li .img{
		width: auto;height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50vw;
	}
	.programs .bds li .txt{
		margin-right: 0;
		margin-top: 15px;
	}
	.programs .bds li{
		padding: 15px 0;
	}
	.programs .bds li h3{
		font-size: 20px;
	}
	.download .bds li h3{
		width: 100%;
	}
	.utpad{
		padding: 30px 0 0;
	}
	.contact .fms dl{
		display: block;
	}
	.pages dd{
		margin: 0 2px;
	}
	.download .bds li p{
		width: 50%;
	}
	.pages dd a{
		font-size: 16px;
	}
	.download .bds li{
		padding: 15px 0;
	}
	.contact .fms dd{
		margin-bottom: 15px;
	}
	.download .bds li h6{
		margin-top: 10px;
	}
	.download .bds li h3{
		margin-bottom: 10px;
	}
	.contact .fms li{
		margin-bottom: 25px;
	}
	.contact .fms .t1{
		height: 40px;
	}
	.contact .sub{
		line-height: 46px;
		height: auto;
	}
	.contact .fms .t2{
		height: 140px;
	}
	.uthd h2{
		font-size: 20px;
	}
	.wrap {
		width: auto;
		padding: 0 35px;
	}	
	html{
		font-size: 16px;
	}
	.header .logo{
		right: auto;
	}
	.header .logo{
		width: 60px;margin: 0 0 0 20px;top: 0;
	}
	.header>.wrap{
	    padding: 0 15px;
	}
	.header .search{
		/*display: none;*/margin-left:0px ;margin-right: 20px;
	}
	.header>.wrap{
		justify-content: flex-end;
	}
	.header .lt{
		margin-right: 20px;flex-direction: row-reverse;
	}
	.header>.wrap{
		height: 60px !important;
	}
	.layout{
		padding-top: 60px !important;
	}
	.pad40{
		padding: 25px 0;
	}
	.porc{
		margin: 0 60px;
	}
	.swiperteam li{
		border: none;
	}
	.swiperteam{
		border: none;
	}
	.hkey ul{
		flex-wrap: wrap;
	}
	.hkey ul li{
		width: 50%;
	}
	.hkey ul li:nth-child(2n){
		display: none;
	}
	.footer .hd ul li{
		width: 50%;
	}
	.footer .uicon,
	.footer .copyright,
	.footer .hd ul{
		padding: 30px 0;
	}
	.footer{
		margin-top: 30px;
	}
	.logoDzieje.toplogo:before, .logoDzieje.toplogo:after{
		display: none;
	}
	.logoDzieje{
		height: auto;border: none !important;
	}
	.logoDzieje .top2{
		display: none;
	}
	.header .logo img.top1{
		display: block;opacity: 1 !important;
		position: static;
	}
	.hotlist .text h3{
		font-size: 18px;
	}
	.hkey ul li p{
		font-size: 14px;
	}
	.universities .bds li h4{
		font-size: 14px;
		text-align: left;
	}
	.universities{
		padding: 40px 0;
	}
	.universities .wrap{
		padding: 0 15px;
	}
	.uqmtit h3{
		font-size: 20px;
	}
	.msknavs{
		width: 78%;
		padding: 30px 15px;
	}
	.msknavs .gb{
		top: 10px;
	}
	.msknavs li{
		padding: 20px 0;
	}
	.msknavs li dl{
		margin-top: 10px;
	}
	.msknavs li h3{
		font-size: 18px;
	}
	.htps{
		right: 5px;
		width: 40px;height: 40px;
		bottom: 20px;
	}
	.htps img{
		width: 15px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}