/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

/*************** MOJE ********************/




/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) { 
    #sifraBrzo {width: 145px;}
}
@media only screen and (max-width : 1200px) {		
    .lijevaKolona {padding-right:0px} 		/* lijeva kolona*/	
    #sifraBrzo {width: 100px;} 				/* forma brzo */	
    #kolicinaBrzo {width: 52px;} 			/* forma brzo */
    .box { padding-right: 15px;}			/* svi lijevi boxevi */
    .maliMeni a {margin-right: 5px;}		/* meni iznad searcha */
    .maliMeni {padding-top: 3px;}			/* meni iznad searcha */
    footer .moto { font-size: 16px;}		/* natpis u footeru */
    footer .copy {margin-top: 0;} 
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
    .flexnav {opacity: 0;}
    .slikawrap {text-align: left;}

    header {padding-top: 0;}
    .searchSubmit {right:15px;}	
    .box {padding-right: 0;}
    .lijevaKolona { padding-right: 15px;}
    .box.marke {display: none;}
    .box.brzoNarucivanje, .lijevaKolona {background: none;}
    .box.brzoNarucivanje {margin-bottom: 10px;}
    .box.brzoNarucivanje  .forma {padding: 10px; background-color: #f2f2f2;}		
    .box.brzoNarucivanje #sifraBrzo {width: 81%; text-align: left; padding-left: 15px;}
    .box.brzoNarucivanje #kolicinaBrzo {width: 10%; text-align: left; padding-left: 15px;}
    .box.brzoNarucivanje .lbl {font-family: 'robotobold', sans-serif;}
    .box.brzoNarucivanje #kosaricaBrzo { background-color: #0194d9;	border-color: #0194d9; float: right;}
    .box.brzoNarucivanje #kosaricaBrzo span {color: #fff;}		
    .box.kategorije {margin-top: 0;}
    .container.sadrzaj {padding-top:20px;}
    .proizvodiSlider .cijena {position: relative; top:0; left: 0;}
    .boje {position:absolute; width: 100%; max-height: 6px; bottom:-1px !important; left:0px !important}		
    .fooBoje {top:-10px; position: relative;width: 100%; max-height: 6px;}
    .fooLogo {max-width: 120px; margin: 0 auto; position: relative; margin-top: -20px; margin-bottom: 20px;}
    .moto, .copy {width: 100%; text-align: center;}
    .grupa {display: none;}
    footer .gd {width: 100%; text-align: center; right: 0;}
    footer {padding-bottom: 20px; margin-top: 30px;}
    .moto {padding-bottom: 10px;}
    .fooCrta {display: block;}
    .container.sadrzaj { margin-top:230px;}
    .touch-button { display:none;}
    .slider {display:none !important;}
}


@media only screen and (max-width: 991px) {
    .desnaKolona {
        display: block;
        clear: both;
    }
    
    .srchRow {
        display: none;
    }
    
    .maliMeni {
        position: absolute;
        right: 0;
        top: 30px;
    }
    
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){	
    .breadWrap {display:none !important;}
    .prodDesno #brzeVel .velicine li  {float: left; margin-right: 10px; margin-left: 0;}
    .slikawrap {text-align: center;}
    /*.cijenawrap, .ukupnocijena {margin-top: 20px; width: 100%; clear: both; float: none; text-align: left !important;}
    .ukupnocijena { margin-top:0; text-align: left; padding-left: 20px;	}*/
    h1 .koliko {display: block; float: left;width:36px;}
    h1 .naslov {display: block; float: left;}
    h1.border {padding-bottom: 10px;}
    .row.alati .selectAlat, .row.alati .slikeToggle {margin-bottom: 15px;}
    .alati .col-sm-4 {margin-bottom: 15px;}
    #mytable .vpc, #mytable .rabat {display: none;}
    .box.brzoNarucivanje #sifraBrzo {width: 74%; text-align: left; padding-left: 15px;}
    .box.brzoNarucivanje #kolicinaBrzo {width:52px; text-align: center; padding-left: 5px;}
    footer {margin-top: 0;}
    .newsItem {border-bottom: 1px dotted #e1e1e1;padding-bottom: 20px;}
    .proizvodiSlider .opsirno {display: none;}
    header .logoSvg {margin-top:10px;}				
    .podnaslov2 {position: absolute; top:-2px; font-size: 12px; width: 100%; text-align: center;  background-color: #f9f9f9; padding: 4px;display: block; opacity: 0.5; color: #000;}
    .podnaslov {display: none;}	
    .pagwrap {text-align: center;}
    .container.sadrzaj { margin-top:210px;}
}

@media only screen and (max-width : 767px){

    .slikawrap.new-item:before {
        top: 0;
    }
	
	.alati>form{
		margin-top:100px;
	}

}

@media only screen and (max-width: 660px) {
    .maliMeni {
        top: 10px;
        right: 15px;
    }
    
    .maliMeni a,
    .maliMeni .odjava {
        display: block;
        margin: 0 0 10px 0;
    }
    
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
    .cijenawrap, .ukupnocijena {margin-top: 20px; width: 100%; clear: both; float: none; text-align: left !important;}
    .ukupnocijena { margin-top:0; text-align: left; padding-left: 20px;	}
    h1 .naslov {width:80%;}
    #mytable .artikal {width: 50px !important; white-space: wrap !important; text-align: left;}
    #mytable .vpc, #mytable .rabat, #mytable .slika, .slikeTogglewrap {display: none;}
    .box.brzoNarucivanje #sifraBrzo {width: 59%; text-align: left; padding-left: 15px;}
    .box.brzoNarucivanje #kolicinaBrzo {width:52px; text-align: center; padding-left: 5px;}		
    .moto {margin-bottom: 20px;}
    .moto span {display: block; width: 100%; line-height: 12px;}
    .copy a { display:block; width: 100%; text-align: center;}
    .copy span {display: none;}
    .flexslider {display: none;}
    .proizvodiSlider .cijena {font-size: 16px;}
	.mob_pokazi{
	display:block !important;
	}
	.alati>form{
		margin-top:130px;
	}

}

@media only screen and (max-width: 440px) {
    .podnaslov {
        font-size: 10px;
    }
    
    .logoSvg img {
        max-width: 190px;
    }
    
    .maliMeni a, .maliMeni .odjava {
        margin: 0 0 5px 0;
    }
    
    #search {
        margin-top: 20px;
    }
    
    .searchSubmit {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 375px) {
    .logoSvg img {
        max-width: 140px;
    }
    
    .podnaslov {
        font-size: 9px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){
    .box.brzoNarucivanje #sifraBrzo {width: 58%; text-align: left; padding-left: 15px;}
    .box.brzoNarucivanje #kolicinaBrzo {width:52px; text-align: center; padding-left: 5px;}
    header .logoSvg {position: relative; bottom:-3px;}
    
    .icoMenu {
        font-size: 11px;
    }
}