/*== All =====================================================
========================================================================    */



@media (max-width: 1280px) {
.wrapper { clear: both; width: 99%;        }

}

@media (max-width: 1024px) {
.wrapper { clear: both; width: 99%;        }


}

/*== Up to 980px and beyond 768px ======================================
========================================================================*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 980px) {
.wrapper { clear: both; width: 80%; max-width: 640px;        }

.box-80, .box-70, .box-75, .box-60, .box-65, .box-55, .box-50, .box-45, .box-40, .box-35, .box-30, .box-33, .box-25, .box-20 {
  float: none; width: 100%; margin: 0 auto; display: block; clear: both;
}
.align-right, .alignright{  text-align: center;  }
.time, .qs-no, .pre-next{   text-align: center; }
.title-header, .sub-header, .faq-footer{text-align: center;}  
}

/*== Up to 767px ======================================================
========================================================================*/
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
.wrapper { clear: both; width: 80%; max-width: 640px;        }

.box-80, .box-70, .box-75, .box-60, .box-65, .box-55, .box-50, .box-45, .box-40, .box-35, .box-30, .box-33, .box-25, .box-20 {
  float: none; width: 100%; margin: 0 auto; display: block; clear: both;
}
.align-right, .alignright{  text-align: center;  }
.time, .qs-no, .pre-next{   text-align: center; }
.title-header, .sub-header, .faq-footer{text-align: center;}

}

/*== Up to 640px ==================================================
====================================================================*/
@media (max-width: 640px) {
.wrapper { clear: both; width: 80%; max-width: 480px;        }

.box-80, .box-70, .box-75, .box-60, .box-65, .box-55, .box-50, .box-45, .box-40, .box-35, .box-30, .box-33, .box-25, .box-20 {
  float: none; width: 100%; margin: 0 auto; display: block; clear: both;
}
.align-right, .alignright{  text-align: center;  }
.time, .qs-no, .pre-next{   text-align: center; }
.title-header, .sub-header, .faq-footer{text-align: center;}

}

/*== Up to 480px ==================================================
====================================================================*/
/* Landscape phones and down */
@media (max-width: 480px) {

.wrapper { clear: both; width: 96%;        }

.box-80, .box-70, .box-75, .box-60, .box-65, .box-55, .box-50, .box-45, .box-40, .box-35, .box-30, .box-33, .box-25, .box-20 {
  float: none; width: 100%; margin: 0 auto; display: block; clear: both;
}
.align-right, .alignright{  text-align: center;  }
.time, .qs-no, .pre-next{   text-align: center; }

.title-header, .sub-header, .faq-footer{text-align: center;}

}
/*== Up to 340px =====================================================
========================================================================*/
/* Portrait phones */
@media (max-width: 360px) {



}

/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {


}