/* ###################################################### */
/*                         MOBILE                         */
/* ###################################################### */
@media only screen and (max-width: 768px) {
	
body {
	margin: 0;
	background-image: inherit;
}

/* ###################################################### */
/*                         HEADER                         */
/* ###################################################### */

header {
	padding: 50px 0px 10px 0px;
}

/* LANGUAGES */
#languages {
	top: 20px;
}

/* ########################################################## */
/*                         NAVIGATION                         */
/* ########################################################## */

nav a {
	padding: 0px;
	margin: 0px 10px;
	line-height: 36px;
}

nav a:hover {
	color: #558844;
	background-color: inherit;
}

nav #currentpage a {
	color: #558844;
	background-color: inherit;
}

nav #currentpage a:hover {
	color: #446d36;
	background-color: inherit;
}

/* ####################################################### */
/*                         SECTION                         */
/* ####################################################### */

section {
	width: 100%;
}

#slideshow {
	width: 100%;
}

/* ####################################################### */
/*                         KONTAKT                         */
/* ####################################################### */

#wrapContact {
	width: 96%;
	padding: 2%;
}

#wrapContact span {
	line-height: 36px;
}


/* ####################################################### */
/*                         CONTENT                         */
/* ####################################################### */



/* ####################################################### */
/*                         INQUIRY                         */
/* ####################################################### */

#wrapInquiry {
	float: left;
	width: 92%;
	height: auto;
	padding: 4%;
}

#wrapInquiry h1 {
	text-align: left;
}

/* Text Fields */
#wrapInquiry input {
    width: 50%;
}

/* Select Menu */
#wrapInquiry select {
    width: 52%;
}

/* Button */
#wrapInquiry input[type=submit] {
    width: 52%;
}

/* ################################################%%### */
/*                         FORMS                         */
/* ##################################################%%# */

#form label {
    width: auto;
    float: none;
}

#form input {
    width: 50%;
	margin-bottom: 10px;
}
	
#form select {
    width: 52%;
	margin-bottom: 10px;
}

#form textarea {
    width: 100%;
	margin-bottom: 10px;
}

#form input[type=submit] {
    width: 52%;
	height: 30px;
	margin: 0;
}

#form input[type=varnostna_koda] {
	width: 50%;
}


#form #securityCode {
	clear: both;
}



/* ###################################################### */
/*                         FOOTER                         */
/* ###################################################### */

.columnFooter1 {
	width: 48%;
}

.columnFooter2 {
	width: 50%;
}

.columnFooter3 {
	margin-left: 0;
	width: 48%;
}
}
@media screen and (max-width: 480px) {

/* ####################################################### */
/*                         CONTENT                         */
/* ####################################################### */

article img {
	width: 48%;
	border: none;
	margin: 1%;
}

article .galleriesListImages img {
	width: 23%;
	border: none;
	margin: 1%;
}

article .imagesGallery img {
	width: 47%;
	border: none;
	margin: 1%;
}

.highlightFirst {
	width: 100%;
}

.highlight {
	width: 100%;
	margin-left: 0;
}

/* ####################################################### */
/*                         INQUIRY                         */
/* ####################################################### */

#wrapInquiry {
	float: left;
	width: 92%;
	height: auto;
	padding: 4%;
}

/* Text Fields */
#wrapInquiry input {
    width: 95%;
}

/* Select Menu */
#wrapInquiry select {
    width: 100%;
}

/* Button */
#wrapInquiry input[type=submit] {
    width: 100%;
}

/* ################################################%%### */
/*                         FORMS                         */
/* ##################################################%%# */

#form label {
    width: auto;
    float: none;
}

#form input {
    width: 96%;
	margin-bottom: 10px;
}
	
#form select {
    width: 100%;
	margin-bottom: 10px;
}

#form textarea {
    width: 96%;
	margin-bottom: 10px;
}

#form input[type=submit] {
    width: 100%;
	height: 30px;
	margin: 0;
}

#form input[type=varnostna_koda] {
	width: 96%;
}


#form #securityCode {
	clear: both;
}

#inquiry input[type=submit] {
	margin: 20px 0px 0px 0%;
    width: 100%;
}

/* ###################################################### */
/*                         FOOTER                         */
/* ###################################################### */

.columnFooter1 {
	width: 100%;
}

.columnFooter2 {
	width: 100%;
}

.columnFooter3 {
	width: 100%;
}
}