


@media (max-width: 1279px) {
	
	/* HEADER */

	.logo h1, .logo-mobile h1{font-size: 38px;}
	.front-menu a {padding: 10px;}

	/* EDUCATION */

	.edu-list-element .edu-list-content{
		width: 100%;
	}
	.edu-list-element .edu-list-data, .education-details .edu-nav, .education-details .edu-content{
		width: 100%;
		margin: 10px 0 0 0;
	}
	.edu-list-element .edu-list-data .place, .edu-nav .place{
		width: 100%;
		overflow: auto;
	}
	.edu-list-element .edu-list-data p, .edu-nav p{
		float: left;
		margin-top: 0; 
	}
	.edu-list-element .edu-list-data p.place-time{margin-right: 3px; }
	.edu-list-element .edu-list-data p.place-name, .edu-nav .place-name{margin-right: 10px; }
	.edu-list-element .edu-list-data i, .edu-nav i{margin: 0 3px 0 10px;}
	.edu-list-element .edu-list-data p br, .edu-nav br{display: none;}
	.edu-price, .w-education .edu-price{
		font-size: 18px; 
		font-weight: 700;
	}
	.education-details h3{
		font-size: 20px;
		line-height: 30px;
		text-align: left;
	}
	.edu-nav ul, .edu-nav  hr{display: none;}
	
	/* COMMITTEE */

	div.commite-list .element{width: 48.9362%;}
	.commite-list .element:nth-child(3n+4){margin-left: 2.12766% !important;}
	div.commite-list .element:nth-of-type(odd){margin-left: 0;}
	
	/* OTHER */

	#company-members .contact-data > span{display: block;}

	.modal{
		max-height: 100vh;
		overflow-y: auto;
		top:0 !important;
	}

	.mejs-container, .mejs-overlay{width: 100% !important; }
	#videoPlayer{width: 100% !important;}
}

@media (max-width: 979px) {
	/* HEDAER */
	.logo h1, .logo-mobile h1{
		font-size: 26px;
		font-weight: 500 !important;
	}

	/* EDUCATION */

	.edu-price > div{display: block;}
	.edu-price br{display: none;}
	.edu-teacher, .edu-place{display: block;}

	.w-education h4{font-weight: 700;}
	.w-education .btn-primary{border-bottom:4px solid #d9d9d9;}

	#terminarz span{font-size: 16px;}
	#informacje, #prowadzacy .biography{font-size: 14px;}
	.education-details header h3{font-size: 16px !important;}
	
	/* COMMITTEE */

	div.commite-list .element{
		width: 100%;
		margin-left: 0;
	}

	/* OTHERS */

	.pagination-right{
		text-align: center;
		margin-right: 0;
	}

	.m-first{margin-left: 0 !important;}

	.m-100{width: 100% !important;}

	.mejs-container, .mejs-overlay{height: 300px !important; }

	.mejs-mediaelement video{height: 100%;}

	.edu-summary p{font-size: 16px;}

}


@media (max-width: 767px) {
	
	/* HEADER */

	.page-header{
		background-position: 50% -42px;
		margin-top: 42px;
	}
	.header-nav{
		position: fixed;
		top:0;
		z-index: 999;
		background: #15385e;
		border-bottom: 2px solid #fff;
	}

	#header-left, #header-right{
		width: 40%;
		float: left;
	}

	#header-right{width: 60%;}
	#header-right a{
		border-left:2px solid #fff;
		padding: 8px;
		text-transform: uppercase;
		font-weight: 700;
	}
	#header-right span{display: none;}

	.logo{
		margin: 10px 0;
		background-position: 50% 0;
		padding: 0 10px;
		height: 185px;
	}
	.logo h1, .logo-mobile h1{
		padding-top: 90px;
		font-size: 20px;
		font-weight: 700; 
		text-align: center;
	}
	#header-menu li{border-left: 2px solid #fff;}
	#header-menu li:nth-of-type(2){border-right: 2px solid #fff; }

	.back-page-header .span6, .page-header .span4{padding-top: 0 !important;}

	/* menu */
	.front-nav{
		position: fixed;
		top: 40px;
		width: 100%;
		z-index: 999;
		display: none;
		max-height: 100vh;
		overflow: scroll;
	}
	.front-menu, .front-menu:hover, .front-menu:focus, .front-menu:active {
		overflow: auto;
		background: #2664A6;
		border-bottom:1px solid #fff; 
	}
	.front-menu:last-child{
		float: none !important;
		border-bottom: 40px solid #fff;
	}
	.front-menu > a, .front-menu > a:hover, .front-menu > a:focus, .front-menu > a:active{
		color: #fff;
		text-align: left;
	}
	.front-menu > ul{
		display: block;
		position: relative;
		overflow: auto;
	}
	.front-menu > ul > li{
		width: 50%;
		float: left;
	}
	.front-menu > ul a, .front-menu ul a:hover, .front-menu ul a:focus, .front-menu ul a:active {
		background: #fff;
		color: #3f3f3f;
		text-align: left;
	}

	.thumbnails > li.back-menu2{
		float: left;
		margin-left: 5px !important;
		width: 95px;
		height: 95px;
	}
	.back-menu2 > div{background-position: 50% 10px;}
	.back-menu2 > div > a, .back-menu2 > div > a:focus, .back-menu2 > div > a:hover{
		padding: 60px 10px 10px;
		font-size: 12px;
	}

	/* SLIDER */

	.slider-container .promoted-news{margin: 5px 0;}
	.slider-container .promoted-news > div{
		width: 22%;
		margin-left: 4%;
		float: left;
	}
	#slider ul li{height: 280px !important;}

	.w-latest-news h3 a, .w-latest-news h3 a:hover{font-size: 18px;}

	/* MODALS */

	.modal{
		max-width: 92%;
		margin-left: 0;
	}

	.modal h1, .modal h3{
		font-size: 18px;
		line-height: 22px;
	}

	.modal-body{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		max-height: 500px;
	}
	.modal-header .close{padding: 0 5px;}

	/* NEWS */

	.w-latest-news .main-image h3 a{font-size: 18px;}
	.w-latest-news .main-image h3{max-height: 64px;}
	h3.title{font-size: 22px;}
	h3.title + p{
		font-size: 12px;
		margin-bottom: 0;
	}
	p.lead{
		text-align: left;
		font-size: 16px;
		font-weight: 700;
	}

	/* WIDGETS */

	#widgets-right{margin-top: 10px;}

	.widget > .accordion-group.content {
		width: 94%;
		margin-left: 3%;
	}

	#widget-filters{
		position: fixed;
		z-index: 999;
		top: 40px;
		max-height: 100vh;
		width: 100vw !important;
		overflow-x: scroll; 
		width: 300px;
		background: #fff;
		display: none;
	}
	#widget-filters .contact-block{
		padding: 0 10vw;
		width: 90vw;
		border: 0 none;
		margin-top: 40px;
	}

	#widget-filters header{
		position: fixed;
		left: 0;
		top: 40px;
	
	}
	#widget-filters input[type="submit"]{
		position: fixed;
		bottom: 0;
		width: 100vw;
		left: 0;
	}
	.contact-content{margin-bottom: 60px;}

	/* EDUCATION*/
	.education-details .header td{height: auto;}
	.education-details .header h3{margin: 10px 15px 0 ;}

	.education-details .edu-content ol{margin: 0 0 10px 13px;}
	.education-details .edu-content ol li{padding: 0 0 0 10px;}
	#terminarz p.margin-left30{margin-left: 10px; font-size: 12px;}
	#informacje div.margin-left30{margin-left: 0;}
	#prowadzacy p.pull-left{float: none;}
	#prowadzacy p{text-align: center;}
	#prowadzacy > div > br:last-child{display: none;}
	.edu-summary{border-top: 0 none; }

	/* CONTACT */

	#contact-form #sendMessage{margin-top: 0px !important;}

	/* OTHERS*/

	.btn{padding: 10px 14px;}

}


