@import url('https://fonts.googleapis.com/css?family=Roboto:100i,300,400,500,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:100i,300,400,500,600,700,800,900&subset=latin-ext');

* {
	padding: 0;
	margin: 0;
	border: none; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
	outline:none;
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

html, body {font-family: 'Raleway', sans-serif;}

h1 {font-size: 42px; text-transform: uppercase; margin-bottom: 40px;}
h2 {font-size: 42px; text-transform: uppercase; margin-bottom: 40px; font-weight: 800; text-align: center;}
h3 {font-size: 32px; text-transform: uppercase; font-weight: 300; color: #fff; margin-bottom: 0; position: relative;}
h4 {font-size: 24px; text-transform: uppercase; font-weight: 800; color: #000;}

p {font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; color: #000;}
.main-nav ul > li.last {padding-right: 0;}
.wrapper { max-width: 1140px; width: 100%; margin: 0 auto;}
.custom-wrapper {max-width: 1600px; width: 100%; margin: 0 auto;}
.bold {font-weight: 700;}
.separator {
    width: 35px;
    height: 4px;
    background-color: #7ac143;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
}
.meta-nav {
    background-color: #3c3c3c; text-align: right; height: 42px;
}

.meta-nav ul { list-style-type: none; line-height: 43px; margin-bottom: 0; font-family: 'Roboto', sans-serif;}
.meta-nav ul li {display: inline-block;}
.meta-nav ul li a {text-transform: uppercase; font-size: 12px; color: #fff; padding: 15px 15px 13px 15px; transition: all 0.3s; text-decoration: none;}
.meta-nav ul li a:hover {background-color: #7ac043; transition: all 0.3s; text-decoration: none;}
.meta-nav ul li a.last_meta { margin-right: -15px; }
.logo {display: inline-block; padding-top: 15px;}

.main-nav {background-color: #fff; height: 92px; font-family: 'Roboto', sans-serif; position: relative;}
.main-nav ul {list-style-type: none; margin-bottom: 0; display: inline-block; float: right; line-height: 92px;}
.main-nav ul li {display: inline-block; padding-right: 60px;}

.main-nav ul li a {font-size: 16px; text-transform: uppercase; color: #3f3f3f; position: relative; text-decoration: none;}
.main-nav ul li a:after {content: ''; position: absolute; bottom: -6px; left: 0; height: 3px; width: 0; background-color: #7ac043; transition: all 0.3s; }
.main-nav ul li a:hover{text-decoration: none; color: #7ac043; }
.main-nav ul li a:hover:after {width: 100%; transition: all 0.3s;}

.slider {background: url(img/slide-1.jpg); padding-bottom: 145px; padding-top: 160px;}
.slider h1 { font-weight: 100; margin-top: 0; margin-bottom: 0; color: #fff; line-height: 60px; margin-bottom: 20px;}
.button {background: #fff; border-radius: 2px; display: inline-block; padding: 10px 40px 10px 20px; transition: all 0.3s;}
.button span {font-size: 16px; color: #7ac043; position: relative; transition: 0.3s;}
.button span:after {content: ''; width: 17px; position: absolute; height: 11px; background: url(img/arrow-right.png); right: -28px; top: 5px;}

.button:hover {background-color: #7ac043; transition: all 0.3s;}
.button:hover span {color: #fff;}


.first, .second, .third {padding-left: 0; padding-right: 0; border-right: 1px solid #fff;}

.first .bg-image {background: url(img/veleprodaja.jpg); min-height: 360px;}
.second .bg-image {background: url(img/univer.jpg); min-height: 360px;}
.third .bg-image {background: url(img/gradnja.jpg); min-height: 360px;}


.first .bg-content, .second .bg-content, .third .bg-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(122, 193, 67, 0.90); transition: all 0.3s; overflow: hidden;}
.first .bg-content:hover, .second .bg-content:hover, .third .bg-content:hover {background: rgba(122, 193, 67, 1); transition: all 0.3s;}

.second .bg-content {background:  rgba(96, 160, 46, 0.90);}
.second .bg-content:hover {background:  rgba(96, 160, 46, 1);}
.first h3, .second h3, .third h3 {padding-top: 300px; padding-left: 20px; margin-top: 0; transition: all 0.4s;}
.bg-content h3 a {text-decoration: none; color: #fff;}
.bg-content img {margin-left: 20px; margin-top: 40px;}
.first .bg-content:hover h3, .second .bg-content:hover h3, .third .bg-content:hover h3 {padding-top: 175px; transition: ease-in-out 0.3s;}

.bg-content h3 {position: relative;}
.second {background: url(img/univer.jpg);}
p.main {text-align: center;}
.onama {padding-top: 130px;}
.onama p.main {text-align: center; margin-bottom: 150px;}


.paralax {padding-top: 200px; padding-bottom: 200px; background: url(img/paralax.jpg); background-attachment: fixed;}
.prva { background: url(img/dekor-vest.jpg); background-size: cover;}
.treca { background: url(img/dekor-vest.jpg); background-size: cover;}
.prva h4, .druga h4, .treca h4 {color: #fff;}
.logo-p img {display: inline-block; width: 90%; display: block; margin: 0 auto; max-width: 550px;}
.vest {background: orange; min-height: 270px;}
.vest {border-right: 1px solid #fff; position: relative;}
.vest h4 {position: absolute; bottom: 0; left: 25px;}

.prva {background: url(img/dekor-vest.jpg); background-size: cover;}
.druga { background: url(http://dekorinvest.rs/img/porodicna-kuca/8.jpg); background-size: cover;}
.treca {background: url(http://dekorinvest.rs/img/stambena-zgrada/7.jpg); background-size: cover;}

.projekti {padding-top: 150px; padding-bottom: 150px;}
.projekti .separator {margin-bottom: 70px;}

.footer {background: #3e3f3e; min-height: 350px; margin-top: 20px;}
.footer h3 {font-weight: 800; margin-bottom: 70px;}

.kontakt {background-color: #4f514f; padding-left: 30px; padding-top: 20px; height: 100%; min-height: 360px;}
.kontakt p {font-size: 15px; display: inline-block; color: #fff; padding-left: 18px;}

.lokacija img, .poruka img, .telefon img {display: inline-block;}

.lokacija, .poruka, .telefon {margin-bottom: 35px;}

.upper, .lower {text-align: center; margin-top: 110px;}
.upper img, .lower img {display: inline-block;}

.lower  {margin-top: 60px;}
.dobavljaci {margin-top: 120px; margin-bottom: 40px;}
.content-right {margin-bottom: 20px;}
/*CONTENT*/

.acc {color: black; font-weight: 700;}
.slika {padding: 0 !important;}
.slika img {width: 100%; padding: 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; position: relative;}
.middle-accordion {
/*  margin-bottom: 20px;*/
  border-bottom: 1px solid #c4c4c5; }
  .middle-accordion .content-accordion {
    display: none;
    padding-bottom: 20px; }
  .middle-accordion .open-accordion {
    cursor: pointer;
    position: relative; }
  .middle-accordion .open-accordion .arrow {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background: url("img/arrow-right-blue.png") no-repeat center #f7f7f7;
    background-size: 14%;
    cursor: pointer;
    border-radius: 2px;
    margin-top: 10px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .middle-accordion .open-accordion .arrow:hover {
    background: url("img/arrow-right-blue.png") no-repeat center #f7f7f7;
    background-size: 14%; }
  .middle-accordion .open-accordion.active .arrow {
    background: url("img/accordion.png") no-repeat center #f7f7f7;
    background-size: 14%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  .middle-accordion .open-accordion.active .arrow:hover {
    background: url("img/arrow-right-blue.png") no-repeat center #f7f7f7;
    background-size: 14%; }
  .middle-accordion .open-accordion h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    float: left; }
  .middle-accordion .open-accordion h3:hover {
    color: ##7ac143; }
.mapa {margin-bottom: 60px;}
.col-lg-20 { width: 20%; float: left;}
.right-col {background: #f1f1f1; padding: 35px; border-radius: 2px; margin-bottom: 16px;}
.right-col h4 {margin-top: 0; border-bottom: 1px solid #555; padding-bottom: 10px;}
/*.right-col h4:after {content: ''; width: 28px; height: 28px; background: url(img/phone.png); position: absolute; right: 24px; top: 29px;}*/

.right-col .kontakt {padding-left: 10px; padding-top: 25px !important; min-height: auto !important; padding-top: 40px; border-radius: 2px; background-color: transparent; transition: all 0.2s; color: #3e3e3e;}

.right-col .kontakt p {color: #3e3e3e;}

.right-col .kontakt .telefon {margin-bottom: 0;}

.logos img {width: 90%; margin-top: 40px;}

p.main-wrap { text-align: center; max-width: 780px; margin: 0 auto; margin-bottom: 80px;}
span.hover{position: absolute; background-color: rgba(122, 193, 67, 0);  width: 100%; height: 100%; top: 0; left: 0; transition: all 0.3s;}
a.fancybox:hover span {background-color: rgba(122, 193, 67, 0.9); transition: all 0.4s;}
a.fancybox:hover span img {opacity: 1; transition: all 0.3s;}
.hover img.zoom {width: auto !important; border: none; display: block; margin: 0 auto; top: 37%; opacity: 0; transition: all 0.3s; }
.f-gradnja {margin-top: 100px;}


/******  TIMELINE ******/
.round-ico { width: 40px; height: 40px; background: #fff; border: 5px solid #eff2f7; border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; }
.round-ico.little { width: 25px; height: 25px; background: #fff; border: 5px solid #eeeef2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; }

.wrap-timeline { position: relative; padding-bottom:  }
.wrap-timeline:after { content: ''; position: absolute; top: 0; display: block; bottom: 110px; left: 50%; width: 2px; margin-left: -1px; background: #eff2f7; }
.wrap-timeline .top-row .time-title { text-align: center; height: 80px; position: relative; }
.wrap-timeline .top-row .time-title .round-ico { position: absolute; left: 50%; margin-left: -26px; bottom: 40px; z-index: 1; width: 52px; height: 52px; line-height: 44px; }
.wrap-timeline .top-row .time-title .round-ico .icon { font-size: 16px; text-align: center; color: #666666; }
.wrap-timeline .top-row .time-title .round-ico:after { content: ''; display: block; position: absolute; width: 2px; height: 52px; left: 50%; top: 42px; margin-left: -1px; background: #eff2f7; }
.wrap-timeline .row { position: relative; }
.wrap-timeline .row > .round-ico.big { position: absolute; top: -5px; left: 50%; margin-left: -20px; z-index: 1; }
.wrap-timeline .row > .round-ico.big:after { content: ''; display: block; position: absolute; width: 34px; height: 1px; left: 100%; top: 13px; background: #cacddc; }
.wrap-timeline .row > .round-ico.big:before { position: absolute; content: ''; display: block; width: 7px; height: 7px; right: -37px; top: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #cacddc; }
.wrap-timeline .row > .round-ico.little { position: absolute; top: 4px; left: 50%; margin-left: -13px; z-index: 1; }
.wrap-timeline .row > .round-ico.little:after { content: ''; display: block; position: absolute; width: 34px; height: 1px; right: 100%; top: 6px; background: #cacddc; }
.wrap-timeline .row > .round-ico.little:before { position: absolute; content: ''; display: block; width: 7px; height: 7px; left: -37px; top: 3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #cacddc; }
.wrap-timeline .left-row { text-align: right; margin-bottom: 20px; }
.wrap-timeline .right-row { text-align: left; margin-bottom: 20px; }
.wrap-timeline .right-row .time-item { padding-left: 80px; }
.wrap-timeline .left-row .time-item { padding-right: 80px; }
.wrap-timeline .time-item { padding-top: 10px; }
.wrap-timeline .time-item .date {font-size: 14px; text-transform: uppercase; color: #7ac143; margin-bottom: 10px; }
.wrap-timeline .time-item .time-image img { max-width: 100%; margin-bottom: 20px; width: auto; max-width: 300px; border-radius: 2px; }
.wrap-timeline .time-item .title { font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 15px; }
.wrap-timeline .time-item p { margin: 0; }
.wrap-timeline .plus { padding-bottom: 90px; }
.wrap-timeline .plus .plus-ico { display: block; z-index: 1; margin: 0 auto; position: relative; width: 50px; height: 50px; background: #fff; border: 5px solid #eeeef2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; font-size: 30px; line-height: 40px; text-align: center; text-decoration: none; padding: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #cacddc; }
.wrap-timeline .plus .plus-ico:after { content: ''; display: block; position: absolute; width: 2px; height: 10px; left: 50%; margin-left: -1px; bottom: 100%; background: #eff2f7; }
.wrap-timeline .plus .plus-ico:hover { color: #fff; background: #cddc39; box-shadow: none; }

/*--------------------------------------------*/

/* KONTAKT */


/* kontakt*/

.kontakt .header {
	background-image: url(img/kontakt-bg.jpg); background-size: cover;
	background-repeat: no-repeat;
}

.kontakt .logo {
	margin-bottom: 20%;
}


.kontakt-page > .row:nth-of-type(1) {
	padding: 60px 0 34px;
}

.kontakt-page > .row:nth-of-type(2) {
	padding: 0 0 60px;
}


.kontakt .footer  > .row .col-12 {
	padding-top: 40px;
}

.kontakt-info {
    background-color: #fff;;
    border-right: 2px solid #7ac143;
    padding: 15px;
    text-align: right;
}

.kontakt-info h4 {
    padding-bottom: 37px;
    position: relative;
}

.kontakt .header h2 {
    color: #fff;
    text-align: right;
    font-weight: 700;
    letter-spacing: 1px;
}

.kontakt .meni ul {
    margin-bottom: 100px;
}

.kontakt-info h4:after {
    position: absolute;
    content: "";
    height: 3px;
    width: 24px;
    background-color: #7ac143;
    top: 48px;
    right: 0;
}

.kontakt-info p {
	padding-bottom: 45px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;	
    position: relative;
}

.kontakt-info p:after {
	position: absolute;
    content: "";
    height: 3px;
    width: 24px;
    background-color: #7ac143;
    top: 45px;
    right: 0;
}

.kontakt-info p:nth-of-type(2):after {
	top: 36px;
}

.kontakt-info p:nth-of-type(3):after {
	display: none;
}

.kontakt-info p:nth-of-type(3) {
	padding: 0;
}

.kontakt-img {
    margin-bottom: 15px;
}

.formfield {
	width: 48%;
    float: left;
    position: relative;
    margin-bottom: 32px;
}

.formfield:nth-of-type(odd) {
	margin-right: 32px;
}

.formfield:last-of-type {
	width: 100%;
}

.formfield p {
    font-size: 11px;
    color: red;
    position: absolute;
    bottom: -22px;
    right: 0;
}

textarea {
	width: 100%;
	height: 159px;
	border: none;
    background-color: #f5f5f5;
    font-size: 16px;
}

.formfield label {
	position: absolute;
	font-size: 16px;
	font-weight: 600;
	color: #626262;
	top: 16px;
    left: 18px;
}

input[type="text"] {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 2px solid #7ac143;
    background-color: #f5f5f5;
}

input[type="text"], textarea {
	-webkit-transition: all 0.30s ease-in-out;
 	 -moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out;
 	 outline: none;
 	 padding: 15px;
 	 font-size: 16px;
    font-weight: 600;
    color: #626262;
    border-bottom: 2px solid #7ac143;
}




input[type="submit"] {
    font-size: 16px;
    border: none;
    padding: 10px 36px;
    cursor: pointer;
    float: right;
    background-color: #e3e3e3;
    color: #626262;
    -webkit-transition: all 0.3s;
 	 -moz-transition: all 0.3s;
  	-ms-transition: all 0.3s;
  	-o-transition: all 0.3s;
}

input[type="submit"]:hover {
	background-color: #7ac143;
	-webkit-transition: all 0.3s;
 	 -moz-transition: all 0.3s;
  	-ms-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	color: #fff;
}

.partneri {
	background-color: #fff;
}

.partneri a { 
    margin: 0 8px;
}

.partneri a {
    display: inline-block;
    vertical-align: middle;
}

.partneri img:hover {
	opacity: 0.7;
}

.drop-pages {
    margin-bottom: 66px;
}

.drop-pages .col-9 h4 {
    color: #626262;
    margin-bottom: 10px;
}

.drop-pages .col-9 p {
	margin-bottom: 10px;
}

.drop-pages .col-9 h4:not(:first-child) {
	margin-top: 40px;
}

.drop-pages .col-9, .gis-wrap .col-9 {
	padding-left: 40px;
}

.files {
    padding: 20px 0;
    border-top: 1px solid #939393;
    border-bottom: 1px solid #939393;
}

.files a {
	font-size: 14px;
	margin-bottom: 16px;
	display: block;
    color: #9A1D1D;
    padding-left: 30px;
    position: relative;
    line-height: 18px;
    font-weight: 600;
}

.files a:last-of-type {
	margin-bottom: 0;
}

.files a:before {
	content: "";
	position: absolute;
	background: url(img/pdf-icon.png) no-repeat;
	width: 17px;
	height: 21px;
	top: 0;
	left: 0;
}

/*button responsive*/

div#hamburger-1 {
    float: right;
    padding-top: 29px;
    padding-right: 23px;
    display: none;
}

.hamburger .line{
  width: 35px;
  height: 2px;
  background-color: #7ac143;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

/*responsive*/
@media(max-width: 1280px){
   /* .left {display: none;}*/ 
}

@media (max-width: 992px) { .portfolio-item .portfolio-image .portfolio-item-body { bottom: 15px; left: 15px; }
  .portfolio-item .portfolio-image img { height: 220px; }
  .achievements-section { padding-bottom: 150px; }
  .list-achieve .col-md-3:nth-child(2) .achieve-item:after { display: none; }
  .service-item h5 { text-align: center; }
  .service-item p { text-align: center; }
  .service-item .media-left { display: block; margin: 0 0 15px; text-align: center; padding-right: 0; }
  .service-item .media-left .wrap-service-icon { display: inline-block; margin: 0; }
  .service-item .media-body { width: auto; display: block; }
  .team-slider .slick-list .slick-track .slide-item { padding: 0 10px; }
  .team-slider .slick-list .slick-track .slide-item .image { margin-bottom: -200px; }
  .plan-item .item-body .list-features { padding: 35px 15px 20px 30px; }
  .iphone-image { margin-bottom: 30px; }
  .iphone-image img { margin-left: auto; margin-right: auto; width: auto; max-width: 100%; }
  .offers-section .text-item .dot-line { display: none; }
  .offers-section .text-item.left-item { text-align: left; padding-left: 20px; padding-right: 0; }
  .offers-section .text-item.left-item:after { left: -10px; right: auto; } }

@media (max-width: 767px) {
    div#hamburger-1 {display: block;}
    .main-nav ul {display: none; background: #fff; position: absolute; right: 0; top: 92px;}
    .main-nav ul li {display: block; padding: 0;}
    .main-nav ul li {padding: 0px 30px; border-bottom: 1px solid #7ac043;}
    .meta-nav ul li a.last_meta {margin-right: 0;}
    .meta-nav ul li a:after {content: none;}
    .main-nav ul > li.last {padding-right: 5px;}
    .main-nav ul {line-height: 60px;}
    
    .logo {padding-top: 25px;}
    .logo img {width: 65%; margin-left: 20px;}
    
    .slider h1 {font-size: 35px; font-weight: 300; line-height: 44px;}
    .first .bg-content:hover h3, .second .bg-content:hover h3, .third .bg-content:hover h3 {padding-top: 40px;}
    h2 {font-size: 34px;}
    .middle-accordion .open-accordion h3 {font-size: 15px;}
   .left-col {margin-bottom: 20px;}
   iframe {height: 220px;} 
  .formfield {width: 100%;}
  .header { position: static !important; }
  .header .navbar { position: static !important; }
  body.fixed-header .scrolling-header .navbar { background: #2b2e33; padding-top: 35px; padding-bottom: 35px; }
  .portfolio-item .portfolio-image { height: 220px; }
  .portfolio-item .portfolio-image img { height: auto; min-height: 100%; min-width: 100%; max-width: 100%; }
  .portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image { height: 250px; }
  .portfolio-list-section .list-works.mini-list-works .portfolio-item .portfolio-image img { height: auto; min-height: 100%; min-width: 100%; max-width: 100%; }
  body.fixed-header .scrolling-header .navbar { background: #2b2e33; }
  body.fixed-header .scrolling-header .navbar .navbar-nav li a { color: #fff; }
  .header .navbar { background: #2b2e33; }
  .header .navbar .navbar-collapse { border: none; margin-top: 70px; }
  .header .navbar .navbar-collapse .navbar-nav { border: none; }
  .header .navbar .relative-nav-container .toggle-button { float: left; }
  .header .navbar .navbar-brand { display: block; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; width: 40px; }
  .header .navbar .navbar-brand img { margin: 0; }
  .header .navbar .navbar-nav.wrap-user-control { margin: 0; float: right; }
  .header .navbar .navbar-nav.wrap-user-control li { display: inline-block; vertical-align: middle; }
  .steps-list .step-item:after { display: none; }
  .list-achieve .col-md-3 .achieve-item:after { display: none; }
  .steps-list .step-item .item-icon { margin: 0 auto 15px; display: block; }
  .steps-list .step-item .item-text h5 { text-align: center; }
  .buy-section .section-text { margin-bottom: 15px; }
  .price-section .plans-list .col-md-4 { display: block; float: none; margin: 0 auto 30px; }
  .reviews-slider .slide-item .media-left { padding-right: 0; display: block; }
  .reviews-slider .slide-item .media-left .image-block { margin: 0 auto; }
  .reviews-slider .slide-item .media-body { width: auto; }
  .reviews-slider .slide-item .description-block .name { text-align: center; }
  .reviews-slider .slide-item .description-block .review { margin-left: 0; }
  .footer-section .col-md-3 { margin-bottom: 15px; }
  .wrap-timeline .container { padding-left: 40px; padding-right: 40px; }
  .wrap-timeline:after { content: ''; position: absolute; top: 0; display: block; bottom: 110px; left: 60px; width: 2px; margin-left: -1px; }
  .wrap-timeline .top-row .time-title { text-align: left; }
  .wrap-timeline .top-row .time-title .round-ico { position: absolute; left: 0; margin-left: -6px; text-align: center; bottom: 40px; }
  .wrap-timeline .row > .round-ico.little { left: 22px; margin-left: 0; }
  .wrap-timeline .row > .round-ico.little:after { left: 100%; }
  .wrap-timeline .row > .round-ico.little:before { right: -37px; left: auto; }
  .wrap-timeline .row > .round-ico.big { position: absolute; top: -5px; left: 35px; margin-left: -20px; }
  .wrap-timeline .right-row .time-item { padding-left: 110px; text-align: left; }
  .wrap-timeline .left-row .time-item { padding-left: 110px; text-align: left; padding-right: 0; }
  .wrap-timeline .time-item .time-image img { max-width: 100%; width: auto; }
  .wrap-timeline .plus { padding-bottom: 90px; }
  .wrap-timeline .plus .plus-ico { display: block; margin: 0 0 0 -5px; }
  .service-navigation .col-md-3 { width: 50%; }
  .wrap-inside-nav { position: static; padding: 0; }
  .wrap-inside-nav .inside-col { padding: 15px 0; border-right: none; border-bottom: 1px solid #26282d; }
  .wrap-inside-nav .inside-col h5 { display: none; }
  .wrap-inside-nav .inside-col .inside-nav li { float: left; width: 49%; }
  .wrap-inside-nav .inside-col .inside-nav li a { font-size: 12px; padding-left: 20px; } }
@media (max-width: 500px) { 
    
    p {font-size: 13px;}
    p.main-wrap {text-align: left; margin-left: 10px;}
    h2 {font-weight: 700; font-weight: 700;text-align: left;font-size: 25px; margin-left: 10px;}
    .slider { padding-left: 20px; padding-bottom: 70px;padding-top: 60px;}
    .slider h1 {font-size: 28px; line-height: 38px;} 
    
    .main-nav ul li a:after {display: none;}
    
    .first .bg-image {min-height: 100px; background: #7ac143;}
    .second .bg-image {min-height: 100px; background: #7ac143;}
    .third .bg-image {min-height: 100px; background: #7ac143;}
    .bg-content img {display: none;}
    .bg-content h3 {padding-top: 40px; font-size: 28px; font-weight: 200;}
    
    .wrap-timeline:after {left: 30px;}
    .wrap-timeline .container {padding-left: 10px;}
    .wrap-timeline .time-item {padding-top: 0;}
    .wrap-timeline .right-row .time-item { padding-left: 94px; padding-top: 4px;}
    .wrap-timeline .left-row .time-item {padding-left: 94px; padding-top: 4px;}
    
    .onama {padding-top: 30px;}
    .onama h2 {text-align: left; margin-left: 10px;}
    .onama .separator {display: inline-block; margin-left: 10px;}
    .onama p.main {text-align: left; padding: 10px; font-size: 13px; margin-bottom: 80px;}
    
    .paralax {padding-top: 40px; padding-bottom: 40px;}
    
    .projekti {padding-top: 40px; padding-bottom: 60px;}
    
    .upper img, .lower img {width: 70%;}
    .upper  {margin-top: 60px;}
    
    .druga, .treca { display: none;}
    .kontakt {min-height: 300px;}
    
    .footer h3 {font-weight: 700; margin-bottom: 40px;}
    .f-gradnja {margin-top: 0px;}
    .prva {background: url(img/dekor-vest.jpg);background-size: cover;border-radius: 4px;margin: 10px;}
    .prva h4 {font-weight: 700; color: #fff;}
    .left-block {display: none;}
    .left-col {padding: 0;}
    .middle-accordion {padding: 0;}
    .middle-accordion .open-accordion h3 {font-size: 12px;}
    .slika {margin: 0 10px;}
    
    .right-col {padding: 20px;}
    
  .buy-section { text-align: center; }
  .buy-section .section-text { padding-left: 0; }
  .buy-section .section-text .like { position: static; display: inline-block; margin-bottom: 15px; }
  .service-navigation .col-md-3 { width: 100%; }
  .content-tabs > li { margin: 0 0 20px 0; width: 100%; display: block; }
  /*.portfolio-list-section {*/
  .list-works .col-xs-6 { width: 100%; float: none; }
  .list-works .portfolio-item .portfolio-image { height: auto; }
  .list-works .portfolio-item .portfolio-image img { width: 100%; }
  /*}*/
  .list-works.mini-list-works .portfolio-item .portfolio-image { height: auto; }
  .list-works.mini-list-works .portfolio-item .portfolio-image img { width: 100%; }
  .services-section .col-md-4 { float: none; display: block; width: 100%; }
  .services-section .services-divider { display: none; }
  .team-slider .slick-list .slick-track .slide-item.slick-current + .slide-item .slide-description { opacity: 0; }
  .team-slider .slick-list .slick-track .slide-item.slick-current .slide-description { opacity: 1; }
  .list-achieve .col-md-3 { float: none; width: 100%; }
  .list-achieve .col-md-3 .achieve-item { margin-bottom: 30px; }
  .list-achieve .col-md-3 .achieve-item .count { padding: 10px 0; }
  .reviews-slider .slide-item .description-block .review { padding: 25px; }
  .latest-works-section .scroll-pane .scroll-bar-wrap { margin: 50px 15px; }
  .blog-content-section .left-column .wrap-blog-post .wrap-linked-image { min-height: 150px; }
  .comments .comment-item .media-left { display: block; width: auto; text-align: center; margin-bottom: 15px; }
  .comments .comment-item .media-left .avatar { display: inline-block; }
  .comments .comment-item .media-body { display: block; width: auto; }
  .latest-works-section .scroll-pane .scroll-bar-wrap .scroll-bar { max-width: 100%; } }