@charset "utf-8";

@media screen and (max-width:980px){
	/****** IMPORTANT DO NOT TUCH **/
	.row { width: 100%; display: table; }
  .wrapper { max-width:90% !important; display:table !important; }
  .helper-a { height:100% !important;}
  .padding { padding:20px 0 !important}
  
  [class*="padding-left-"] { padding: 0 !important; }

	
}

/* mobily od 319px do 641 px*/
@media screen and (min-width: 319px) and (max-width: 479px){
	
#hidden-menu { display:block !important; }

	#header ul li { display:block !important; text-align: center!important; line-height: 26px !important}	
	#header a.nice-button { display: none !important}
	
	ul.header-certifikaty, a.fb { display: none !important; }

/*************** menu CSS styles *************/

.menu { position:relative !important; top:0 !important; left:0 !important; min-width:100% !important; margin-left:0 !important; padding:15px !important; background:#162232 !important  } 
.menu ul { padding:10px 0; width:100% !important }
.menu ul:first-child { margin:0 !important} 
.menu ul:first-child li{ display:block !important; padding:0 !important; border:1px solid #a2a1a1 !important; margin-bottom:1px;  }
.menu ul:first-child li:hover { background:#a2a1a1;}
.menu ul:first-child > li:last-child { border:none !important; margin-top: 10px;}
.menu ul:first-child > li > a { display:block !important; text-align:left !important; color:#fff !important;  padding:8px !important; }
.menu ul li a:hover:before, .menu ul li a.active:before, ul.submenu li a:hover:before { border:none !important; }
ul.submenu { position:relative !important; top:0px !important; z-index:0 !important;  }
ul.submenu li { border-style:none; }
ul.submenu > li > a { font-size:110% !important; padding:8px 20px !important; }
	
/************* slider content css ****/

#slider ul li img { min-height:100% !important; }
#slider ul li { min-height: 250px !important  }

/***** sluzby **/
	.sluzba { height:200px !important; max-width: 100% !important }
	.sluzba:nth-child(n+1) {margin:10px 0 !important;}

/***** gallery *****/
	.projects > [class*="col-"] { width: 25% !important; min-height:70px !important}
	.projects > [class*="col-"] img  { min-width: 120%; min-height:100%; }
	
/******* footer ****/
	ul.list, table.img-gallery{ margin-bottom: 15px !important; }
	table.img-gallery { width: 100% !important}
	.footer-info h1 { text-align: left !important}
	.footer-info img { display: block !important; margin:0 auto; padding-bottom:10px !important; margin-top: 10px !important;  }
	.footer-info ul li { text-align: center !important}
	
}



@media all and (min-width: 480px) and (max-width: 981px){
	
	#hidden-menu { display:block !important; }
	ul.header-certifikaty, a.fb { display: none !important; }
	#header a.nice-button { display: none !important}
	#header ul { display:block !important; text-align: center!important; padding-bottom: 15px; }
	
	/*************** menu CSS styles *************/

.menu { position:relative !important; top:0 !important; left:0 !important; min-width:100% !important; margin-left:0 !important; padding:15px !important; background:#162232 !important  } 
.menu ul { padding:10px 0; width:100% !important }
.menu ul:first-child { margin:0 !important} 
.menu ul:first-child li{ display:block !important; padding:0 !important; border:1px solid #a2a1a1 !important; margin-bottom:1px;  }
.menu ul:first-child li:hover { background:#a2a1a1;}
.menu ul:first-child > li:last-child { border:none !important; margin-top: 10px;}
.menu ul:first-child > li > a { display:block !important; text-align:left !important; color:#fff !important;  padding:8px !important; }
.menu ul li a:hover:before, .menu ul li a.active:before, ul.submenu li a:hover:before { border:none !important; }
ul.submenu { position:relative !important; top:0px !important; z-index:0 !important;  }
ul.submenu li { border-style:none; }
ul.submenu > li > a { font-size:110% !important; padding:8px 20px !important; }
	
/************* slider content css ****/

#slider ul li img { min-height:100% !important; }
#slider ul li { min-height: 250px !important  }

/***** sluzby **/
	.sluzba { height:250px !important; max-width: 100% !important }
	.sluzba:nth-child(n+1) {margin:10px 0 !important;}

/***** gallery *****/
	.projects > [class*="col-"] { width: 25% !important; min-height:70px !important}
	.projects > [class*="col-"] img  { min-width: 120%; min-height:100%; }
	
/******* footer ****/
	ul.list { margin-bottom: 15px !important; }
	table.img-gallery { margin: 15px auto !important; }
	.footer-info h1 { text-align: left !important}
	.footer-info img { display: block !important; margin:0 auto; padding-bottom:20px !important; margin-top: 20px !important;  }
	.footer-info ul li { text-align: center !important}
	
	.podpis { text-align: center !important; }
	
}

@media all and (min-width:641px) and (max-width: 879px){

	a.logo > img { max-width:25% !important; }	
	
	.row > [class*="col-1-3"] { width:33.33% !important; padding: 5px !important }
	.sluzba {  height:200px !important; }
	.sluzba img { min-height: 100% !important; max-width:140% !important}
	
	table.img-gallery td:nth-child(4n) { display: none !important}
	
}

@media all and (min-width:879px) and (max-width: 981px){}



@media all and (min-width: 982px) and (max-width: 1024px){

	.wrapper {max-width:85% !important}
	.sluzba {  height:200px !important; }
	.sluzba img { min-height: 100% !important; max-width:140% !important}
	
	
}

@media all and (max-width: 980px){}


@media all and (min-width: 1025px) and (max-width: 1499px){
	
.wrapper {max-width:85% !important}
a.logo > img { max-width:65% !important; }	

.sluzba {  height:220px !important; }
.sluzba img { min-height: 100% !important; max-width:140% !important}

	
}


@media all and (min-width: 1500px) and (max-width: 1900px){

	a.logo > img { max-width:65% !important; }	
	.sluzba {  height:220px !important; }
	.sluzba img { min-height: 100% !important; max-width:140% !important}
	
	
}

@media only screen and (min-width: 600px) {
  
 
  .row {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  [class*="col-"] {
  	display: table-cell;
	table-layout:fixed;
	margin:0; padding:0;
	width: 100%;
  }
  
   
  [class*="col-"] img {
  display:block; vertical-align:middle; 
    }
  
  /* set col widths */
  .col-2-3 {
    width: 66.66%;
  }
  .col-2-4 {
    width: 80%;
  }
  .col-2-6 {
    width: 81%;
  }
   .col-2-5, .col-1-6 {
    width: 16.65%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 33.33%; 
  }
  .col-1-4 {
    width: 25%;
  }
   .col-1-5 {
    width: 75%;
  }
  .col-1-5-5 {
    width: 20%;
  }
  .col-1-5-6 {
    width: 19%;
  }
  .col-1-8 {
    width: 12.5%;
  }
   .col-1-1 {
    width: 100%;
  }

/****************** cels for ponuka ********/
 .col-1-45 {
    width: 45%;
  }
.col-1-55 {
    width: 55%;
  }

}

@media screen and (max-width: 980px) {
     
  /* set col widths */
  [class*="col-"]  { width: 100%;  }

}