@font-face {
    font-family: Raleway-Regular;
    src: url(../fonts/Raleway-Regular.ttf);
}

@font-face {
    font-family: Raleway-Light;
    src: url(../fonts/Raleway-Light.ttf);
}

@font-face {
    font-family: Raleway-Bold;
    src: url(../fonts/Raleway-Bold.ttf);
}

@font-face {
    font-family: Raleway-Black;
    src: url(../fonts/Raleway-Black.ttf);
}

@font-face {
    font-family: Raleway-Medium;
    src: url(../fonts/Raleway-Medium.ttf);
}

@font-face {
    font-family: Raleway-SemiBold;
    src: url(../fonts/Raleway-Semibold.ttf);
}

@font-face {
    font-family: Raleway-Italic;
    src: url(../fonts/Raleway-Italic.ttf);
}

@font-face {
    font-family: Abel-Regular;
    src: url(../fonts/Abel-Regular.ttf);
}
@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.ttf);
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Light.ttf);
}
@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(../fonts/Montserrat-ExtraBold.ttf);
}

* {
	font-family: Raleway-Regular;
	font-weight: 400; 
}

body {
    background-color: #EBEEF1;
    padding: 0;
    margin: auto;
}

p {
	font-size: 14px;
	font-weight: 400;
}

a {
	/*font-weight: 400 !important;*/
	color: #182231;
	text-decoration: none !important;
}

img {
    border: none;
}

.font16light {
    font-weight: 300;
    font-size: 16px;
    color: #9b9b9b;
}

#podatki_div{
    height:30px; 
    background-color: #a4453f;
}
#podatki_div ul{
    list-style:none;
    padding: 0px;
    width:838px;
    float:right;
}
#podatki_div ul li{
    display:inline;
    width:411px;
    margin-left:16px;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    
}
.Pomo-in-prodaja-pri{
    height: 33px;
    font-family: Montserrat-ExtraBold;
    margin-top: -100px;
    font-size: 28px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #182231;
}
.ikonice{
    width: 59px;
    height: 65px;
}
.ikona{
    width: 305px;
    height: 61px;
    object-fit: contain;
}
.nlbIkona{
    width: 300px;
    height: 112px;
    object-fit: contain;
}
.gbIkona{
    position: relative;
    top: 20px;
}
.summitIkona{
    position: relative;
    top: 25px;
}
.sberIkona{
    width: 153.4px;
    height: 110px;
    object-fit: contain;
}
.graweIkona{
    width: 351px;
    height: 93px;
    object-fit: contain;
}

.gvsIkona{
    width: 174px;
    height: 47px;
    object-fit: contain;
}
.motive{
    width: 231px;
    height: 79px;
    object-fit: contain;
}
.Starosti-vozila-in-d{
    width: 369px;
    height: 57px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #182231;
}
.Strankam-preko-banke {
  width: 369px;
  height: 57px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #182231;
}
.Prodaja-vozila-na-po{
    width: 358px;
    height: 57px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #182231;
}
.gumbPonudba{
    margin-top:10px; 
    margin-left:30px; 
    width: 500px; 
    background-color: #a4453f; 
    border-color: #a4453f;
    font-family: Montserrat;
}




/* Landscape */
@media screen 
  and (device-width: 640px) 
  and (device-height: 360px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
     
}
.Ve-o-garanciji-GSV{
    height: 19px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #182231;
    margin-left:-30px;
    margin-top:20px;
}
.Ve-o-storitvi-Motiv{
    height: 19px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #182231;

    margin-top:7px;
}
.teksti_financiranje{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 50;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #182231;
}
.teksti_zavarovanje{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 50;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #182231;
    width:358px;
}
.text-center {
    margin-top: 39px;
    font-family: Montserrat-Bold;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #182231;
}
.teksti{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 50;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #182231;
}
.teksti_hold{
    width:300px;
    height:95px;
    margin-top:22px;
    margin: 0 auto;
    
}

.nasvetiText p{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #182231;
}
.main-slike{
    width: 417px;
}
.navbar{
    background-color: #fff;
    border: 0;
    border-radius: 0px;
}

.navbar-default .navbar-nav > li > a{
    font-family: Montserrat-Bold;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    letter-spacing: 2px;
    color: #1f2e40;
    padding-top: 5px;
    padding-left: 91.5px;
    padding-right: 25px;
}

.navbar-default .navbar-nav > li > a:hover{
    color: grey;
}


nav.navbar.navbar-default{
    margin-bottom: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: transparent;
}

.navbar-default .navbar-toggle{
    border: 0;
}

video {
    height: inherit;
    width: inherit;
    float: left;
    margin: 0;
    opacity: 1;
    transition: opacity 0s ease 0s;
}
#video a {
    border: 1px dashed #fff;
	border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 60px;
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 60px;
    z-index: 300;
}

#video a span:first-child {
	position: absolute;
	top: 20px;
	left: 22px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #ffffff;
	transition: .5s;
	opacity: 0;
}

#video a span:last-child {
	background: transparent;
    border-right: 5px solid #fff;
    border-left: 5px solid #fff;
    height: 20px;
    left: 18px;
    position: absolute;
    top: 20px;
    transition: all 0.5s ease 0s;
    width: 20px;
	opacity: 1;
}

#video a.pause span:first-child {
    opacity: 1;
}

#video a.pause span:last-child {
	opacity: 0;
}

#videoImage{
    min-height: 100vh;
    max-height: 100vh;
    height: auto;
    background-image: url('../images/portal/cover@2x.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.videoCaption, .videoCaption > p{
    font-family: Raleway-Black;
    font-size: 64px;
    color: #ffffff;
    text-shadow: 0 0 2px #4a4a4a;
}

.videoSubcaption, .videoSubcaption > p{
    font-family: Abel-Regular;
    font-size: 36px;
    color: #00adee;
}

.line{
    padding-top: 15px;
    border-bottom: solid 1px #00adee;
    height: 1px;
    text-align: center;
    width: 130px;
}

.landingTitle, .landingTitle > p{
    opacity: 0.43;
  font-family: Montserrat-Bold;
  font-size: 77px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #c7d5e5;
}

.landingTitle2, .landingTitle2 > p{
    font-family: Montserrat-Bold;
  font-size: 60px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-shadow: 2px 2px 58px #000000;
}

.servicesBackground{
    background-color: #091325;
    background-clip: content-box;
}

.servicesCard{
    background-color: #fff;
    box-shadow: 0 2px 20px 0 #4a4a4a;
    background-clip: padding-box;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: -2.5% !important;
    width: 105%!important
}

.servicesImg1{
    height: 325px;
    background-image: url('../images/portal/vijaki2.png');
    /*background-position: 290% 50%;*/
    background-size: cover;
    padding-right: 0px!important;
    background-repeat: no-repeat;
    box-shadow: none;
}

.servicesImg2{
    height: 325px;
    background-image: url('../images/portal/vijaki3.jpg');
    /*background-position: -290% 50%;*/
    background-size: cover;
    padding-right: 0px!important;
    background-repeat: no-repeat;
    box-shadow: none;
}

.servicesTitle, .servicesTitle > p{
    font-family: Raleway-Bold;
    font-size: 18px;
    letter-spacing: 1.9px;
    color: #091325;
}

.servicesText, .servicesText > p{
    font-family: Raleway-Light;
    font-size: 15px;
    line-height: 1.5;
    color: #000000;
}

.productsText, .productsText > p{
    font-family: Raleway-Light;
    font-size: 15px;
    line-height: 1.5;
    color: #000000;
}

.productsText2 p{
    font-family: Raleway-Light;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
}

.productsText2{
    font-family: Raleway-Light;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
}

#header{
    /*background-image: url("../images/portal/o-n-a-s@2x.png");*/
    background-size: cover;
}

#o-nas{
    /*background-image: url("../images/portal/o-n-a-s@2x.png");*/
    background-size: cover;
}

.contactNameCard, .contactNameCard > p{
    min-height: 122px;
    border-radius: 1px;
    background-color: #ffffff;
}

.contactInfoCard, .contactInfoCard > p{
    min-height: 428px;
    border-radius: 1px;
    background-color: #ffffff;
}

.companyName, .companyName > p{
    font-family: Raleway-Bold;
    font-size: 36px;
    line-height: 0.6;
    letter-spacing: 2px;
    color: #091325;
}

.contactFormCard{
    min-height: 579px;
    border-radius: 1px;
    background-color: #ffffff;
}

.footer{
    background-color: #091325;
}

.footerBottom{
    background-color: rgba(9, 19, 37, 0.9);
}

.footerBottomText, .footerBottomText > p{
    font-family: Raleway-Light;
    font-size: 13px;
    line-height: 1.8;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 5px;
}

.footerAddress, .footerAddress > p{
    font-family: Raleway-Light;
    font-size: 15px;
    line-height: 1.5;
    color: #ffffff;
}

.footerMailPhone, .footerMailPhone > p{
    font-family: Raleway-Medium;
    font-size: 20px;
    line-height: 1.1;
    color: #ffffff;
}

.contactInput1{
    height: 46px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #979797;
    width: 100%;
    padding-left: 15%;
    background-image: url(../images/portal/avatar@3x.png);
    background-repeat: no-repeat;
    background-position: 21px 10px;
    background-size: 22.6px 23.8px;
}

.contactInput3{
    height: 46px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #979797;
    width: 100%;
    padding-left: 15%;
    background-image: url(../images/portal/envelope@3x.png);
    background-repeat: no-repeat;
    background-position: 18px 13px;
    background-size: 24px 17px;
}

.contactInput4{
    height: 177px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #979797;
    width: 100%;
    padding-left: 15%;
    padding-top: 8px;
    padding-right: 5%;
    background-image: url(../images/portal/chat@3x.png);
    background-repeat: no-repeat;
    background-position: 19px 11px;
    background-size: 26px 23px;
}

.errorMessage{
    display: none;
    color: red;
    font-family: Raleway-Regular;
    font-size: 14px;
    padding-left: 15px;
}

.contactTitle, .contactTitle > p{
    font-family: Raleway-Bold;
    font-size: 24px;
    letter-spacing: 2px;
    color: #161511;
}

.successTitle, .successTitle > p {
	font-family: Raleway-Bold;
	font-size: 48px;
	letter-spacing: 3.1px;
	color: #000000;
	text-align: center;
	padding-top: 30px;
}

.successSubtitle, .successSubtitle > p {
	font-family: Raleway-Medium;
	font-size: 14px;
	letter-spacing: 0.9px;
	color: #000000;
	text-align: center;
	padding-top: 5px;
}

.successText, .successText > p{
	font-family: Raleway-Regular;
	font-size: 14px;
	letter-spacing: 0.9px;
	color: #000000;
	text-align: center;
}

.selectedLink{
    color:grey!important;
}

.paddingInfo{
    padding-top: 93px;
}

.products{
    padding-bottom: 80px;
}


.unslider-arrow{
    margin-top: -70px;
    z-index: 200;
}

.carTitle{
    font-size: 16px;
    font-family: Raleway-Bold;
    color: #000;
}

.carTitle p{
    font-size: 16px;
    font-family: Raleway-Bold;
    color: #000;
}

.carTitle p:hover{
    transition: 1s;
    letter-spacing: 1px;
}

.carSubtitle{
    font-size: 14px;
    font-family: Raleway-Medium;
    color: #000;
}

.carSubtitle2{
    font-size: 18px;
    font-family: Raleway-Medium;
    color: #000;
}

.carDescription, .carDescription p{
    font-size: 18px;
    font-family: Raleway-Regular;
    color: #000;
}

.shadow{
    -webkit-box-shadow: 0px 0px 9px 0px rgba(164, 164, 164, 1);
    -moz-box-shadow: 0px 0px 9px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 9px 0px rgba(164, 164, 164, 1);
}
.rc-anchor{
	width:99%!important;
}


.hideCars{
    display: none;
}

.noPadding{
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 970px) {
    .gbIkona{
        position: relative;
        top: 0;
    }
    .summitIkona{
        position: relative;
        top: 0;
        margin-top: 40px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .noPadding{
        padding-right: 15px;
        padding-left: 15px;
    }
}

.companyAddress > p{
    padding-bottom: 0;
}

.companyAddress > p {
    margin: 0 !important;
}


@media (max-width: 970px) {
    .videoCaption, .videoCaption > p{
        font-size: 42px;
    }

    .videoSubcaption, .videoSubcaption > p{
        font-size: 24px;
    }
    
    .contactInput1, .contactInput2, .contactInput3, .contactInput4 {
        padding-left: 25%;
    }
    
    .companyName, .companyName > p{
        font-size: 24px;
    }
    
    .servicesText, .servicesText > p{
        padding-bottom: 20px;
    }
    
    .paddingInfo{
        padding-top: 30px;
    }
    
    .products{
        padding-bottom: 50px;
    }
    
    .unslider-arrow{
        margin-top: -70px;
    }
    .unslider-nav ol {
        left: 42%;
    }
}


/* Portrait */
@media screen 
  and (max-width: 360px) 
  and (orientation: portrait) {
      .Prodaja-vozila-na-po{
           margin-left:7%;
           width: 300px;
           
      }
      .Starosti-vozila-in-d{
           margin-left:10%;
           width: 300px;
      }
      .gbIkona{
        margin-top:40px;
      }
      .landingTitle p{
          margin-left:-10px;
          font-size:40px!important;
      }
      .gumbPonudba{
        margin-top:10px; 
        margin-left:10px; 
        width: 300px; 
        background-color: #a4453f; 
        border-color: #a4453f;
        
      }
      #financ-podnaslov{
          margin-left:0px!important;
      }
      #garancija-podnaslov{
          margin-left:0px!important;
      }
      .Pomo-in-prodaja-pri{
          margin-top: -80px;
          font-size: 20px!important;
      }


      .ikone-Resp{
          margin-top:50px;
      }
      #cars{
          padding-bottom:0px;
      }
      .slika-nasveti{
          margin-top:0px!important;
              max-width: 100vw;
      }
      .landingTitle2 p{
          font-size:40px!important;
      }
      .resp-meni{
          margin-top: 30px!important;
      }
}
@media screen 
  and (max-width: 1000px) 
  and (min-width: 450px) 

 {

      .Prodaja-vozila-na-po{
          width:auto; 
           
      }
      .Starosti-vozila-in-d{
           width:auto;
      }
      .gbIkona{
        margin-top:40px;
      }
      .landingTitle p{
          margin-left:-10px;
          font-size:40px!important;
      }
      .main-slike{
      }
      .gumbPonudba{
        margin-top:10px; 
        margin-left:10px; 
        width: 300px; 
        background-color: #a4453f; 
        border-color: #a4453f;
      }
      #financ-podnaslov{
          margin-left:0px!important;
      }
      #garancija-podnaslov{
          margin-left:0px!important;
      }
      .Pomo-in-prodaja-pri{
          margin-top: -80px;
          font-size: 20px!important;
      }

      .ponudba .btn{
          padding:0px;
      }
      .ikone-Resp{
          margin-top:50px;
      }
      #cars{
          padding-bottom:0px;
      }
      .slika-nasveti{
          margin-top:0px!important;
              max-width: 100vw;
      }
      .landingTitle2 p{
          font-size:40px!important;
      }
      .resp-meni{
          margin-top: 30px!important;
      }
}

@media screen 
  and (max-width: 1030px) 
 {      
     .Prodaja-vozila-na-po{
           
           
      }
      .Starosti-vozila-in-d{
           
      }

      .landingTitle p{
          margin-left:-10px;
          font-size:40px!important;
      }
      .gumbPonudba{
        margin-top:10px; 
        margin-left:10px; 
        width: 250px!important;
        background-color: #a4453f; 
        border-color: #a4453f;
      }
      #financ-podnaslov{
          margin-left:0px!important;
      }
      #garancija-podnaslov{
          margin-left:0px!important;
      }
      .Pomo-in-prodaja-pri{
          margin-top: -80px;
          font-size: 20px!important;
      }
      .Ve-o-garanciji-GSV{
              margin: 0 auto;
            padding-top: 10px;
            padding-bottom: 30px;
            width: auto;
      }
      .Ve-o-storitvi-Motiv{
              margin: 0 auto;
                padding-top: 10px;
                padding-bottom: 30px;
                width: auto;
      }
      .ponudba .btn{
          padding:0px;
      }
      .ikone-Resp{
          margin-top:50px;
      }
      #cars{
          padding-bottom:0px;
      }
      .slika-nasveti{
          margin-top:0px!important;
          max-width: 100vw;
      }
      .landingTitle2 p{
          font-size:40px!important;
      }
      .resp-meni{
          margin-top: 30px!important;
      }
     
}

@media screen 
  and (max-width: 1152px) 
  and (min-width: 970px)
 { 
        .navbar-default .navbar-nav > li > a{
            padding-left:0px!important;
        }
        .slika-nasveti{
          margin-top:0px!important;
          max-width: 100%;
      }
 }
 @media screen 
  and (max-width: 970px) 
  and (min-width: 420px)
 { 
        .main-slike {
            width: 100vw;
        }
        .slika-nasveti {
            width: 100vw!important;
        }
        .row-maro{
            margin-top: 30px!important;
        }
        .sberIkona{
            margin-top:35px;
        }
 }
 
  @media screen 
  and (max-width: 970px) 
  and (min-width: 420px)
 { 
        .main-slike {
            width: 100vw;
        }
        .slika-nasveti {
            width: 100vw!important;
        }
        .row-maro{
            margin-top: 30px!important;
        }
        .sberIkona{
            margin-top:35px;
        }
 }
 
 
  @media screen 
  and (max-width: 990px) 
 { 
     .teksti_zavarovanje{
         width:auto;
     }
     .sberIkona{
         margin-top:35px;
     }
     .row-maro{
         margin-top:35px!important;
     }
 }
   @media screen 
  and (max-width: 770px) 
  and (min-width: 430px)
 { 
     .ponudba{
         /*width:520px!important;*/
         
     }
     .modal-content{
         /*zwidth:550px!important;*/
     }
     .teksti_zavarovanje{
         width:auto!important;
     }
     .sberIkona{
         margin-top:45px;
     }
     .row-maro{
         margin-top:30px!important;
     }
     
 }
 @media screen 
  and (max-width: 1200px) 
  and (min-width: 999px)
 { 
     .Starosti-vozila-in-d{
         width:auto;
     }
     .Starosti-vozila-in-d{
         width:auto;
     }
     .Prodaja-vozila-na-po{
         width:auto;
     }
 }
  @media screen 
  and (max-width: 320px)
 { 
     .ponudba{
         /*width:270px!important;*/
         height: 290px;
     }
     .modal-content{
         /*width:310px!important;*/
         height: 450px;
     }
     .Prodaja-vozila-na-po{
           margin-left: 1%;
           width: 300px;
           
      }
      .Starosti-vozila-in-d{
           margin-left: 1%;
           width: 300px;
      }
      .teksti_zavarovanje{
         width:auto!important;
     }
 }
 
 @media screen 
  and (max-width: 450px)
 { 

     .Prodaja-vozila-na-po{
           margin-left: 1%;
           width: auto;
           
      }
      .Starosti-vozila-in-d{
           margin-left: 1%;
           width: auto;
      }
      .teksti_zavarovanje{
         width:auto!important;
     }
     .row-maro{
         margin-top:10px!important;
     }
 }
 

 
 .slika-nasveti{
       width: 562px;
 }
 .btn-info:hover{
     background-color: grey;
    border-color: grey;
 }
.overlay ul li a:hover, .overlay ul li a:focus {
    color: grey;
}

.gsvIkona{
    width:174px;
    height:47px;
}
.motiveIkona{
    width:231px;
    height:79px;
}

.btn-info:focus{
    background-color:black!important;
}
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  .ponudbaModel{
	  /*overflow: scroll; -webkit-overflow-scrolling: touch; */
	  width: 560px;
  }
}
   @media screen 
  and (max-width: 770px) 
  and (min-width: 665px)
 { 
 .ponudbaModel{
	  /*overflow: scroll; -webkit-overflow-scrolling: touch; */
	  width: 610px;
  }
 }
    @media screen 
  and (max-width: 649px) 
  and (min-width: 570px)
 { 
  .ponudbaModel{
		overflow: scroll; -webkit-overflow-scrolling: touch;
		width: 520px;
  }
 }
   @media screen 
  and (max-width: 569px) 
  and (min-width: 500px)
 { 
  .ponudbaModel{
	  overflow: scroll; -webkit-overflow-scrolling: touch;
	  width: 437px;
  }
 }
   @media screen 
  and (max-width: 499px) 
  and (min-width: 420px)
 { 
  .ponudbaModel{
	  overflow: scroll; -webkit-overflow-scrolling: touch;
	  width: 370px;
  }
 }


    @media screen 
  and (max-width: 419px) 
  and (min-width: 100px)
 { 
  .ponudbaModel{
	  overflow: scroll; -webkit-overflow-scrolling: touch;
	  width: 300px;
  }
 }