@media only screen and (max-width: 767px){

    h1{
        font-size: 22px!important;
      }
      h2{
        font-size: 20px;
      }
      h3{
        font-size: 18px;
      }
      h4{
        font-size: 16px;
      }
      h5{
        font-size: 14px;
      }
      h6{
        font-size: 12px;
      }
    

    .control-topheader{
        display: none;
    }
    .control-subheader{
       display: block!important;
       padding-right:24px;
    }

    .active1 {
        margin-bottom:8px;
        border-top: 7px solid #ffffff!important;
        border-bottom: 1px solid #f26334!important;
        padding:10px 0 0 0!important;
        text-align: left!important;
       
    }
    .inactive1 {
        margin-bottom:8px;
        border-top:0!important;
        border-bottom: 1px solid #002c6c!important;
        padding:0!important;
        text-align: left!important;             
    }
}

.control-subheader{
       display: none;
}

.active1 {
    border-top:7px solid #f26334;
    color: #f26334;
    
    text-align: center;
   
}
.inactive1 {
    cursor: pointer;
    border-top:7px solid #ffffff;
    color: #002c6c !important;
    
    text-align: center;
     

}
.inactive1:hover {
    color: #f26334;
}