@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%; height:auto; min-height:inherit;}
.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) }
.disclaimercontent h5{margin-bottom:15px; font-size:1.3rem;}
.disclaimercontent p{margin-top:0; margin-bottom:5px; line-height:none; font-size:0.8rem;}
.disclaimercontent li{font-size:0.8rem;}

.tnc h5{margin-bottom:15px; font-size:1.1rem;}
.tnc p{margin-bottom:5px; margin-top:0; font-size:0.8rem;}
.tnc ul, .tnc ol{padding:0 0 0 15px;}
.tnc li{font-size:0.9rem;}
.tnc li ul{margin-bottom:5px;}
.tnc li li{font-size:0.9rem;}
}

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