@media (max-width: 768px) {
  #faq #faq-list a {
    font-size: 18px;
  }
  #faq #faq-list i {
    top: 13px;
  }
}
@media (max-width: 767px) {
  #more-features .box {
    margin-bottom: 20px;
  }
  #more-features .icon {
    float: none;
    text-align: center;
    padding-bottom: 15px;
  }
  #more-features h4, #more-features p {
    margin-left: 0;
    text-align: center;
  }
}
@media (min-width: 769px) {
  #call-to-action .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {
  #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {
    max-width: 100%;
    float: none;
    padding: 0 0 30px 0;
  }
}
@media (min-width: 769px) {
  #features .features-img {
    padding-top: 120px;
    margin-top: -200px;
  }
}
@media (max-width: 768px) {
  #about .about-img {
    height: auto;
  }
  #about .about-img img {
    margin-left: 0;
    padding-bottom: 30px;
  }
}
@media (max-width: 768px) {
  #mobile-nav-toggle {
    display: inline;
  }
}
@media (max-width: 768px) {
  #nav-menu-container {
    //display: none;
  }
}
@media (max-width: 767px) {
  #intro .product-screens .product-screen-1 {
    position: static;
    padding-top: 30px;
  }
  #intro .product-screens .product-screen-2, #intro .product-screens .product-screen-3 {
    display: none;
  }
}
@media (max-width: 768px) {
  #intro p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  #intro h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 768px) {
  #header #logo h1 {
    font-size: 28px;
    margin-top: 0;
  }
  #header #logo img {
    height: 40px;
  }
}
@media (min-width: 1024px) {
  #intro {
    background-attachment: fixed;
  }
 }
@media only screen and (min-width: 320px) and (max-width: 480px) {
/*
body::before {
    content: "tablet to some desktop media query (320 > 480) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
*/
.header {
	position:absolute;
	width:100%;
	height:10%;
	top:0px;
	left:0px;
	background-color:white;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(105,100,105,1);
	-moz-box-shadow: 0px 1px 3px 0px rgba(105,100,105,1);
	box-shadow: 0px 1px 3px 0px rgba(105,100,105,1);
	z-index:10;
}
.cuidado {
	position:absolute;
	top:100px;
	left:1%;
    width:98%;
	height:400px;
	border-radius:8px;
	border:1px solid red;
	background-color:#F1F7B3;
	z-index:1000;
	//display:none;
  }
  .br {
	top:60px;
	position:relative;
	left:20%;
    width:60%;
	padding-top:60px;
	text-align:center;
	color:white;
	font-size:10vw;
	height:160px;
	border-radius:8px;
	-webkit-box-shadow: 0px 2px 15px -3px #000000; 
	box-shadow: 0px 2px 15px -3px #000000;
	background-color:red;
	z-index:1001;
  }
  .br:hover {
	top:56px;
	position:relative;
    width:80%;
	left:10%;
	padding-top:90px;
	height:146px;
  }
   .home, .index_colunm, .reg, .logo, .info, .izbornik {
	display:none;
  }
  .logout{
	position:absolute;
	left:10px;
	width:auto;
	height:20px;
	top: -62px;
	z-index:999;
	}
.logout_{
	position:relative;
	left:170px;
	width: 40px;
	height:40px;
	top:32px;
	margin:0 auto;
	background-size:100% 100%;
	background-image: url('../img/logout.png');
	z-index:100;

	}	
.log{
	position:absolute;
	left:80%;
	width: 40px;
	height:40px;
	top:-26px;
	margin:0 auto;
	background-size:100% 100%;
	background-image: url('../img/login.png');
	z-index:200;

}

.log_mail{
  position:relative;
  left:-36%;
  width:55%;
  height:24px;
  top:-20px;
  z-index:99;

}
.log_ime{
  position:relative;
  left:-30%;
  width:36%;
  height:24px;
  top:-20px;
  z-index:909;

}
.log_submit{
  position:relative;
  left:0%;
  width:50px;
  height:auto;
  top:22px;
  border-radius:4px;
  padding-left:6px;
  font-size:0.8vw;

}
} 	
@media only screen and (min-width:480px) {
/*
  body::before {
    content: "tablet to some desktop media query (480) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 299;
  }
*/
} 	
@media only screen and (min-width:600px) {
/*
 body::before {
    content: "tablet to some desktop media query (600) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9); 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 299;
  }
*/
} 
@media only screen and (min-width: 801px) {
/*
  body::before {
    content: "tablet to some desktop media query (801) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 299;
  }
*/
} 	
@media only screen and (min-width: 1024px) {
/*
  body::before {
    content: "tablet to some desktop media query (1024) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 299;
}
*/

.left {
	width:25%;
	height:auto;
}
.stol_kasa {
	height:80%;
	
}
.alert_stol {
	position:absolute;
	width:auto;
	height:auto;
	top:134px;
	left:320px;
	color:red;
	font-size:14px;
	text-align:center;
	z-index:100;	
}
.info {
	border:1px solid #CAD1E6;
	border-top:0px;
}
.rb {
	position:relative;
	width:20%;
	height:auto;
	font-size:18px;

}
.b_racuna {
	position:relative;
	height:auto;
	font-size:18px;
	text-align:center;
}
.sum {
	position:relative;
	width:39%;
	text-align:right;
	padding-right:4px;
	height:auto;
	font-size:18px;
}

.kraj {
	position:relative;
	width:99%;
	text-align:right;
	padding-right:4px;
	height:auto;
	font-size:18px;
}

table, td, th {
  border: 1px solid black;
}
#table2 {
  border-collapse: collapse;
}
.izvjestaj{
	position:relative;
	top:70px;
	width:98mm;
	margin:0 auto;
	height:auto;
}
.reg {
	position:relative;
	width:100px;
	height:20px;
	top:10px;
	left:44%;
	color:#494648;
	border:0px solid red;
	z-index:10;	
}
.naslov_reg {
	position:relative;
	width:100%;
	left:0px;
	top:0px;
}
.registracija {
	top:80px;
}
.alert {
	position:fixed;
	left:-10px;
	top:120px;
	color:red;
	
}
.desni {
	position:absolute;
	width:30%;
	height:auto;
	top:14%;
	padding-bottom:26px;
	left:70%;
	background-color:white;
	z-index:1;
}
.artikal {
	position:relative;
	width:45.4%;
	height:28px;
	top:20px;
	padding-left:10px;	
	text-align:left;
	padding-top:6px;
	border-radius:0px;
	color:black;
	left:4px;
	float:left;
	z-index:2;
}
.submit {
	position:relative;
	width:100%;
	height:30px;
	top:-4px;
	left:-8px;
	font-size:10px;
	text-align:left;
	cursor: pointer;
	cursor: hand;
}
.logo {
	width:12%;
	height:67%;
}
.stolovi {
	position:relative;
	width:120px;
	height:80px;
	top:-10px;	
	right:4%;
	left:5%;
	float:left;
	z-index:20;
}
.stol {
	position:relative;
	background-image: url('../img/stol.jpg');
	font-size:4vw;
	background-size:100% 100%;
	-webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.65); 
	box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.65);
	cursor: pointer;	
	cursor: hand;
}

.izbornik {
	position:relative;
	left:-20px;
	width:940px;
	top:-17px;	
}
.menu_linkovi {
	width:104px;
}
.link1, .link2, .link3, .link4, .link5, .link6, .link7, .link8, .link9, .link10 {
	width:90px;
	float:left;
	font-size:12px;
}
.link12 {
	width:60px;
	float:left;
	font-size:12px;
}
.logout{
	position:absolute;
	left:780px;
	width:auto;
	height:20px;
	top: -60px;
	z-index:99;
	}
.logout_{
	position:relative;
	left:70px;
	width: 40px;
	height:40px;
	top:-30px;
	margin:0 auto;
	background-size:100% 100%;
	background-image: url('../img/logout.png');
	z-index:100;
	}	
.log{
	position:absolute;
	left:820px;
	width: 40px;
	height:40px;
	top:-74px;
	margin:0 auto;
	background-size:100% 100%;
	background-image: url('../img/login.png');
	z-index:200;
}

.log_mail{
  position:relative;
  left:500px;
  width:150px;
  height:24px;
  top:-70px;
  z-index:99;
}
.log_ime{
  position:relative;
  left:510px;
  width:90px;
  height:24px;
  top:-70px;
  z-index:99;
}
.log_submit{
  position:relative;
  left:0%;
  width:50px;
  height:auto;
  top:2px;
  border:1px solid #00796B;
  border-radius:4px;
  padding-left:6px;
  font-size:0.8vw;
}
.index_colunm {
	position:absolute;
	width:100%;
	height:100%;
	top:30%;
	left:0px;
	float:right;
}
.home {
	position:fixed;
	top:10px;
	left:33%;
	
}
}
@media only screen and (min-width: 769px) and (max-width: 1281px) {
/*
  body::before {
    content: "tablet to some desktop media query (769 > 1281) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 299;
}
*/
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
/*
  body::before {
    content: "tablet to some desktop media query (769 > 1366) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 299;
}
*/
}
@media only screen and (min-width: 900px) and (max-width: 1440px) {
/*
  body::before {
    content: "tablet to some desktop media query (1440) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index:299;
}
*/
/*
 body::before {
    content: "tablet to some desktop media query (1024) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 299;
}
*/

.left {
	width:25%;
	height:auto;
}
.stol_kasa {
	height:80%;
	
}
.alert_stol {
	position:absolute;
	width:auto;
	height:auto;
	top:134px;
	left:320px;
	color:red;
	font-size:14px;
	text-align:center;
	z-index:100;	
}
.info {
	border:1px solid #CAD1E6;
	border-top:0px;
}
.rb {
	position:relative;
	width:20%;
	height:auto;
	font-size:18px;

}
.b_racuna {
	position:relative;
	height:auto;
	font-size:18px;
	text-align:center;
}
.sum {
	position:relative;
	width:39%;
	text-align:right;
	padding-right:4px;
	height:auto;
	font-size:18px;
}

.kraj {
	position:relative;
	width:99%;
	text-align:right;
	padding-right:4px;
	height:auto;
	font-size:18px;
}

table, td, th {
  border: 1px solid black;
}
#table2 {
  border-collapse: collapse;
}
.izvjestaj{
	position:relative;
	top:70px;
	width:98mm;
	margin:0 auto;
	height:auto;
}
.reg {
	position:relative;
	width:100px;
	height:20px;
	top:10px;
	left:44%;
	color:#494648;
	border:0px solid red;
	z-index:10;	
}
.naslov_reg {
	position:relative;
	width:100%;
	left:0px;
	top:0px;
}
.registracija {
	top:80px;
}
.alert {
	position:fixed;
	left:-10px;
	top:120px;
	color:red;
	
}
.desni {
	position:absolute;
	width:30%;
	height:auto;
	top:14%;
	padding-bottom:26px;
	left:70%;
	background-color:white;
	z-index:1;
}
.artikal {
	position:relative;
	width:45.4%;
	height:28px;
	top:20px;
	padding-left:10px;	
	text-align:left;
	padding-top:6px;
	border-radius:0px;
	color:black;
	left:4px;
	float:left;
	z-index:2;
}
.submit {
	position:relative;
	width:100%;
	height:30px;
	top:-4px;
	left:-8px;
	font-size:10px;
	text-align:left;
	cursor: pointer;
	cursor: hand;
}
.logo {
	width:12%;
	height:67%;
}
.stolovi {
	position:relative;
	width:120px;
	height:80px;
	top:40px;	
	right:4%;
	left:4%;
	float:left;
	z-index:20;
}
.stol {
	position:relative;
	background-image: url('../img/stol.jpg');
	font-size:4vw;
	background-size:100% 100%;
	-webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.65); 
	box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.65);
	cursor: pointer;	
	cursor: hand;
}

.izbornik {
	position:relative;
	left:-20px;
	width:940px;
	top:-17px;	
}
.menu_linkovi {
	width:104px;
}
.link1, .link2, .link3, .link4, .link5, .link6, .link7, .link8, .link9, .link10 {
	width:90px;
	float:left;
	font-size:12px;
}
.link12 {
	width:60px;
	float:left;
	font-size:12px;
}
.logout{
	position:absolute;
	left:780px;
	width:auto;
	height:20px;
	top: -60px;
	z-index:99;
	}
.logout_{
	position:relative;
	left:70px;
	width: 40px;
	height:40px;
	top:-30px;
	margin:0 auto;
	background-size:100% 100%;
	background-image: url('../img/logout.png');
	z-index:100;
	}	
.log{
	position:absolute;
	left:820px;
	width: 40px;
	height:40px;
	top:-74px;
	margin:0 auto;
	background-size:100% 100%;
	background-image: url('../img/login.png');
	z-index:200;
}

.log_mail{
  position:relative;
  left:500px;
  width:150px;
  height:24px;
  top:-70px;
  z-index:99;
}
.log_ime{
  position:relative;
  left:510px;
  width:90px;
  height:24px;
  top:-70px;
  z-index:99;
}
.log_submit{
  position:relative;
  left:0%;
  width:50px;
  height:auto;
  top:2px;
  border:1px solid #00796B;
  border-radius:4px;
  padding-left:6px;
  font-size:0.8vw;
}
.index_colunm {
	position:absolute;
	width:100%;
	height:100%;
	top:30%;
	left:0px;
	float:right;
}
.home {
	position:fixed;
	top:10px;
	left:33%;
	
}
}
}
@media only screen and (min-width: 1080px) and (max-width: 1920px) {
/*
body::before {
content: "tablet to some desktop media query (1080 > 1920) fired";
font-weight: bold;
display: block;
text-align: center;
background: rgba(255, 255, 0, 0.9);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 299;
}
*/
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
/*
 body::before {
    content: "tablet to some desktop media query (1200x1600) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 200;
}
*/
.alert_stol{
	position:absolute;
	width:auto;
	height:auto;
	top:134px;
	left:404px;
	color:red;
	font-size:14px;
	text-align:center;
	z-index:100;	
}
.izbornik {
	position:absolute;
	width:1000px;	
}
.reg {
	top:16px;
	left:58%;
}

.logout{
	position:absolute;
	left:820px;
	width:auto;
	height:20px;
	top: -82px;
	z-index:99;
	}
.logout_{
	position:relative;
	left:70px;
	width: 40px;
	height:40px;
	top:-30px;
	margin:0 auto;
	background-size:100% 100%;
	background-image: url('../img/logout.png');
	z-index:100;
	}	
.log{
	position:absolute;
	left:820px;
	width: 40px;
	height:40px;
	top:-94px;
	margin:0 auto;
	background-size:100% 100%;
	background-image: url('../img/login.png');
	z-index:200;
}
.qr {
	position:relative;
	width:120px;
	height:120px;
	top:35px;
	margin:0 auto;
	z-index:999;
	display:none;
}
.log_mail{
  position:relative;
  left:520px;
  width:150px;
  height:24px;
  top:-88px;
  z-index:999;
}
.log_ime{
  position:relative;
  left:530px;
  width:90px;
  height:24px;
  top:-88px;
  z-index:999;
}
.log_submit{
  position:relative;
  left:0%;
  width:50px;
  height:auto;
  top:2px;
  border:1px solid #00796B;
  border-radius:4px;
  padding-left:6px;
  font-size:0.8vw;
}
.logo {
	width:16%;
}
.info {
	border:2px solid #CAD1E6;
	border-top:0px;
}
.klijent {
	left:6%;
	top:0px;
	padding-left:20px;
}
.home {
	position:fixed;
	top:8px;
	left:40.5%;
	color:#494648;
	border:0px solid red;
	z-index:10;	
}
.izvjestaj{
	position:relative;
	top:140px;
	width:98mm;

	margin:0 auto;
	height:auto;
}
.rb {
	position:relative;
	width:20%;
	height:auto;
	font-size:18px;

}
.b_racuna {
	position:relative;
	height:auto;
	font-size:18px;
	text-align:center;
}
.sum {
	position:relative;
	width:39%;
	text-align:right;
	padding-right:4px;
	height:auto;
	font-size:18px;
}

.kraj {
	position:relative;
	width:99%;
	text-align:right;
	padding-right:4px;
	height:auto;
	font-size:18px;
}

table, td, th {
  border: 1px solid black;
}
#table2 {
  border-collapse: collapse;
}

.naslov_reg {
	width:90%;
	left:0px;
	top:0px;
}
.registracija {
	position:relative;
	width:40%;
	height:auto;
	top:120px;
	margin:0 auto;
	z-index:1;	
}
.registracija_robe {
	position:fixed;
	width:40%;
	left:28%;
	height:auto;
	top:180px;
	margin:0 auto;
	z-index:100;	
}
.registracija_kon {
	position:relative;
	width:40%;
	height:auto;
	top:160px;
	margin:0 auto;
	z-index:1;	
}
.texto {
	position:relative;
	width:104%;
	height:94%;
	top:1px;
	color:#939295;
	padding-left:8px;
	font-size:16px;
	left:0px;
	border:1px solid #BDBCC1;
	z-index:1;	
}
.podaci {
	position:relative;
	width:60%;
	height:40px;
	top:0px;
	float:left;
	left:20%;
	z-index:1;	
}
.alert {
	top:140px;
	color:red;
}
.submit {
	font-size:14px;
}

.firma {
	z-index:1;
}
.link1, .link2, .link3, .link4, .link5 {
	top:-1px;
}

.menu {
left:23%;
}
}

@media  screen and (min-width: 1680px) {
/*	
 body::before {
    content: "tablet to some desktop media query (1680) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 300;
  }
*/
}
@media  screen and (min-width: 2048px) {
/*	
 body::before {
    content: "tablet to some desktop media query (2048) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 299;
}
*/
}