/**** 768 - 1023 / tablet **********************************************************/
@media (max-width:1023px) {

/**** layout **********************************************************/
.content-width {
	width:715px;
}
.no-tablet {
	display:none!important;
}
.tablet {
	display:block!important;
}

body {
	font-size:14px;
}
a.to-home {
	margin-top:20px;
}

div.head-in .content-width {
	height:auto;
	min-height:0;
}
.imgbar {
	height:50vh;
}
div.head div.imgbar div.content-width {
	height:50vh!important;
	position:relative;
}
.menubar {
	height:80px;
}
div.head-box-r {
	bottom:60px;
}

.head-desc {
	font-size:24px;
	margin-top: 12px;
}
.head-desc-small {
	font-size:16px;
}

div.head-pruvodce .imgbar {
	height: 300px;
	width:715px;
	background-position: bottom 0 right 100px !important;
}
div.head.head-pruvodce .imgbar div.content-width {
	height:300px!important;
}
div.oceneni {
	width:100px;
	height:280px;
}
div.head.head-pruvodce div.head-box h1 {
	font-size:36px;
	margin:0 0 20px 0;
}

.ec {
	width:60px;
	margin:0 0 20px 0;
}

.fixbutton-r-out {
	xtop:28%;
}
.fixbutton-r-out2 {
	xtop:15%;
}
.fixbutton-r, .fixbutton-energie {
	padding:15px 15px 15px 15px;
	font-size:16px;
}
.fixbutton-r .ico-rucicka, .fixbutton-energie .ico-rucicka {
	left:15px;
	bottom:-20px;
	height:32px;
}
.fixbutton-r--big {
	padding:25px 25px 25px 25px;
	font-size:24px;
}
.fixbutton-r--big .ico-rucicka {
	left:30px;
	bottom:-30px;
	height:50px;
}

.head-login-butt, .head-alert-butt {
	padding:15px;
	top:10px;
}

.head-login-butt .txt, .head-alert-butt .txt {
	min-width: 140px;
}

.head-alert-butt-energie {
	left: auto;
	right: 0;
	top:93px;
}
.head-alert-butt-energie3 {
	left: auto;
	right: 0;
	top:164px;
}
.head-alert-butt-energie4 {
	left: auto;
	right: 0;
	top:232px;
}
.head-alert-butt-energie5 {
	left: auto;
	right: 0;
	top:304px;
}
.sticky {
	top:0!important;
}

.kuchyne-swiper-out .sidearrows a {
	top:4px;
	right:2px;
}
.kuchyne-swiper-out .sidearrows .left {
	left:2px;
	right:auto;
}
.kuchyne-swiper-out-1 .sidearrows a {
	top:160px;
}
.kuchyne-swiper-out-2 .sidearrows a {
	top:55px;
}




/*** showmenu ***/
a.showmenu {
	display:block;
	z-index:98;
}
ul.menu {
	position:absolute;
	top:70px;
	width:100%;
	display:none;
	z-index:99999;
	background:rgba(255,255,255,1);
	box-shadow:rgba(0,0,0,0.5) 0 0 3px;
	padding:15px 15px 15px 15px;
}
ul.menu li {
	margin:0;
	padding:0 0 0 0;
	display:block;
	float:none;
	width:auto;
}
ul.menu li a {
	padding:15px 15px 15px 15px;
	display:block;
	text-decoration:none;
	height:auto;
	float:none;
	text-align:center;
	font-size:18px;
}
ul.menu li a:before {
	display:none;
}
ul.menu li.bord {
	border-top:2px solid #E86200;
	border-left:0;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	position:relative;
	top:0;
}


ul.menu ul:before {
  display:none;
}
ul.menu ul {
	position:static;
	padding:0 0 20px 0;
	background:none;
	margin:0;
	display:block!important;
	box-shadow:none;
}
ul.menu ul a {
	font-size:14px;
}



h1, .h1 {
	font-size:54px;
	line-height:1em;
}
h1.smaller, .h1.smaller {
	font-size:32px;
}
h2, .h2 {
	font-size:32px;
}
h2.smaller0 {
	font-size:28px;
}
h2.smaller {
	font-size:26px;
}
h2.smaller2 {
	font-size:20px;
}
.h-ico > span {
	width:80px;
}
.h-ico span > img {
	max-height:60px;
	width:auto;
}


.h-ico2 .ico {
	width:80px;
}
.h-ico2 .ico img {
	height:60px;
}
.h-ico2 .h {
	padding:0 0 0 20px;
}
.h-ico2 .h h2 {
	font-size:34px;
}
.h-ico2 .h .h-img, .h-ico2 .h .button-ico-r {
	margin:0 15px 0 0;
}
.h-ico2 .h .h-img img {
	width:35px;
}

.big-font {
	font-size:110%!important;
}
.big-font2 {
	font-size:120%!important;
}
.big-font3 {
	font-size:130%!important;
}
.big-font4 {
	font-size:160%!important;
}

ul.def.li-ok li:before, .def.li-ok ul li:before {
	top:5px;
}

/*** button ***/
.button {
	padding:20px 30px 20px 30px;
}
.button-small {
	padding:7px 20px 7px 20px;
}
.button-ico-big {
	padding:10px 20px 10px 20px;
	font-size:32px;
}
.button-ico-big img {
	height:40px;
	margin:0 0 0 15px;
}
.button-light {
	padding:0;
}
.faq > .item, .lmg-content {
	margin-left:80px;
}
.lmg-content2 {
	margin-left:80px;
}
.rmg-content {
	margin-right:0;
}


/* box */
.box.box--basic {
	padding-top: 30px;
}
.box.box--basic h3 {
	font-size: 20px;
	padding-left: 20px;
	margin-left: 20px!important;
	min-height: 80px;
}


.stats .box-num {
	font-size:32px;
}
.stats .box .box-icon {
	margin-bottom:30px;
}



.profiles .item .photo {
	order:0!important;
}
.profiles .item .desc {
	order:1!important;
}
.profiles .item:nth-child(2n+1) .photo {
	order:1!important;
}
.profiles .item:nth-child(2n+1) .desc {
	order:0!important;
}
.profiles .item .name:before {
	display:none;
}

.profiles {
	justify-content:center;
}



/*** picmenu ***/
div.picmenu > * {
	height:24vh;
	padding:30px;
	font-size:36px;
}
div.picmenu3 > * {
	font-size:28px;
}


.carousel .listing {
	margin-right:0;
	margin-left:0;
	padding-left:0;
}





.headslider .arrows a {
	top:10px;
	right:30px;
}
.headslider .arrows .left {
	left:30px;
	right:auto;
}



.menu-icons > a img {
	height:60px;

}
.menu-icons > span img {
	margin:20px auto 0 auto;
	height:24px;
}

.menu-icons-smaller > a img {
	height:40px;
}
.menu-icons-smaller > span img {
	margin:15px auto 0 auto;
	height:15px;
}
.menu-icons-content strong {
	font-size:32px;
}
.menu-icons-content img {
	height:200px;
}
.menu-icons-content .videoprohlidka-slide .video {
	width:300px;
	height:200px;
}
.matterport-img {
	display:block;
	margin:0 0 5px 0;
}
.matterport-img img {
	display:block;
	height:100px;
	margin:auto;
}

/*** energie kontakty ***/
div.energie-kontakty {
	padding:30px;
	margin-left:80px;
}


/*** energie muzete zavolat ***/
div.muzete-zavolat .ico img {
	height:120px;
}
div.muzete-zavolat .txt {
	font-size:26px;
	margin:0 0 0 30px;
}

.muzete-zavolat-kontakty {
	margin:50px 0 0 0;
}
.muzete-zavolat-kontakty .ico {
	margin:0 15px 0 0;
}
.muzete-zavolat-kontakty .ico img {
	height:22px;
}
.muzete-zavolat-kontakty .txt {
	font-size:18px;
}
.muzete-zavolat-kontakty .txt em {
	font-size:12px;
}

/*** energie ***/
.bublina-pruh-1 .item-img {
	height:240px;
}
.bublina-pruh-1 .item-desc {
	width:60%;
}

.bublina-pruh-2 .item-img {
	height:220px;
	margin:-110px 0 0 20px;
}
.bublina-pruh-2 .item-desc {
	width:65%;
}




/*** interiery ***/
.produkty > * {
	width:25%;
	padding:30px 20px 20px 20px;
	min-height:50vh;
}
.produkty .txt {
	width:25%;
	padding:20px 40px 20px 40px;
}
.produkty .txt strong {
	margin:0 0 15px 0;
	font-size:24px;
}
.produkty .txt p {
	font-size:100%;
}
.produkty .item strong {
	padding:8px;
	font-size:22px;
	min-width:70%;
}



.produkty2 .item {
	margin:0 0 4% 0;
	width:48%;
}
.produkty2 .item > span {
	padding:66% 0 0 0;
}
.produkty2 .item > span > strong {
	padding:10px;
	font-size:22px;
	min-width:35%;
	top:30px;
	left:30px;
}
.produkty2 .item .cena-box {
	padding:10px;
	min-width:35%;
	bottom:30px;
	left:30px;
	font-size:16px;
}
.produkty2 .item .cena-box .cena {
	margin:0 0 5px 0;
}
.produkty2 .item .cena-box .cena em {
	margin:0 0 5px 0;
}
.produkty2 .item .cena-box .cena strong {
	font-size:28px;
}
.produkty2 .item .cena-box .cena sup {
	font-size:16px;
	margin:0 0 0 10px;
}





.kuchyne-detail .cena-in {
	padding:15px 50px 15px 15px;
}
.kuchyne-detail .cena-in .castka {
	font-size:32px;
}

.celkova-cena .big-font5 {
	font-size:40px!important;
}


/*** stavby ***/
div.stavby .item {
	padding:0 0 30px 0;
	margin:0 0 50px 0;
}
div.stavby .item-l {
	width:45%;
}
div.stavby .item-r {
	width:50%;
}
div.stavby .item-img {
	margin:0 0 15px 0;
}
div.stavby .item-butts > * {
	padding:15px 0 15px 0;
}

div.stavby .item h3 {
	font-size:32px;
	margin:0 0 20px 0;
}
div.stavby .stavba-icorow span {
	width:30px;
	margin:0 10px 0 0;
}
div.stavby .stavba-icorow img {
	height:24px;
	
}
.item-cena strong {
	font-size:32px;
}

.stavba .col-66 {
	width:100%!important;
}
.stavba .col-32 {
	width:100%!important;
}





/*** hypokalkulacka ***/
.hypokalkulacka-in {
	flex-wrap:wrap;
}
.hypokalkulacka-in input {
	width:100%;
}
.hypokalkulacka-l {
	width:48%;
	padding:30px 0 30px 0;
	display:flex;
	flex-direction:column;
}
.hypokalkulacka-r {
	width:48%;
	padding:30px 0 30px 0;
	display:flex;
	flex-direction:column;
}
.hypokalkulacka h3 {
	font-size:32px;
	color:white;
	font-weight:normal;
	margin:0 0 20px 0;
}
.hypokalkulacka .bord {
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	border-bottom:1px solid white;
}
.hypokalkulacka .desc {
	line-height:1.3em;
}
.hypokalkulacka-nobg,
.hypokalkulacka-nobg .hypokalkulacka-l, .hypokalkulacka-nobg .hypokalkulacka-r {
	background:none;
	color:#646465;
}
.hypokalkulacka-l .flex, .hypokalkulacka-r .flex {
	flex-wrap:wrap;
}
.hypokalkulacka-l .flex *, .hypokalkulacka-r .flex * {
	width:100%!important;
	margin:0 0 10px 0;
}
.hypokalkulacka .result {
	margin-top:auto;
	height:150px;
}




.kalkulacka-list-item {
	flex-direction: column;
	align-items: flex-start;
}
.kalkulacka-list-item > * {
	margin-right: 0;
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
}
.kalkulacka-list-item > *:last-child {
	margin-bottom: 0;
	margin-left: 0;
}
.kalkulacka-list-item-logo {
	width: 100px;
}



/*** search ***/
.search-checks {
	flex-wrap:wrap;
	justify-content:left;
}
.search-checks > div {
	width:31%;
	margin:0 2% 2% 0;
}
label.checkbox-ico img {
	max-height:40px;
}
.ranger-out > div, .rider-out {
	width:100%!important;
}

div.items-list .item {
	width:48%;
}






.detail-h-cena {
	flex-wrap:wrap;
}
.detail-h-cena > * {
	width:100%;
}
.nem-detail-slider .swiper-slide {
	padding-top:315px;
}
.detail-pics-mapa .detail-mapa, .detail-pics-mapa .detail-mapa #map2 {
	height:315px;
}
.detail-pics-video .detail-video {
	height:315px;
}
.detail-cena-out {
	xjustify-content:flex-start;
}




/*** icodesc-row ***/
div.icodesc-row {
	margin:50px 0 0 0;
}
div.icodesc-row-noico {
	margin:30px 0 0 0;
}
div.icodesc-row > * {
	width:20%;
}
div.icodesc-row img {
	height:70px;
	margin:0 0 20px 0;
}
div.icodesc-row strong {
	font-size:16px;
	margin:0 0 10px 0;
}
div.icodesc-row span {
	font-size:16px;
	margin:0 0 10px 0;
}


div.icodesc-row-7 img {
	height:60px;
}
div.icodesc-row-7 strong {
	font-size:14px;
}


/*** icodesc-row2 ***/
div.icodesc-row2 {
	margin:50px 0 0 0;
}
div.icodesc-row2 > * {
	width:50%;
	margin:0 0 30px 0;
}
div.icodesc-row2 .item-ico {
	margin:0 0 15px 0;
}
div.icodesc-row2 .item-ico img {
	height:40px;
	margin:0 20px -10px 0;
}
div.icodesc-row2 .item-ico strong {
	font-size:20px;
	margin:-15px 0 0 0;
}
div.icodesc-row2 .item-ico span {
	font-size:16px;
	margin:0 0 10px 0;
}
div.icodesc-row2 .item-txt {
	margin:0 20px 0 20px;
	font-size:100%;
}




/*** icodesc-row3 ***/
div.icodesc-row3 {
	margin:50px 0 0 0;
}
div.icodesc-row3 span.item-img {
	height:100px;
	margin:0 0 10px 0;
}
div.icodesc-row3 span.item-img img {
	max-height:100px;
	max-width:100px;
}
div.icodesc-row3 span.item-txt strong {
	font-size:28px;
	margin:0 0 10px 0;
}
div.icodesc-row3 span.item-txt span {
	font-size:15px;
	margin:0 0 20px 0;
}
div.icodesc-row3 span.item-button {
	padding:10px 50px 10px 50px;
	font-size:22px;
}
div.icodesc-row3 span.item-button img {
	height:30px;
	margin:0 0 0 10px;
}


.legend-l {
	left:-9%!important;
}
.legend-r {
	right:0;
}


/*** foot ***/
div.foot {
	font-size:18px;
}
div.foot-in {
	display:block;
}
div.foot-l {
	margin:0 0 30px 0;
	justify-content:space-between;
}


div.footlogo {
	margin:0 25px 0 0;
}
.foot-logo {
	width:90px;
}

div.foot-contact div {
	margin:0 0 0 15px;
}
div.foot-contact span {
	padding:5px 0 5px 28px;
}
.foot-mail {
	background-size:auto 20px;
}
.foot-phone {
	background-size:auto 20px;
}

.foot-social a {
	margin:0 0 0 10px;
}
.foot-social img {
	height:18px;
}

.footmenu {
	margin:0 10px 0 0;
	padding:10px 0 10px 0;
}
.footmenu li a {
	margin:0 15px 0 0;
	font-size:13px;
}






div.contact div {
	margin-right:0;
	margin-bottom:30px;
	display:block;
}
div.contact .icon-facebook {
	margin-top:0px;
}
div.contact .icon-facebook a {
	font-size:20px;
}



div.blog-detail .page-in {
	padding-left:0;
	padding-right:0;
}



.developerske-projekty .item .item-info {
	padding:60px 40px 60px 40px;
}
.developerske-projekty .item .keys-2 {
	display:block;
}
.developerske-projekty .item .keys-2 .keys {
	margin-right:0;
	display:block;
}






.domy {
	display:block;
}
.domy .item {
	width:auto;
}




.page-menu a {
	margin-right:30px;
}


.tablet-flex-wrap {
	flex-wrap:wrap;
}
.tablet-flex-wrap > div {
	width:100%;
}
.tablet-flex-wrap > div:first-child {
	margin-bottom:30px;
}

.big-desc {
	font-size:20px;
}


.t-center .table1 {
	margin:auto;
}


.filters {
	display: block;
	height: auto;
	padding-bottom: 10px
}
.filters .item {
	margin-bottom: 10px
}




/*** ico switch ***/
.ico-switch img {
	height:80px;
}




table.pruvodci-list, .pruvodci-list thead, .pruvodci-list tbody, .pruvodci-list tr, .pruvodci-list th, .pruvodci-list td {
	display: block;
	width: 100% !important;
	border: 0 !important;
}
.pruvodci-list thead {
	display:none;
}
.pruvodci-list thead tr {
	margin-bottom:0;
}
.pruvodci-list thead th {
	height: 30px;
	line-height: 30px;
	text-align:center;
}
.pruvodci-list .no-sort {
	display: none
}
.pruvodci-list .sorting.asc, .pruvodci-list .sorting.desc {
	background: #001789;
	color: #fff;
}
.pruvodci-list tr {
	margin-bottom:30px;
}
.pruvodci-list td {
	padding:0 0 5px 0!important;
	text-align:center!important;
}
.pruvodci-list .img {
	width: 100%;
	height: auto;
}
.pruvodci-list tbody {
	display: flex;
	flex-wrap: wrap;
}
.pruvodci-list tbody tr {
	flex: 1 1 auto;
	width: 49% !important;
}




/***  pruvodce-info ***/
.pruvodce-info .flex, .pruvodce-info .t-right {
	display:block;
	text-align:center!important;
}
.pruvodce-info .flex > * {
	margin:0 0  20px 0;
}

.nem-carousel .listing .item {
	width:48%;
}




/* projekty slider */
.projekty-slider-out {
	padding:0 40px 0 40px;
}
.projekt-list .item > .flex {
	flex-wrap:wrap;
}
.projekt-list .item > .flex > * {
	width:100%;
}
.projekt-list .item-img {
	margin:0 0 30px 0;
	min-height:300px;
}
.projekty-slider-out .arrows a {
	width:30px;
	height:30px;
}
.arrows-white a:before {
	background-size:12px auto;
	background-repeat:no-repeat;
	background-position:center center;
}

.popup-covid {
	width:730px;
	padding:50px;
	margin-left:-365px;
}


/*** solopage ***/
div.solopage-out ul.menu {
	background:rgba(255,255,255,1);
	left:30px;
	right:30px;
	top:80px;
	width:calc(100% - 60px);
}
div.solopage-out ul.menu ul li a {
	color:#999;
}
div.solopage-out .showmenu {
	right:30px;
}
div.solopage-in.flex {
	flex-wrap:wrap;
}
.solopage-in .map-area {
	display:none!important;
}
div.solopage-in.flex .col-66 {
	width:100%!important;
}
.map-area-in {
	height:50vh;
	width:100%;
	position:absolute!important;
}
.solopage-out .right-page {
	padding-top:30px;
}





.flex-tab {
	margin-left:0!important;	
}


}

@media (max-width:870px) {
.instagram-items .item {
	height:100px;
	padding:70px 0 0 10px;
	font-size:11px;
}
.instagram-items .item span {
	padding:5px 5px 5px 5px;
	font-size:12px;
}

 
/*** new ***/
.icoboxy {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

/*** icodesc-v2 ***/
.icodesc-v2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.icodesc-v2-item {
	place-items: center;
}

/*** shadow-gallery ***/
.shadow-gallery {	
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
}