.col-xs-12 .small-tittle{text-align: center; font-family: 'trebuchet', sans-serif; text-transform: uppercase; font-size: 20px; color: #000 !important;}
.col-xs-12 .list-info{text-align: center;}
.col-xs-12 .border{text-align: center; margin: 10px 0 20px 0;}
.col-xs-12 .border p{height: 1px; background: #cccccc; width: 100px; display: inline-block;}
.col-xs-12 .list-info li{font-size: 16px; color: #555;}
.form-control{font-size: 14px; color: #959595;}

.page-joinus .intro-area h2{text-align: center; font-size: 36px; font-weight: 300;}
.page-joinus .intro-area p{font-size: 18px; color: #555; text-align: center; font-family: 'Open Sans';}
.page-joinus .intro-area .logo{text-align: center; margin: 13px 0 0 0;}
.page-joinus .intro-area .logo img{display: inline-block;}

.page-joinus .box-formula{text-align: center; margin:75px 0 45px 0;}
.page-joinus .formula{border: 4px solid #e2e2e2; display: inline-block; padding: 15px 40px;}
.page-joinus .formula span{font-size: 24px; font-weight: bold;}
.page-joinus .formula .blue{color: #2e3192;}
.page-joinus .formula .red{color: #ed1c24;}
.page-joinus .formula .purple{color: #92278f;}
.page-joinus .formula .green{color: #00793a;}
.page-joinus .formula .orange{color: #ed762b; text-transform: uppercase;}
.page-joinus .formula .add, .formula .equal{padding: 0 17px;}
.page-joinus .panel h2{font-size: 36px; color: #000; text-align: center;}

#collapseLearn h2{margin-bottom: 30px;}
#collapseLearn h3{margin: 35px 0 10px 0; font-family: 'trebuchet', sans-serif; font-size: 20px; color: #000; text-transform: uppercase;}
#collapseLearn .learn-item{margin-bottom: 20px;}
#collapseLearn .learn-item p{font-family: 'trebuchet', sans-serif; color: #555; font-size: 16px;}

#collapseDo h2{margin-bottom: 30px;}
#collapseDo .row-description p{font-family: 'trebuchet', sans-serif; text-align: center; font-size: 16px; color: #555; padding: 0 0 30px 0;}
#collapseDo .do-item{margin-bottom: 20px;}
#collapseDo .do-item p{font-family: 'trebuchet', sans-serif; color: #555; font-size: 16px; padding: 35px 0 0 0;}

#collapseEnjoy h2{margin-bottom: 20px;}
#collapseEnjoy .row-description p{font-family: 'trebuchet', sans-serif; text-align: center; font-size: 16px; color: #555; padding: 0 0 30px 0;}
#collapseEnjoy .enjoy-item{margin-bottom: 20px;}
#collapseEnjoy .enjoy-item p{font-family: 'trebuchet', sans-serif; color: #555; font-size: 16px; padding: 75px 0 0 0;}

#collapseBe h2{margin-bottom: 30px;}
#collapseBe .fluid-img{margin: 0 0 40px 0;}
#collapseBe .be-item p{text-align: center; padding-bottom: 20px; color: #555; font-size: 16px;}


@media screen and (max-width: 991px){
    .page-joinus .intro-area h2{font-size: 48px; margin: 50px 0 0 0;}
    .page-joinus .intro-area p{font-size: 26px; margin: 0 0 50px 0;}
    .page-joinus .border{text-align: center; margin: 10px 0 20px 0;}
    .page-joinus .border p{height: 1px; background: #cccccc; width: 350px; display: inline-block;}
    .page-joinus .tabs-section .panel-title>a{font-size: 34px; text-align: center;}
    .page-joinus .tabs-section .panel-heading{height: 120px;}
    .page-joinus .tabs-section .panel-title{line-height: 120px;}
    .page-joinus .panel h2{font-size: 48px; font-weight: 300;}
    #collapseLearn h2{margin: 60px 0 55px 0;}
    #collapseLearn h3{font-size: 24px; margin: 40px 0 0 0;}
    #collapseLearn .learn-item{margin: 0;}
    #collapseLearn .learn-item p{font-size: 26px; padding: 5px 0 50px 0;}
    #collapseDo h2{margin: 60px 0 55px 0;}
    #collapseDo .row-description p{font-size: 26px; padding: 0 0 40px 0;}
    #collapseDo .do-item{margin: 0;}
    #collapseDo .do-item p{font-size: 26px; padding: 55px 0 40px 0;}

    #collapseEnjoy h2{margin: 60px 0 55px 0;}
    #collapseEnjoy .row-description p{font-size: 26px; padding: 0 0 40px 0;}
    #collapseEnjoy .enjoy-item{margin: 0;}
    #collapseEnjoy .enjoy-item p{font-size: 26px; padding: 55px 0 40px 0;}

    #collapseBe h2{margin: 60px 0 55px 0;}
    #collapseBe .be-item p{font-size: 26px;}




    .box-formula{text-align: center; margin:75px 0 45px 0;}
    .formula{border: 4px solid #e2e2e2; display: inline-block; padding: 12px 30px;}
    .formula span{font-size: 20px; font-weight: bold;}
    .formula .blue{color: #2e3192;}
    .formula .red{color: #ed1c24;}
    .formula .purple{color: #92278f;}
    .formula .green{color: #00793a;}
    .formula .orange{color: #ed762b; text-transform: uppercase;}
    .formula .add, .formula .equal{padding: 0 10px;}



}