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

	:root {
		--theme: mobile;
		--mobileDelay: 500ms; /* rychlost animace mobilniho menu */
	}	
	
	.left,
	.right {
		display: none;
	}

	.content p,
	.team-wrap ul li, 
	.pricelist ul li { 
		font-size: 19px;
	}
	
	.content-2col {
		column-count: 1;
	}
	
	.wrap-services {
		grid-template-columns: auto;
	}
	
	.team-wrap {
		grid-template-columns: auto;
	}
	
	.advokat-wrap {
		display: block;
	}
	
	.advokat-wrap .col-1 {
		text-align: left;
		padding-bottom: 20px;
		font-size: 17px;
	}

	.advokat-wrap .col-2 {
		padding-bottom: 20px;
		font-size: 17px;
	}
	
	.advokat-wrap .col-2 img {
	}
	
	.pricelist td {
		font-size: 19px;
	}
	
	.pricelist td:first-of-type {
	}
	
  body {

  }
	.top {
		height: 815px;
		display: block;
	}
	
	#top.middle {
		width: auto;
	}
	
	.header .col-2 {
		display: grid;
		justify-content: end;
		margin-top: 45px;
		grid-template-columns: auto auto;
		column-gap: 40px;
	}

	.header {
		display: block;
	}
	
	#top .col-2-left {
		text-align: right;
		padding-right: 0px;
		width: auto;
	}
	
	#top .col-2-right {
		padding-top: 30px;
		padding-bottom: 60px;
	}

	.col-2-left div:first-of-type {
		padding-top:30px;
	}

	.ak-wrap .ak-title {
		font-size: 35px;
	}
	.ak-wrap .ak-subtitle {
		font-size: 24px;
	}
	
	.ak-wrap .ak-line {
		width: 225px;
	}
	.header-title {
		font-size: 31px;
	}

	#page {
		position: relative;
		left:0px;
		transition: left ease var(--mobileDelay);	
	}
	
	/* MOBILE MENU */
	
	.menu {
		display: block;
		position: fixed;
		height: 100vh;
		width: 100%;
		top: 0px;
		left: 100%;
		transition: left ease var(--mobileDelay);
	}
	
	.menu-wrap {
		display: block;
		padding-right: 40px;
		padding-left: 40px;
		margin-top: 0px;
	}
	
	.btn-wrap {
		display: block;
		position: sticky;
		top: 0px;
		padding-top:25px;
		padding-bottom: 20px;
		background-color: #234587;
	}
	
	.menu-wrap .ak-wrap {
		text-align: right;
		width: 100%;
		margin-top: 10px;
		padding-bottom: 30px;
		padding-top: 20px;		
	}
	
	.menu .middle {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.menu ul {
		display: block;
		text-align: right;
	}
	
	.menu ul li {
		margin-bottom: 25px;
	}

	.menu .navelink {
		font-size: 25px;
	}
	
	/* KONTAKT */
	.contact-wrap {
		display: block;
	}
	
	.datovka {
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	
	.form-inner {
		grid-template-columns: auto;
	}
	
	.map-wrap {
		display: block;
	}
	
	.mapa img,
	.parking-map img {
		max-width: 100%;
	}
	
	.office {
		margin-left: inherit;
	}
	
	.office img {
		max-width: 40%;
	}
	
	.parking-wrap {
		display: block;
	}
	
}

@media only screen and (max-width: 708px) {
	.top {
		height: 850px;
	}
}

@media only screen and (max-width: 594px) {
	.top {
		height: 883px;
	}
	
	#team, #about, #services, #pricelist, #contact, #advokat {
		scroll-margin: -80px;
	}	
	
}

@media only screen and (max-width: 523px) {
	#top .col-2-right img {
		max-width: 220px;
	}
	.top {
		height: 850px;
	}
	.ak-wrap .ak-title {
		font-size: 33px;
	}
	.ak-wrap .ak-subtitle {
		font-size: 22px;
	}
	
	.ak-wrap .ak-line {
		width: 210px;
	}
	.header-title {
		font-size: 29px;
	}		
}

@media only screen and (max-width: 487px) {
	.top {
		height: 1190px;
	}
	#top .col-2-left {
		text-align:left;
	}
	.header .col-2 {
		display: block;
	}
	.ak-wrap .ak-title {
		font-size: 27px;
	}
	.ak-wrap .ak-subtitle {
		font-size: 20px;
	}
	
	.ak-wrap .ak-line {
		width: 180px;
		border-width: 1px;
	}
	.header-title {
		font-size: 25px;
	}		
	
}

@media only screen and (max-width: 390px) {
	.top {
		height: 1040px;
	}
	#top .col-2-left {
		text-align:left;
	}
	.header .col-2 {
		display: block;
	}
	.ak-wrap .ak-title {
		font-size: 25px;
	}
	.ak-wrap .ak-subtitle {
		font-size: 18px;
	}
	
	.ak-wrap .ak-line {
		width: 160px;
		border-width: 1px;
	}
	.header-title {
		font-size: 22px;
	}		
	.header-subtitle {
		font-size: 18px;
	}
}