/* webkit-specific letter-spacing */
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
	body
	{
		letter-spacing: 0px;
	}
}

/*media queries basic styles*/
@media only screen and (min-width: 0px) and (max-width: 1024px) {

	img {
		max-width: 100%;
		height: auto;
		width: auto\9;
	}
	
	html {
		-webkit-text-size-adjust: none;
	}
	
	body {
		margin: 0;
		padding: 0;
	}

	.cookie_ribon {
		width: 100%;
		z-index: 10999;
		display: none !important;
	}
	
	#toTop {
		display: none !important;
	}
	
	input[type="reset"], input[type="submit"] {
		appearance: none;
		-webkit-appearance: none;
	}

}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {

	html {
		-webkit-text-size-adjust: none;
	}
	
	body {
		background-size: cover !important;
		margin: 0;
		padding: 0;
		box-shadow: none;	
		width: 100%;
		height: 100%;
		overflow-x: hidden !important;
    }
    /*prevent horizonal scroll*/
    header,
    header.normal-header,
    section.main_container,
    .pcms_gallery_box, 
    footer {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

	main.wrapper {
		width: 100%;
		height: 100%;
	}
	header {
		background-size: cover;
		width: 100%;
	}
	
	.header_content {
		width: 100%;
		margin: 0;
		padding: 20px;
	}
	
	.header_content a.logo img {
		margin: 0 auto;
		float: none;
		filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.25));
	}
	
	.header_content {
		position: relative;
		left: auto;
	}
	
	.header_contact_data {
		min-width: auto;
		float: none;
		width: 100%;
		display: flow-root;
        padding: 20px 0;
        background: rgba(33,69,133,0.80);
	}
	
	.header_contact_data nav {
    	margin: 0 0 20px 20px;
    }
	
	.header_contact_data nav ul {
     	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
	}
	
	.header_contact_data nav ul li {
		float: unset;
		display: inline;
    	padding: 10px 10px 12px 0;
    }
	
	.header_contact_data nav ul li a {
    	color: rgba(255,255,255,0.65);
		line-height: 2.2;
		font-size: 0.93rem;
		font-weight: 600;
	}
	
	.header_contact_data nav ul li a:hover {
    	color: rgba(255,255,255,0.95);
	}
	
	.header_contact_data div {
	    display: inline-block;
	    float: none;
	    margin: 0 10px;
	    padding: 0;
	    width: auto;
	}
	
	.header_contact_data div a {
    	font-size: 18px;
    }
	
	div.carousel {
		position: inherit !important;
	}
	
	div.carousel .carousel-item {
		height: 15vh;
		min-height: 280px;
	}
	
	.carousel-indicators {
		top: 60%;
		z-index: 0;
	}
	
	
	section.main_container {
	    /*padding: 20px 10px 15px;*/
	    width: 100%;
	}
	
	
    .main_container article {
    	width: 90%;
		margin: 0 auto;
		display: block;
    }
	
	aside.specification_about_content {
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	
	.specification_left_column {
	    width: 100%;
	    margin: 10px 0;
    }
	
    .specification_left_column article {
    	width: 100%;
    	display: block;
		max-width: 100%;
		margin: 1px 1px 40px;
	}
	
	.specification_left_column article figure {
	    max-width: fit-content;
	    max-height: 100%;
	}
	
	.specification_left_column article h1 {
    	margin: 275px 0 30px;
    }
	
	.about_right_column {
    	width: 100%;
    }
	
	.about_right_column article figure {
		max-width: fit-content;
	    max-height: 100%;
	    display: contents;
	    margin-bottom: 20px !important;
	}
	
	.about_right_column article h1 {
    	margin: 0 0 20px;
    }
	
	.about_right_column article p {
	    padding: 15px 0 0 ;
	}
	
	.footer_content {
    	width: 100%;
    }
    
    .footer_content article {
	    width: 90%;
	    float: none;
	    padding: 0 20px;
    }
    
    .footer_content article:last-of-type {
	    width: 100%;
	    float: none;
    }
    
    .footer_content article em {
    	display: inline-block;
    }
    
    .footer_copyright {
        width: 100%;
    }
    
    .footer_copyright p:last-of-type {
	    float: none;
	    margin: 0 auto;
	    text-align: center;
	}
    
	.footer_copyright p {
    	font-size: 12px;
	}
	
	.cookie_ribon {
		width: 100%;
		margin: 10px auto;
		position: sticky;
		bottom: unset;
		left: unset;
	}
	
	.cookie_gdpr {
    	width: 90%;
    	top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999999;
		height: auto;
		position: fixed;
		margin: 20px auto;
	}
	
	.cookie_gdpr form fieldset div:last-of-type {
    	margin: 0;
		clear: left;
	}
	
	.cookie_gdpr form fieldset a {
		width: 100%;
		margin: 10px 0 0 !important;
		float: left;
	}
	
	
	.sticky {
	    position: normal;
	    top: auto;
	    width: 100%;
	    text-align: left;
	    -webkit-filter: none;
	    filter: none;
	    background: none;
    }
    
	
	
	/* OSNOVNA - SVE STRANICE */
	
	header.normal-header {
		min-height: auto;
	}
	
		
	header.normal-header .header_content {
		width: 90%;
		margin: 0;
		padding: 20px;
	}
	
	header.normal-header .header_content a.logo img {
		margin: 0 auto;
		float: none;
		filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.25));
	}
	
	header.normal-header .header_content {
		position: relative;
		left: auto;
	}
	
	header.normal-header .header_contact_data {
		min-width: auto;
		float: none;
		width: 100%;
		display: flow-root;
        padding: 20px 0;
        margin: 110px 0 0;
        background: rgba(33,69,133,0.80);
	}
	
	header.normal-header .header_contact_data nav {
    	margin: 0 0 20px 20px;
    }
	
	header.normal-header .header_contact_data nav ul {
     	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
	}
	
	header.normal-header .header_contact_data nav ul li {
		float: unset;
		display: inline;		
    	padding: 10px 10px 12px 0;
	}
	
	header.normal-header .header_contact_data nav ul li a {
    	color: rgba(255,255,255,0.65);
		line-height: 2.2;
		font-size: 0.93rem;
		font-weight: 600;
	}
	
	header.normal-header .header_contact_data nav ul li a:hover {
    	color: rgba(255,255,255,0.95);
	}
	
	header.normal-header .header_contact_data div {
	    display: inline-block;
	    float: none;
	    margin: 0 10px;
	    padding: 0;
	    width: auto;
	}
	
	header.normal-header .header_contact_data div a {
    	font-size: 18px;
    }
	
	.pcms_gallery_box  {
    	width: 90%;
		margin: 0 auto;
		display: block;
	}
	
	.pcms_gallery_box a {
    	width: 100%;
	}
	
	.pcms_gallery_box a img {
		max-width: fit-content;
	}
	
	/*  CONTACT FORM  */
	
	div.webform-box {
    	width: 90%;
		margin: 30px auto 10px;
		display: block;
		clear: both;
		display: block;
	}
	
	div.webform-box .contact_form h1 {
		margin: 30px 0 0;
	}
	
	div.webform-box .contact_form div.cnt_form_div_note {
    	width: 90% !important;
    	min-width: min-content !important;
	}
	
	.contact_form {
	    margin: 0;
	    padding: 0 10px;
	}

	.contact_form div {
		float: none;
	}
	
	.contact_form div.consent_data, .consent_data dd p {
		font-size: 0.95em;
		font-weight: 300;
		line-height: 1.1;
	}
	
	
	
	
	
	

}
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}