@media only screen and (max-width : 1024px) {
	.wrap { width: 90%; }
	.nagovor_wrap {
		position: absolute;
		z-index: 2;
		bottom: 50px;
		width: 40%;
	}
	.nagovor { font-size: 22px; }
	.clmn_2_margin_wrap {
		background: #ecf0f3;
		width: 640px;
		margin: 0 auto;
	}
	.clmn_2_margin {
		float: none;
		width: 100%;
	}
	.font__phone {
		font-size: 30px;
		padding: 7px 0 0;
		letter-spacing: -0.5px;
		word-spacing: -1px;
	}
	.rectangle { margin: 40px 0 0; }
	.rectangle::before { border-bottom: 99px solid #009EE0; }
	.rectangle__1::before { border-bottom: 99px solid #e6d4ba; }
	.rectangle__2::before { border-bottom: 99px solid #5a5a5a; }
	.rectangle::after { border-top: 99px solid #009EE0; }
	.rectangle__1::after { border-top: 99px solid #e6d4ba; }
	.rectangle__2::after { border-top: 99px solid #5a5a5a; }
	.title__block { display: inline-block; }
}
@media only screen and (max-width : 900px) {
	.nagovor {
		padding: 0.25em 0;
		font-size: 20px;
		line-height: 1.5;
		background: rgba(255,255,255,0.4);
		letter-spacing: -0.25px;
	}
	.clmn_links {
		width: 30%;
		margin: 0 5% 0 0;
	}
	.clmn_3_margin {
		width: 35%;
		margin: 0 auto; 
		float: none;
	}
	.clmn_3_margin:nth-of-type(3) { margin: 0 auto; }

	
	.sidebar .font__phone { font-size: 24px; }
	.sidebar .rectangle { margin: 40px 0 0; }
	.sidebar .rectangle::before { border-bottom: 93px solid #009EE0; }
	.sidebar .rectangle__1::before { border-bottom: 93px solid #e6d4ba; }
	.sidebar .rectangle__2::before { border-bottom: 93px solid #5a5a5a; }
	.sidebar .rectangle::after { border-top: 93px solid #009EE0; }
	.sidebar .rectangle__1::after { border-top: 93px solid #e6d4ba; }
	.sidebar .rectangle__2::after { border-top: 93px solid #5a5a5a; }
	.sidebar .title__block { display: inline-block; }
}
@media only screen and (max-width : 850px) {
	.nagovor { font-size: 18px; }
	.clmn_links {
		width: 32%;
		margin: 0 2% 0 0;
	}
	.clmn_3_margin { width: 40%; }
}


@media only screen and (max-width: 800px) {

	.header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 98;
		box-shadow: 0 0 17px rgba(0,0,0,0.15);
	}
	body { padding-top: 78px; }
}
@media only screen and (max-width: 768px) {

	.modal-bg { display: none !important; }

	.clmn_3 { width: 30%; }
	.clmn_3_2 { width: 70%; }
	
	.rectangle .fa {
		font-size: 44px;
		position: absolute;
		top: 50%;
		right: 11px;
		margin: -22px 0 0 0;
	}

	.clmn_links_wrap { width: 50%; margin: 0 auto; }
	.clmn_links {
		float: none;
		width: 100%; 
		margin: 0 0 1.5em;
	}
	.clmn_links:nth-of-type(3) { margin: 0; }
}

@media only screen and (max-width : 750px) {
	.nav__side { display: none; }
	.content { width: 100%; float: none; }
	.sidebar { width: 40%; float: none; }
	#map { margin: 35px 0 40px; }
}
@media only screen and (max-width : 740px) {
	.clmn_3_margin { width: 50%; }
	.nagovor_wrap {
		position: absolute;
		z-index: 2;
		bottom: 40px;
		width: 40%;
	}
}

@media only screen and (max-width : 720px) {
	.video {
		width: 100%;
		height: 0;
	    padding-bottom: 56.25%;
		margin: 0 auto;
		clear: both;
	}
	.youtube__wrap {
		width: 90%;
		height: 0;
	    padding-bottom: 56.25%;
		margin: 42px auto 0;
		position: relative;
		clear: both;
	}
	.youtube__wrap > video, .youtube__wrap > iframe, .youtube__wrap > object, .youtube__wrap > embed {
	    position: absolute;
	    height: 100%;
	    left: 0;
	    top: 0;
	    width: 100%;
	}
	.nagovor_wrap {
		position: relative;
		z-index: 2;
		bottom: 0;
		width: 75%;
		padding: 40px 0
	}
	.nagovor {
		padding: 0.25em 0;
		font-size: 24px;
		line-height: 1.5;
		background: rgba(255,255,255,0.4);
		letter-spacing: -0.25px;
	}
	.uvodna { width: 100%; max-width: 100%; border-top: 7px solid #009ee0; }
	.clmn_2_margin_wrap {
		width: 100%;
	}
	.clmn_2_margin_wrap p {
		padding: 1.5em 2em 0 2em;
		line-height: 1.5;
	}
}
@media only screen and (max-width : 650px) {

	.logo { display: none; }
	.phone__mobile {
		display: block;
		position: absolute;
		top: 19px;
		left: 0;
		z-index: 98;
		font-size: 24px;
		color: white;
		line-height: 39px;
		padding: 0;
	}
	.phone__mobile__txt { color: #00415C; }
	
	.clmn_3, .clmn_3_2 {
		width: 100%;
		float: none;
	}
	.clmn_3 { padding-bottom: 40px; }
	.sidebar { width: 50%; float: none; }
}
@media only screen and (max-width : 600px) {
	.nagovor_wrap {
		position: relative;
		z-index: 2;
		bottom: 0;
		width: 85%;
		padding: 40px 0;
	}
	.clmn_3_margin { width: 60%; }
}
@media only screen and (max-width : 550px) {
	
	.nagovor_wrap { width: 100%; }
	.large { font-size: 30px; }
	.clmn_3_margin { width: 70%; }
	.sidebar { width: 60%; float: none; }
	.clmn_links_wrap { width: 65%; margin: 0 auto; }
	.title__long { padding-left: 1em; padding-right: 1em; }
}
@media only screen and (max-width : 500px) {
	.filelink a {
		padding: 0 0 0 0.5em;
		font-size: 16px;
	}
	.filelink a .fa {
		padding: 0.5em 0.5em 0.5em 0.5em;
		margin: 0 0 0 0.5em;
		text-align: center;	
	}
}
@media only screen and (max-width : 450px) {
	
	.phone__mobile__txt { font-size: 20px; color: #00415C; }

	.clmn_links_wrap { width: 70%; }
	.footer .wrap {
		width: 100%;
	}
	.footer p { padding-left: 7.5%; padding-right: 5%; }
	.footer { padding: 35px 0 0; }
	.envelope {
		max-width: 110%;
		left: -5%;
	}
	.formContent {
		position: relative;
		z-index: 2;
		padding: 6% 10% 100px 15%;
		color: #5a5a5a;
	}
	
	.clmn_3_margin { width: 75%; }
	.logo { width: 200px; top: 20px; }
	.sidebar { width: 70%; float: none; }
	.mainForm .input-text {
		background: none;

		border: 1px solid #c3c3c3;
		width: 100%;
	}
	.submit_main { width: 50%; }
	.img__float {
		margin: 1.5em 1.5em 0 0;
		float: none;
	}
}
@media only screen and (max-width : 400px) {

	.phone__mobile__txt { display: none; }
	
	.clmn_3_margin { width: 85%; }
	.clmn_links_wrap { width: 80%; margin: 0 auto; }
	.envelope {
		max-width: 116%;
		left: -8%;
	}
	.nagovor {
		padding: 0.25em 0;
		font-size: 22px;
		line-height: 1.4;
		letter-spacing: -0.25px;
	}
	.sidebar { width: 75%; float: none; padding: 0 0 0 5%; }
	
}
@media only screen and (max-width : 360px) {
	
	.clmn_links_wrap { width: 85%; }
	.envelope {
		display: none;
	}
	.formContent {
		position: relative;
		z-index: 2;
		padding: 6% 10% 100px 15%;
		padding: 0 7.5% 35px;
		color: #5a5a5a;
	}
	.field-wrap {
		float: left;
	    margin: 0;
	    width: 100%;
	}
	.izvedba, .copy {
		float: none;
		text-align: center;
	}

	.footerForm .input-text {
		color: #ffffff;
	    border: 1px solid #ffffff;
	    background: none;
	    padding: 0 2.5%;
	    width: 100%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.footerForm label { color: #ffffff; }
	.footerForm label.error, .footerForm .brand { color: #000000; }
	.footerForm .submit { background: #ffffff; color: #0095D3; }
	.footerForm .submit:hover { background: #DEF3FB; }

	.izvedba { padding: 2em 0 0}
	.copy { padding: 1em 0 2em; }
	.nagovor { font-size: 20px; }
	.logo { width: 175px; top: 23px; }
	.large { font-size: 24px; }
	.clmn_3_margin { width: 96%; }
	h1 { font-size: 30px; }
}
@media only screen and (max-width : 340px) {
	.clmn_links_wrap { width: 90%; }
}
@media only screen and (max-width : 320px) {
	.clmn_links_wrap { width: 100%; }
	.sidebar { width: 90%; float: none; padding: 0 0 0 5%; }
	.formContent {
		position: relative;
		z-index: 2;
		padding: 6% 5% 50px 10%;
		color: #5a5a5a;
	}
	.submit {
		width: 100%;
		margin: 21px 0 0;
	}
}