@media only screen and (max-width:900px) {
body { font-size:9px;}
.privacy p{font-size:180%;}

}
@media screen and (max-width: 680px) {
 body { font-size:7px;}
 .form-control, .custom-select-trigger, .custom-option, .suggestion .auto_docnm{line-height:2.5em; font-size:400%;}
 .custom-options, .suggestion{max-height:200px;}
 .checkmark{width:20px; height:20px;}
 .checkmark:after{top:2px; left:6px;}
 .checkboxlable{padding-left:18%; font-size:250%;}
 .custom-select-trigger:after {
 right: 15px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;  
  border-top: 8px solid #dc5e8e;
	}

h1.adddite{margin-top:50px;}
.btback{left:15px; top:15px;}
.tabcontent .custom-select-trigger:after {
    border-top: 10px solid #fff;
}
.btAdddite{padding: 8px 30px 7px 30px;}
.bataddDive span{width:10px; height:10px;}
.addtable tr td{padding:10px}
.addtable tr td:first-child{padding:10px 15px; }
.addtable tr td div, .tabcontent .custom-select-trigger, .form-control, .custom-select-trigger, .custom-option, .suggestion .auto_docnm{font-size:270%;}
.btremove{width:30px; height:30px; font-size:300%; line-height:30px;}
.suggestion,.custom-options{border-bottom-right-radius:15px; border-bottom-left-radius:15px;}
.c100{transform:scale(0.8,0.8);}
.privacy p{font-size:210%;}
.tandc-content{padding:50px 5% 0 5%;}
.downloadmessage{font-size:300%;}
}

@media screen and (max-width: 480px) {
	.c100{transform:scale(1,1);}
	.tabcontent .custom-select-trigger:after{border-top: 7px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
body { font-size:5px;}
h1{font-size:500%;}
h2{font-size:400%; margin:0.6em 0;}
.intro{font-size:300%;}
.introimg{width:80%;}
h1.register{font-size:500%;}
h1.adddite{font-size:500%; margin-top:30px;}
.tab li{width:20%; padding:0 2.5%;}
.addtable tr td, .addtable tr td:first-child{padding:5px 10px;}
.resulDiv td{padding:5px;}
.resulDiv .row.center{margin:20px 0}
.resulDiv .bt{padding-left:20px; padding-right:20px; margin:0 5px;}
.c100{font-size:80px !important;}
.c100, .c100 .slice{width:80px !important; height:80px !important; background-color:transparent !important}
.c100:before{width:80% !important;height:80% !important; top:10% !important ; left:10% !important; border:1px dashed #000 !important; background-color:transparent !important;}
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill{    border: 10px solid #307bbb !important;
    width: 60px !important;
    height:60px !important;}
.privacy p{font-size:250%;}
.downloadmessage{font-size:350%;}
.value{position:relative; width:80px; height:80px; margin:0 auto;}
.value img{position:absolute; width:100%; left:0; top:0;}
.value span{position:absolute; width:100%; height:100%; left:0; top:0; line-height:80px; font-size:100%;}

#st-1::after {
    left:25%;
}
#st-1 a{font-size:35px;}
@media screen and (max-width: 380px) {
body { font-size:4px;}
.privacy p{font-size:300%;}

}