/* CSS Document */


/**********GENERAL SETTINGS **********/

* {margin:0; padding:0; box-sizing:border-box;}
ul {list-style-type:none;} 
.img {max-width:100%;}

body {font-family: 'Open Sans', sans-serif; background-image:url(../images/main_bg.jpg); color:#303237; font-size:14px;}
.container {padding:0 1.7%;}

/*.article {margin-top:60px;}*/

.img_crop_gallery {width:260px; height:175px; overflow:hidden;}
.img_crop_gallery img {max-width:none;}

/********** TEXT, FONTS... **********/
h1 {font-size:50px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif;}
h2 {font-size:38px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif;}
h3 {font-size:30px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif;}
h4 {font-size:20px; font-weight:700; font-family: 'Open Sans Condensed', sans-serif;}
strong {font-weight:700;}
p a {color:#303237; text-decoration:underline;}
p a:hover {color:#3696cb;}

/********** FORMS **********/
input,select,textarea,button {font-family: 'Open Sans', sans-serif; }
input,textarea {padding-left:5px; }

/***************** HEADER *****************/
.header {overflow:hidden;}
/********** HEADER TOP **********/
.header_top {background-color:#ffe701; font-family: 'Open Sans Condensed', sans-serif; position:fixed; width:100%; z-index:1005; box-shadow: 0px 2px 5px #6f6f6f;}
.header_top .container {position:relative;}
.logo { float:left; padding:5px 0px;}
/****** NAV ******/
.nav {float:right; height:118px; line-height:118px;}
.nav ul {text-align:right; width:100%;}
.nav li {display:inline; margin-left:5px;}
.nav li:first-child {margin-left:0;}
.nav li a {color:#454545; font-weight:700; font-size:20px; padding:0px 15px; display:inline-block;}
.nav li a:hover, .nav li.active a {color:#ffffff; background-color:#3696cb;}
/****** SUB NAV ******/
.nav ul.sub {display:none; width:auto; position:absolute; background-color:#3696cb; min-width:150px; text-align:left; left:532px; top:118px; z-index:10;}
.nav ul.sub li {display:block; height:auto; line-height:normal; margin-left:0;}
.nav ul.sub li:hover, .nav ul.sub li:hover a, .nav ul.sub li.active, .nav ul.sub li.active a {background-color:#2f81af;}
.nav ul.sub li a {height:auto; color:#ffffff; display:block; font-size:16px;  padding:10px 15px; }
		/****** MOBILE NAV ******/
		.m_nav {float:right; width:70%; padding-top:50px; display:none;}
		.m_nav select {min-width:200px; width:100%; height:25px;}
/****** LANG NAV ******/
.lang {background-image:url(../images/lang_nav.png); background-repeat:no-repeat; position:absolute; width:207px; height:34px; top:118px; right:0px;}
.lang li {float:left; margin-left:5px;}
.lang ul {padding:5px 0px 0px 30px;}
.lang li:first-child {margin-left:0}

/********** HEADER SLIDE **********/
.header_slide {padding-top:118px; z-index:1000; text-align:center;}
.header_slide  .container {position:relative;}
.header_slide .text {position:absolute; right:0px; bottom:40px;}

.header_slide .overlay {text-align:right; position:absolute; right:0; bottom:150px; z-index:1002;}
.header_slide .overlay .large {font-size:90px; color:#ffffff; font-weight:700;  text-shadow: 2px 2px 3px #252525;}
.header_slide .overlay .medium {font-size:50px; color:#ffffff;  text-shadow: 2px 2px 3px #252525;}
.header_slide .overlay .small {font-size:16px; color:#ffffff; float:right; width:80%; line-height:23px;}
.header_slide .overlay .orange {color:#fd7202;}


/********** HEAD BOXES **********/
.head_boxes {z-index:1000; position:relative;}
.head_boxes .grid_4 {width:33.3%;}
.box {margin-top:-70px; z-index:1003; color:#ffffff;}
.box h1 {margin-bottom:25px;}
.box h1 span {font-weight:300; display:block;}
.box input, .box select {display:block; width:100%; margin-bottom:15px; height:30px; border:1px solid #d7d7d7;}
.box select.no_margin {margin-bottom:0;}
.box input.input_ikona {padding-left:30px;}
.box button {background-color:#303237; border:none; color:#ffffff; font-size:12px; padding:7px 12px; float:right; margin-top:5px; cursor:pointer;}
.box button:hover {background-color:#3696cb;}
.box li {position:relative;}
.box li a  {position:absolute; left:1px; top:1px;}
/****** CAMP ******/
.camp {background-color:#ffc000; padding:40px 3%;}
/****** APARTMENTS ******/
.apartments {background-color:#fd7202; padding:40px 3%;}
/****** WELCOME ******/
.mobile_homes {background-color:#3696cb; font-size:14px; position:relative; /*min-height:378px;*/ padding:40px 3%;}
.mobile_homes .icons {position:absolute; right:15px; top:-40px;}

/***************** CONTENT *****************/
.content {overflow:hidden; margin-top:40px;}
.highlight {color:#303237; font-size:40px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; text-transform:uppercase; text-align:center; margin:0px 0px 40px 0px; padding:0px 4%; line-height:42px;}
/********** INDEX BOXES **********/
.half_box {height:207px; margin-bottom:33px;}
.full_box {height:445px;}
/****** MAP ******/
.map {background-color:#373737; color:#ffffff; text-align:center; padding:63px 4% 0 4%; background-image:url(../images/map_bg.png); background-repeat:no-repeat;  background-position:bottom center; }
.map h2 span {display:block; font-weight:300; }
.map a {color:#ffffff;}
/*.map a:hover {color:#ffe701;}*/
/****** PLAN ******/
.plan {background-color:#d3b04f;color:#ffffff; text-align:center; padding:45px 4% 0 4%;}
.plan h2 span {display:block; font-weight:300; }
.plan a {color:#ffffff;}
/*.plan a:hover {color:#ffe701;}*/
.plan p {margin-top:10px;}
/****** NEWS ******/
.news {background-color:#ffffff; border: 1px solid #dedede; padding:25px;}
.news .date {margin:15px 0px; font-size:14px;}
.news .date span {background-image:url(../images/news_deco.gif); width:45px; height:45px; text-align:center; display:inline-block; line-height:45px;}
.news .title {font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color:#3696cb; margin-bottom:15px;}
.news p {font-weight:300; line-height:23px;}
.news .dot_nav a {background-image:url(../images/dot_nav.png); width:14px; height:14px; display:inline-block; text-indent:-9999px;}
.news .dot_nav a:hover, .news .dot_nav .active {background-image:url(../images/dot_nav_over.png);}
.news .dot_nav {margin-top:25px; overflow:hidde; text-align:center;}
.news .dot_nav li {display:inline; margin-left:5px;}
.news .dot_nav li:first-child {margin-left:0;}

.news .bx-pager-item {display:inline-block; margin-left:5px;}
.news .bx-pager-item:first-child {margin-left:0}

/****** WEATHER ******/
.weather {background-color:#ffe701; padding:25px 7%; color:#373737; }
.weather .date {margin:10px 0; display:block;}
.weather li.icon {margin-right:5%; width:31%;}
.weather li {float:left; }
.weather li.info {margin-top:11px; font-size:16px; width:64%;}
.weather li span {display:block; padding-top:7px; font-weight:700; font-size:30px;}
/****** CURRENCY ******/
.currency   {background-color:#3696cb; padding:25px 7%; color:#ffffff;}
.currency .top {margin-top:10px; overflow:hidden; margin-bottom:10px;}
.currency .top li {float:left; width:50%; overflow:hidden;}
.currency .top li:nth-child(2) {text-align:right;}
.currency .info li {margin:5px 0px;}
.currency .info li.white {background-color:#ffffff; color:#373737; padding:5px 0px;}
.currency .info li span {width:23.5%; display:inline-block; text-align:center;}
.currency p, .weather p {font-size:12px; margin-top:15px;}
.currency p a {color:#ffe701;}
/****** VIDEO ******/
.video   {background-color:#3696cb;}

/********** INDEX REST OF THE CONTENT **********/
/****** BANNERS ******/
.banners, .links {margin-top:50px;}
.banners h3 {margin-bottom:15px;}
.banners li {float:left; margin-left:0.8%; margin-bottom:10px; min-height:63px;}
.banners li:first-child {margin-left:0;}
/****** LINKS ******/
.links h3 {margin-bottom:15px;}
.links li {margin-bottom:10px;}
.links li a {color:#ab1000;}

.addthis {margin-top:50px;}

/***************** APARTMANi *****************/
.apartment {text-align:center;}
.apartment h2 {margin-bottom:30px;}
.apartment p {font-size:16px; line-height:23px;}
.apartment p strong {text-transform:uppercase; font-weight:700;}
/****** PICS ******/
.pics {background-color:#3696cb; overflow:hidden; padding:20px 0px; margin:50px 0px; clear:both;}
.pics .container {position:relative;padding:0px 70px;}
.pics ul {}
.pics li {float:left; width:23%; text-align:center; margin:0 1%;}
.pics .arrow_left {text-indent:-9999px; background-image:url(../images/arrow_left.gif); background-repeat:no-repat; width:46px; height:54px; /*margin-top:52px;*/ cursor:pointer; position:absolute; left:10px; top:0;}
.pics .arrow_left a {display:block; height:100%;}
.pics .arrow_left:hover {background-image:url(../images/arrow_left_over.gif); }
.pics .arrow_right {text-indent:-9999px; background-image:url(../images/arrow_right.gif); background-repeat:no-repat; width:46px; height:54px; /*margin-top:52px;*/ cursor:pointer; position:absolute; right:10px; top:0;}
.pics .arrow_right a {display:block; height:100%;}
.pics .arrow_right:hover {background-image:url(../images/arrow_right_over.gif);}

/*
.arrow_left  {text-indent:-9999px; width:25px; height:31px; position:absolute; left:0px; top:230px;}
.arrow_left a  {background-image:url(../images/arrow_left.png); display:inline-block; text-indent:-9999px; width:25px; height:31px; position:absolute; left:0px;}
.arrow_left a:hover {background-image:url(../images/arrow_left_over.png);}
.arrow_right  {text-indent:-9999px; width:25px; height:31px; position:absolute; right:0px; top:230px;}
.arrow_right a  {background-image:url(../images/arrow_right.png); display:inline-block; text-indent:-9999px; width:25px; height:31px; position:absolute; right:0px;}
.arrow_right a:hover {background-image:url(../images/arrow_right_over.png);}
*/

.mobile_home p {margin-bottom:25px;}
.mobile_home .grid_6 {text-align:left;}

/****** CJENIK ******/
ul.prices{border:1px solid #dedede;}
.prices li {overflow:hidden;  padding:10px 0;  }
.prices li.top {background-color:#3696cb; color:#ffffff; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; font-weight:700;}
.prices li span {width:25%; float:left; padding:0 3%;}
.prices li span:first-child {text-align:left;}
.prices li.grey {background-color:#dadada;}
.prices li.white {background-color:#ffffff;}
p.info {text-align:left; margin-top:30px; font-size:12px;}

.mh span {line-height:20px;}

/***************** REGIJA *****************/
.txt_pic {text-align:center; margin-bottom:20px; overflow:hidden;}
.txt_pic .images {margin:15px 0px 30px 0px; overflow:hidden;}
.txt_pic .images li {margin:0 1% 0 1%; float:left; width:23%;}
.txt_pic h2 {margin-bottom:30px;}
.txt_pic h4 {margin:15px 0px;}
.txt_pic p {line-height:23px;}

/***************** IZLETI *****************/
.trips  {text-align:left;}
.trips .article {overflow:hidden; margin-bottom:30px;}
.trips h3 {margin-bottom:15px;}
.trips .images  {margin:0;}
.trips .images li {width:100%; margin:0;}


/***************** GALERIJA *****************/
.gallery h2 {text-align:center; margin-bottom:30px;}
.gallery .grid_3 {margin:0 1% 30px 1%; }
.gallery .grid_3 p {text-align:center; padding-top:10px; font-weight:700; text-transform:uppercase;}
.gallery a, gallery a p {color:#303237;}
.gallery a:hover {color:#3696cb;}

/***************** KONTAKT *****************/
.contact li {margin-bottom:7px;}
.contact h2 {margin-bottom:30px;}
.google_map iframe {pointer-events: none;}

.form {clear:both; padding-top:30px;}
.form ul {display:flex;}
.form li {width:33%; height:45px; margin-right:15px; margin-bottom:15px;}
.form input, .form textarea, .form input, .form select {width:100%; height:100%; border:none; font-size:13px;}

.form li.message {width:100%; height:200px;}
.form textarea {width:100%;}

.form button {background-color: #303237; border: none; color: #ffffff; font-size: 12px; padding: 7px 12px; float: right; margin-top: 5px; cursor: pointer; margin-right:15px;}
.form button:hover {background-color:#3696cb;}

@media screen and (max-width : 480px) {
	.form ul {flex-direction:column;}
	.form li {width:100%; margin-right:0;}
	.form button {margin-right:0;}
}

/***************** BOOKING *****************/
/****** MAP ******/
.tr_overlay {background-color:#3c3c3c; width:100px; height:100px; position:absolute; opacity:0.40; top:0;left:0;}
.blueprint {position:absolute; z-index:1004; /*width:800px; height:650px;*/ text-align:center; background-color:#ffffff; left:30%; top:100px; display:none;}
.blueprint .close {float:right; padding:15px 15px 0px 0px; position:relative; z-index:1007; cursor:pointer;}
.b_img {background-image:url(../images/plan_kampa_bkg.gif); width:577px; height:650px; position:relative;}
.numbers a {font-size:14px; width:25px; height:25px; line-height:25px; background-color:#ffffff; border-radius:20px; position:absolute;}
.letters span {font-size:14px; width:25px; height:25px; line-height:25px; background-color:#ffffff; position:absolute;}
.letters span.e {width:26px;}
.numbers a:hover {background-color:#ffe701;}
._1 {bottom:123px; left:55px;}
._2 {bottom:179px; left:70px;}
._3 {bottom:219px; left:100px;}
._4 {bottom:262px; left:100px;}
._5 {bottom:355px; left:42px;}
._6 {bottom:397px; left:40px;}

._7 {left:129px; top:116px;}
._8 {left:129px; top:161px;}
._9 {left:129px; top:209px;}
._10 {left:199px; top:106px;}
._11 {left:199px; top:161px;}
._12 {left:199px; top:209px;}
._13 {left:193px; top:259px;}

._14 {left:295px; top:64px;}
._15 {left:291px; top:110px;}
._16 {left:287px; top:157px;}
._17 {left:285px; top:204px;}
._18 {left:282px; top:253px;}

._19 {left:242px; top:344px;}

._20 {left:343px; top:344px;}
._21 {left:193px; top:448px;}
._22 {left:266px; top:424px;}
._23 {left:271px; top:465px;}
._24 {left:271px; top:516px;}
._25 {left:270px; top:573px;}

._26 {left:346px; top:402px;}
._27 {left:343px; top:458px;}
._28 {left:343px; top:517px;}
._29 {left:342px; top:576px;}

._30 {left:405px; top:402px;}
._31 {left:403px; top:458px;}
._32 {left:403px; top:517px;}
._33 {left:403px; top:576px;}

._34 {left:506px; top:402px;}
._35 {left:506px; top:458px;}
._36 {left:506px; top:517px;}
._37 {left:506px; top:576px;}

.a {left:50px; top:382px;}
.b {left:37px; top:172px;}
.c {left:290px; top:300px;}
.d {left:192px; top:522px;}
.e {left:120px; top:573px;}
.f {left:37px; top:101px;}
.g {left:52px; top:574px;}
.h {left:454px; top:591px;}
.i {left:77px; top:115px;}
.i2 {left:259px; top:45px;}

.booking a.map_link {position:relative; color:#3696cb; left:auto; top:auto;}
.booking a.map_link:hover {text-decoration:underline;}
.two_fields p {padding-top:26px;} 
.booking .images li {margin-bottom:15px;}

.legend {text-align:left; position:absolute; right:20px; top:29px; width:200px; font-size:13px;}
.legend span.left {/*margin-right:10px;*/ display:inline-block; float:left; width:12px; margin-right:5px; height:16px;}
.legend span.right {float:left; width:183px; display:inline-block;}
.legend li {margin-bottom:7px; overflow:hidden; }
.legend span.color { height:12px;}
.legend span.red {background-color:#e6051c; color:#e6051c;}
.legend span.blue {background-color:#4da0d8; color:#4da0d8;}
.legend span.green {background-color:#9bef59; color:#9bef59;}

/******CALENDAR*****/
.booking ._calendar {margin-bottom:15px; clear:both; overflow:hidden;}
.booking .cal_head {clear:both; overflow:hidden;}
.booking strong.big {display: block; font-size: 18px; margin-bottom: 15px;}  
.booking .legenda li { float:left;}
.booking .legenda ul {float:left; margin-right:30px; text-align:center; margin-bottom:10px;}
.legenda .color {width:15px; margin-right:10px;}
.legenda .orange {background-color:#fd7202; color:#fd7202;}
.legenda .blue {background-color:#4da0d8; color:#4da0d8;}
.booking .calendar li {background-color:#ffffff; color:#3696cb;}
.booking .calendar li.orange {color:#fd7202;}
.booking .calendar li.blue {color:#4da0d8;}
.booking .calendar li.month {background-color:unset; color:#373737;}
.booking .calendar li.day {background-color:unset; color:#373737;}

.booking .calendar {width:212px; margin:10px 30px 0px 0px; position:relative; overflow:hidden; float:left;}
.booking .calendar li {float: left; font-size: 14px; height:28px; line-height: 34px; margin:1px; text-align: center; width:28px;}
.booking .calendar li.sunday {color:#eb6200;}
.booking .calendar li.month {font-weight:700; font-size:16px; padding-left:7px; color:#51575d; margin-bottom:10px; text-align:left; float:none;}


/****** FORMS ******/
.step_1 {color:#373737; }
.booking .box {margin-top:0;}
.booking  h2 {color:#373737; margin-bottom:30px;}
.booking .box label {color:#303237; font-size:14px; margin-bottom:5px; display:block;}
.booking .box select {height:30px; width:100%;}
.booking .box input {margin-bottom:0;}
.booking button {clear:both; float:none; display:block;}
.booking form ul {margin-bottom:30px; overflow:hidden;}

/****** FORMS ONE FIELD******/
.booking .one_field ul {width:48%;}
/****** FORMS TWO FIELDS******/
.booking .two_fields {overflow:hidden;}
.booking .two_fields ul {float:left; width:48%;}
.booking .two_fields ul.first {margin-right:2%;}
/****** FORMS THREE FIELDS******/
.booking .three_fields {overflow:hidden;}
.booking .three_fields ul {float:left; width:31%; margin-right:2%;}
/****** FORMS FOUR FIELDS******/
.booking .four_fields ul {float:left; width:23%; margin-right:2%;}
/****** FORMS FOUR FIELDS******/
.small_fields ul {float:left; margin-right:5%; width:auto; text-align:center;}

/****** STEP 2 ******/
.step_2 {color:#303237;}
.booking .box h4 { margin-bottom:30px;}
.booking .info {color:#303237; margin-bottom:30px;}
.booking .info p {margin-bottom:10px;}
.step_2 em { font-size:12px;  display:block; margin-bottom:30px;}


/***************** FOOTER *****************/
.footer {margin-top:50px;}
.footer_img {text-align:center;}
/********** FOOTER BOTTOM **********/
.footer_bottom {background-color:#ffe701; height:76px;line-height:76px; margin-top:-2px;}
.footer ul {float:left;}
.footer li {float:left; margin-left:15px;}
.footer li:first-child {margin-left:0;}
.footer li a, .footer .signature a {color:#373737; font-size:12px;}
.footer a:hover {text-decoration:underline;}
.footer .signature {float:right; font-size:11px;}


#tablet {display:none;} #smartphone {display:none;}

/***************** RESPONSIVE *****************/

@media screen and (max-width : 1150px) {
	/********** HEADER TOP **********/
	.header_top {padding-bottom:20px; position:relative;}
	.header_slide {padding-top:0;}
	.header_slide .overlay {display:none;}
	/****** LOGO ******/
	.logo {float:none; text-align:center;}
	/****** NAV ******/
	.nav {float:none; height:auto; line-height:normal; }
	.nav ul {text-align:center;}
	.nav li {line-height:normal; margin-left:5px; }
	.nav li a {font-size:16px;}	
	.nav li:first-child {margin-left:0;}
	.nav li a { padding:5px 10px;}
	/****** NAV ******/
	.lang {top:0; background-image:none; width:auto; right:20px;}

	.box h1 {font-size:30px;}
 }

@media screen and (max-width : 1024px) {
	#desktop {display:block;} #smartphone {display:none;} #tablet {display:none;}
	/********** HEAD BOXES **********/
	.camp, .apartments, .mobile_homes {padding:30px 3%;}
	.mobile_homes .icons {top:-45px;}
	/********** INDEX BOXES **********/
	.index_boxes .grid_4 {width:100%;}
	.index_boxes .grid_4 .half_box {width:49.2%; float:left; margin-bottom:15px;}
	.map, .weather {margin-right:1.5%;}
	.weather, .currency {padding:25px 3%; margin-top:15px;}
	.video {margin-top:15px;}
	.full_box {height:auto;}

	.banners, .links {width:100%;}

	.pics li {width:23%;}
	.pics li.arrow_left {display:none;}
	.pics li.arrow_right {display:none;}
}

@media screen and (max-width : 950px) {
	#desktop {display:none;} #smartphone {display:none;} #tablet {display:block;}
}

@media screen and (max-width : 780px) {
	/*header*/
	.header_top {position:fixed;}
	.header_slide {padding-top:100px;}
	/****** LOGO ******/
	.logo {float:left; width:80px; height:80px;}
	/****** NAV ******/
	.nav {display:none;}
	.m_nav {display:block;}	
}

@media screen and (max-width : 768px) {
	#desktop {display:none;} #smartphone {display:none;} #tablet {display:block;}
	/********** BOOKING **********/
	.blueprint {display:none;}
	p.link_blueprint {display:none;}
}

@media screen and (max-width : 750px) {
	#desktop {display:none;} #smartphone {display:none;} #tablet {display:block;}
	/********** HEAD BOXES **********/
	.camp, .apartments {padding:20px 3%;}
	/********** FOOTER **********/	
	.footer_bottom { line-height:normal;}
	.footer ul {float:none; padding:10px 0;}
	.footer .signature {float:none; margin-top:15px; clear:both;}
	/***************** REGIJA *****************/
	.txt_pic .images li {margin:0 1% 0 1%; float:left; width:48%; margin-bottom:10px;}
	/***************** IZLETI *****************/
	.txt_pic .article .grid_4, .txt_pic .article .grid_8 {width:100%;}
	/***************** GALERIJA *****************/
	.gallery .grid_3 {width:48%;}
}

@media screen and (max-width : 700px) {
	#desktop {display:none;} #smartphone {display:none;} #tablet {display:block;}
	/********** HEAD BOXES **********/
	.head_boxes {padding:0; }
	.head_boxes .grid_6 {width:100%;}
	.box {margin-top:-2px;}
	.box h1 span {display:inline;}
	.mobile_homes .icons {display:none;}
	.camp, .apartments {padding:20px 3%;}
	.box li {width:32%; float:left; margin-left:2%;  margin-bottom:0;}
	.box li:first-child {margin-left:0;}
	/*.box button {float:left; margin-top:0;}*/
	/********** BOOKING **********/

	.booking .box li {width:auto; float:none; margin-left:0;}
	.booking .legenda .color {width:15px; margin-bottom:5px;}
	.booking .calendar li {float:left;  margin: 0 0 4px; width:30px;}
	/********** HIGHLIGHT **********/
	.highlight  {font-size:30px; line-height:30px;}
	/********** CONTACT **********/
	.contact .grid_8, .contact .grid_4 {width:100%;}
	.contact .grid_8 {margin-bottom:30px;}
}

@media screen and (max-width : 670px) {
	#desktop {display:none;} #smartphone {display:none;} #tablet {display:block;}
	.currency .info li span {width:23%;}	
}

@media screen and (max-width : 650px) {
	#desktop {display:none;} #smartphone {display:block;} #tablet {display:none;}

	/****** LANG ******/
	.lang { right:10px; top:10px; }
	/***************** APARTMANi, AUTOKAMP *****************/
	.pics li { float:none; margin:15px 1% 0 1%; width:98%; }
}

@media screen and (max-width : 600px) {
	#desktop {display:none;} #smartphone {display:block;} #tablet {display:none;}
	/********** BOOKING **********/	
	.booking .grid_4 {display:none;}
	.booking .grid_8 {width:100%;}
}

@media screen and (max-width : 480px) {
	#desktop {display:none;} #smartphone {display:block;} #tablet {display:none;}
	/********** HEADER OVERLAY **********/	
	.header_slide {padding-top:100px;}
	.header_slide .overlay {display:none;}
	/********** INDEX BOXES **********/
	.index_boxes .grid_4 .half_box {width:100%; float:none; margin-bottom:15px;}
	/********** REGIJA **********/
	.txt_pic .images li { float:left; width:100%; margin-bottom:10px;}
	/***************** GALERIJA *****************/
	.gallery .grid_3 {width:98%;}
	/***************** BOOKING *****************/
	.booking .box ul {width:100%; margin-bottom:15px;}
	.booking .legenda ul {width:auto;}
	/***************** FOOTER *****************/
	.footer_bottom {height:auto;}
	.footer ul {display:none;}
	.footer .signature {padding:10px 0px; margin-top:0;}
	.two_fields p {padding-top:0;}
}