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

	@media only screen and (max-width: 979px) {
		.container980{width: 960px;}
		.pad										{padding:0}
	}
/* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
		.pad										{padding:0}
        .container ,.container980          { width: 768px; }
        .container .column,.container980,
        .container .columns ,.container980 .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.
		.container980 .one.column,
        .container980 .one.columns                     { width: 28px; }
        .container .two.columns,.container980 .two.columns                     { width: 76px; }
        .container .three.columns,.container980 .three.columns                   { width: 124px; }
        .container .four.columns,.container980 .four.columns                    { width: 172px; }
        .container .five.columns,.container980 .five.columns                    { width: 220px; }
        .container .six.columns,.container980 .six.columns                     { width: 268px; }
        .container .seven.columns,.container980 .seven.columns                   { width: 316px; }
        .container .eight.columns,.container980 .eight.columns                   { width: 364px; }
        .container .nine.columns,.container980 .nine.columns                    { width: 412px; }
        .container .ten.columns,.container980 .ten.columns                     { width: 460px; }
        .container .eleven.columns,.container980 .eleven.columns                  { width: 508px; }
        .container .twelve.columns,.container980 .twelve.columns                  { width: 556px; }
        .container .thirteen.columns,.container980 .thirteen.columns                { width: 604px; }
        .container .fourteen.columns,.container980 .fourteen.columns                { width: 652px; }
        .container .fifteen.columns,.container980 .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns,.container980 .sixteen.columns                 { width: 748px; }

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

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


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

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

    @media only screen and (max-width: 767px) {
		.pad										{padding:0}
        .container,.container980 { width: 300px; }
        .container .columns,
        .container .column,
		.container980 .columns,
        .container980 .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,
		.container980 .one.column,
        .container980 .one.columns,
        .container980 .two.columns,
        .container980 .three.columns,
        .container980 .four.columns,
        .container980 .five.columns,
        .container980 .six.columns,
        .container980 .seven.columns,
        .container980 .eight.columns,
        .container980 .nine.columns,
        .container980 .ten.columns,
        .container980 .eleven.columns,
        .container980 .twelve.columns,
        .container980 .thirteen.columns,
        .container980 .fourteen.columns,
        .container980 .fifteen.columns,
        .container980 .sixteen.columns,
        .container980 .one-third.column,
        .container980 .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,


		.container980 .offset-by-one,
        .container980 .offset-by-two,
        .container980 .offset-by-three,
        .container980 .offset-by-four,
        .container980 .offset-by-five,
        .container980 .offset-by-six,
        .container980 .offset-by-seven,
        .container980 .offset-by-eight,
        .container980 .offset-by-nine,
        .container980 .offset-by-ten,
        .container980 .offset-by-eleven,
        .container980 .offset-by-twelve,
        .container980 .offset-by-thirteen,
        .container980 .offset-by-fourteen,
        .container980 .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) {
		.pad										{padding:0 }
        .container,.container980 { width: 420px; }
        .container .columns,
        .container .column,
		.container980 .columns,
        .container980 .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,


		.container980 .one.column,
        .container980 .one.columns,
        .container980 .two.columns,
        .container980 .three.columns,
        .container980 .four.columns,
        .container980 .five.columns,
        .container980 .six.columns,
        .container980 .seven.columns,
        .container980 .eight.columns,
        .container980 .nine.columns,
        .container980 .ten.columns,
        .container980 .eleven.columns,
        .container980 .twelve.columns,
        .container980 .thirteen.columns,
        .container980 .fourteen.columns,
        .container980 .fifteen.columns,
        .container980 .sixteen.columns,
        .container980 .one-third.column,
        .container980 .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) {
		.top_menu ul li a{
		font-size:0.75em;
		padding:5px 5px;
		}
		.single_slider{
		position: relative;
		top: -129px;
		margin-bottom: -116px;
		}
		.tages_content span {
		padding-left: 50px;
		}
		.image_block.wine .blackbox{
		font-size:0.875em;
		top: 10%;
		}
		.background_div .backgroun_div_content h3 {
		font-size:1.2em;
		padding: 5% 0 1.5% 0;
		}
		.background_div .backgroun_div_content {
		font-size:1em;
		}
		.box_slider_container .flex-direction-nav .flex-prev {
		left:156px;
		}
		.box_slider_container.flexslider:hover .flex-prev {left: 156px; }

		.event_detail .wrap i.data {
		padding-left: 30px;
		}
		.calendar .one-third.column{
		width:492px;
		margin:0;
		}
		.calendar select{
		padding:5px 12px;
		width:470px;
		}
		.calendar input[type="text"]{
		width:446px;
		}
		.form-one .wrap{
		padding-bottom:0;
		}
		.date-form .wrap{
		padding-top:0;
		}
		.kontakt_page .contact_form input, .kontakt_page .contact_form textarea{
		width:308px;
		}
		.single_slider_container a .info, .single_slider_container a .info strong {
		width:200px;
		}
		.single_slider_container a .info .button{
		padding:5px 10px;
		}
		.footer .newsletter input[type="text"], .footer .newsletter input[type="email"] {
		width: 214px;
		}
		.contact_details ul li.a{
		width:40%;
		}
		.contact_details ul li.b{
		width:60%;
		}
		.image_block.wine .absoluter{
		bottom:10px;
		}
		.image_block.wine h3 i{
		display:block;
		padding:0;
		margin:4px 0;
		}
		.image_block.wine .blackbox{
		padding:10px;
		}
		.image_block.wine h3 a{
		font-size:0.875em;
		display:block;
		margin: 0px auto;
		padding:5px 10px;
		}
		.address_f {
		display: block;
		margin-top: 49px;
		}
		.events_trio_content .one-third.column{
		width:236px;
		margin:0 0 20px 0 !important;
		}
		.container.hits .eight.columns{
		width: 364px;
		margin:0 0 20px 0 !important;
		}

	}
	/* 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) {
		.top_menu{
		display:none !important;
		}
		.logo{
		text-align:center;
		}
		.mobile_menu{
		display:block !important;
		position:relative;
		z-index:200;
		}

		.slider {
		top: -196px;
		margin-bottom:-196px;
		}

		.info_buttons{
		position:static;
		top: 0px;
		margin-bottom:0px;
		}
		.single_slider{
		position: relative;
		top: -130px;
		margin-bottom: -85px !important;
		}
		.info_buttons ul{
		width:250px;
		float:none;
		margin:0 auto;
		}
		.info_buttons ul li a{
		margin:0 5px;
		}
		.content {
		padding: 35px 0;
		}
		.tagesmenu{
		margin-bottom:25px;
		}
		.background_div .backgroun_div_content h3 {
		font-size: 1.2em;
		padding: 2% 0 0 0;
		}


		.image_block.wine .blackbox {
		top: 25%;
		}
		.footer .news, .footer .kontakt{
		margin-bottom:35px;
		}
		.footer .kontakt span {
		padding-left: 0px;
		}
		.footer h4{
		margin-bottom:15px;
		}
		.footer .newsletter input[type="button"] {
		width: 300px;
		}

		.copyright, .copyright .createdby{
		text-align:center;
		}
		.box_slider_container .flex-direction-nav .flex-prev {
		left:340px;
		}
		.box_slider_container.flexslider:hover .flex-prev {left: 340px; }

		.veliki_slider .flex-direction-nav a {
		display: block;
		width: 17px;
		height: 26px;
		margin: -13px 0 0;
		background:url(../images/directional_nav_light1.png) top left no-repeat;
		}
		.veliki_slider .flex-direction-nav .flex-next {
		top:45%
		}
		.veliki_slider .flex-direction-nav .flex-prev{
		top:45%;
		}
		.event_detail .wrap .table, .event_detail .wrap i.img, .event_detail .wrap i.data{
		display:block;
		}
		.event_detail .wrap i.img{
		margin:0 auto 25px auto;
		width: 70%;
		}
		.event_detail .wrap span.price{
		margin:20px auto 0 auto;
		}
		.event_detail .wrap i.data{
		text-align:center;
		padding:0;
		}
		.event_detail{
		margin-bottom:35px !important;
		}
		.calendar .one-third.column{
		width:420px;
		margin:0;
		}
		.calendar select{
		padding:5px 12px;
		width:400px;
		}
		.calendar input[type="text"]{
		width:373px;
		}
		.kontakt_page .contact_form input, .kontakt_page .contact_form textarea{
		width:364px;
		}
		.mape .pola{
		width:100%;
		}
		.news_block{
		padding-bottom:35px;
		}
		.single_slider_container a .info, .single_slider_container a .info strong {
		width:256px;
		}
		.single_slider_container a .info .button{
		padding:10px 10px;
		}
		.footer .newsletter input[type="text"], .footer .newsletter input[type="email"] {
		width: 398px;
		}
		.footer .newsletter input[type="button"] {
		width: 420px;
		}
		.hits .wrap .monat_wrap .desc .monat-price{
		margin-top:15px;
		}

		.background_div .backgroun_div_content{
		display:none;
		}
		.thirds .calendar{
		margin-bottom:30px;
		}
		.footer .kontakt h4{
		padding-left: 0px;
		}
		.address_f {
		display: block;
		margin-top: 20px;
		}
		.events_trio_content .one-third.column{
		width:420px;
		margin:0 0 20px 0 !important;
		}
		.container.hits .eight.columns{
		width: 420px;
		margin:0 0 20px 0 !important;
		}


	}

	@media only screen and (max-width : 593px){
		.veliki_slider .flex-direction-nav .flex-next {
		top:40%;
		right:40px;
		}
		.veliki_slider .flex-direction-nav .flex-prev{
		top:40%;
		left:40px;
		}
	}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width : 479px){
		.single_slider{
		display:none !important;
		}
		.info_buttons ul{
		margin-top:25px;
		}
		.tages_content span i {
		right:20px;
		}
		.tages_content span {
		padding-left: 35px;
		padding-right: 30px;
		}
		.tages_content {
		padding: 5px 0px 20px 0px;
		}
		.image_block h3 {
		margin: 0 auto -37px auto;
		bottom: 37px;
		font-size:0.875em;
		line-height:normal;
		}
		.blackbox {
		padding: 10px;
		}
		.image_block.wine .blackbox {
		top: 10%;
		}
		.background_div{
		display:none;
		}
		.thirds {
		padding: 20px 0 20px 0;
		}
		.box_slider_container .flex-direction-nav .flex-prev {
		left:220px;
		}
		.box_slider_container.flexslider:hover .flex-prev {left: 220px; }

		.hits .wrap .monat_wrap{
		display:block;
		}
		.hits .wrap .monat_wrap .img, .hits .wrap .monat_wrap .desc{
		display: block;
		vertical-align: top;
		width:100%;
		padding:0;
		}
		.hits .wrap .monat_wrap .img {
		width: 100%;
		margin:0 0 15px 0;
		padding:0;
		}
		.hits .wrap .monat_wrap .desc .monat-info, .hits .wrap .monat_wrap .desc .monat-price {
		position: static;
		display:block;
		width:100%;
		padding:10px 0;
		margin-top:15px;
		}
		.acc_content .table .name, .acc_content .table .price{
		display:block;
		width:100%;
		}
		.acc_content .table .price{
		text-align:left !important;
		}
		.acc_content .table .price strong {
		float: left;
		}
		.acc_content .table .price small {
		width: 100px;
		}
		.image_block .absoluter{
		bottom:15px;
		}
		.events_trio a.next_event{
		right:10px;
		}
		.events_trio a.prev_event{
		left:10px;
		}
		.calendar .one-third.column{
		width:300px;
		margin:0;
		}
		.calendar input[type="text"]{
		padding:5px 12px;
		width:237px;
		}
		.calendar select{
		width:280px;
		}
		.kontakt_page .contact_form input, .kontakt_page .contact_form textarea{
		width:244px;
		}
		.mape .pola{
		height:300px;
		}
		.contact_details ul li.a, .contact_details ul li.b{
		width:100%;
		}
		.footer .newsletter input[type="text"], .footer .newsletter input[type="email"] {
		width: 278px;
		}
		.footer .newsletter input[type="button"] {
		width: 300px;
		}
		.events_trio_content .one-third.column{
		margin-bottom:25px;
		}
		.veliki_slider .flex-direction-nav{
		display:none !important;
		}
		.image_block.wine .blackbox{
		display:none;
		}
		.image_block.wine h3 i{
		margin:10px 0;
		}
		.events_trio_content .one-third.column{
		width:300px;
		margin:0 0 20px 0 !important;
		}
		.container.hits .eight.columns{
		width: 300px;
		margin:0 0 20px 0 !important;
		}
		.logo img{
		width:150px;
		}
	}

	@media screen and (-webkit-min-device-pixel-ratio:2) {

	}

/* #Media Queries END
================================================== */
/* #RESPONISVE END
================================================== */