@media(max-width: 1159px) {
	
	.construction> .sidebar {
		width: 100%;
		margin: 0;
	}

	.construction> .sidebar + .content {
		width: 100%;
	}

	.sideItem {
		margin: 0 0 20px;
	}
	
	.sideTitle {
		cursor: pointer;
		margin: 0;
	}

	.sideTitle> .uk-icon[uk-icon="plus-cricle"] {
		display: block;
	}

	.sideTitle> .uk-icon[uk-icon="plus-circle"] {
		display: block;
	}

	.sideItem> .uk-nav {
		display: none;
		margin: 20px 0 0;
	}
	
	.sideTitle.active> .uk-icon[uk-icon="plus-circle"] {
		display: none;
	}

	.sideTitle.active> .uk-icon[uk-icon="minus-circle"] {
		display: block;
	}

}





@media(max-width: 1023px) {

	.max {
		max-width: 768px;
	}

	button.openMobileNav {
		display: flex;
		align-items: CENTER;
		justify-content: center;
		height: 40px;
		padding: 0 20px;
		border-radius: 6px;
		border: 0;
		font-weight: 600;
		padding: 2px 20px 0;
	}

	.header ul.nav {
		display: none;
	}

	button.openMobileNav> i {
		margin: 0 0 0 10px;
		position: relative;
		top: -1px;
	}

	.mainDisplay h1 {
		font-size: 27px;
		line-height: 40px;
	}

	.mds> .item {padding: 10px;}

	.mds> .item> b {
		font-size: 23px;
	}

	.mainDisplay {
		padding: 30px 30px 20px;
	}

	.mainDisplay img {
		height: 250px;
		width: initial;
	}


	.mainDisplayItem:first-child {
		margin-top: 0;
	}

	.mainDisplayItem {
		margin-bottom: 60px;
	}

	h2.contitle {
		font-size: 24px;
		margin: 0 0 25px;
	}
	
	h1.pageTitle {
		font-size: 26px;
		margin: 0 0 25px;
	}



	.doctorItem> .diZapis {
		width: 300px;
	}

	.doctorItem> .diInfo {
		width: calc(100% - 400px);
	}


}





@media(max-width: 767px) {
	.max {
		max-width: 440px;
	}

ul.mcat> li.m767 {
	display: block;
}


#header {
	padding: 20px 0;
	margin: 0 0 30px;
}

.headerTop {
	justify-content: flex-start;
}

.headerTop> ul {
	display: none;
}

form.findForm {
	flex-wrap: wrap;
}

form.findForm> .select2 {
	margin: 0 0 10px;
}

form.findForm> select[name="cityid"] + .select2 {
	width: calc(100% - 130px) !important;
	margin: 0 10px 0 0;
}

.mainDisplay {
	padding: 20px 10px 0;
}

.mainDisplay img {
	display: none;
}

.mainDisplay h1 {
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
	margin: 0 0 15px;
}

.mds {
	max-width: initial;
	width: 100%;
	justify-content: space-between;
}

.mds> .item {
	margin: 0;
	width: Calc(50% - 10px);
	text-align: center;
}

.mds> .item> b {
	font-weight: 700;
	font-size: 20px;
	margin: 0 0 5px;
}

.mds> .item> span {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
}

h2.contitle {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 20px;
}

h1.pageTitle {
	font-size: 22px;
	margin: 0 0 20px;
}

.mainDisplayItem {
	margin-bottom: 40px;
}

.uk-card-title {
	font-size: 20px;
}

#footer {
	margin: 50px 0 0;
}

.footer {
	flex-wrap: wrap;
	margin: 25px 0;
}

.footer> .item:first-child {
	flex-grow: 1;
	width: 100%;
	margin: 0 0 25px;
}

.footer a.logo {
	margin: 0 0 10px;
}

.footer> .item> ul li {
	margin: 7px 0px;
}

.footer a {
	font-size: 13px;
}

.footer> .item {
	margin: 0 0 10px;
	width: 50%;
	align-items: center;
	text-align: CENTER;
}

.footer> .item> b {
	margin: 0 0 5px;
}

.footer> .item:last-child {
	width: 100%;
	font-size: 12px;
	margin: 15px 0 0;
	border-top: 1px solid rgb(255 255 255 / 11%);
	padding: 15px 0 0;
}











	form.searchForm {
		padding: 15px;
	}

	.searchForm> .sfLeft, .searchForm> .sfRight {
		width: 100%;
	}

	.searchForm> .sfLeft {
	}

	.searchForm> .sfRight {
		display: flex;
		width: 100%;
		flex-direction: column-reverse;
	}

	.searchForm .cityInfo {
		margin: 10px 0 0;
	}

	.searchForm> .sfSort {
		margin: 15px -15px -10px;
		padding: 15px 15px 0;
		flex-wrap: wrap;
	}

	.searchForm> .sfSort> a {
		margin: 0 6px 6px 0;
		border-radius: 6px;
		height: 26px;
		padding: 0 8px;
	}

	.searchForm> .sfSort> span {
		width: 100%;
		height: initial;
		color: #999;
	}

	.doctorItem {
		padding: 15px;
	}

	.doctorItem> .diInfo {
		margin: 0;
		padding: 0 15px;
		border: 0;
		width: calc(100% - 100px);
		justify-content: center;
		padding-left: 30px;
	}

	.doctorItem> .diZapis {
		padding: 0;
		width: calc(100% + 30px);
		border-top: 1px solid #e7e7e7;
		margin: 15px -15px 0;
		padding: 15px 15px 0;
	}

	.diZapis> .clinicInfo {
		padding: 15px 0 0;
	}

	.doctorItem> .diInfo> .diSpecials {
		display: block;
		margin: 0 0 10px;
	}

	.doctorItem> .diInfo> .diSpecials> span {
		display: inline;
		margin: 0;
	}
	.article__box .page-nav .pageL, .article__box .page-nav .pageR {
		display: none !important;
	}

	.page-nav {
		display: table;
		width: 100%;
		border-collapse: collapse;
	}

	.article__box .page-nav> span, .article__box .page-nav> a {
		display: table-cell !important;
		margin: 0;
		border-radius: 0;
		text-align: center;
		vertical-align: middle;
	}
	
.doctorPage .doctorItem> .diImage {
	width: 100%;
	align-items: center;
	margin: 0 0 20px;
}

.doctorPage .doctorItem> .diInfo {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
}

.doctorPage .doctorItem> .diImage> a.diImageImage {
	width: 100%;
	text-align: center;
}

.doctorPage .doctorItem> .diImage> a.diImageImage> img {
	max-width: 100%;
}

.uk-text-default {
	font-size: 14px;
	line-height: 22px;
}

}




@media(max-width: 424px) {
button.openMobileNav {
	padding: 3px 10px 0 0;
}

button.openMobileNav> span {
	display: none;
}

.leftPanel, .rightPanel {
	width: 260px;
}

.panelsClose.two svg {
	right: 275px;
}

.panelsClose svg {
	left: 275px;
}

.mainDisplay h1 {
	font-weight: 700;
	font-size: 17px;
	line-height: 24px;
}

.mds> .item {
	padding: 5px;
}

h2.contitle {
	font-size: 18px;
}
	
h1.pageTitle {
	font-size: 20px;
}

.uk-card-title {
	font-size: 18px;
}

	.doctorItem> .diImage {
		width: 80px;
	}

	.doctorItem> .diImage> a.diImageImage {
		width: 80px;
		height: 80px;
	}

	.rating {
		width: 80px;
		background-size: 80px;
	}

	.rating> .rat {
		background-size: 80px;
	}

	.doctorItem> .diInfo {
		padding: 0 0 0 20px;
	}

	.doctorItem> .diInfo> a.diName {
		font-size: 15px;
		margin: 0 0 10px;
	}

	.doctorItem> .diInfo> .diPhone {
		flex-direction: column;
		align-items: flex-start;
	}

	.doctorItem> .diInfo> .diPhone> span {
		margin: 0 0 5px 0;
	}

	.doctorItem> .diInfo {
		justify-content: inherit;
	}

	.diControls> .blockClinicZapis .diButton button, .itemButton button {
		font-weight: 400;
	}

	.diControls> .blockClinicZapis .diButton.dbeach button {
		padding: 0 5px;
		height: 33px;
		font-size: 13px;
	}

	.article__box .page-nav> span, .article__box .page-nav> a {
		min-width: 30px;
		height: 30px;
	}

}