/*XS phones mini*/
@media (max-width: 320px) {
    div#container {position:relative; margin:0 auto; height:auto !important; height:100%; min-height:100%;
        background:#f9f7ef url(../images/bck.jpg) no-repeat bottom center; background-size:cover;}
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:35%;}
    div#main {width:100%;}
    div#main hr{width:250px;}
    div#main p{font-size:14px; line-height:18px; color:#666366;}
    img.malvazija{width:89px; top:200px; left:10px; transform: rotate(-8deg);}
    img.merlot{width:89px; top:228px; right:25px; transform: rotate(10deg);}
    img.rebula{width:89px; top:140px; right:-70px; transform: rotate(15deg);}
}

/*XS phones*/
@media (min-width: 321px) and (max-width: 767px) {
    div#container {position:relative; margin:0 auto; height:auto !important; height:100%; min-height:100%;
        background:#f9f7ef url(../images/bck.jpg) no-repeat bottom center; background-size:cover;}
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:35%;}
    div#main {width:100%;}
    div#main hr{width:250px;}
    div#main p{font-size:14px; line-height:18px; color:#666366;}
    img.malvazija{width:89px; top:300px; left:10px; transform: rotate(-8deg);}
    img.merlot{width:89px; top:328px; right:75px; transform: rotate(10deg);}
    img.rebula{width:89px; top:240px; right:-40px; transform: rotate(15deg);}
}

/*XS phones*/
@media (max-width: 900px) and (orientation: landscape){
    div#container {position:relative; margin:0 auto; /*height:auto !important; height:100%; min-height:100%;*/ height:100%;
        background:#f9f7ef url(../images/bck.jpg) repeat bottom left; background-size:auto auto; border:1px solid lightseagreen;}
        img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:5%; border:1px solid salmon;}
    footer {position:absolute; bottom:0; width:100%; clear:left; height: 52px; 
        background:#f9f7ef url(../images/foot.jpg) no-repeat center center; background-size:cover;}
}

/*SM tablets*/
@media (min-width: 768px) and (max-width: 991px) {
    div#container {position:relative; margin:0 auto; height:auto !important; height:100%; min-height:100%;
        background:#f9f7ef url(../images/bck.jpg) no-repeat bottom center; background-size:cover;}
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:30%;}
    div#main {width:100%;}
    div#main hr{width:250px;}
    div#main p{font-size:14px; line-height:18px; color:#666366;}
    img.malvazija{width:143px; top:160px; left:130px; transform: rotate(-8deg);}
    img.merlot{width:116px; top:288px; right:195px; transform: rotate(10deg);}
    img.rebula{width:89px; top:240px; right:80px; transform: rotate(15deg);}
}

/*MD laptops*/
@media (min-width: 992px) and (max-width: 1199px) {
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:18%;}
    div#main {width:100%;}
    div#main hr{width:250px;}
    div#main p{font-size:14px; line-height:18px; color:#666366;}
    img.malvazija{width:143px; top:90px; left:230px; transform: rotate(-8deg);}
    img.merlot{width:116px; top:228px; right:295px; transform: rotate(10deg);}
    img.rebula{width:89px; top:180px; right:120px; transform: rotate(15deg);}
}

/*MD laptops*/
@media (min-width: 1200px) and (max-width: 1299px) {
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:18%;}
    div#main {width:100%;}
    div#main hr{width:250px;}
    div#main p{font-size:15px; line-height:20px; color:#666366;}
    img.malvazija{width:143px; top:90px; left:330px; transform: rotate(-8deg);}
    img.merlot{width:116px; top:228px; right:395px; transform: rotate(10deg);}
    img.rebula{width:89px; top:180px; right:120px; transform: rotate(15deg);}
}
/*MD laptops*/
@media (min-width: 1300px) and (max-width: 1399px) {
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:18%;}
    div#main {width:100%;}
    div#main hr{width:250px;}
    div#main p{font-size:15px; line-height:20px; color:#666366;}
    img.malvazija{width:143px; top:70px; left:360px; transform: rotate(-8deg);}
    img.merlot{width:116px; top:208px; right:375px; transform: rotate(10deg);}
    img.rebula{width:89px; top:180px; right:60px; transform: rotate(15deg);}
}  
/*LG desktops*/
@media (min-width: 1400px) and (max-width: 1499px) {
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:18%;}
    div#main hr{width:250px;}
    div#main p{font-size: 16px; color:#666366;}
    img.malvazija{width:143px; top:200px; left:290px; transform: rotate(-8deg);}
    img.merlot{width:116px; top:328px; right:355px; transform: rotate(10deg);}
    img.rebula{width:89px; top:280px; right:0px; transform: rotate(15deg);}
}
/*LG desktops*/
@media (min-width: 1500px) and (max-width: 1799px) {
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:18%;}
    div#main hr{width:250px;}
    div#main p{font-size: 16px; color:#666366;}
    img.malvazija{width:143px; top:200px; left:290px; transform: rotate(-8deg);}
    img.merlot{width:116px; top:328px; right:355px; transform: rotate(10deg);}
    img.rebula{width:89px; top:280px; right:0px; transform: rotate(15deg);}
}

/*XLG desktops*/
@media (min-width: 2200px) {
    img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:32%;}
    div#main hr{width:423px;}

    img.malvazija{width:276px; top:278px; left:80px; transform: rotate(-8deg);}
    img.merlot{width:223px; top:528px; right:305px; transform: rotate(10deg);}
    img.rebula{width:171px; top:506px; right:-100px; transform: rotate(15deg);}

}