html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    
	color: #323232;
	font-family: 'Open Sans', sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
.dropdown, .dropup {
    position: initial;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a:focus {
	text-decoration: none;
}
.clearfix:before, .clearfix:after {
	content: " "; 
	display: table;
}

.clearfix:after { 
	clear: both;
}
a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
	height: 0px;
}
.cright {
	text-align: right;
}
.ccenter {
	text-align: center;
}
.cleft {
	text-align: left;
}
.mobile {
	display: none;
}
/************************* HEADER CSS **************************/

.meldingBar{
    padding: 7px 0;
    background-color: #000;
}
.meldingBar .message{
    text-align: center;
    color: #9ece67;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
}
.ovignes .container {
	position: relative;
	max-width: 1400px;
	width: 100%;
	/*padding: 0 140px;*/
}
.hero {
  
    background-color: white;
}
.hero-white {
  
    /*background-color: #eaeaea;*/
    background:linear-gradient(rgba(234, 234, 234, 0.65), rgba(234, 234, 234, 0.65)), url(../img/title-back.jpg);
    /*background: url(../img/title-back.jpg);*/
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}
.hero-content {
    text-align: center;
    color: #fff;
	font-size: 15px;
}
.ovignes nav {
	background: #9b7545;
}
.hero-inner {
    
}
.hero-inner .container{  
	
    padding-bottom: 25px;
    padding-top: 25px;
}

.hero-inner2 .container{  
    padding-bottom: 35px;
    padding-top: 75px;
}

.hero-content h2 {
    font-size: 43px;
    font-family: 'IM Fell French Canon', serif;
	margin-bottom: 13px;			
}
.hero-bottom li, .hero-bottom li a > * {
    display: inline-table;
    vertical-align: middle;
    color: black;
    /*font-family: 'IM Fell French Canon', serif;*/
    font-size: 16px;
    text-transform: uppercase;
}

.hero-bottom ul{margin: 0 auto; display: block; text-align: center;}
.hero-bottom li {
    margin-right: 15px;
}
.hero-bottom li a > i {
    margin-right: 7px;
    color: black;
}
.hero-bottom li a:hover {
    opacity: 0.8;
}
.hero-bottom {
    padding: 11px;
}

.hero-bottom2 ul li a i, .hero-bottom2 ul li a span {color: #9b7545;}
.logo {
    max-width: 600px;
    margin: 75px auto 32px auto;
    margin-right: 25px;
}
.logo2 {
    max-width: 350px;
    display: block; 
    margin: 0 auto;
   
}
.logo2 img{
   max-width: 100%;
}
.logo img {
    max-width: 100%;
}
.logo h3 {
    text-transform: uppercase;
    font-size: 14.5px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
}
.logo-phone{display: none;}
.social-media-phone{display: none;}
nav ul.menu > li > a {
    color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
    text-transform: uppercase;
}
nav ul.menu > li > a:after {
    position: absolute;
    content: "";
}
nav ul.menu a {
    color: #545353;
    font-weight: lighter;
}
nav ul.menu {
    position: relative;
    float: left;
	/*display: flex;
	justify-content: space-around;*/
}


.language-nav{float: right; padding-top: 25px; color: white; padding-right: 15px;}
.language-nav li{display: inline-block; font-size: 17px;}
.language-nav li a{font-size: 17px; color: white;}
.language-nav li:first-of-type{padding-right: 5px;}
.language-nav li:last-of-type{padding-left: 5px;}




nav ul.sub-menu {
    position: absolute;
    padding: 20px 10px 15px 10px;
    background: rgba(21, 21, 21, 0.9);
    min-width: 163px;
    margin-top: 18px;
    margin-left: -18px;
    display: none;
    line-height: 1.5;
    z-index: 100;
}
nav ul.menu > li:last-child > ul {
    right: 0;
}
nav ul.menu li:hover ul.sub-menu {
    display: block;
}
nav ul.menu > li {
    display: inline-block;
    padding: 24px 18px 18px 18px;
}
nav ul.menu > li.language-nav-mobile {display: none;}

nav ul.menu a {
    color: #000;
}
nav ul.menu > li.active, nav ul.menu > li:hover, nav ul.menu li:hover a {
    /*background: #685642;*/
    background: #fff;
    color: #9b7545;
}


nav ul.menu li.active a {color: #9b7545;}
nav ul.sub-menu a {
    font-size: 15px;
	color: #fff;
}
nav ul.sub-menu a:hover {
    opacity: 0.8;
}

nav.nav-sub{background-color: transparent;}

.openingsuren-wrapper{background-color: black; color: #9b7545; margin-top: 25px; letter-spacing: 0.5px; font-size: 16px; text-transform: uppercase;  font-weight: bold;}
.openingsuren{margin-top: 10px; margin-bottom: 10px; }
.openingsuren li {display: inline-block;  padding:5px 10px;}
.openingsuren li:last-of-type {padding-right: 0px; }

@media (max-width: 1200px){
    nav ul.menu > li{padding: 24px 12px 18px 12px;}
}

@media (min-width: 992px){
    .openingsuren{display: flex; justify-content: space-between; }
}

@media (max-width: 991px){
    .openingsuren{font-size: 13px;}
    .openingsuren li{padding:5px 12px;}
}

/* anchors */
.anchors {
    position: fixed;
    right: -145px;
    top: 245px;
	z-index: 99999;
}
.anchor {
    background: #000;
    margin-bottom: 4px;
	position: relative;
	right: 16px;
	-webkit-transition: left 0.3s ease-in;
    -moz-transition: left 0.3s ease-in;
    -o-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
}
.anchor a {
    padding: 14px;
    padding-right: 5px;
	display: block;
    text-transform: uppercase;
}
.anchor a > * {
    display: inline-table;
    vertical-align: middle;
}
.anchor:hover {
	right: 145px;
	background: #9b7545;
	-webkit-transition: all 300ms; 
    -moz-transition: all 300ms; 
    -o-transition: all 300ms; 
	transition: all 300ms; /* ease-in-out */
}
.anchor img {
    margin-right: 18px;
}
.anchor span {
    color: #fff;
    position: relative;
    font-size: 18px;
    font-weight: bold;
}


/* title banners */

.banner-title{ margin-top: 50px; margin-bottom: 50px;background:linear-gradient(rgba(104, 86, 66, 0.55), rgba(104, 86, 66, 0.55)), url(../img/title-back.jpg); background-repeat: no-repeat; background-size: cover; }
.banner-title h2{font-family: 'Playfair Display', serif; font-size: 48px; color: white; padding-top: 50px; padding-bottom: 50px; }

/*===========================
    GENERAL
============================*/

.hero-inner2 .container .page-title {text-align: center; margin-top: 25px;  color: black; font-size: 28px; text-transform: uppercase; }
section.subpage{margin-top: 50px; margin-bottom: 25px;}
.detail-margin-block{margin-bottom: 30px;}

/*===========================
	INTRO
============================*/
.subtop{margin-bottom: 30px; margin-top: 30px;}
.subtop a{border: 1px solid #272727; color: #272727; padding: 10px; font-family: 'Playfair Display', serif;}
.subtop span.bold{font-weight: bold; font-family: 'Open Sans', sans-serif;}
.subtop a i{margin-right: 5px;}

.intro-title{color:#685642; font-size: 48px; }
.intro-tekst{margin-top: 50px; line-height: 32px; font-size: 18px }
.intro-tekst p{margin-bottom: 30px; }
.intro-openingsuren{font-size: 14px; line-height: 32px;}

.intro-img-block img{max-width: 100%;}
.intro-img-block .img-block{margin-bottom: 30px;}


/*===========================
	MENU
============================*/

.menu-tabs {margin-top: 25px;}
.menu-tabs .block{margin: 0px; padding: 0px;}
.menu-tabs .block:first-of-type  {padding-left: 0px;}
.menu-tabs .block:last-of-type  {padding-right: 0px;}
.menu-tabs .block a h3{padding: 10px; margin: 0px; text-align: center; font-size: 18px; font-family: 'Belleza', sans-serif;}
.menu-tabs .block a{padding: 10px; background-color:white; border-radius: 0px; color: black; border:1px solid #828282; border-right: 0px;}
.menu-tabs .block:last-of-type a{ border-right: 1px solid #828282;}
.menu-tabs .block a:hover{color: #828282; }

@media (max-width: 1200px){
    .menu-tabs .block a{height: 80px; text-align: center;}
}

@media (max-width: 768px){
    .menu-tabs .block a{border: none;}
    .menu-tabs .block:nth-of-type(odd) a{border-left: 1px solid #828282;border-right: 1px solid #828282; border-bottom: 1px solid #828282;}
    .menu-tabs .block:nth-of-type(even) a{border-right: 1px solid #828282; border-bottom: 1px solid #828282;}
    .menu-tabs .block:nth-of-type(1) a, .menu-tabs .block:nth-of-type(2) a{border-top: 1px solid #828282;}
}


.menu-tabs .block.active a{background-color: #9b7545 !important; color:white !important; }
.menu-tabs .block.active a:hover{background-color: #828282; color:white; border:1px solid #9b7545;}
.menu-tabs .block.active a:focus{background-color: #828282; color:white; border:1px solid #9b7545;}

#menu .menu{margin-bottom: 75px;}

.menu .cms table {border:none !important; width: 100% !important; max-width: 750px; margin: 0 auto;}
.menu .cms table td {border:none !important;}
.menu .cms table tr:nth-child(even) {background-color: #f9f9f9;}
.menu .cms table tr td{padding: 2px;}
.menu .cms table tr td:nth-of-type(2) {text-align: right; font-weight: lighter; min-width: 100px;}
.menu .cms table tr td:nth-of-type(3) {text-align: right; font-weight: lighter; min-width: 100px;}


.menu .menukaart {text-align: center;}

.menucart-content{margin-top: 50px;}

.menucart-download{display: block; text-align: center; margin-top: 25px;}
.menucart-download .menu-subtitle, .menucart-download .emblem  {display: inline-block; }
.menucart-download .menu-subtitle{color: black;}
.menucart-download .emblem {max-width: 25px;  max-width: 18px;  vertical-align: sub; margin-right: 10px;}




/*===========================
	BLOG
============================*/

#wijnblog .blog-head img{max-width: 100%;}
#wijnblog .blog-content{height: 235px; overflow: hidden; margin-bottom: 30px; color:#323232;}
#wijnblog .blog-content h3{font-family: 'Belleza', sans-serif; margin-top: 15px; font-size: 24px; margin-bottom: 15px; color:#323232;}
#wijnblog .blog-content p{font-weight: lighter;}


#page-blog .blog-head img{max-width: 100%;}
#page-blog .blog-content{max-height: 175px; overflow: hidden; color:#323232;}
#page-blog .blog-content h3{font-family: 'Belleza', sans-serif;  font-size: 24px; margin-bottom: 15px; color:#323232;}
#page-blog .blog-content p{font-weight: lighter;}

#page-blog .readMore-blog{margin-top: 10px;}
#page-blog .readMore-blog a {color: #9b7545;}

@media (max-width: 1200px){
    #page-blog .blog-content{max-height:: 150px; overflow: hidden;}
}

@media (max-width: 768px) {
    #page-blog .blog-content{height: 150px; overflow: hidden;}
   #page-blog .blog-content h3{font-size: 18px; margin-bottom: 10px;  }
   #page-blog .blog-content p{font-size: 14px;}
   #wijnblog .blog-content{height: auto;}
}

@media (max-width: 500px) {
    #page-blog .blog-content{max-height:: 90px; overflow: hidden;}
}


/* detail */
.blog-detail-foto{float: left; margin-right: 15px; margin-bottom: 5px;}
.blog-detail-title{font-family: 'Belleza', sans-serif;  font-size: 24px; margin-bottom: 15px; color:#323232;}
.blog-detail-intro{margin-bottom: 15px;color:#000;}
.blog-detail-text{color:#323232;}

@media (max-width: 768px){
    .blog-detail-foto{float: none;}
}


/*===========================
    EVENTS
============================*/

#page-event{overflow-x:hidden; }

.events-row{margin-top: 25px;}

.grid { position: relative; clear: both;    list-style: none;}
.grid figure { position: relative; float: left; overflow: hidden; text-align: center; cursor: pointer;}

.grid figure img { position: relative; display: block;  /*min-height: 100%; */ max-width: 100%;  opacity: 0.8;}

.grid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em;   -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {  pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.grid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;}

.grid figure h2 {  word-spacing: -0.15em;  font-weight: 300;}
.grid figure h2 span {  font-weight: 800;}
.grid figure h2,
.grid figure p {  margin: 0;}
.grid figure p { letter-spacing: 1px;  font-size: 68.5%;}

figure.effect-winston { background: #162633;  text-align: left;}

figure.effect-winston img {  -webkit-transition: opacity 0.45s;  transition: opacity 0.45s; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}

figure.effect-winston figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/triangle.svg) no-repeat center center; background-size: 100% 100%;  content: '';  -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
    transition: opacity 0.45s, transform 0.45s;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

figure.effect-winston h2 {  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;  -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);}
figure.effect-winston p {  position: absolute;  right: 0;  bottom: 0;  padding: 0 1.5em 7% 0;}
figure.effect-winston a {  margin: 0 10px;  color: #5d504f; font-size: 170%;}

figure.effect-winston a:hover,
figure.effect-winston a:focus { color: #cc6055;}

figure.effect-winston p span { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: translate3d(0,50px,0);  transform: translate3d(0,50px,0);}
figure.effect-winston img { opacity: 0.6;}

figure.effect-winston h2 {  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}

figure.effect-winston figcaption::before {  opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg);  transform: rotate3d(0,0,1,20deg);}

figure.effect-winston p span {  opacity: 1;   -webkit-transform: translate3d(0,0,0);   transform: translate3d(0,0,0); color: #9b7545;}

figure.effect-winston p span { -webkit-transition-delay: 0.05s; transition-delay: 0.05s;}

/*figure.effect-winston:hover p a:nth-child(2) i {  -webkit-transition-delay: 0.1s;  transition-delay: 0.1s;}

figure.effect-winston:hover p a:first-child i { -webkit-transition-delay: 0.15s;   transition-delay: 0.15s;}*/

/* detail */

.event-detail-title{font-size: 22px; margin-bottom: 15px; color: #9b7545;}
.event-detail-figure{   width: 100%; }
.event-detail-figure img{   width: 100%; }

.events-thumbs-row{margin-top: 30px;}

.events-header-mobile{display: none;}
@media (max-width: 991px){
    .events-header-mobile{display: block; margin-bottom: 15px;}
    .events-header-desktop{display: none;}
}



/*===========================
    LINKS
============================*/

.links-subtitle{padding: 10px 25px; background-color: #9b7545; color: white; display: inline-block; margin-top: 30px; margin-bottom: 10px; }
.link-item{ padding-left: 15px; list-style: none; }
.link-item a{ color: black; }
.link-item a i{ margin-right: 5px;}


/*===========================
    CONTACT
============================*/
.hero-contact{position: relative; background-image: none; background-color: transparent;}
.hero-contact .hero-inner2 .container{background-image: none;}
#map {height: 100%; width: 100%; position: absolute; z-index: 1; top: 0;}
#map-header-mobile{display: none;}
#map-mobile{display: none;}

@media (max-width: 550px){
    #map {display: none;}
    #map-header-mobile{display: block; background:linear-gradient(rgba(234, 234, 234, 0.65), rgba(234, 234, 234, 0.65)), url(../img/title-back.jpg); background-size: cover; background-position: left center; background-repeat: no-repeat; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0;}
    #map-mobile{display: block; height: 250px; margin-bottom: 15px;}
}

.hero-contact .hero-bottom, .hero-contact #openingsuren, .hero-contact .logo2, .hero-contact .page-title{position: relative; z-index: 9999;}
.hero-contact nav{position: relative;z-index: 999999;}



.contact-form input{margin-bottom:15px;}
.contact-form input , .contact-form textarea {border-radius: 0px; box-shadow: none; outline: none; border-color:black; }
.contact-form input:focus, .contact-form textarea:focus {box-shadow: none; outline: none; border-color: #9b7545; }
.contact-form textarea{resize:none;}

.contact-block-title{font-size: 20px; margin-top: 0px; margin-bottom: 15px; color: #9b7545; }
.contact-block p{margin-bottom: 15px;}

.form-success{text-align: center;  margin-bottom: 25px; display: none; text-transform: uppercase; color: #9b7545;}
.form-exist{text-align: center;  margin-bottom: 25px; display: none; text-transform: uppercase; color: black;}

.btn-contact{background-color: white; border: 1px solid #9b7545; color: #9b7545; border-color:#9b7545 !important;}
.btn-contact:hover, .btn-contact:focus{background-color: #9b7545; border-color:#9b7545; border: 1px solid #9b7545; color: white;}


/*===========================
    RESERVEREN
============================*/
#reserveren-page .date{margin-bottom: 15px;}

.ui-widget.ui-widget-content {
    border: none;
    background-color: #eee;
    color: black;
    border-radius: 0px;
}
.ui-datepicker .ui-datepicker-header{background-color:white; border:none; border-radius: 0px; color: #9b7545; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 0px solid #fff !important; background: #f5f5f5 !important; color: #9b7545 !important; }
.ui-state-default, .ui-widget-content .ui-state-default{ border: 0px solid #fff; background: white;font-weight: normal; color: #9b7545; }
.ui-state-active, .ui-widget-content .ui-state-active{ border: 0px solid white !important; background: #9b7545 !important; color: white !important;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0px solid #fff !important;
    
    color: #9b7545;
}


/*===========================
    FOTOS
============================*/
figure.effect-goliath {
    background: #9b7545;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-goliath img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-goliath h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
}
figure.effect-goliath p{ position: absolute;
    bottom: 0;
    left: 40%;
    padding: 15px 30px;
    text-align: center;
}

figure.effect-goliath p {
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0);
}

figure.effect-goliath:hover h2 {
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0);
}

figure.effect-goliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* detail */

.detail-album-foto {width: 100%;}


/*===========================
    WIJNWINKEL
============================*/
#wijnwinkel .table{ margin-top: 30px; }
#wijnwinkel .table .wijn-item{border-bottom: 1px solid #f3f3f3;}
#wijnwinkel .table .wijn-item{ display: flex; flex-wrap:wrap; flex-direction: row; justify-content: space-between;}
#wijnwinkel .table .wijn-item .picture{padding: 15px;}
#wijnwinkel .table .wijn-item .description{ max-width: 450px; padding:15px;}
#wijnwinkel .table .wijn-item .price{ padding:15px;}
#wijnwinkel .table .wijn-item .amount{ max-width: 200px; padding: 15px;}
#wijnwinkel .table .wijn-item .amount .input-group input{ border-radius: 0; border-color: #9b7545;}
#wijnwinkel .table .wijn-item .amount .input-group .input-group-addon{ border-radius: 0; background-color: #9b7545;  color: white; border: 1px solid #9b7545;}

#wijnwinkel .btn-wijnwinkel{background-color: white; border: 1px solid #9b7545; color: #9b7545; border-color:#9b7545 !important; border-radius: 0;}
#wijnwinkel .btn-wijnwinkel:hover, .btn-contact:focus{background-color: #9b7545; border-color:#9b7545; border: 1px solid #9b7545; color: white;}


/*===========================
    NIEUWSBRIEF
============================*/

.nieuwsbriefRow{max-width: 600px; margin: 0 auto;}

/*===========================
	FOOTER
============================*/

#subscribe-section{background-color: #000; padding-top: 35px; padding-bottom: 35px; margin-top: 50px;}
#subscribe-section h3{color: #9b7545; text-align: center; font-size: 28px;}
#subscribe-section h3 span {font-weight: bold;}

footer { color:#685642; font-family: 'Open Sans', sans-serif; font-weight: lighter; padding-top: 25px; padding-bottom: 100px; }

footer .footer-right {text-align: right;}
footer .footer-right .reservation-button{padding: 10px 25px; background-color: #9b7545 ; color: white; }
footer .artwerk{font-size: 11px; color: #685642; margin-top: 15px;}
footer .artwerk a{color:#685642;}

@media screen and (max-width: 768px){
	footer .footer-right{margin-top: 35px; text-align: center;}
	footer .artwerk{font-size: 11px; color: #685642; margin-top: 25px; text-align: center;}

    #subscribe-section{background-color: #000; padding-top: 25px; padding-bottom: 25px; margin-top: 35px;}
    #subscribe-section h3{color: #9b7545; text-align: center; font-size: 24px;}
}

@media (max-width: 450px){
    #subscribe-section{background-color: #000; padding-top: 20px; padding-bottom: 20px; margin-top: 25px;}
    #subscribe-section h3{color: #9b7545; text-align: center; font-size: 22px;}
}






/*===========================
	5 COL BOOTSTRAP
============================*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}




/*===========================
    RESPONSIVE
============================*/

@media (max-width: 1200px){
    nav ul.menu > li > a { font-size: 14px;}
    .language-nav li a{font-size: 14px;}

    .logo {
        max-width: 350px;
        margin-right: 100px;
    }

    .banner-title h2, .intro-title{font-size: 36px;}
}

@media (max-width: 991px) {
    .banner-title h2, .intro-title{font-size: 24px;}
    .ovignes nav {
        background: transparent;
    }

    header.active nav {
        background: rgba(256, 256, 265, 0.95);
    }
    header.active .mobile-header-nav{border-bottom: 1px solid #9b7545;}
    nav ul.menu > li > a {
        color: #9b7545;
      
        letter-spacing: 1px;
        text-transform: uppercase;
    }      
    header.active nav ul.menu li.active a {color: white;}

   
    
    header.active nav ul.menu > li {
        display: block;
       padding: 10px 18px 12px 18px;
        text-align: center;
    }
    nav ul.sub-menu {
        position: relative;
        padding: 8px 40px 10px 40px;
        min-width: 120px;
        background: transparent;
        display: block;
        line-height: 1.5;
        z-index: 100;
    }
    nav ul.sub-menu a {
        color: #ff9600;
    }


    header.active nav ul.menu {
        padding: 0 80px 25px 80px;
    }
    .mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
    .logo-mobile {
        width: 250px;
    }

     header.active .social-media-phone {display: block;}
     header.active .social-media-phone ul {position: absolute; top: 15px; left: 15px; }
     header.active .social-media-phone ul li {display: inline-block; font-size: 20px; margin-right: 15px;}
     header.active .social-media-phone ul li i{color: #9b7545;}

     header.active .logo-phone {display: block;}
     header.active .logo-phone img{display: block; max-width: 150px; position: absolute; left: 0; right: 0; top: 5px;  margin: 0 auto;}
    .logo-mobile img {
        max-width: 100%;
    }
    .logo-mobile h3 {
        text-transform: uppercase;
        font-size: 11.5px;
        color: #000;
        font-weight: 600;
        letter-spacing: 0px;
    }
    header.active nav ul.menu {
        margin-top: 82px;
    }
    .container {
        width: 100%;
    }
    span#nav-btn {
        cursor: pointer;
        display: block;
        margin: 15px 15px;
    }
    nav ul.menu {
        display: none;
        overflow-y: auto;
        height: calc(100vh - 51px);
    }
     nav ul.menu > li.active, nav ul.menu > li:hover, nav ul.menu li:hover a {background: transparent;}
    nav ul.language-nav {display: none;}
    header.active nav ul.menu {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin-top: 51px;
        background: rgba(256, 256, 256, 0.95);
        z-index: 999999;
        text-align: center;
    }
    nav ul.menu > li.active {
        background: #9b7545;
    }
    span.icon-bar {
        display: block;
        height: 4px;
        width: 30px;
        background: #9b7545;
        position: relative;
        margin: 4px 0;
    }
    nav ul.menu li:hover ul.sub-menu {
        display: block;
        right: auto;
    }

     header.active nav .language-nav-mobile {display: inline-block !important; }
    header.active nav .language-nav-mobile li{padding:24px 18px 18px 18px;}
    header.active nav .language-nav-mobile li a{color: white;}

    .logo {
        max-width: 350px;
    }
    .hero-inner .container {
    padding-top: 25px;
    padding-bottom: 35px;
    }

    /*.hero-contact .menu{position: relative !important; z-index: 4 !important; width: 100%;}*/




}

@media (max-width: 767px) {
    .banner-title h2, .intro-title{font-size: 22px;}
    .hero-top li, .hero-top li a > * {
        font-size: 17px;
    }
    .hero-top li a > img {
        margin-right: 7px;
        height: 22px;
    }
    .logo {
        width: 250px;
        margin-left:  auto !important;
        margin-right:  auto !important; margin-top: 25px !important; margin-bottom: 10px;
    }
    .hero-content h2 {
        font-size: 31px;
        margin-bottom: 7px;
    }
    .hero-content {
        font-size: 13px;
    }
    .hero-inner .container{ padding-top: 0px;padding-bottom:25px; }



    header.active nav ul.menu {
        padding: 0 60px 25px 60px;
    }

    .anchor{right: 17px;}
    .anchor a {
        padding: 5px;
    }
    .anchor span {
        font-size: 14px;
    }
    .anchor:hover {
        right: 122px;
    }
    .anchors {
        right: -122px;
    }

    .menu-tabs .block a h3{font-size: 14px; text-align: center;}
    .menu-tabs .block a{padding-left: 0px; padding-right: 0px;}

    section.subpage{margin-top: 35px; margin-bottom: 20px;}

    .hero-inner2 .container{padding-bottom: 20px; padding-top: 30px;}

    .logo2 {
    max-width: 275px;
    display: block; 
    margin: 0 auto;
   
}
}
@media (max-width: 449px) {
    #wijnblog .blog-content h3{font-size: 18px}
    .menu-tabs .block a h3{font-size: 12px; text-align: center;}
    body{font-size: 14px;}
    .intro-tekst { font-size: 16px;}
    .banner-title h2, .intro-title{font-size: 20px;}
    .banner-title h2{text-align: center;}
    .logo-mobile {
        width: 199px;
    }
    .logo-mobile h3 {
        font-size: 9.5px;
    }
    .tartine .container {
        padding: 0 30px;
    }
    .anchors {
        display: none;
    }
    .logo {
        width: 175px;
    }
    .hero-inner .container{ padding-top: 0px;padding-bottom:25px; }
    .hero-content h2 {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .hero-content {
        font-size: 11px;
    }
    .hero-top li, .hero-top li a > * {
        font-size: 14px;
    }
    .hero-top li a > img {
        margin-right: 5px;
        height: 19px;
    }
    .hero-inner {
        margin-bottom: 0px;
    }
    header.active nav ul.menu {
        padding: 0 30px 25px 30px;
    }

    .full-mobile-width{width: 100%;}

    section.subpage{margin-top: 25px; margin-bottom: 15px;}

}

.ticker {
    font-style: italic;
    text-transform: none;
    margin-bottom: 17px;
}