/*Responsive Styles*/

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



.dnone {display:none}
.menu li a {font-size:13pt;margin-left:3%;margin-right:3%}
.blog_item {margin-bottom:10pt}

.tbl {width:98% !important}


.in {width:95%}
.menu {width:100%}
.menu li a {margin-right:20pt;line-height:1.5;margin-left:0;font-size:15pt}

.w60 {width:95%}
.cols2 {
	column-count: 1;
            column-gap: 30pt
}

.sluzba {float:none;padding:0;margin:0}
.sluzba img {width:100%;margin-bottom:30pt}
.nabidka_obal {width:100%;display:grid;grid-template-columns:auto auto;}
.ref  {float:none;width:95%}
.ref img {margin-left:auto;margin-right:auto}



#home {padding-bottom:10pt}
#kontakty {display:grid;grid-template-columns:auto auto auto;gap:10vw;justify-content:center}

#vyhody {display:grid;grid-template-columns:auto auto;gap:40pt;justify-content:center;align-content: space-evenly;}

#menu_title {top:-16vw}

#footer_in {display:block}

#hp {padding-top:40pt;padding-bottom:40pt}
#hp .in {padding-left:0}

#hp3_ref .in {display:block}
#hp3_ref .in div  {display:block;margin-bottom:20pt}

#hp3_ref {margin-bottom:0}

#ref_home {display:none}

#blog {display:block !important}
#obsah {width:94%;padding-top:10pt}




}