#cap {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            display: none;
            padding: 20px;
            z-index: 9999;
        }
        .cap {
            background: rgba(121, 143, 212, 0.95);
            color: #eee;
            padding: 10px 20px 15px;
            border-radius: 4px;
            position: relative;
            box-shadow: 0 2px 10px rgba(0,0,0, .15);
            -webkit-box-shadow: 0 2px 10px rgba(0,0,0, .15);
			width: auto;
			height: 100%;
			max-height: 58px;
        }
        .cap-content {font:18px/22px 'Roboto',Arial,Helvetica,sans-serif;text-indent: -25px;width: 90%;margin-left: 23px;}
        .cap-info {
            font-size: 14px;
            padding-left: 23px;
        }
        .cap-sign {
            color: #BDFF59;
            margin-right: 10px;
            font-size: 35px;
            font-weight: bold;
            vertical-align: middle;
        }
        #capCloseBtn {
            color: #eee;
            line-height: 31px;
        }
        @media screen and (max-width: 767px) {
            .cap {max-height: 80px !important;}
			.cap-content {font:12px/14px 'Roboto',Arial,Helvetica,sans-serif !important;text-indent: -23px;margin-left: 23px;width: 83%;margin-bottom: 5px;}
			.cap-info {font:10px/14px 'Roboto',Arial,Helvetica,sans-serif !important;line-height:margin-top:5px;}
			.cap-sign {top: 6px;position: relative;}
        }
		.mfp-close {
  width: 60px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1.00;
  filter: alpha(opacity=100);
  padding: 0;
  color: #FFF;
  font-style: normal;
  background: transparent;
  border:0 none;
  font:18px/22px 'Roboto',Arial,Helvetica,sans-serif;
}
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }