@media (max-width: 1199px) {

#header .header-nav-main nav > ul > li > a {font-size: 1.3em;}

#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    padding: 284px 5px 22px;
}


.revolution-vrata-1 {
    font-size: 1.3em;
    margin: 0 0 12px;
    padding-bottom: 20px;
    line-height: 28px;
    border-bottom: 0px solid #c0c0c0;
    width: auto;
    margin-left: 60px;
}

.revolution-vrata-2 {
    text-transform: uppercase;
    color: #656565 !important;
    font-weight: 700;
    margin: 0px 0px 16px;
    line-height: 44px;
    font-size: 0.64em;
    margin-left: 30px;
}


.revolution-vrata-3 {
    color: #656565 !important;
    font-size: 1em;
    font-weight: 500;
    margin: 0px 0px 12px;
    line-height: 18px;
    text-transform: none;
    margin-left: 30px;
}


}






@media (max-width: 991px) {

.righttoleft {text-align:left;}
.centertoleft {text-align:left;}

ul.ul-ref
{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

#footer .footer-copyright nav {float:left;}


#footer .contact i {float:left; margin:7px 8px 10px 0;}
#dropdowncartspecial {width:auto;}

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 32%;
}

.kocka-izbor-1, .kocka-izbor-2 {
    margin-bottom: 1px;
}

.tekst2 {
    font-size: 1.1em !important;
    text-transform: uppercase !important;
    padding-bottom: 12px;
    margin-top: 6px;
}

.tekst1 {
    padding-bottom: 12px;
    font-size: 1.4em;
}

.tekst3 {
    margin-top: 18px;
    font-size: 1.8em;
}

.email-forma {
margin-bottom: 25px;
}

.potpis-razmak {
margin-bottom: 8px !important;
}

.social-icons {
    padding: 0 0px !important;
}

#header .header-logo img {
    margin: -28.5px 0 0 30px;
    z-index: 10;
    position: relative;
}

#header .header-btn-collapse-nav {
    background: #824285;
    margin-top: -30px;
    margin-right: 30px;
}

#header .header-nav-main nav {
    margin: 25px 0 6px;
    background: #fff;
}

#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    padding: 20px 20px 20px;
}

#header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle, #header .header-nav.header-nav-stripe nav > ul > li:active > a.dropdown-toggle, #header .header-nav.header-nav-stripe nav > ul > li:focus > a.dropdown-toggle {
    background: #064E90;
    color: #fff !important;
}


html.sticky-header-enabled #header .header-nav-main {
    max-height: 2600px;
}

#header .header-container {
    display: block;
    width: 100%;
}

#header .header-nav-main nav > ul li {
    border-bottom: 0px solid #e8e8e8;
}

#header .header-nav.header-nav-stripe nav > ul > li > a {
    color: #444;
}

#header .header-nav.header-nav-stripe nav > ul > li > a:hover, #header .header-nav.header-nav-stripe nav > ul > li > a:active, #header .header-nav.header-nav-stripe nav > ul > li > a:focus {
    color: #fff;
    background-color: #064E90;
}

#header .header-nav-main nav > ul li a .fa-caret-down {
    top: 12px;
}

#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu {
    padding: 10px 10px 48px 10px;
}

#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.



#header .header-nav.header-nav-stripe nav > ul > li:not(:hover) > a, #header .header-nav.header-nav-stripe nav > ul > li > a {
    z-index: 999;
}

.naslov-izdvojeno {
    margin-top: 96px;
}

.naslov-izdvojeno-ostale {
    margin: 15px 0 15px 0;
}

.panel-group .panel-heading a {
    text-align: center;
}

.referenca {
    text-align: center;
    font-size: 1.4em;
}

.entry-galerija h2 a {
font-size: 1.1em;
}

a.popup-youtube img {
width: 100%;
display: block;
margin: 0 auto;
float: none;
}

.novost-box {
    text-align: center;
}

#header .header-nav-top .dropdown-menu-left {
    min-width: 70px;

}

.ikonica-padajuci-mala {
    margin-top: 4px;
}

.tekst-padajuci-mali {
    margin-top: 14px;
}

.ikonica-padajuci-mala:last-child {
    margin-bottom: 6px;
}

.vrata-padding {
padding-left: 15px;
padding-right: 15px;
}


.revolution-vrata-1 {
    font-size: 1.6em;
    padding-bottom: 20px;
    line-height: 28px;
    border-bottom: 0px solid #c0c0c0;
    margin-left: 52px;
    width: auto;
}

.revolution-vrata-2 {
    text-transform: uppercase;
    color: #656565 !important;
    font-weight: 700;
    line-height: 44px;
    font-size: 0.9em;
}


.revolution-vrata-3 {
    color: #656565 !important;
    font-size: 1.4em;
    font-weight: 500;
    line-height: 18px;
    text-transform: none;
    margin-top: 16px !important;
}



.drugi-vrata-lijevo {
    background: rgba(237,237,237,1) !important;
    background: linear-gradient(to right, rgba(237,237,237,1) 100%);
}

.treci-vrata-lijevo {
    background: rgba(255,255,255,1) !important;
    background: linear-gradient(to right, rgba(255,255,255,1) 100%);
}


.druga-vrata-sadrzaj {
padding: 30px;
text-align: right;
}

.druga-vrata-slika {
padding: 30px 30px 40px;
}

.druga-vrata-slika img {
float: right;
}

h2.entry-vrata-druga {
    font-weight: 900;
    font-family: 'Open Sans';
    line-height: 24px;
    margin: 0 0 10px 0;
    font-size: 1.3em;
}


.druga-vrata-sadrzaj h3 {
    font-size: 1.7em;
    font-weight: 300;
    letter-spacing: normal;
    font-family:'Open Sans';
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: none;
    color: #000;
}



.treca-vrata-sadrzaj {
padding: 30px;
text-align: left;
}

.treca-vrata-slika {
padding: 30px 30px 40px;
}

.treca-vrata-slika img {
float: left;
}

h2.entry-vrata-treca {
    font-weight: 900;
    font-family: 'Open Sans';
    line-height: 24px;
    margin: 0 0 10px 0;
    font-size: 1.3em;
}


.treca-vrata-sadrzaj h3 {
    font-size: 1.7em;
    font-weight: 300;
    letter-spacing: normal;
    font-family:'Open Sans';
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: none;
    color: #000;
}




}




@media (max-width: 767px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 38%;
}

.onama-foot h1 {
    margin-left: 15px;
}

.entry-galerija h2 a {
font-size: 1.2em;
}


}





@media (max-width: 690px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 37%;
}

.glavna-tekst p img {
margin: 0 auto;
display: block;
width: 100% !important;
height: auto !important;
}


body {
overflow-x: hidden !important;
}


}




@media (max-width: 600px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 34%;
}


.revolution-vrata-1 {
    margin-left: 47px;
}


}




@media (max-width: 479px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 29%;
}

.potpis-razmak {font-size: 0.9em; text-align: center !important;}

.social-icons {
    text-align: center !important;
}

#footer .footer-copyright nav {
    text-align: center;
    float: none !important;
}

img.slika-tab-centar {
margin: 0 auto !important;
display: block;
float: none !important;
padding-bottom: 10px;
}

.page-header h1 {
    border-bottom: 0px solid #CCC;
}

.page-head {
    top: 62px;
}

.revolution-vrata-1 {
    margin-left: 42px;
}

.popup-responsive {width:320px !important;top:250px !important;left:7% !important}
.popup-responsive .close {top:20px;left:270px}



}




@media (max-width: 440px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 27%;


}

}




@media (max-width: 410px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 25%;
}

}



@media (max-width: 379px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 23%;
}

}


@media (max-width: 360px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 22%;
}

}



@media (max-width: 340px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 20%;
}

}



@media (max-width: 316px) {

.kocka-izbor-1 img, .kocka-izbor-2 img {
    margin: 25% 25% 25% 18%;
}

}