/*******************************************************************************
 MEK.HU - Magyar Építész Kamara weboldala
********************************************************************************
 Készítette: Simon Nándor <simon.nandor@simonszoft.hu>
********************************************************************************
 resp.css
*******************************************************************************/

/*
MÉK alap szín: #669900
*/


/* Responsive Style */
@media (max-width: 1250px) {
	#KAM {
   display: none;
  	}
	#MEK {
   display: inline;
  	}
	.owl-banner .owl-nav .owl-prev {
		left: 0px;
	}
	.owl-banner .owl-nav .owl-next {
		right: 0px;
	}
	.owl-banner .owl-nav button span {
		width: 35px;
	}
	.owl-banner .item .item-content .meta-category span {
		font-size: 16px;
	}
	.owl-banner .item .item-content h4 {
		font-size: 18px;
	}
	.post-info {
		display: none;
	}
	.owl-banner .item .item-content {
		min-height: 110px;
		max-height: 110px;
		min-width: 100%;
		overflow: hidden;
	}
	.navbar .navbar-nav a.nav-link {
	  font-size: 12px;
	}

}

@media (max-width: 768px) {
	.owl-banner .owl-nav {
		display: none;
	}
	.eforms .container-fluid {
		padding-left: 5%;
		padding-right: 5%;
	}

	.form-icon {
		width: 25%;
	}
}

@media (max-width: 992px) {
	#MBH{
 	display: inline;
	}
	.eforms .container-fluid {
		padding-left: 5%;
		padding-right: 5%;
	}
	.mobil-freshnews {
		display: block;
	}	
	.mobil-content-lists {
		display: block;
	}
	.mobil-submenu {
		display: block;
	}
	.mobil-bar {
		padding-top: 70px;
		display: block;
		text-transform: uppercase;
		font-weight: 500;
	}
	.desk-only {
		display: none;
	}
	.desk-menu {
		display: none;
	}

	#MEKLOGO {
		display: none;
		}
	.menu-img img{
	 display: none;
	}
	.navbar .navbar-brand {
		position: absolute;
		left: 30px;
		top: 25px;
	}
	.submenu-bar {
		display: none;
	}
	.background-header .navbar-brand,
	.background-header .navbar-toggler {
		top: 15px;
	}
	.navbar .navbar-brand {
		width: auto;
	}
	.navbar:after {
		display: none;
	}
	#navbarResponsive {
	    z-index: 99999;
	    position: absolute;
	    top: 80px;
	    left: 0;
	    width: 100%;
	    text-align: center;
	    background-color: #fff;
	    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
	}
	.navbar-expand-lg > .container {
		padding-bottom: 15px;
	}
	.navbar .navbar-nav .nav-item {
		border-bottom: 1px solid #eee;
	}
	.navbar .navbar-nav .nav-item:last-child {
		border-bottom: none;
	}
	.navbar .navbar-nav a.nav-link {
		padding: 15px 0px;
		color: #1e1e1e!important;
	}
	.navbar .navbar-nav .nav-link:hover,
	.navbar .navbar-nav .active>.nav-link,
	.navbar .navbar-nav .nav-link.active,
	.navbar .navbar-nav .nav-link.show,
	.navbar .navbar-nav .show>.nav-link {
		color: #669900!important;
		border-bottom: none!important;
		padding-bottom: 15px;
	}
	.owl-banner .item .item-content .meta-category span {
		font-size: 18px;
	}
	.owl-banner .item .item-content {
		text-align: center;
		width: 80%;
		left: 50%;
		top: 75%;
		bottom: auto;
		transform: translate(-50%,-50%);
	}
	.owl-banner .item .item-content h4 {
		font-size: 20px;
	}
	.call-to-action {
		text-align: center;
	}
	.call-to-action .main-content .main-button {
		text-align: center;
		margin-top: 30px;
	}
	.sidebar {
		margin-left: 0px;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 3px solid #f7f7f7;
	}
	.contact-us .contact-information {
		margin-left: 0px;
		margin-top: 60px;
	}
	.cats-page {
		margin-top: 70px;
	}
	.cats-page .cats-content {
		padding: 5px;
	}	
	.blog-posts .down-content h4 {
		font-size: 16px;
		margin: 0;
	}
	.blog-posts .down-content .cats {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 600;
	color: #669900;
	}	
	.blog-posts .down-content ul.post-share, .blog-posts .down-content ul.post-open {
  	text-align: left;
	}	
}