.register, .register:hover {
   background-color: #47267f;
   display: inline-block;
   position: static;
   z-index: auto;
   color: #FFF;
   font-weight: 400;
   padding: 0.375rem 0.75rem;
   border-radius: 0.25rem;
   }
 
#tit {
    position: relative;
}

    #tit #txt {
        position: relative;
        width: 200px; 
        background-color: #fff; 
        margin: 0 auto; 
        text-align: center; 
        z-index: 2; 
    }

    #tit:before {
        position: absolute;
        top: 58%;
        content: "";
        display: block;
        width: 100%;
        border-bottom: 1px solid #ccc;
        z-index: 1; 
    }

@media (max-width: 480px) {
   .img-float-left {
      margin: 0 auto;
      float: none;
      }
   .divimg-float-left {
      text-align: center;
      }
   }

@media(min-width: 481px) and (max-width: 767px) {
   .img-float-left {
      margin: 0 auto;
      float: none;
      }
   .divimg-float-left {
      text-align: center;
      }

   }

.bottomTP > div > div > .sec-sep > h3 {
   color: #FFFFFF !important;
   }

.bottomTP > div > div > .sec-sep > div  {
   background-color: #FFFFFF !important;
   }

@media(min-width: 768px) and (max-width: 1199px) {
   .img-float-left {
      margin: 30px 30px 30px 30px;
      float: left;
      }

   }

@media (min-width: 1200px) {
   .img-float-left {
      margin: 30px 30px 30px 30px;
      float: left;
      }
   }

.item-image {
    text-align: center;
}

@media(min-width: 992px){
   .pull-left {
       float: left;
       margin-right: 0px;
      }
   }

@media(max-width: 440px){
   .pull-left {
       float: left;
       margin-right: 0px;
      }
   }