@media only screen and (min-width: 992px) and (max-width: 1279px) {
    .menu ul{padding: 8px 9px 0px;}
    .menu ul li a{font-size: 13px;padding: 20px 6px;}
    .menu ul li.drop-down::before{top: 6px;}
    .menu ul li a img{top: -2px;}
    .menu ul li.drop-down ul li a{font-size: 13px;}
    .stay-informed-blk .col-md-6{width: 62%;}
    .content.frequentie .col-md-3.remove-column{display: none;}
    .categorie-image{width: 23%;}
    .pop-up .btn{padding: 18px 44px 17px;}
    .card-filter{width: 100%;}
    .grid-content .card-right{padding: 0 6px;}
    .grid-content .card-block{padding: 20px 0 20px 15px;}
    .news-tile .card-left {height: 185px;}
    .grid-content .card-inner h5{font-size: 14px;line-height: 16px;}
    .grid-content .card-inner p{font-size: 12px;}
    .grid-content .location{font-size: 12px;line-height: 14px;}
	.content-area .col-md-6{width:62%;}
    .stay-informed-blk.home .col-md-8{width: 82%;}
    .home .stay-text-outer{width: 50%;}
    .card-left {width: 62% !important}
    .card-right {width: 35%;}

}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-left {width: 60% !important;}
  .card-right {width: 35%;}
    .menu ul{padding:3px 4px 0 0}
    .menu ul li a{     font-size: 11px;
    padding: 10px 1px;
    line-height: 30px;}
    .menu ul li.drop-down::before{ top: 9px; margin: 0 2px 0 0; width: 7px;}
    .header-right-outer .btn-grey{margin: 0;}
    .login-blk .btn-grey{margin: -3px 0 0;padding:8px 12px 8px;}
    .header-right-outer .login-drop-down{top: 40px;right: -10px;}
    .register-link{font-size: 13px;padding: 7px 12px}
    .menu ul li.drop-down ul li a{font-size: 12px;padding: 3px 15px 5px;}
    .menu ul li.drop-down ul{width: 180px;}
    .map-tag{width: 280px;padding: 40px 25px 22px 40px;left: 0;}
    .plat-ground{right: 0;}
    .legend{right: 282px;}
    .logo {max-width: 200px;}
    .stay-informed-blk .col-md-6{width: 80%;}
    .content.frequentie .col-md-3.remove-column{display: none;}
    .content.frequentie .col-md-3{width: 20%;}
    .content.frequentie .like-btn{width: 100%;padding: 7px 12px;font-size: 13px;}
    .content.frequentie .like-btn:before {    right: 6px;
    top: 4px;}
    .categorie-image{width: 23%;}
    .pop-up .btn{padding: 18px 44px 17px;}
    .card-filter{width: 100%;}
    .scroll-top{bottom: 30px;}
    .grid-content .card-inner h5{font-size: 16px;line-height: 18px;}
	.content-area .col-md-6{width:80%;}
	.grid-content .col-md-4{width:50%;}
    .stay-informed-blk.home .col-md-8{width: 100%;}
    .home .stay-text-outer{width: 50%;}
    .select-box{ width: 170px}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


  .card-left {width: 70% !important}
  .card-right {width: 28%;}

  .card-block .card-image img {
    height: 73px !important;
    width: auto !important;
  }
  .card-block {
    max-width: 400px;
    margin: 0 auto 33px;
  }

  h1 {
  	font-size: 25px;
    line-height: 1.1;
  }
  h2 {
  	font-size: 23px;
    line-height: 1.1;
  }
  h3 {
    font-size: 20px;
    line-height: 1.1;
  }
  h4 {
  	font-size: 18px;
    line-height: 1.1;
  }
  h5 {
  	font-size: 16px;
    line-height: 1.1;
  }
  h6 {
  	font-size: 14px;
    line-height: 1.1;
  }
  p {
    font-size: 14px;
    line-height: 1.4;
  }

  .pop-up-outer:before {
    background: white;
  }

  .home-btn-outer {
    margin-bottom: 20px;
  }

    .menu ul {
      display: none;
    }

    .dynamic-edit-container .close {
      right: -5px;
      top: -2px;
    }
    .content.aanmeld .content-area {
    	padding: 40px 0 40px;
    }
    .visible-xs{display: block  !important;}
    .container {   padding: 0 20px; }
    .grid-content { padding: 0}
    .menu ul li.drop-down ul{width: 100%;right: 0;}
    .logo{padding: 10px 0;}
    .header-right-outer{display: block;float: none;}
    .search-block{position: relative;bottom: 0;max-width: 100%;text-align: center;     right: auto; margin: 10px 0 20px;}
    .menu ul li.remove-menu{display:none;}
    .menu ul li.add-menu{display: block;}
    .mean-container .mean-bar{z-index: 9;}
    .mean-container a.meanmenu-reveal span{background: #3f4646;}
    .mean-container a.meanmenu-reveal{color:#3f4646;text-indent: 0;}
    .mean-container .mean-bar{background: #fff;min-height: 0; padding: 0 20px;}
    .mean-container .mean-nav{margin-top: 0;}
    .mean-container .mean-nav ul li.list-item{background: #fff;}
    .mean-container .mean-nav ul li.list-item a{color: #3f4646;border-top: 1px solid #bbb;width: 100%;padding: 15px 0;     float: none;}
    .mean-container .mean-nav ul li.list-item a:hover{color:#5bc1c5;}
    .header.aanmelden .mean-container a.meanmenu-reveal{top:-50px;}
    .mean-container a.meanmenu-reveal{        width: 45px;
    height: 46px;
    top: -59px;
    right: -4px;}
    .mean-expand:before {right: 0;}
    .mean-container .mean-nav ul li.list-item a.mean-expand{padding: 0 !important;height: 24px;margin-top: 14px;width: 100%;}
    .mean-container a.meanmenu-reveal span{    width: 32px;   margin-top: 5px; height: 5px; display: block;}
    .meanmenu-reveal.meanclose{font-size: 30px !important;font-weight: 100 !important;}
    .header-right-outer .register-link{display: none;}
    .header-right-outer .login-blk{display: none;}
    .menu ul li ul.drop-down{width: 100%;right: 0;top: 50px;left: auto;}
    .mean-container .mean-nav ul li.list-item.drop-down ul{display: block;position: relative;top: 0;}
    .mean-container .mean-nav ul li.list-item.drop-down ul li{border-top: 1px solid #bbb;border-left: none;border-right: none;border-bottom: none;}
    .top{display: none;}
    .bottom{display: none;}
    .initiative-blk .btn.plus:before{left: -179px;right: 0;margin: 0 auto;}
    .mean-container .mean-nav ul li.list-item.drop-down ul li a{padding: 10px; float: none;}
    .menu ul li.drop-down:before{left: 48px;right: auto;top: 21px;}
    .search{-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 1);-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0,1);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 1);}
    .search-block{padding: 0 0 3px;}
    .mean-expand{font-size: 0 !important;background: none !important;right: auto !important;left: 0 !important;}
    .map-tag{position:relative;width: 100%;padding: 50px 50px 25px;left: auto;top: 20px;}
    .map-tag.about-message {     top: -25px; }
    .legend{position: relative;bottom: -15px;left: 0;width: 100%;}
    .legend .legend-btn{width: 100%;display:none;}
    .legend-hover{width: 100%;left: 0;top:20px;padding:20px 0 0;position: relative;z-index: 1;display: block;}
    .legend-hover ul{background: #fff;padding: 20px 30px;}
    .legend-hover span{padding: 0 0 0 35px;}
    .plat-ground{position: relative;bottom: -25px;left: 0;width: 100%;}
    .plat-ground .plat-btn{width: 100%;display: block;}
    .plat-ground .plat-btn{z-index: 1;}
    .plat-ground-hover{width: 100%;left: 0;top:1px;padding:20px 0 0;position: relative;z-index: 1;display:block;}
    .plat-ground-hover ul{background: #fff;padding: 20px 30px;}
    .plat-ground-hover span{padding: 0 0 0 35px;}
    .banner-in{position: relative;padding: 0 0 35px;}
    .stay-textbox-outer{order: 2;}
    .stay-select-outer{order: 1;padding: 35px 20px 10px;background: #3f4646;position: relative;}
    .mob-heading{display: block;}
    .stay-select-outer{width: 100%;}
    .stay-select-in{margin: 0 0 5px}
    .stay-select-in .select-up .mob-select{display:block;}
    .stay-select-in .select-up span{display: none;}
    .stay-select-in .select-box{width: 100%;}
    .stay-text-outer{width: 100%;text-align: center;display: inline-block;margin: 0 0 3px;}
    .stay-textbox-outer{display: inline-block;text-align: center;padding: 8px 0 0;width: 100%;}
    .stay-btn-outer{text-align: center;padding: 2px 0 9px 1px;}
    .stay-btn-outer .btn{width: 100%;}
    .stay-blk-in p{font-size: 16px;}
    .stay-blk-in{padding: 0 40px;}
    .stay-select-in .select-down{left: -1px;}
    .location-outer{width: 100%;padding: 0 0 30px;}
    .centrum-outer{width: 15%;}
    .who-are-outer{padding: 0; width: 100%;}
    .agenda-blk{padding: 30px 0 0;}
    .like-blk span{text-align: center;}
    .like-blk span:before{margin: 0 auto;left: 0;right: -53px;}
    .like-btn{float: none;}
    .like-blk{text-align: center;}
    .content.frequentie .stay-select-outer{background: none;width: 100%;}
    .content.frequentie .stay-select-in .select-box{width: 100%;}
    .reply-btn-outer .btn{width: 100%;}
    .content.frequentie .stay-btn-outer{width: 100%;padding: 0;}
    .reply-blk{padding: 0 40px;}
    .reply-blk .rsponds{width: 100%;padding: 20px;}
    .like-blk{padding: 20px 0 0;}
    .neighbour-image-blk img{width: 100%;}
    .categorie-image{width:23.3%;margin: 0 10px 0 0;}
    .register-agenda-blk .table-row.text-top .label{padding: 0 0 8px;}
    .pop-up .btn {	padding: 18px 35px 17px;margin: 0 5px 0 0;}
    .pop-up{padding: 70px 27px 30px; height: 100%;}
    .pop-up-outer{    position: fixed;
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    max-width: 100%;
    width: 100%;

    padding: 0;
    background: white;
    opacity: 1;
    overflow: auto;}
    .card-filter{width: 100%;}
    .scroll-top{left: 0;margin: 0 auto;bottom: 10px;}
    .card-mobile{display: block;padding: 55px 10px 70px;
    margin: 0 -10px 33px;
    width: auto;}
	.footer-logo {margin: 40px 0 30px; text-align: center;}
	.social-media {margin: 0 0 20px; text-align: center;float: right;order: 2;}
	.footer-links{margin: 25px 0 0;text-align: center;order: 1;}
	.footer-links ul li{margin:0 10px;}
	.table-row {flex-wrap: wrap;margin:0 0 15px;}
	.label{width: 100%; padding:0 0 8px;}
	.data {width: 100%;}
	.data p{padding: 0;}
	.content-area {padding: 40px 0 20px;}
	.online ul li{flex-wrap: wrap;}
	.online ul li p{padding:0 0 15px; width: 100%;}
	.online{padding: 15px 0 25px;}
	.register .btn-outer {padding: 15px 0 0;}
	.text-sm p{padding: 0;}
	.news-block ul li{flex-wrap: wrap;}
	.news-pict {order: 1; width: 100%; padding:0 0 20px;}
	.news-content {order: 2; width: 100%; padding: 0; }
	.details{flex-wrap: wrap;}
	.filter-area{padding:10px 15px 5px; height: auto;}
	.filter{ float: none; width: 100%;}
	.filter-area h6{padding:0 0 10px; width: 100%;  float: none; font-size: 14px;
    float: none;
    padding: 7px 0 10px; }
  .card-filter .filter-area h6 { float: none; }
	.filter .select-box {margin: 0 0 7px; width: 100%;}
	.hide-mobile{display: none;}
    .home .stay-btn-outer{width: 100%;}
    .home .stay-text-outer{width: 100%;}
    .col-md-6.for-mobile{display: flex;flex-direction: row;justify-content: center;}
    .stay-informed-blk.home{padding: 40px 0 20px;}
    .content.register .data-change .table-row:last-child{margin: 0;}
    .table-row.text-high{margin: 0;}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .card-left {width: 63% !important}
    .card-right {width: 35%;}


    .logo{padding: 10px 0;}
    .initiative-blk .btn { padding: 24px 5px 18px 25px; font-size: 16px; margin-bottom: 5px;}
    .initiative-blk .btn.plus:before{left: -200px; top: 19px;}
    .mean-container .mean-bar { padding: 0;}
    .search:before{    left: 14px;
    top: 12px;
    width: 15px;}
    .search-location{ padding: 0 0 0 40px; font-weight: 300;}
    .initiative-blk:before{left: 25px;}
    .stay-blk-in{padding: 0 20px;}
    .stay-select-in .select-down{width:100.7%;}
    .centrum-outer{width: 30%;}
    .reply-blk{padding: 0;}
    .content.frequentie .category-image-blk{width: 50%; text-align: center; }
    .content.frequentie .category-image-blk span { display: block; margin: 0 auto; }
    .reaction-time{width: 100%;}
    .reaction-venue{width: 100%;}
    .content.contact-person .check-box label{font-size: 14px;}
    .categorie-image{width: 48.3%;margin: 0 10px 10px 0;}
    .categorie-image:nth-child(even){margin: 0;}
    #validate-form .categorie-image{margin: 0 5px 5px 0}
    .pop-up h1{font-size: 22px;line-height: 24px;}
    .pop-up .btn {padding: 18px 20px 17px;	margin:0;font-size: 16px;}
    .card-mobile .btn{font-size: 15px;}
    .grid-content .card-right{padding: 0 6px;}
    .grid-content .card-block{padding: 20px 0 20px 15px;}
    .grid-content .card-inner h5{font-size: 14px;line-height: 16px;}
    .grid-content .card-inner p{font-size: 14px;}
    .grid-content .location{font-size: 12px;line-height: 14px;}
	.footer-links ul li {margin: 0;font-size:12px;}
    .social-media ul li a{width: 36px;height: 36px;}
    .social-media {margin: 0 0 20px 8px;}
    .footer-links{margin: 20px 0 0;}
	.nav-btns a{padding:0 20px;}
	.nav-btns a.prev{padding-right: 0;}
	.nav-btns a.next{padding-left: 0;}
    .card-mobile {padding: 55px 10px 70px}
    .card-mobile p{max-width: 300px;}
    .card-mobile .btn{min-width: 300px;}
    .grid-content .card-left{height: auto;min-height: 180px;}

    .btn-sm {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    color: #FFF;
    height: 36px;
    padding: 10px 6px 9px;
    background: #5cc1c4;
    margin-left: 2px;
    width: 91px;
    text-align: center;
}
}


@media only screen and (max-width: 350px) {
  .card-left {width: 58% !important}
  .card-right {width: 40%;}
}