/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 768px */
/* ----------------------------------------------------- */
@media (max-width: 1400px)  {

	#logo {
		float: none;
		width: auto;
		text-align: center;
		padding-top: 20px;
		margin-top: 0;
		padding-bottom: 7px;
	}
	#logo a {
		margin: 0 auto;
	}
	.navig {float: none!important;
		width: auto;
		margin: 0 auto;
		margin-top: -30px}
		nav ul	{
			margin-right: 0!important;
		}
		#left {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0;

	}
	#right {
		top: 73px;
	}

.gallery_menu, .butthide	{

	top:95px;

}

#cycle-nav ul {
	margin-top: 40px;

}



	.livo .gcore-form-row {
	width: 95%;

}
}
@media (max-width: 1100px)  {


	a.button {
		display: inline-block;
		margin-top: 10px!important;
	}



.full	{
	margin: 20px 15px 15px 15px;
	width: 76%;
}
 .customspecial {
	 width: 120px;
	top: 220px;
 }
 .customspecial2 {
	 top: 300px;
	 right: 5%
 }
 .customspecial a.butt {
	 margin: 5px 0;
 }
#right {
	top: 93px;
}
	#footer	{
		height: auto!important;
		bottom: 0;text-align: center;
	}
	#footer .social {
		margin: 10px 0 0 0;
		width: 100%;
	}

	#footer .content_foot {
		float: none;
	}
	#footer h3, #footer ul	{

		text-align: center;
		float: none;
		clear: both;
	}
	#arrow_left, #arrow_right, #nestoa {
		bottom: 140px;
	}
	.bookb {
		bottom: 150px
	}
}
@media (max-width: 860px)  {
	#footer	{
		height: auto!important;
		bottom: -10px;
	}
	#footer .content_foot {
		float: none;
	}
	#footer h3, #footer ul	{

		text-align: center;
		float: none;
		padding:  10px 0 0 0;
	}
	#footer .social {
		margin: 10px 0 0 0;
		width: 100%;
		text-align: center;
	}


}
@media (max-width: 768px)  {

	.js .navig #nav {display: none;}
	.selectnav {display: block; background: #f6f6f6;
		color:#666666;
   		padding: 5px;
   		font-size: 12px;
   		line-height:21px;
   		border: 1px solid #ccc; position: relative}
	#nav ul { display: none; }
	#left {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0;

	}
	#logo {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 0;
		padding-top: 30px;
	}
	#footer	{
		height: auto!important;
		bottom: 0;
	}
	#footer .content_foot {
		float: none;
	}
	#footer h3, #footer ul	{

		text-align: center;
		float: none;
	}


	#cycle-nav, .butthide  {
		display: none;
	}
	#arrow_left, #arrow_right, #nestoa {
		bottom: 60px;
	}
	.gallery_menu, .customspecial	{
		top: 132px;

	}
	#footer ul {
		padding: 5px 0 0 0;
	}

.customspecial {
	opacity: 1;


	 width: auto;
	top: 129px;


}


.customspecial2 {
	opacity: 1;
left:50%!important;
right: auto;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);

	top: 140px;


}
.customspecial a.butt, .customspecial2 a.butt {
	padding: 10px;
	background: rgba(191, 174, 126, 0.8);
}
.gcore-form-row {
	width: 95%;
	}
	.Location {
		padding-right: 10px;
	}
	.lijevo, .dessno {
		float: none!important;
		width: 100%!important;
	}
	.dessno {
		margin-top: 40px;
	}
	.divider {
		display: none;
	}
}

/* ----------------------------------------------------- */
/* Mobile (Portrait) */
/* ----------------------------------------------------- */
/* Width of 320px */
/* ----------------------------------------------------- */

@media (max-width: 768px)  {

	/* ----------------------------------------------------- */
	/* Header */
	html{height: 100%; overflow-y: auto; overflow-x: auto;}
	body {height: 100%; width: 100%; padding: 0; margin: 0  }

	.js .navig #nav {display: none;}
	.selectnav {display: block; background: #f6f6f6;
		color:#666666;
   		padding: 5px;
   		font-size: 12px;
   		line-height:21px;
   		border: 1px solid #ccc; position: relative}
	#nav ul { display: none; }
	#left {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0;

	}
	#logo {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 0;
		padding-top: 30px;
	}
	#container {height: auto;}

	#nav {width: auto; text-align: center; float: none; width: 100%}

	.content {
		padding: 50px 30px;
		margin: 0;

	}

	#left {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0;
		padding-bottom: 30px;
	}
	#logo {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 0;
		padding-top: 30px;
	}
	#maximage, #right , #footer, #maximage_gallery	{
		position: relative!important;
	}
 #maximage2 {
	 position: absolute;
 }
	#right .content {
		height: auto;
	}
	.logo2 {
		margin-left: 30px;
		width: 100%;
		text-align: left;
	}

	.full {
		width: 100%;
	}
	#switch {
		display: none!important;
	}
	.content, #maximage .mc-image, .intext, .loc, .intext_loc {
		opacity: 1!important;
	}


	#right {
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		padding-bottom: 50px;
		background: #fff;
	}

	#cycle-nav ul {
		margin-top: 0;
		position: absolute;
		top: 182px
	}

	table, tr, td {
		display: block;
	}
	.bookb {
		bottom: 100px
	}
	/* ----------------------------------------------------- */

}


/* ----------------------------------------------------- */
/* Mobile (Landscape */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media  (min-width: 480px) and (max-width: 767px) {
		/* ----------------------------------------------------- */
	/* Header */

	.js .navig #nav {display: none;}

	#container {height: auto;}




	#left {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0;
		padding-bottom: 30px;
	}
	#right {

		position:relative!important;
	}

		#arrow_left, #arrow_right {
		bottom:120px;
	}
	#logo {
		margin-left: 0;
	}
	.gcore-form-row {
		width: 90%!important;
	}

}

@media (max-width: 480px){
		/* ----------------------------------------------------- */
	/* Header */

	.js .navig #nav {display: none;}

	#container {height: auto;}
	.customspecial2 {
	opacity: 1;



	top: 133px;


}
.customspecial {
	opacity: 1;


	 width: auto;
	top: 120px;


}
	 .gallery_menu {
		 top: 120px;
	 }

	#left {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0;
		padding-bottom: 30px;
	}
	#right {

		position:relative!important;
	}

		#arrow_left, #arrow_right, #nestoa {
		bottom:90px;
	}

	#logo a {

		width: 100%;
	}

	#logo {
		margin-left: 0;
		padding-bottom: 10px;
	}
	#logo a {
	background: url(../images/logo_mini.png) no-repeat 0 0;
	width: 300px;
	height: 22px;
	display: block
}

	.gcore-form-row {
	width: 90%!important;
	}
	.customspecial a.butt {
		font-size: 10px;
	}
	#right {
		padding-bottom: 20px;
	}
	.livo, .desno {
		width: 100%!important;
		float: none!important;
		margin: 0!important
	}
	.desno {
		padding-bottom: 30px;
	}
	.comp .mCSB_container {
		width: 90%!important;
	}
	.content-links {
		position: relative;
		top: auto;
		right:  auto;
	}
}