@media only screen and (max-width: 1199px) {
	.header-container .header-nav ul.menu.menu--main > li > a {
	    font-size: 11px;
	}
	.home-content-container,
	.blog-container,
	.basic-container,
	.path-blog .page-container,
	.page-node-type-blog .page-container,
	.page-node-type-article .page-container  {
		display: flex;
		flex-flow: column;
	}
	.home-content-container .left-sidebar,
	.blog-container .left-sidebar,
	.basic-container .left-sidebar,
	.path-blog .page-container .sidebar,
	.page-node-type-blog .page-container .sidebar,
	.page-node-type-article .page-container .sidebar {
		order: 2;
	}
	.home-content-container .home-content,
	.blog-container .blog-content,
	.basic-container .basic-content
	.path-blog .page-container .content,
	.page-node-type-blog .page-container .content,
	.page-node-type-article .page-container .content {
		order: 1;
	}
	.hide-on-mobile {
		display: none;
	}
	.show-on-mobile {
		display: block;
	}
}

@media only screen and (max-width: 992px) {
	.header-top a.header__logo img {
	    width: 50px;
	}
	.header-top .header__name-and-slogan h1 a {
	    font-size: 44px;
	}
	.hamburger-menu-mobile img {
	    width: 40px;
	}
	.hamburger-menu-mobile {
		display: block;
	}

	.header-container .header-nav {
	    /*min-height: 5px;*/
	}
	.header-top-countries, .header-container .header-nav ul.menu.menu--main {
		display: none;
	}
	.header-top .max-height-header-top {
	    min-height: auto;
        text-align: center;
    	/*padding-top: 20px;*/
    	position: unset;
    	padding-bottom: 20px;
	}
	.header-top a.header__logo {
		position: relative;
	    display: inline-block;
	    left: 0;
	    margin-right: 20px;
	}
	.header-top .header__name-and-slogan {
		bottom: 0;
	    left: 0;
	    position: relative;
	    margin-top: 10px;
	    margin-bottom: 25px;
	    display: inline-block;
	    top: 20px;
	}
	.header-top #site-name {
		left: 0;
	}
	.header-top #site-slogan {
	    left: 0;
	}
	.header-top-search {
	    right: 15px;
	    bottom: unset;
	    top: 10px;
        width: 45px;
	}
	.header-top-search form .form-item-title {
		width: 100%;
	}
	.header-top-search form .form-item-title input {
		border: unset;
	}
}

@media only screen and (max-width: 600px) {
	.view-home-blogs .blog-content-row.half-width .blog-content-left,
	.view-home-blogs .blog-content-row.half-width .blog-content-right {
		width: 100%;
		margin-bottom: 15px;
	}
}