.hide{
		display: none;
	}
	.img-rwd{
	   max-width: 100%;
	   height: auto;
	}
	.pos-r {position: relative;}
	.pos-a {position: absolute;}
	.pos-f {position: fixed;}

	.inline-block  {display: inline-block;}
	.cursor-p  {cursor: pointer;}

  .border-solid   {border-style: solid}
  .border-dashed  {border-style: dashed}
  .border-double  {border-style: double}
  .border-dotted  {border-style: dotted}
  .border-circle   {border-radius: 50%}

	.text-center {text-align: center;}
	.text-right  {text-align: right;}
	.text-left   {text-align: left;}
  .text-middle {vertical-align: middle;}
  .text-bottom {vertical-align: text-bottom;}
	.text-top    {vertical-align: text-top;}
	/*.text-middle{
		vertical-align: middle;
	}*/

  @media (min-width: 768px) {
  	.lg-hide {display: none;}
  	.lg-img-rwd  {max-width: 100%;height: auto;}
		.lg-text-center {text-align: center;}
		.lg-text-right  {text-align: right;}
		.lg-text-left   {text-align: left;}
    .lg-text-middle {vertical-align: middle;}
		.lg-text-bottom {vertical-align: text-bottom;}
		.lg-text-top    {vertical-align: text-top;}
  }

	@media (max-width: 768px) {
		html {font-size:14px;}
    .sm-hide {display: none;}
    .sm-img-rwd  {max-width: 100%;height: auto;}
    .sm-text-center {text-align: center;}
    .sm-text-right  {text-align: right;}
    .sm-text-left   {text-align: left;}
    .sm-text-middle {vertical-align: middle;}
    .sm-text-bottom {vertical-align: text-bottom;}
    .sm-text-top    {vertical-align: text-top;}
	}