/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Menus */
	.menu-dropdown .stack .column ul.level2 {
		margin-top: 3px;
		margin-left: 0;
	}

	.menu-dropdown .stack .column:first-child ul.level2 { margin-top: 0; }

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
  #bottom-a,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller { display: none; }
  
   /*     */       
  .footer-item {width: 29%; margin: 10px 0px 15px 29px; font-size: 16px; }    
  .footer-item a {font-size: 16px; } 
  #footer {width: 670px;}
   body { min-width: 675px; font-size: 14pt; }  
  .blog-image { width: 140px; }  
  .box-cijena { width: 115px; padding: 0 10px 0 0;}
  .price-bkg-box { width: 125px; } 
  .BlogView-item { width: 645px; }  
  
  .blog-intro { width: 245px; margin: 0 10px 5px 5px;  font-size: 13pt;}
  .cck_page_list .blog-intro { width: 235px;}
  .cck_page_list .blog-datumi, .blog-datumi  { 
   width: 115px; 
   margin: 0 0 0 0px; 
   font-size: 16px; 
   max-height: 90px;
   overflow: hidden; }    
  .izdvojeno-1  { margin: -11px 0 8px 0; }
  .izdvojeno-2  { display: none; margin: 0 0 15px 5px; }
  a.HomeRollover { font-size: 12pt !important; }
  #stil { font-size: 23px; }
  h1 { font-size: 21px;}
  #hp-izdvojeno-3, #remove-footer-item, #sidebar-a { display: none; }   
  .hp-box { min-width:645px;}           
  .putovanje-intro-box {  height: 220px; width: 630px; }      
  .intro-box-galerija { display: none; }
  .intro-box-h-line { margin: -5px 0 -11px 22px; }
  article h1.title { font-size: 18px; line-height: 25px; }  
  
  .intro-box-image { width:339px;}    
  .intro-text-box {width: 297px; height: 210px; background-color: white; font-size: 12pt; line-height: 15pt; color: #5C5C5C; margin-left:-7px;} 
  .button-upit { right: 159px; bottom: 6px; } 
  .button-rezervacija { right: 40px; bottom: 6px; }    
  .intro-text-box-price, #map-segment, #blog-datumi-krstarenje, #search-datumi-krstarenje {display: none !important;}  
  #blog-intro-krstarenje, #search-intro-krstarenje {width: 310px;}  
  #blog-datumi-mediteran, #search-datumi-mediteran {width: 106px; margin: 0 0 0 0px;}
  #blog-intro-mediteran, #search-intro-mediteran {width: 255px; }
              
  #ce-cf-container-21, #ce-cf-container-22, #ce-cf-container-23, 
  #ce-cf-container-24, #ce-cf-container-31, #ce-cf-container-32, 
  #ce-cf-container-33, #ce-cf-container-34, #ce-cf-container-39, 
  #ce-cf-container-41, #ce-cf-container-43, #ce-cf-container-44, 
  #ce-cf-container-46, #ce-cf-container-48, #ce-cf-container-50, 
  #ce-cf-container-52, #ce-cf-container-61, #ce-cf-container-62 
  { margin-right: 60px; }  
  
  .nn_tabs, label.cf-label,  .nn_tabs .nav-tabs>li{ font-size: 14pt }
  .nn_tabs, .nn_tabs .stil_B, .nn_tabs #stil_B { font-size: 15pt }
  .ce-radiobox-container label { font-size: 13pt; margin-left: 5px; line-height: 19pt;}
  
  
  .info-segments {width:660px; display:table; float:none;}
  .info-segment-1, .info-segment-1 div, .info-segment-2  { width:660px !important; font-size: 17pt; line-height: 24px; color: #5C5C5C; float: none !important;}     
  .info-segment-1 {  display: table-footer-group; }
  .info-segment-2 { display: table-header-group; }
  
  .svi_tabovi { width:660px; margin:25px 0 0 0}
  .master, .master .nn_tabs, .nn_tabs, table#tablicaTermini {width:660px !important;}
  .master .nn_tabs.outline_content>.tab-content { font-size: 11pt; }
  
  .nn_tabs>ul.nav-tabs>li>a { background-color: #fff; }
  .nn_tabs.outline_content>.tab-content, .nn_tabs .nav-tabs>li.active>a { background-color: #F5F5F5;} 
  
  iframe {width: 100%; }
  
  #tablicaTermini, #tablicaTermini head, .button-default {font-size: 12pt;}
  
  .carousel {background-size: 70% !important;}
   
          
              
   

	/* System All */
	.searchbox { height: 30px; }
	.searchbox input { height: 17px; }

}

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

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Tools */
	.button-more + [class*=button-],
	.button-default + [class*=button-],
	.button-primary + [class*=button-] { margin: 10px 10px 0 0; }

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}

	#system .item > .links a { margin-right: 5px; }

}

/* Only Touch Devices */
@media (max-device-width: 1024px)  {

	/* Layout */
	#toolbar,
	#header,
	#footer,
	#content,
	.module,
	.wk-slideset-drive li > article { box-shadow: none; }        

	/* Tools */
	form.style select { color: #222; }
}