@media screen and (max-width: 1600px) {

	#mainmenu .modwrap.social img {
		display: none;
	}

	#footer .footer-right .modwrap a img {
		display: block;
	}

}

@media screen and (max-width: 1250px) {

	#wrapper .kontakt iframe {
	    float: right;
	    width: 100%;
	    max-width: 700px;
	}

}

@media screen and (max-width: 1200px) {

	#mainmenu {
		position: relative !important;
	}
	
	#mainnav,
	#mainnav .center {
		overflow: visible;
	}
	
	#mainmenu .menu {
		display: none;
		position: absolute;
		top: 65px;
		right: 0;
		width: 250px;
		background: #fff;
		margin: 0;
		padding: 0;
		list-style: none;
		box-sizing: border-box;
		z-index: 9999;
	}
	
	#mainmenu .menu li {
		display: block;
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
	}

	#mainmenu .menu > li > a,
	#mainmenu .menu > li > span.separator {
		display: block;
		font-size: 28px;
		line-height: 1.4;
		color: #EF7D00;
		padding: 12px 25px 8px;
		margin: 0 0 1px;
		border: none;
	}
	
	#mainmenu .menu > li.active > a,
	#mainmenu .menu > li > a:hover,
	#mainmenu .menu > li > span:hover {
		border-style: none none none solid;
		border-width: 3px;
		padding-left: 22px;
	}
	
	#mainmenu .menu li li a,
	#mainmenu .menu li li span.separator {
		display: block;
		font-size: 14px;
		line-height: 16px;
		padding: 12px 25px 8px;
		border: none;
		text-transform: none;
	}
	
	#mainmenu .menu li li.active a > span,
	#mainmenu .menu li li a:hover > span,
	#mainmenu .menu li li span.separator:hover > span {
		color: #f5811e;
	}
	
	#mainmenu .modtitle,
	#mainmenu .menu ul {
		display: block;
		padding: 0;
	}

	#mainmenu .modtitle {
		background: #FFFFFF;
	    display: block;
	    width: 43px;
	    height: 43px;
	    border-radius: 50%;
	    margin: 36px 0 37px;
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}

	#mainmenu .modtitle:hover {
		background: #34495e;
		cursor: pointer;
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}

	#mainmenu .modtitle span {
		background-color: #34495e; 
	    -webkit-mask: url(../images/menu-icon.svg) no-repeat 50% 50%;
	    mask: url(../images/menu-icon.svg) no-repeat 50% 50%;
	    -webkit-mask-size: 20px;
	    mask-size: 20px;
	    color: transparent;
	    display: block;
	    width: 43px;
	    height: 43px;
	    border-radius: 50%;
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}

	#mainmenu .modtitle:hover span {
		background-color: #FFFFFF; 
	    -webkit-mask: url(../images/menu-icon.svg) no-repeat 50% 50%;
	    mask: url(../images/menu-icon.svg) no-repeat 50% 50%;
	    -webkit-mask-size: 20px;
	    mask-size: 20px;
	}

	#mainmenu .modwrap {
	    padding: 0 8px 0 37px;
	}

	#mainmenu .modwrap .modtitle + .mod-content > ul.menu {
		display: block;
		top:auto;
	    bottom: -500px;
	    left: 0;
	    position: fixed;
	    width: 100%;
	    height: calc(100% - 116px);
	    opacity: 0;
	    visibility: hidden;
	    -webkit-transform: scale(0);
	    -moz-transform: scale(0);
	    -o-transform: scale(0);
	    transform: scale(0);
	   	-webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}

	#mainmenu .modwrap .modtitle.open + .mod-content > ul.menu {
		bottom: 0;
		opacity: 1;
	    visibility: visible;
	    padding: 4%;
	    overflow: scroll;
		-webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	}

	#mainmenu .menu li > ul {
	    position: relative;
	    opacity: 1;
	    visibility: visible;
	    margin-top: 0;
	    box-shadow: none;
    	border: 0;
    	padding-top: 10px;
	}

	#team .col-sm-6 {
    	width: 100%!important;
    	margin-bottom: 30px!important;
    	overflow: auto;
	}

	#team .col-sm-6:last-child {
		margin-bottom: 0!important;
	}

}

@media screen and (max-width: 1024px) {

	#content-bottom {
	    padding: 0 20px 50px 20px;
	}

	#content-bottom .content-bottom-inner .custom {
	    width: 50%;
	    margin-bottom: 30px;
	}

	#content-bottom .content-bottom-inner .custom:last-child {
		position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	}

	#footer .center {
	    position: relative;
	    padding: 0 20px;
	}

	#footer .footer-left .custom p, #footer .footer-left .custom a {
	    font-size: 18px;
	}

	#wrapper .kontakt iframe {
	    float: right;
	    width: 100%;
	    max-width: 999999px;
	    margin-bottom: 30px;
	}

}

@media screen and (max-width: 1023px) {

	#k2Container .itemListSubCategories .subCategoryContainer {
	    padding: 0 20px;
	    margin-bottom: 40px;
	}

	#k2Container .itemListSubCategories .subCategoryContainer .subCategory h2 a {
	    font-size: 28px;
	    line-height: 1.3;
	}

}

@media screen and (max-width: 950px) {
	.asset-item .price {
		font-size: 14px;
	}
	
	.col-p,
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding: 10px;
	}
	
	.itemGrid .itemContainer {
 		padding: 20px 10px 0 10px;
	}

	div.catItemView {
		padding-bottom: 15px;
	}
	
	.row {
		margin: -10px;
	}
	
	.itemGrid div#itemListPrimary {
		margin: 0 -10px;
	}
	
	.hgrid {
		padding: 0 20px;
	}
	
	.vgrid {
		padding: 10px 0;
	}
	
	.search-navbar {
		margin-bottom: 10px;
	}
	
	.search-navbar .sorters > li {
		min-width: 130px;
		margin-right: 20px;
	}
	
	.wizard ul li.col-p-33 {
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
	
	.nxt {
		padding-right: 15px;
	}
	
	.itemList .catItemInfo {
		padding-left: 15px;
	}

	#team img {
		margin-right: 10px;
	}
	
	.photo-view .jomres-plist-prices-lg,
	.photo-view .property-town {
		padding: 10px 0 0;
	}
	
	.jomres_property_list_propertywrapper .panel {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 900px) {

	body {
	    font-size: 20px;
	    line-height: 1.4;
	}

	#mainbody {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}

	body.home #mainbody #maincontent .item-page .page-header h2 {
	    font-size: 32px;
	    line-height: 38px;
	    margin-bottom: 20px;
	}

	body.home #mainbody #maincontent .item-page div[itemprop="articleBody"] p {
	    font-weight: 300;
	    font-size: 20px;
	    line-height: 1.4;
	}

	body.home #mainbody #maincontent .item-page {
	    width: 80%;
	}

	#content-bottom .content-bottom-inner .custom .custom-inner-text p a, #content-bottom .content-bottom-inner .custom .custom-inner-text p a.btn {
	    font-size: 20px;
	    line-height: 1.24;
	    padding: 10px 24px 12px;
	}

}

@media screen and (max-width: 800px) {

	#mainnav {
		height: 65px;
	}

	#logo img {
		margin: 0;
	}

	#sr-advancedsearch-form.form-inline .range {
		margin-right: 30px;
	}
	
	#sr-advancedsearch-form.form-inline .datefield {
		padding-right: 30px;
	}
	
	#sr-advancedsearch-form.form-inline .btn {
		margin-left: 0;
	}
	
	.search-navbar .sorters > li {
		min-width: 100px;
		margin-right: 10px;
	}
	
	.itemGrid div#itemListPrimary .itemContainer {
		width: 50% !important;
	}
	
	#team .col-sm-4 {
		width: 50%;
		float: left;
	}
}

@media screen and (max-width: 767px) {

	#mainmenu .menu > li > a,
	#mainmenu .menu > li > span.separator {
	    font-size: 24px;
	}

	#mainmenu .menu li > ul li {
	    margin-bottom: 10px;
	}

	#mainmenu .menu li > ul li a {
	    font-size: 18px;
	    line-height: 1.4;
	}

	#mainmenu .menu li > ul li a:before {
	    content: '';
	    background-color: #34495E;
	    -webkit-mask: url(../images/arrow-right.svg) no-repeat 50% 50%;
	    mask: url(../images/arrow-right.svg) no-repeat 50% 50%;
	    -webkit-mask-size: 8px;
	    mask-size: 8px;
	}

	.hasleft #component, .hasright #component {
		width: 70%;
	}
	
	#left, #right {
		width: 30%;
	}
	
	#search-results .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		width: 100%;
	}
	
	.search-navbar .pull-right {
		display: none;
	}
	
	#sr-advancedsearch-form.form-inline .form-group,
	#sr-advancedsearch-form.form-inline .range {
		margin-right: 0;
	}
	
	#sr-advancedsearch-form.form-inline {
		padding: 20px 10px;
	}
	
	.col-p-33 {
		width: 20%;
	}
	
	.homepage,
	.homepage #wrapper {
		position: static;
		height: auto;
	}
	
	.homepage #mainbody {
		position: static;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		margin-top: 65px;
	}

	#content-bottom .content-bottom-inner .custom .custom-inner-bg {
	    height: 164px;
	}

	#content-bottom .content-bottom-inner .custom .custom-inner-text {
	    padding: 30px 30px;
	}

	#k2Container .itemListSubCategories .subCategoryContainer .subCategory .subCategoryImage {
	    height: 180px!important;
	}

}

@media screen and (max-width: 730px) {

	
}

@media screen and (max-width: 680px) {

	#logo img {
	    max-width: 200px;
	    width: 100%;
	    padding: 26px 0;
	}

	#mainmenu .after-menu {
	    width: 17px;
	    height: 75px;
	    float: right;
	    -webkit-clip-path: polygon(17px 0, 100% 0, 100% 100%, 0% 100%);
	    clip-path: polygon(17px 0, 100% 0, 100% 100%, 0% 100%);
	}

	#mainmenu .modwrap {
	    padding: 0 8px 0 16px;
	}

	#mainmenu .modwrap:first-child {
	    padding-right: 20px!important;
	}

	#mainmenu .modtitle {
	    margin: 16px 0 16px;
	}

	#mainmenu .modwrap.mail a,
	#mainmenu .modwrap.tel a {
	    margin: 16px 0 16px;
	}

	#mainmenu .modwrap .modtitle + .mod-content > ul.menu {
	    height: calc(100% - 75px);
	}

	.tp-caption.artddesc .around-inner h2 {
	  font-size: 44px;
	  line-height: 1.3;
	}

}

@media screen and (max-width: 650px) {
	.hasleft #component, .hasright #component,
	#left, #right {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	
	.asset-item .price {
		font-size: 18px;
	}
	
	#lang .modtitle {
		display: none;
	}
	
	#lang .mod-content {
		padding-top: 10px;
	}
	
	#team .col-sm-4 {
		width: 100%;
	}

	.breadcrumb > li:first-child a {
	    -webkit-mask: url(../images/bch.svg) no-repeat 50% 50%;
	    mask: url(../images/bch.svg) no-repeat 50% 50%;
	    -webkit-mask-size: 20px;
	    mask-size: 20px;
	}

	#breadcrumb .breadcrumb-inner .breadcrumb li a,
	#breadcrumb .breadcrumb-inner .breadcrumb li span {
	    font-size: 18px;
	    line-height: 26px;
	}

	#breadcrumb {
	    padding-top: 15px;
	}

	#k2Container .itemListSubCategories .subCategoryContainer .subCategory h2 a {
	    font-size: 22px;
	}

	#k2Container .itemListSubCategories .subCategoryContainer {
	    width: 100%!important;
	}

	.tp-caption.artddesc .around-inner h2 {
		font-size: 38px;
		width: 70%;
	}

}

@media screen and (max-width: 600px) {

	#content-bottom .content-bottom-inner .custom {
	    width: 100%;
	    margin-bottom: 30px;
	}

	#footer .footer-left,
	#footer .footer-right {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}

	#footer .footer-left {
	    width: calc(100% - 180px);
	}

	#footer .footer-right {
	    width: 165px;
	    right: 20px;
	    clip-path: polygon(65px 0, 100% 0, 100% 100%, 0% 100%);
	}

	#footer .footer-right .modwrap {
	    bottom: 30px;
	}

	#footer .footer-left .modwrap:first-child {
	    min-height: 180px;
	}

}

@media screen and (max-width: 479px) {
	
	#mainmenu .menu {
		top: 40px;
	}

	#mainmenu .modwrap.mail,
	#mainmenu .modwrap.tel {
	    display:none;
	}

	#mainmenu .modwrap {
	    padding: 0 16px 0 16px;
	}
	
	.search-navbar {
		display: none;
	}
	
	#topmenu .menu li {
		font-size: 11px;
	}
	
	#topmenu .menu li > a, #topmenu .menu li > span {
		padding: 0 5px 0 3px;
	}
	
	#topmenu .menu li.first > a, #topmenu .menu li.first > span {
		padding-left: 0;
	}

	.itemGrid div#itemListPrimary .itemContainer {
		width: 100% !important;
	}
	
	.col-p-33 {
		width: 33.33333%;
	}
	
	.wizard ul li.col-p-33 {
		width: 100%;
		font-size: 18px;
		margin-bottom: 2px;
	}
	
	.wizard ul li .chevron {
		display: none;
	}
	
	.nxt {
		padding-right: 30px;
	}
	
	.itemList .catItemImageBlock {
		width: 100%;
		float: none;
	}
	
	.itemList .catItemInfo {
		width: 100%;
		padding: 10px 0 0 0;
		float: none;
	}
	
	.home-search .cel {
		width: 100%;
		display: block;
		padding: 5px;
	}

	body {
	    font-size: 16px;
	    line-height: 1.4;
	}

	body.home #mainbody #maincontent .item-page .page-header h2 {
	    font-size: 26px;
	    line-height: 1.4;
	    margin-bottom: 20px;
	}

	body.home #mainbody #maincontent .item-page div[itemprop="articleBody"] p {
	    font-weight: 300;
	    font-size: 16px;
	    line-height: 1.4;
	}

	#content-bottom .content-bottom-inner .custom .custom-inner-text h3 {
	    font-size: 26px;
	    line-height: 1.4;
	}

	#content-bottom .content-bottom-inner .custom .custom-inner-text p a,
	#content-bottom .content-bottom-inner .custom .custom-inner-text p a.btn {
	    font-size: 16px;
	    line-height: 1.3;
	    margin-bottom: -10px;
	}

	#footer .bg-element:before {
	    left: calc(100% - 22px);
	}

	#footer .footer-left {
	    width: calc(100% - 100px);
	}

	#footer .footer-right {
	    width: 90px;
	}

	#footer .footer-right .modwrap a {
	    display: block;
	    margin-left: 0;
	    margin-bottom: 20px;
	}

	#footer .footer-right .modwrap a:last-child {
		margin-bottom: 0;
	}

	#footer .footer-left .custom h3 {
	    font-size: 22px;
	}

	#footer .footer-left .custom p,
	#footer .footer-left .custom a {
	    font-size: 16px;
	}

	#footer .footer-right .modwrap a img {
	    height: 22px;
	}

	#team img {
		margin-right: 0;
	    width: 100%;
	    padding: 0 50% 0 0;
	    margin-bottom: 20px;
	}

	div.catItemBody {
	    min-height: 1px;
	}
}

@media screen and (max-width: 420px) {

	.tp-caption.artddesc .around-inner h2 {
		font-size: 44px;
		line-height: 1.3;
	}

}