/* CSS Document */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

body{margin:0; padding:0; font-family: 'Times New Roman', sans-serif;}
#wrapper{width:1180px; margin:0 auto;}
.header{ width:100%;}
#header1{position:fixed; background:#fff; width:100%; margin:0; padding:0; z-index:999999;height: 66px;}
.logo-1{float:left; margin:0; padding:0;}
.nav{float:right; margin:15px 0 0 0; padding:0;}
.nav ul{float:left; margin:0; padding:0; list-style:none; width:100%;}
.nav ul li{float:left; margin:0; padding:0;}
.nav ul li a{float:left; margin:0px 0px 0px 0px; padding:6px 28px; text-decoration:none; font-size:16px; font-weight:600; color:#000; text-transform:uppercase;}
.nav ul li a:hover{color:#0088cb;}
.nav ul li.active a{color:#0088cb;}
.single-page-nav a:hover, .single-page-nav .current {color: #0088cb;}
#banner{float:left; margin:0; padding:0 0 0 0; width:100%; background:url(../images/grk-wine.jpg) no-repeat; height:530px;}
#banner1{float:left; margin:0; width:100%; background:url(../images/lumbarda.jpg) no-repeat; height:390px;}
#banner2{float:left; margin:0; width:100%; background:url(../images/plavac-mali.jpg) no-repeat; height:390px;}
#banner3{float:left; margin:0; width:100%; background:url(../images/grk-cebalo.jpg) no-repeat; height:390px;}
.inside-text{float:right; margin:160px 0 0; padding:0; text-align:center; width:100%;}
.inside-text h2{float:left; margin:0 0 30px 0; padding:0; width:100%; text-align:center; font-size:36px; font-weight:600;}
.inside-text a {background: rgba(0, 0, 0, 0) url("../images/black-drop.png") no-repeat scroll 94% 50%;  border: 2px solid #000;   color: #000;  font-size: 16px;  font-weight: 600;  margin: 0 0 10px;    padding: 10px 30px;   text-decoration: none;   text-transform: uppercase;  width: 100%;}
.inside-text a:hover{background:#74664c; color:#fff; background:#74664c url("../images/white-drop.png") no-repeat scroll 94% 50%;}


#winery{float:left; margin:0; padding:40px 0 50px 0; width:100%;}
#winery h1{float:left; margin:20px 0 0 0; padding:0; color:#74664c; font-size:36px; font-weight:400; text-transform:uppercase; width:100%;}
#winery{padding:0 10px; width:95%;}
#winery{padding:40px 10px; width:97%;}

#grk{float:left; margin:0; padding:40px 0 50px 0; width:100%;}
#grk h1{float:left; margin:20px 0 0 0; padding:0; color:#74664c; font-size:36px; font-weight:400; text-transform:uppercase; width:100%;}
#grk{padding:0 10px; width:95%;}
#grk{padding:40px 10px; width:97%;}

#crno{float:left; margin:0; padding:40px 0 50px 0; width:100%;}
#crno h1{float:left; margin:20px 0 0 0; padding:0; color:#74664c; font-size:36px; font-weight:400; text-transform:uppercase; width:100%;}
#crno{padding:0 10px; width:95%;}
#crno{padding:40px 10px; width:97%;}

#cebalo{float:left; margin:0; padding:40px 0 50px 0; width:100%;}
#cebalo h1{float:left; margin:20px 0 0 0; padding:0; color:#74664c; font-size:36px; font-weight:400; text-transform:uppercase; width:100%;}
#cebalo{padding:0 10px; width:95%;}
#cebalo{padding:40px 10px; width:97%;}

#plavac{float:left; margin:0; padding:40px 0 50px 0; width:100%;}
#plavac h1{float:left; margin:20px 0 0 0; padding:0; color:#74664c; font-size:36px; font-weight:400; text-transform:uppercase; width:100%;}
#plavac{padding:0 10px; width:95%;}
#plavac{padding:40px 10px; width:97%;}

.round-img{background:url(../images/round-img.png) no-repeat; float:right; margin:0; padding:0; background-size:cover; min-height:610px; width:53%;}
#services{float:left; margin:0; padding:40px 0 50px 0; width:100%;}
#services h1{float:left; margin:20px 0 0 0; padding:0; color:#74664c; font-size:36px; font-weight:600; text-transform:uppercase; width:100%;}
.left-services{float:left; margin:0; padding:0; width:45%;}
.left-services h2{float:left; margin:30px 0 20px 0; padding:0; color:#000; font-size:18px; font-weight:600; text-transform:uppercase; width:100%;}
.left-services p{float:left; margin:0; padding:0; color:#777777; font-size:18px; width:100%; line-height:26px;}
ul.services-name{float:left; margin:30px 0 0 0; padding:0; width:50%; list-style:none;}
ul.services-name li{float:left; margin:0; padding:5px 0 0 25px; color:#74664c; text-decoration:none; font-size:16px; font-weight:600;  width:100%; background:url("../images/disc.png") no-repeat scroll 0 50%;}
ul.services-name li a{float:left; margin:0; padding:5px 0; color:#74664c; text-decoration:none; font-size:16px; font-weight:600; width:100%;}
ul.services-name li a:hover{color:#000;}
.services-name li a {
}
.services-name li a {
}
.services-name li a {
}



.right-services{float:right; margin:0; padding:0; width:44%;}
.right-services h2{float:left; margin:30px 0 20px 0; padding:0; color:#000; font-size:18px; font-weight:600; text-transform:uppercase; width:100%;}
.right-services p{float:left; margin:0; padding:0; color:#777777; font-size:18px; width:100%; line-height:26px;}
ul.translate{float:left; margin:30px 0 0 0; padding:0; width:50%; list-style:none;}
ul.translate li{float:left; margin:0; padding:5px 0 0 25px; color:#74664c; text-decoration:none; font-size:16px; font-weight:600;  width:100%; background:url("../images/disc.png") no-repeat scroll 0 50%;}
ul.translate li a{float:left; margin:0; padding:5px 0; color:#74664c; text-decoration:none; font-size:16px; font-weight:600; width:100%;}
ul.translate li a:hover{color:#000;}
.checkout-btn{float:left; margin:0; padding:124px 0 0 0; width:100%;}
.checkout-btn a{float:left; margin:; padding:20px 15px 5px; border:3px solid #000; color:#000; font-size:20.44px; font-weight:700; text-decoration:none;}
.ark{position:absolute; margin:-280px 0 0 50px;}
.grk{position:absolute; margin:-185px 0 0 50px;}
.wine{position:absolute; margin:-170px 0 0 50px;}
.crno{position:absolute; margin:-200px 0 0 50px;}
.plavac{position:absolute; margin:-170px 0 0 50px;}
.checkout-btn a:hover{color:#74664c; border:3px solid #74664c;}
#gurantee-row{float:left; margin:0; padding:35px 0; width:100%;}
.new-row{float:left; margin:0; padding:0; width:100%;}
.new-row ul{float:left; margin:0; padding:0; list-style:none; text-align:center; width:100%;}
.new-row ul li{margin:0; padding:0 0px; display:inline-block; float:left;}
.new-row ul li img{float:left; margin:0 20px 0 0; padding:0;}
.new-row ul li a{float:left; margin:0; padding:11px 0 0; text-decoration:none; color:#000; font:18px; text-transform:capitalize; font-weight:600;}
.new-row ul li a:hover{color:#000;}
#why-filler{float:left; margin:0; padding:80px 0; width:100%; background:#74664c;}
.content-section{float:left; margin:0; padding:0; width:100%;}
.content-section h2{float:left; margin:0 0 10px 0; padding:0; width:100%; font-size:36px; font-weight:600; color:#fff; text-transform:uppercase;}
.content-section p{float:left; margin:0; padding:0; width:100%; font-size:22px; color:#fff;}
.column{float:left; margin:50px 0 0px 0; padding:0; width:100%;}
.column1{float:left; margin:0 0 0px 0; padding:0; width:50%;}
.left-img{float:left; margin:0 30px 0 0; padding:0;}
.right-desc{float:left; margin:15px 0 0 0; padding:0; width:75%;}
.right-desc h3{float:left; margin:0 0 20px 0; padding:0; width:100%; font-size:18px; font-weight:600; color:#fff;}
.right-desc p{float:left; margin:0; padding:0; width:100%; font-size:18px; color:#b3dcf0; line-height:25px;}
.pull-right{float:right;}
.top-columns{float:left; margin:0 0 40px 0; padding:0; width:100%;}
.checkout-btn2{float:left; margin:150px 0 0; padding:0; width:100%; text-align:center;}
.checkout-btn2 a{text-align:center; margin:; padding:20px 15px 5px; border:3px solid #fff; color:#fff; font-size:20.44px; font-weight:700; text-decoration:none;}
.checkout-btn2 a:hover{color:#000; border:3px solid #000;}
.icon2{margin:-114px 0 0 -4px;}
.tabs {cursor: pointer;  float: left;   margin: 0 0 15px;  padding: 0;  width: 100%; border:1px solid #dddddd;  border-radius: 5px;}
.tabs a {color: #fff;  float: left;  font-size: 20px;  margin: 0;   padding: 10px;  text-decoration: none; width: 98.4%; background: #74664c url("../images/plus.png") no-repeat scroll 99% 42%; font-weight:600;  border-radius: 5px;}
.visible {float: left;  margin: 0;  padding: 10px;  width: 98%; display:none;}
.visible p {color: #777777;  float: left;  font-size: 18px;  margin: 0;  padding: 0; width: 100%; cursor:default;}
.tabs a.opened {background: rgba(0, 0, 0, 0) url("../images/minus.png") no-repeat scroll 99% 42%; color:#74664c;}
#faq{float:left; margin:0; padding:80px 0; width:100%;}
.faq-section{float:left; margin:0 0 40px 0; padding:0; width:100%;}
.faq-section h2{float:left; margin: 0 0 10px 0; padding:0; width:100%; font-size:36px; font-weight:600; color:#000;}
.faq-section p{float:left; margin:0; padding:0; width:100%; color:#777777; font-size:22px;}
#client-views{float:left; margin:0; padding:145px 0; width:100%;  background:url(../images/content-bg.jpg) no-repeat; background-attachment:fixed; background-size:cover;}
.client-content{float:left; margin:0; padding:0; width:100%;}
.client-content h2{float:left; margin: 0 0 10px 0; padding:0; width:100%; font-size:36px; font-weight:600; color:#fff; text-align:center;}
.client-content p{float:left; margin:0; padding:0; width:100%; color:#fff; font-size:22px; text-align:center;}
.boxes-row{float:left; margin:60px 0 0 0; padding:0; width:100%;}
.box1 {background: rgba(0, 0, 0, 0) url("../images/box.png") no-repeat scroll 0 0;  float: left;}
.box1 p{float:left; margin:0; padding:0; width:100%; color:#fff; font-size:16px; text-align:left;}
.drop-arrow{float:left; margin:96px 0 0; padding:0; position:absolute;}


.arrow_box {position: relative;	background: rgba(0, 0, 0, 0.8);	border: 1px solid #74664c;	float:left;	width:78%;	border-radius:5px;	margin:0;	padding:30px;}
.arrow_box:after, .arrow_box:before {	top: 100%;	left: 20%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;}
.arrow_box:after {border-color: rgba(0, 0, 0, 0);	border-top-color: #000;	border-width: 10px;	margin-left: -10px;}
.arrow_box:before {	border-color: rgba(0, 136, 203, 0);	border-top-color: #74664c;	border-width: 11px;	margin-left: -11px;}
.arrow_box p{float:left; margin:0; padding:0; width:99%; font-size:18px; font-family:"Times New Roman", Times, serif; font-style:italic; text-align:left;}
.comma1{left: -6px;   position: relative;   top: -11px;}
.comma2{left: 3px;   position: relative;   top: -4px;}
.box-section{float:left; margin:0; padding:0; width:18%;}
.box-section > a {color: #74664c;  float: left;  margin: 20px 0 0 25px;   padding: 0;  text-decoration: none;  width: 100%;}
.boxes-row ul{float:left; margin:0; padding:0; list-style:none; width:100%; text-align:center;}
.boxes-row ul li{display:inline-block; margin:0 30px; padding:0; list-style:none; width:23%;}
a.linked{color: #74664c;  float: left;  margin: 20px 0 0 25px;   padding: 0;  text-decoration: none;  width:auto; text-align:left;}
a.linked:hover{color:#fff;}

#pricing{float:left; margin:0; padding:30px 0 318px 0; background:url(../images/keyboard_bg.jpg) no-repeat; width:100%; text-align:center; background-size:cover;}
.pricing-section{float:left; margin:0; padding:0; width:100%;}
.pricing-section h2{float:left; margin: 0 0 15px 0; padding:0; width:100%; font-size:36px; font-weight:600; color:#74664c;}
.pricing-section p{float:left; margin:0 0 15px 0; padding:0; width:100%; color:#777777; font-size:22px;}
.pricing-section h3{float:left; margin: 0 0 30px 0; padding:0; width:100%; font-size:26px; font-weight:600; color:#000;}
.pricing-section a{margin: 0 0 10px 0; padding:10px 30px 10px 20px; width:100%; font-size:16px; font-weight:600; color:#74664c; text-decoration:none; text-transform:uppercase; border:1px solid #74664c; background:url(../images/blue-drop.jpg) no-repeat; background-position:98% 50%;}
.pricing-section a:hover{background:#74664c url(../images/white-drop.png) no-repeat; color:#fff; background-position:98% 50%;}

#contact{float:left; margin:0; padding:50px 0; width:100%; background:#74664c;}
.contact-section{float:left; margin:0; padding:0; width:100%;}
.contact-section h2{float:left; margin: 0 0 15px 0; padding:0; width:100%; font-size:36px; font-weight:600; color:#fff; text-align:center;}
.contact-section p{float:left; margin:0 0 15px 0; padding:0; width:100%; color:#fff; font-size:22px; text-align:center;}
.full-row{float:left; margin:30px 0 0 0; padding:0;}
.left-contact-info{float:left; margin:0; padding:0; width:50%;}
.img{float:left; margin:0px 20px 0 0; padding:0;}
.phn{float:left; margin:0 0 30px 0; padding:0; width:100%;}
.left-contact-info .email h2{margin:0;}
.left-contact-info .quote h2{margin:0;}
.info{float:left; margin:10px 0 0 0; padding:0; width:80%;}
.info h2{    color: #ffffff;    float: left;  font-size:22px; font-weight: 600;    margin: 0 0 15px;    padding: 0;    width: 100%; text-align:left;}
.info p{ color: #b3dcf0;   float: left; font-size: 18px; line-height: 25px;   margin: 0;    padding: 0;    width: 100%; text-align:left;}
#wrapper-2{width:920px; margin:0 auto;}
.right-form{float:right; margin:0; padding:0; width:40%;}
.form {float: left;  margin: 20px 0 0; padding: 0; width: 100%;}
.form input {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border: 1px solid #fff; border-radius: 5px;  color: #ffffff;  font-size: 13px;  margin: 0 0 15px;   padding: 10px;  text-transform: capitalize;    width: 86%;}
.form textarea { border: 1px solid #d9d9d9; border-radius: 5px; border: 1px solid #fff; color: #fff;  font-size: 13px; margin: 0 0 15px; padding: 10px;  width: 86%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-family: 'Times New Roman', sans-serif;}
.form .submit {background: #fff none repeat scroll 0 0; border: medium none;  border-radius: 5px;  box-shadow: none;  color: #74664c;  font-size: 18px;  margin: 0; padding: 10px;  text-transform: uppercase;  width: 92%; cursor:pointer;}
.form .submit:hover{background:#000; color:#fff;}
#footer{background:#222222; margin:0; padding:25px 0; width:100%; float:left;}
.footer-logo{float:left; margin:0; padding:0; width:20%;}
.right-footer{float:right; margin:0; padding:0; width:65%;}
.footer-nav{float:right; margin:15px 0 0 0; padding:0; width:100%;}
.footer-nav ul{float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li{float:left; margin:0; padding:0;}
.footer-nav ul li a{float:left; margin:0; padding:0 18px 0 15px; text-decoration:none; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase;}
.footer-nav ul li a:hover{color:#74664c;}
.last-row{float:left; margin:20px 0 0 0; padding:0; width:100%;}
.social-icons{float:left; margin:0 0 0 3px; padding:0;}
.social-icons ul{float:left; margin:0; padding:0; list-style:none;}
.social-icons ul li{float:left; margin:0; padding:0;}
.social-icons ul li a{float:left; margin:0; padding:0 10px;}
p.copyright{float:right; margin:0 15px 0 0px; padding:0; font-size:13px; color:#666666;}
.last-row p a{text-decoration:none; color:#666666;}
.last-row p a:hover{color:#74664c;}

.nav-toggle {display: none;}
body.home .darkHeader{background:#74664c !important; transition: all 0.5s ease;}
.darkHeader .nav ul li a{color:#fff;}
.darkHeader .nav ul li a:hover{color:#000;}
.header .white{display:none;}
.darkHeader .white{display:block;}
.darkHeader .logo-1{display:none;}
.darkHeader .nav ul li.active a{color:#000;}


@media (min-width: 220px) and (max-width:467px) {
body{overflow-x:hidden;}
.logo-1{display:none;}
#wrapper{width:100%;}
#header1{position:relative;}
.nav-toggle::before {color: #ffffff;  content: "=";  font: 28px/55px "responsivenav";  left: 0;  position: absolute;  text-align: center;  text-indent: 0;  text-transform: none;top: 0;  width: 100%;}
.nav-toggle {float: right;   height: 55px;  overflow: hidden;   position: relative;  text-decoration: none;  text-indent: -300px;   width: 60px;}
.nav-toggle.active::before {content: "x";  font-size: 24px;}
.nav-toggle.active::before {content: "x";  font-size: 24px;}
.js .nav-toggle{display:block;}
.nav-toggle {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; text-indent: -300px; position: relative; overflow: hidden;  width: 60px;  height: 55px;  float: right;}
.nav-toggle:before {color: #74664c; /* Edit this to change the icon color */  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */  text-transform: none;  text-align: center;  position: absolute;  content: "\2261"; /* Hamburger icon */  text-indent: 0;  speak: none;  width: 100%;  left: 0;  top: 0;}
.nav-toggle.active:before {font-size: 24px;  content: "\78"; /* Close icon */}
.js .nav-collapse {  clip: rect(0 0 0 0);  max-height: 0;  position: absolute;  display: block;  overflow: hidden;  zoom: 1;}
.nav-collapse.opened {max-height: 9999px;}
.disable-pointer-events { pointer-events: none !important;}
.logo{width:65%;  margin:8px 0 0 0;}
.logo img{width:100%;}
.header{padding:10px; width:95%;}
.nav ul{text-align:center;}
.nav ul li{width:100%; text-align:center; padding:5px 0;}
.nav ul li a{width:100%; padding:0;}
#banner{background-size:cover; height:auto;}
#banner1{background-size:cover; height:auto;}
#banner2{background-size:cover; height:auto;}
#banner3{background-size:cover; height:auto;}
.round-img{min-height:auto; background-size:cover; float:left; width:100%; background:none;}
.inside-text{margin:0; padding:30% 0 40% 0; float:left; width:100%;}
.inside-text h2{font-size:18px; color:#fff;}
.inside-text a{font-size:12px; padding:5px 20px; color:#fff; background:#000 url("../images/white-drop.png") no-repeat scroll 98% 50%;}
.inside-text a:hover {background: #74664c url("../images/white-drop.png") no-repeat scroll 98% 50%;}
#services{padding:0 10px; width:95%;}
.left-services{width:100%;}
.right-services{width:100%;}
ul.services-name{width:100%;}
ul.services-name li{width:90%;}
ul.translate li{width:90%;}
ul.translate{width:100%;}
.ark{display:none;}
.grk{display:none;}
.wine{display:none;}
.crno{display:none;}
.plavac{display:none;}
.checkout-btn a{width:88%; padding:10px; text-align:center;}
.checkout-btn{padding:0; margin:20px 0;}
.new-row ul li{}
.new-row ul li a.break{}
.new-row ul{width:9999px;}

.nbs-flexisel-container {position:relative;  max-width:100%;}
.nbs-flexisel-ul {position:relative; width:99999px;   margin:0px;  padding:0px;  list-style-type:none;     text-align:center;}
.nbs-flexisel-inner {overflow:hidden;  float:left;  width:100%;  border-radius:5px;    -moz-border-radius:5px;   -webkit-border-radius:5px; }
.nbs-flexisel-item {float:left;  margin:0px; padding:0px; cursor:pointer;  position:relative; cursor:default;}
.nbs-flexisel-item img {position: relative;    margin-top: 10px;    margin-bottom: 10px;}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {width: 39px; height: 39px;  position: absolute;  cursor: pointer;  z-index: 100;}
.nbs-flexisel-nav-left {left:18px; top:30px !important;  background: url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right {right:0px; top:30px !important;  background: url(../images/button-next.png) no-repeat;}


#why-filler{padding:80px 10px; width:95%;}
.column1{width:100%; text-align:center; margin:0 0 30px 0;}
.left-img{width:100%;}
.right-desc{width:100%;}

#faq{padding:80px 10px; width:95%;}
.tabs a{width:93.4%; background:#74664c url("../images/plus-mobile.png") no-repeat scroll 99% 42%; font-size:14px;}
.tabs a.opened {background: rgba(0, 0, 0, 0) url("../images/minus-mobile.png") no-repeat scroll 99% 42%;}
.visible p{font-size:14px; width:95%; text-align:justify;}
#client-views{padding:145px 10px; width:95%;}
.boxes-row ul li{width:100%; margin:0;}

#pricing{padding:50px 10px 318px; width:95%; background:rgba(0, 0, 0, 0) url("../images/keyboard_bg_mobile.jpg") no-repeat scroll 50% 100% ;}
.pricing-section a{float:left; width:82%; background:none;}

#contact{padding:50px 10px; width:95%;}
#wrapper-2{width:100%;}
.right-form{float:left; width:100%;}
.left-contact-info{width:100%;}
.info{width:70%;}

#footer{padding:25px 10px; width:95%;}
.footer-logo{width:100%; text-align:center;}
.right-footer{float:left; width:100%;}
.footer-nav ul{width:100%; text-align:center;}
.footer-nav ul li{width:100%; text-align:center;}
.footer-nav ul li a{width:100%; padding:5px 0;}
.social-icons{margin:0 0 20px 0;}

.form input{width:93%;}
.form textarea{width:93%;}
.form .submit{width:100%;}

.boxes-row ul{width:9999px;}

#client-views .nbs-flexisel-nav-left{left:6px; top:80px !important;}
#client-views .nbs-flexisel-nav-right{right:-8px; top:80px !important;}
#client-views .nbs-flexisel-item img{display:none;}
.arrow_box{width:76%;}
.arrow_box p{text-align:justify;}


.new-row ul li img {float: none;}
.new-row ul li a {width: 100%;}

.darkHeader .nav-toggle::before{color:#fff;}
.left-services p{font-size:14px;}
ul.services-name li a{font-size:14px;}
.right-services p{font-size:14px;}
ul.translate li a{font-size:14px;}
.content-section h2{font-size:18px;}
.content-section p{font-size:14px;}
.right-desc p{font-size:14px;}
.faq-section h2{font-size:18px;}
.faq-section p{font-size:14px;}
.client-content h2{font-size:18px;}
.client-content p{font-size:14px;}
.pricing-section h2{font-size:18px;}
.pricing-section p{font-size:14px;}
.pricing-section h3{font-size:16px;}
.contact-section h2{font-size:18px;}
.contact-section p{font-size:14px;}
.info h2{font-size:14px;}
.info p{font-size:12px;}
.footer-nav ul li a{font-size:14px;}
#services h1{font-size:18px;}
.inside-text{padding:35% 0;}

}

@media (min-width: 468px) and (max-width:767px) {
body{overflow-x:hidden;}
.logo-1{display:none;}
#header1{position:relative;}
#wrapper{width:100%;}
.nav-toggle::before {color: #ffffff;  content: "=";  font: 28px/55px "responsivenav";  left: 0;  position: absolute;  text-align: center;  text-indent: 0;  text-transform: none;top: 0;  width: 100%;}
.nav-toggle {float: right;   height: 55px;  overflow: hidden;   position: relative;  text-decoration: none;  text-indent: -300px;   width: 60px;}
.nav-toggle.active::before {content: "x";  font-size: 24px;}
.nav-toggle.active::before {content: "x";  font-size: 24px;}
.js .nav-toggle{display:block;}
.nav-toggle {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; text-indent: -300px; position: relative; overflow: hidden;  width: 60px;  height: 55px;  float: right;}
.nav-toggle:before {color: #74664c; /* Edit this to change the icon color */  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */  text-transform: none;  text-align: center;  position: absolute;  content: "\2261"; /* Hamburger icon */  text-indent: 0;  speak: none;  width: 100%;  left: 0;  top: 0;}
.nav-toggle.active:before {font-size: 24px;  content: "\78"; /* Close icon */}
.js .nav-collapse {  clip: rect(0 0 0 0);  max-height: 0;  position: absolute;  display: block;  overflow: hidden;  zoom: 1;}
.nav-collapse.opened {max-height: 9999px;}
.disable-pointer-events { pointer-events: none !important;}
.logo{width:65%;  margin:8px 0 0 0;}
.logo img{}
.header{padding:10px; width:97%;}
.nav ul{text-align:center;}
.nav ul li{width:100%; text-align:center; padding:5px 0;}
.nav ul li a{width:100%; padding:0;}
#banner{background-size:cover; height:auto;}
#banner1{background-size:cover; height:auto;}
#banner2{background-size:cover; height:auto;}
#banner3{background-size:cover; height:auto;}
.round-img{min-height:auto; background-size:cover; float:left; width:100%;}
.inside-text{margin:0; padding:30% 0 53% 0;}
.inside-text h2{font-size:18px; color:#000;}
.inside-text a{font-size:12px; padding:5px 20px; color:#fff; background:#000 url("../images/white-drop.png") no-repeat scroll 98% 50%;}
.inside-text a:hover {background: #74664c url("../images/white-drop.png") no-repeat scroll 98% 50%;}
#services{padding:40px 10px; width:97%;}
.left-services{width:100%;}
.right-services{width:100%;}
ul.services-name{width:100%;}
ul.services-name li{width:90%;}
ul.translate li{width:90%;}
ul.translate{width:100%;}
.ark{display:none;}
.grk{display:none;}
.wine{display:none;}
.crno{display:none;}
.plavac{display:none;}
.checkout-btn a{width:88%; padding:10px; text-align:center; float:none;}
.checkout-btn{padding:0; margin:20px 0; text-align:center;}
.new-row ul li{padding:0;}
.new-row ul li a.break{width:100px; padding:0;}
.new-row ul{width:9999px;}

.nbs-flexisel-container {position:relative;  max-width:100%;}
.nbs-flexisel-ul {position:relative; width:99999px;   margin:0px;  padding:0px;  list-style-type:none;     text-align:center;}
.nbs-flexisel-inner {overflow:hidden;  float:left;  width:100%;  border-radius:5px;    -moz-border-radius:5px;   -webkit-border-radius:5px; }
.nbs-flexisel-item {float:left;  margin:0px; padding:0px; cursor:pointer;  position:relative; cursor:default;}
.nbs-flexisel-item img {position: relative;    margin-top: 10px;    margin-bottom: 10px;}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {width: 39px; height: 39px;  position: absolute;  cursor: pointer;  z-index: 100;}
.nbs-flexisel-nav-left {left:18px; top:30px !important;  background: url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right {right:0px; top:30px !important;  background: url(../images/button-next.png) no-repeat;}


#why-filler{padding:80px 10px; width:97%;}
.column1{width:100%; text-align:center; margin:0 0 30px 0;}
.left-img{width:100%;}
.right-desc{width:100%;}

#faq{padding:80px 10px; width:97%;}
.tabs a{width:95.6%; background:#74664c url("../images/plus-mobile.png") no-repeat scroll 99% 42%; font-size:14px;}
.tabs a.opened {background: rgba(0, 0, 0, 0) url("../images/minus-mobile.png") no-repeat scroll 99% 42%;}
.visible p{font-size:14px; width:97%; text-align:justify;}
#client-views{padding:145px 10px; width:97%;}
.boxes-row ul li{width:100%; margin:0;}



#pricing{padding:50px 10px 318px; width:97%; background:rgba(0, 0, 0, 0) url("../images/keyboard_bg_mobile.jpg") no-repeat scroll 50% 100% ;}
.pricing-section a{width:82%; background:none;}

#contact{padding:50px 10px; width:97%;}
#wrapper-2{width:100%;}
.right-form{float:left; width:100%;}
.left-contact-info{width:100%;}
.info{width:70%;}

#footer{padding:25px 10px; width:97%;}
.footer-logo{width:100%; text-align:center;}
.right-footer{float:left; width:100%;}
.footer-nav ul{width:100%; text-align:center;}
.footer-nav ul li{width:100%; text-align:center;}
.footer-nav ul li a{width:100%; padding:5px 0;}
.social-icons{margin:0 0 20px 0;}

.form input{width:93%;}
.form textarea{width:93%;}
.form .submit{width:96%;}

.boxes-row ul{width:9999px;}

#client-views .nbs-flexisel-nav-left{left:6px; top:80px !important;}
#client-views .nbs-flexisel-nav-right{right:-8px; top:80px !important;}
#client-views .nbs-flexisel-item img{display:none;}
.arrow_box{width:72%;}
.arrow_box p{text-align:justify;}
.new-row ul li a{width:100%;}
.new-row ul li{text-align:center;}
.new-row ul li img{float:none;}
.new-row ul li a.break{width:100%;}

.nav{float:left; width:100%;}
.darkHeader .nav-toggle::before{color:#fff;}

.round-img{background:none;}
.inside-text{padding:9% 0;}
}

@media (min-width: 768px) and (max-width:1080px) {
#wrapper{width:750px;}
.nav{margin:20px 0;}
.nav ul li a{font-size:12px; padding:0 6px;}
.round-img{width:84%; background-size: auto auto;}
.new-row ul li{width:25% !important;}
.break {width: 100px;}
.tabs a{width:97.4%;}
.boxes-row ul li{margin:0 10px; width:30% !important;}
#wrapper-2{width:750px;}
.right-footer{width:70%;}
.footer-nav ul li a{padding:0 13px 0 7px; font-size:12px;}
#pricing{background:rgba(0, 0, 0, 0) url("../images/keyboard_bg_mobile.jpg") no-repeat scroll 50% 100%;}
ul.translate{width:100%;}
ul.services-name li a{font-size:13px;}
ul.services-name{margin:30px 15px 0; width:39%;}
ul.translate li a{font-size:13px;}
ul.translate li{width:93%;}
.social-icons ul li a{padding:0 2px;}
p.copyright{margin:0 2px 0 0; font-size:11px;}
}