/* CSS Document */
/* #DONT TOUCH THIS - SKELETON MARKUP
================================================== */
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }
	
/* #DONT TOUCH THIS - SKELETON MARKUP END
================================================== */



/* #RESPONISVE STYLING
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.header .logo a{
		font-size:1.5em;	
		}
		.topmeni ul li a {
		padding: 0px;
		}
		.topmeni ul li a{
		font-size:0.75em;	
		}
		.caption.top_left {
		top: 2em;
		}
		
		caption p {
		font-size: 0.875em;
		}
		.tabs {
		margin-left:0;	
		}
		.tab_img strong {
		bottom: 45px;
		}
		.ui-datepicker{
		padding:0;	
		}
		#datepicker, .ui-widget-content{
		width:100%;	
		}
		.calendar h3{
		margin-left:0px;	
		}
		iframe{
			/*
		height:950px !important;	
		*/
		}
		.contact_form input[type="text"]{
		width:148px;	
		}
		.contact_form textarea{
		width:532px;
		}
		.aktuel .text-align-left span{
		margin-left:0px;	
		}
		.tabs ul li a{
		font-size:0.875em;	
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 767px) {
		.logo{
		text-align:center;	
		}
		.header .logo a small {
		margin-left: -30px;
		}
		.caption h1 {
		font-size: 1.2em;
		}
		.caption p{
		font-size:0.75em;	
		}
		.caption.top_left {
		left: 3em;
		}
		.caption p {
		display:none;	
		}
		.caption a {
		font-size: 0.875em;
		margin-top: 30px;
		}
		.aktuel .text-align-left{
		text-align:center;	
		}
		.aktuel .text-align-left span {
		display: inline-block;
		float: none;
		}
		
		.aktuel .text-align-right a {
		float: none;
		display: inline-block;
		}
		.aktuel .text-align-right{
		text-align:center;	
		}
		.st25 {
		width: 50%;
		margin:0;
		}
		.tabs ul li a{
		font-size:0.875em;
		}
		.features span{
		margin-bottom:35px;	
		}
		.tabs{
		margin-bottom:35px;	
		}
		.flex-carousel .flex-direction-nav .flex-prev, .flex-carousel2 .flex-direction-nav .flex-prev {
		left: 85%;
		top: -8px;
		}
		.flex-carousel .flex-direction-nav .flex-next,  .flex-carousel2 .flex-direction-nav .flex-next{ top:-8px; }
		.logo2, .adresa{
		text-align:center;	
		}
		.adresa{
		margin-bottom:35px !important;	
		}
		.topmeni2{
		display:none !important;	
		}
		.mobile_menu2{
		display:block !important;
		padding:20px 0;	
		}
				iframe{
					/*
		height:1450px !important;	*/
		}
		.contact_form input[type="text"]{
		width:396px;	
		}
		.contact_form textarea{
		width:396px;
		}
		.tabs ul li a{
		padding: 10px 20px;
		}
		.aktuel .centar h3{
		text-align:center;	
		}
		.footer_social{
		margin-bottom:35px;	
		}
		.bottom_menu ul li a {
		text-decoration: none;
		font-weight: 600;
		padding:0px;
		font-size: 0.75em;
		}
		.copy, .copy .created_by{
		text-align:center;	
		}
		.created_by{
		padding-top:10px;	
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width : 479px){
		.caption{
		display:none;	
		}
		.st25{
		width:100%;	
		}
		.tabs ul li a {
		padding: 10px;
		}
		.tab_img, .tab_desc {
		width: 90%;
		}
		.tab_img{
		margin-bottom:35px;	
		}
		.topmeni{
		display:none !important;	
		}
		.mobile_menu{
		display:block !important;
		}
		.adresa{
		font-size:0.80em !important;	
		}
		.contact_form input[type="text"]{
		width:276px;	
		}
		.contact_form textarea{
		width:276px;
		}
		.aktuel .centar h3{
		font-size:0.875em;
		line-height:1.5em;	
		}
		
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:2) {
    	
	}
	
/* #Media Queries END
================================================== */

/* #RESPONISVE END
================================================== */