@charset "utf-8";
/* CSS Document */

@media (max-width:767px) { /* Mobile (and larger) */
	body.doNotScroll{overflow:hidden; height:100vh;}
	.nonMobile{display:none;}
	.mobile {display:block;}
	.flex{display:block;}
	.h1{font-size: 30px; line-height: 1.2;}
	h1 img{display: block; margin: 0; height: 40px;}
	header .topHeader.flex{display: block;}
	header .topHeader .headerLogo{display: table; margin: 0 auto 20px auto; width: 160px;}
	header .topHeader .headerLogo .viacomLogo {width: 100%; display: block; margin: 0 0 10px 0;}
	header .topHeader .headerLogo .generalLogo{width: 100%; display: block;}
	.generalLogo {margin: 0 auto 10px auto;}
	#headerSearchForm{margin-bottom: 15px;}
	header .topHeader .contactWrapper{margin: 0 auto 15px 0;}
	header .topHeader .contactWrapper .delimiter{display: none;}
	header .topHeader .contactWrapper .item{margin: 0 10px; display: block; text-align: center;}
	header .topHeader .fujitsuLogo{margin: 0 auto;}
	header .topHeader .generalLogo {margin: 0 auto 10px auto;}
	#headerMenu{position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.9); z-index: 10; display: none; padding: 80px 0; overflow-y: scroll;}
	#headerMenu.open{display: block;}
	#headerMenu>li{margin: 0; padding: 0; display: block;}
	#headerMenu>li>a{line-height: 45px;}
	#headerMenu>li.hasSubmenu::before{left:auto; top:21px; right: 10px;}
	#mainSliderCarouselMobile .item{height: 105vh;}
	.submenuNav{position: relative; top:0;}
	.about .flex{display: block;}
	.about .imageWrapper{display: block; flex: none; margin: 20px 0 0 0;}
	.about-holder{flex-wrap: wrap;}
	.first-about, .second-about{width: 100%; padding: 0; text-align: center;}
	.second-about img{margin: 30px auto 20px auto;}
	.homepagecategoriesWrapper .item{width: 100%; margin: 0 0 20px 0;}
	.leftContent{width: 100%; margin-right: 0;}
	.leftContent .mainTitle{position: relative;}
	.leftContent .mainTitle::after{position: absolute; content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; right:10px;}
	.leftContent .categoriesList{display: none;}
	.categoryProductsWrapper .item, .reviewedProductsWrapper .item{width: 100%; border-color: #ddd; box-shadow: 0 3px 6px rgb(34 25 36 / 20%);}
	.productsTitleWrapper .mainTitle{margin: 0 0 20px 0;}
	.productsWrapper .item{width: 100%; border-color: #ddd; box-shadow: 0 3px 6px rgb(34 25 36 / 20%);}
	.submenuNav .submenuNav{top:0; left:0;}
	.categoryCategoriesWrapper .item{width: 100%; margin: 0 0 20px 0;}
	.galleriesWrapper .galleryWrapper{width: 100%; margin: 0 0 30px 0; border-color: #ddd; box-shadow: 0 3px 6px rgb(34 25 36 / 20%);}
	.galleryWrapper .item{width: 100%; margin: 0 0 20px 0; padding: 0;}
	.topTitlesWrapper h1{font-size: 26px;}
	#productSlider{width: 90vw; margin:0 auto;}
	.pdfsWrapper .pdfIconsHolder a{width: 100%; margin:0 0 10px 0;}
	.documentationTable.half, .documentationTable.half:nth-child(2n+1){width: 100%; margin:0 0 30px 0;}
	.documentationTable tbody tr:last-child td{border-bottom: 1px solid #e0e0e0;}
	.downloadIcon{margin: 0 0 0 10px; display: inline-block;}
	.lockIcon::before{}
	.dokumenta{width: 100%; margin:0 0 20px 0 !important;}
	.table-specifikacija{width: 600px;}
	ul.tabs li{width: 100%; margin:0 0 10px 0;}
	footer .item{width: 100%;}
	.copy{text-align: left;}
	#contactForm{width: 100%;}
	#contactForm button{width: 100%; padding: 10px;}
	#contactForm input, #contactForm textarea{font-size: 16px;}
	i.fas.fa-chevron-down{display: unset;position: unset;}
	.tab-content.current{width: 92vw;}
	.logoCatHolder {
		flex-flow: wrap;
		border: none;
		margin-bottom: 10px;
	}
	.logoCatHolder h1 {
		flex-basis: 100%;
		margin-bottom: 10px;
		border-bottom: 1px solid #666;
	}
	.logoCatHolder img:nth-of-type(1) {
		height: 40px;
		width: 100%;
		flex-basis: 10%;
		margin-right: auto;
	}
	.logoCatHolder img:nth-of-type(2) {
		height: auto;
		width: 129px;
		flex-basis: auto;
		margin-right: auto;
	}
	.logoCatHolder .red {
		font-size: 30px;
		flex-basis: auto; margin-top: 6px;
	}
	.menuCatalog{width: 50%;margin: 0 auto !important;}
	
}

@media screen and (max-width: 600px) {
  .documentationTable {
    border: 0;
	box-shadow:none;
  }

  .documentationTable caption {
    font-size: 1.3em;
  }
  
  .documentationTable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .documentationTable tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
	background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
  }
  
  .documentationTable td {
    border-bottom: 1px solid #ddd;
    display: table;
    font-size: .8em;
    text-align: right;
	width: 100%;
  }
  .documentationTable td:first-child{text-align:left; font-size: 16px;}
  
  .documentationTable td::before, .lockIcon::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	position: relative;
    opacity: 1;
    font-family: inherit;
    bottom: auto;
    right: auto;
  }
  .documentationTable td:first-child::before {font-size: 14px; width: 100%;}
  
  .documentationTable td:last-child {
    border-bottom: 0;
  }
  .largeProduct .blink-txt .blink {
    animation: blink 2.7s infinite;
    transition: opacity 2s ease;
    opacity: 0;
    font-size: 16px;
}
}

@media (min-width:1300px) and (max-width:1500px) { 
	.categoryProductsWrapper .item .title{display: block;margin: 0 0 20px 0;line-height: 1.2;font-size: 14px;}
	.categoryProductsWrapper .item{width: calc(calc(100% - 40px) / 3);float: left;margin: 0 20px 20px 0;padding: 20px;border: 1px solid #fff;}
}

@media (min-width:992px) and (max-width:1199px) { /* Tablet-landscape (and larger) */
}

@media (max-width:1440px) {
}

@media (min-width:873px) and (max-width:950px) {
	.table-specifikacija td{vertical-align:middle; border:1px solid #aaaaaa; padding:14px 12px; word-break:break-all;font-size: 15px;}
}