@media screen and (max-width:720px){
html,body{overflow-y:scroll;overflow-x:hidden}
.bodycontainer, .body, .hotproducts,.footer{max-width:auto;min-width:auto}
.bodycontainer{border-radius:0px}
.extrapadded{padding:25px 30px}

.swipeup{position:absolute;left:50%;display:block;margin-left:-32px;top:-180px;width:64px;height:64px}

.menubarspacer{height:152px}
.menubarfixed{opacity:1;max-height:100%;height:auto;min-height:76px;overflow:hidden;border-bottom: 3px solid #0076c0;background:#1782c6;}
.menubar{display:none;background:#1782c6;height:auto;z-index:60;padding:0px;margin-top:0px;padding-bottom:30px;padding-top:130px;box-shadow: 0px 10px 15px #333}
.menu{border-bottom:1px solid #489dd3}
.menu,.menu.active{display:block;margin:0 auto;margin-bottom:1%;width:75%;padding:10px 6%;text-align:left;border-radius:0px}
.menutoggle{display:block;position:absolute;height:30px;top:0px;right:0px;padding:6px;margin:5px;z-index:100;cursor:hand;cursor:pointer}
.logo{margin:0px;z-index:70;top:0px;left:50%;width:250px;margin-left:-125px}

.filterbar{width:auto}
.scrollleft,.scrollright{margin-top:100px}

.newslist{width:98%}

.imgbar{height:60px}
.imgbar2{height:0px}
.mainimg{margin:11% auto;width:100%;height:auto}

.pagetitle{display:block}
.side{height:auto;background:#f5f5f5}
.da-arrows,.phone,.slogan{display:none}

.langs{position:absolute;z-index:100;width:100%;top:80px;left:0;padding-top:10px;}

#cart{position:relative;display:block;top:auto;right:auto;width:100%;text-align:center;background:#222;border-radius:0px;margin:0px;padding:20px 0px}
}

@media screen and (max-width:720px) and (orientation:portrait){
.content{float:none}
.floatl,.floatr{float:none;clear:both}
.col5,.col10,.col20,.col25,.col30,.col33,.col40,.col50,.col60,.col70,.col80,.col90{width:100%}

#products{margin:0px}
.prod{width:auto;display:block;margin:8% 5%}
.prodpics img{width:32%}
#prodview .reduced{right:7%;left:auto}
.prodvariations{margin-left:-10px}
#prodview .reduced{margin:-18px 60px}

.gallerypic1,.gallerypic2{ width:96%;height:220px}
.gallerypic{ width:29%;height:60px}
.gallerypic img,.gallerypic2 img,.gallerypic1 img{min-width:100%;min-height:100%}
#gallerytext{ padding:0 20px}
.thumbs{margin:1%}

.da-slide .da-imgbig img{width:200%;min-height:100%;margin-left:-25%}
.da-slide p,.da-slide .subject{width:85%}
.da-arrows{display:none}

}

@media screen and (max-width:720px) and (orientation:landscape){

.menubar{white-space:wrap;text-align:center}
.menu,.menu.active{display:inline-block;margin:0px;width:auto;padding:10px;border-radius:0px}

.hotproducts li{margin:0}

.prod{height:290px}
.prodpic{height:130px}

.gallerypic1,.gallerypic2{height:180px}
.gallerypic{height:80px}

.round{border-radius:50%;overflow:hidden;background:#f5f5f5;margin:10px auto}
.d100{width:50px;height:50px}
.d200{width:125px;height:125px}
.d250{width:175px;height:175px}
.d300{width:225px;height:225px}

}