@media (min-width: 1600px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
.disk-space { margin:40px 0 0;}
.compare-all ul li { font-size:13px;}
.compare-all ul li span { font-size:13px;}
.disk-memory .sign-up { margin:27px 0 0;}

.compare-one ul li { font-size:12px; line-height:26px;}
.compare-one p { font-size:14px; margin:5px 0 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
.detail-top h2 { font-size:22px;}
.detail-top p { font-size:18px; margin:20px 0 0;}
.disk-space { margin:0; padding:0 }
.compare-all ul li { font-size:13px;}
.compare-all ul li span { font-size:13px;}
.disk-memory .sign-up { margin:27px 0 0;}
.compare-all { left:0; width:100%;}
.compare-all ul { margin:20px 0 0;}
.total-save-sec { width:100%;}
.total-space h4 { font-size:14px;}
.total-space h4 { width:100%; float:left; text-align:left;}
.total-month { width:100%; float:left; text-align:left;}
.total-month { font-size:18px;}
.total-save-sec .sign-up { width:250px; display:table; margin:20px auto; float:none;}
.btm-desc { font-size:13px; margin:20px 0; padding:0 70px;}

.compare-one { width:100%; float:left; position:relative; top:inherit; left:inherit; bottom:inherit; margin:0 0 15px 0;}
.compare-one ul li { font-size:13px; line-height:26px; margin:0 2% 0 0;}
.compare-one p { font-size:14px; margin:15px 0 0; text-align:left;}
.disk-space { margin:0; padding: 0 20px}
}

@media (max-width: 991px) {
.total-space { margin:0 0 15px; width:auto; float:none; display:table;}
.total-space .h3.heading {margin: 10px 0 0;}
.rangeslider { margin-bottom: 22px; }
}


@media (max-width: 767px) {
.disk-space-sec .detail-top { margin:20px 0 0;}
.detail-top h2 { font-size:20px;}
.detail-top p { font-size:16px; margin:10px 0 0;}
.disk-memory label { width:100%; float:left; text-align:left; font-size:12px; line-height:1.2em}
.disk-memory li { margin-bottom: 30px; }
.size-mb { float:none; margin:15px 0 0; display:table;width: 100%;text-align: left; padding-left: 12px;}
#js-example-change-value { width:100%; float:left;}
.compare-all ul { grid-template-columns: auto auto}
.compare-one ul { grid-template-columns: auto}
.compare-all ul li, .compare-one ul li { margin:0 0 24px; text-align: left}
.compare-all ul li:nth-child(even) { float:right;}
.compare-all ul li span { font-size:14px;}
.disk-memory .sign-up { margin:27px 0 0;}
.compare-all { left:0; width:100%;}
.compare-all ul { margin:20px 0 0;}
.total-save-sec { width:100%;}
.total-space h4 { font-size:14px;}
.total-month { font-size:18px;}
.total-space h4 { width:100%; float:left; text-align:left;}
.total-month { width:100%; float:left; text-align:left;}
.total-space p { width:100%; float:left; text-align:left;}
.total-save-sec .sign-up { width:250px; display:table; margin:20px auto; float:none;}
.btm-desc { font-size:13px; margin:20px 0; padding:0 70px;}

.compare-one { width:100%; float:left;}
.compare-one ul li { font-size:12px; line-height:24px;}
.compare-one p { font-size:13px; margin:10px 0 0;}
.disk-space { margin:0; padding: 0}


.rangeslider,
.rangeslider__fill {
	width: 100%;
}
}
@media (max-width: 478px) {
.btm-desc { padding:0;}
.compare-one p { font-size:13px; margin:10px 0 0; text-align:left;}

}
@media (max-width: 360px) {
.detail-top h2 { font-size:16px;}
.detail-top p { font-size:13px; margin:3px 0 0;}
.disk-space { margin:0; padding:0 15px;}
.compare-all { margin:0;}
.compare-all ul li { width:100%; float:left !important;}
.compare-all ul { margin:10px 0 0;}
.total-space { width:100%;}
.total-space h4 { width:100%; float:left; text-align:left;}
.total-month { width:100%; float:left; text-align:left;}
.total-save-sec .sign-up { width:140px; padding:9px 0;}
.compare-one ul { margin:0;}
.compare-one ul li { font-size:12px; line-height:22px;}
}