@media screen and (max-width: 1024px) {
body{padding:5px; }
.container{width:calc(100% - 10px);}
}

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

}	
  

@media screen and (max-width: 820px) {
body{padding:15px; display:inherit;}
.container{width:calc(100vw - 30px); height:calc(100vh - 30px); }
.outputDiv div.img img.imageSrc, .previewPop div.img img {
        width: auto;
        height: auto;
        max-width: 98vw;
        max-height: 98vh;
    }
}

@media screen and (max-width:640px){
body{font-size:18px;}
.container{padding:35px 15px 15px 15px; background-size:145%;}
.header-bt{top:10px; right:0px;}
.term p{margin-bottom:25px;}
p.check span{width:20px; height:20px; margin-right:10px; }
.galbox{height:350px;}
.term p{text-shadow: 0px 0px 4px rgba(255, 255, 255, 1) }


}

@media screen and (max-width:400px){
#poster .previewtxt{font-size:1em !important;}
}