/* portfolio */

@media screen and (max-width: 1190px) {	.cbp-rfgrid li {width: 20%; width: -webkit-calc(100% / 5); width: calc(100% / 5);	} }
@media screen and (max-width: 945px) { 	.cbp-rfgrid li {width: 25%; width: -webkit-calc(100% / 4); width: calc(100% / 4); } }
@media screen and (max-width: 660px) {  .cbp-rfgrid li {width: 33.3333333%;	width: -webkit-calc(100% / 3); 	width: calc(100% / 3); } }
@media screen and (max-width: 400px) {  .cbp-rfgrid li {width: 50%; width: -webkit-calc(100% / 2);	width: calc(100% / 2); } }
@media screen and (max-width: 300px) { 	.cbp-rfgrid li {width: 100%;} }


@media only screen  and (max-width: 1440px) {
.menu img.logo { margin: 40px auto;}
.menu #menu {padding-left:30px;}
.menu #menu li {font-size:17px; line-height:29px;}
.menu #menu ul.subnav { margin: -5px 0 15px -28px; list-style:none; }
.menu #menu ul.subnav li { font-size:13px; line-height:21px;}
}

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

 .menu img.logo { margin: 35px auto; display:block; width:130px; height:35px;}
 .about {height: auto;}
 .container {position: relative;} 
}
@media only screen  and (max-width: 1100px) {
.index .text { top: 30%}
 }

@media only screen  and (max-width: 960px) {
.index .text { top: 20%}
.clear {clear: both;margin: 0px;padding: 0px; height: 0px;}
.bottom {display: none;}
 }
 
@media only screen  and (max-width: 800px) {
  .menu #kontakt {display: none;}


 }                      
 @media only screen and (max-width: 767px) {
 menu {display: none;}
.container { float:none; width:100%; height:auto; margin-top: 0px; position:relative;}
.container.index1 { margin-top: 70px;}
footer { margin:0; position:relative; color:#fff;  height:100px; bottom:0px; width:100%;  background:url(../images/footer-bg.png) repeat; }
.index .text { padding: 40px 0 20px 0;}
.index .text h1 {font-size: 30px;line-height: 38px;}
.index a.button {padding: 10px 20px 10px 20px;display: block; margin:5px;}
.clear {clear: both;margin: 0px;padding: 0px; height: 0px;}
.bottom {display: none;}

.mobile-bg { display: block; width: 100%; height: 70px; background: url(../images/menu-bg.png) repeat; position: fixed; top:0px; z-index: 50;}
.mobile-bg .logo {padding: 20px 0 0 10px; width: 130px; height: 35px;}
.nav-mobile {display:block; cursor: pointer; top: 0; right: 0; background: url(../images/menu-open.png) no-repeat center center; height: 70px; width: 70px; position: fixed; top: 0; right: 0; }
.nav {width:100%;  padding:6px 0 0;}
.nav-list {	display:none;  }
.nav-item { width:100%;	float:none;}
.nav-item a {	background: url(../images/menu-bg.png) repeat; padding:5px 0 15px 43px; text-transform:uppercase;}
.nav-item:first-child a { 		border-radius:0 0 0px 0px;	}
.nav-item:last-child a { 		border-radius:0 0 5px 5px;	}
.nav-active {	display:block; list-style-type: none;  margin: 4px 0 0 0;  padding: 0;}

.portfolio-detail .box a.open {top: 5px;}
.portfolio-detail .box ul {margin: 0px 2% 0 0;}
.portfolio-detail .box {position: relative;  width: auto; left: 0px; top: 0px; margin: 2%;  }
.portfolio-detail .pravo {position: relative; margin: 0 2% 0 2%;}
.portfolio-detail div.foto p {margin:0;}
.portfolio-detail div.foto p img {padding: 10px 0;}

.portfolio-detail div.padding {display: none;}
.portfolio-detail div.no-click {display: none;}

.obsah .copy {float:none;font-size: 11px; text-align:center;display: block; width:100%; margin:0; padding:20px 0 10px 0;}
.obsah .slogan {float:none;font-size: 11px; text-align:center; width:100%;margin:0;padding:0 0 10px 0;}
.obsah .slogan a {float:none; display: block;padding-top:10px;}

	.about .lavo {margin-right: 0; margin-top: 0px;}
	.about .pravo {position: absolute;top: 0px;left: 0px;margin-right:0;width: 100%;height: 300px;}
	.about .lavo .text {padding: 330px 20px 10px 20px;}
	.portfolio-detail .sluzba {padding: 27px 0px 20px 0px;}
	.sluzba section {float:none; width: 100%; margin-right: 0;}
	.sluzba section.double {width: 100%; float: none;}
	.sluzba section.mystartup {height:180px;}
	.sluzba section.mycompany {height:180px;}
	.sluzba section.trustplus {height:180px;}
	.about .pravo .text h1 {font-size: 26px;line-height: 32px;margin-top: 110px; max-width:290px;}
	.about .pravo .text {padding: 0 50px 50px 20px;}
	.h2custom h1 {font-size: 30px;line-height: 34px;padding-bottom: 0px;}
	
	.container-sluzba {float: none;height: auto;width: 100%;}
	.sluzba h1 {font-size: 30px;line-height: 38px;}
	.sluzba section {margin-top: 30px;}
	a.button2 {padding: 5px 10px 5px 10px; font-size:11px;}
	
 }
 
 
/*
 @media only screen  and (max-height: 750px) {
.menu #kontakt {display:none;}
 }
 @media only screen  and (max-width: 1030px) {
.menu #kontakt {display:none;}
 }
 */
 
 /* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.about .lavo .text {padding: 100px 40px 20px 30px;}
	.portfolio-detail .sluzba {padding: 27px 40px 20px 40px;}
	.sluzba section {width: 30%; margin-right: 5%;}
	.sluzba section.mystartup {height:250px;}
	.sluzba section.mycompany {height:250px;}
	.sluzba section.trustplus {height:250px;}
}

/* Smaller than 960px */
@media only screen and (max-width: 959px) {
	
}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.glossymenu {padding-left: 20px;}
	.about .lavo {margin-right: 0; margin-top: 350px;}
	.about .pravo {position: absolute;top: 0px;left: 0px;margin-right:0;width: 100%;height: 380px;}
	.about .lavo .text {padding: 100px 50px 20px 50px;}
	.portfolio-detail .sluzba {padding: 27px 40px 20px 40px;}
	.sluzba section {float:none; width: 100%; margin-right: 0;}
	.sluzba section.double {width: 100%; float: none;}
	.sluzba section.mystartup {height:320px;}
	.sluzba section.mycompany {height:320px;}
	.sluzba section.trustplus {height:320px;}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}


/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	
}