.img-responsive {
  display: inline;
  max-width: 100%;
  height: auto;
}

.mobile-logo {
  display: none;
  text-align: center;
}
.mobile-logo img {
  max-height: 45px;
  margin: 5px 0;
}
@media only screen and (max-width:577px){
  .breadcrumb {
    white-space: nowrap;
    width: 100%;
    overflow: auto;
  }
  .breadcrumb li {
    float: none;
    display: inline-block;
  }
#page {
  padding-top: 130px;
}
p iframe {
  width: 100% !important;
  height: 300px !important;
}
}
#mobile-main-menu, #top-menu-toggle  {
  padding-top: 9px;
  background: transparent;
}
#top-menu-toggle {
  margin-right: 10px;
}
#mobile-main-menu .line, #top-menu-toggle .line {
  width: 40px;
  height: 5px;
  background-color: #fff;
  margin-top: 6px;
}
#top-menu-toggle .line {
  background-color: #ccc;
}

#service ul.service-list-list {
  width: 100%;
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-gap: 10px;
}
#service ul.service-list-list li {
  float: left;
  width: 100%;
  opacity: 0.7;
  border: 1px solid rgba(200,200,200,0.3);
  background-color: rgba(255,255,255,0.3);
  height: auto !important;
  border-radius: 10px;
}
#service ul.service-list-list li:hover {
  opacity: 1;
  border: 1px solid #fff;
}
#service ul.service-list-list li:hover a {
  border: 1px solid transparent;
}

@media only screen and (max-width:1200px){
  .auto-area {
    width: 100%;
    max-width: 100%;
    margin: auto;
  }
  #service {
    background-size: cover;
  }
  #service ul.service-list-list {
    grid-template-columns: 24% 24% 24% 24%;
  }
  #logo-slider.owl-carousel .owl-item {
    margin: 0!important;
  }
}

@media only screen and (max-width:767px){
  .ui-widget.ui-widget-content {
    max-width: 99vw !important;
    left: -2px !important;
    top: 1% !important;
    height: auto !important;
  }
  .ui-dialog .ui-dialog-content {
    height: auto !important;
  }

  .mobile-logo {
    display: block;
  }
  
  .notification {
	width: calc(100% - 40px);
  }

  .product-item .product-price .price h3 {
    margin-bottom: 15px;
    height: 15px;
  }

  .header-top {
    max-height: 60px;
    /*padding: 5px;*/
  }
  .header-top .auto-area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .header-top .mobile-logo .mobile-logo-img {
    width: auto;
  }

  .categorys-list .catalogues {
    margin-right: 0; !important;
  }

  .domov #page {
    padding-top: 100px;
  }

  .section-list {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section-list > a {
    width: 100%;
  }
  .section-list .thumb img {
    width: 100%;
  }

  #page {
    padding-top: 90px;
  }

  #main-menu.visible {
    background: #ededed url(../images/menu-bg.png)center bottom repeat-x;
    position: fixed;
    top: 60px;
    width: 100%;
    left: 0;
    padding-left: 10px;
  }

  #main-menu.visible > ul {
    display: block;
  }

  #main-menu #menu-toggle {
    display: none;
  }

  #mobile-main-menu {
    display: block !important;
  }
  #service {
    padding: 15px 0 10px;
    width: 100%;
  }
  .auto-area {
    margin: 0 15px;
    width: calc(100% - 30px);
  }
  #video-area .auto-area {
    width: 100%;
    margin: 0;
  }
  .footer-middle .box .box-top {
    min-height: auto;
    padding: 0;
  }
  video {
    float: left;
  }
  .brand-page .mobile-logo img {
    margin: 0;
    padding: 10px 15px 20px;
    margin: 0;
  }
  #header .header-middle .auto-area .logo img {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  #header .header-middle .search {
    width: 100%;
    margin: 0;
  }
  #header .header-middle .auto-area .logo {
    display: none;
  }
  #header .header-middle .auto-area .search .img-badge {
    display: none;
  }
  #page3 #header .header-middle .auto-area .logo {
    /*display: block;*/
  }
  #page3 #header .header-middle .auto-area .search .img-badge {
    /*display: block;*/
  }

  #service ul.service-list-list {
    grid-template-columns: 48% 48%;
  }

  #about .catalogues .product-item {
    margin-right: 0px !important;
  }

  #category-filter #category .categorys-list .product-item .product-detail .product-detail {
    width: auto !important;
  }

  #slider .prev, #slider .next {
    z-index: 99;
  }

  #nasveti-pred-nakupom img {
    margin: 0;
  }
  #nasveti-pred-nakupom .box {
    width: calc(100% - 20px);
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }

  #blogs .side-bar {
    width: 100%;
  }

  .categorys-list h3 {
    margin-bottom: 15px;
    height: 50px;
    clear: both;
  }
  #category .categorys-list h3 .items-count {
    float: right;
    margin-bottom: 5px;
    width: 100%;
    text-align: right;
  }

  .product-item .product-features .product-image,
  .auto-area .product-image, .product-price {
    width: 100%;
  }

  .categorys-list .product-item .product-detail, .product-price  {
    width: auto !important;
  }
  .categorys-list .product-item {
    width: calc(100% - 2px); /*   2px is border */
  }

  #about.Servis {
    width: calc(100vw - 20px);
  }
  #about.Servis .auto-area table tr td {
    width: 100% !important;
  }
  #about.Servis table tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: calc(100vw - 10px);
    position: relative;
  }
  #about.Servis table td {
    display: block;
    width: 100% !important;
  }
  #about.Servis table td p {
    display: block;
  }
}

@media only screen and (max-width:577px){
  #about.Servis table tr {
    grid-template-columns: 1fr;
  }
}

#main-menu ul li.el-18 a,
#main-menu ul li.el-19 a {
  color: #ed1c24;
}
#page {
width: 100vw;
overflow-x: hidden;
}