@media (min-width: 1200px) {
     
      .warba-Span{

          font-size:30px !important;
          font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-left:20px !important;
      }

      .warba-Span-right{

          font-size:30px !important;
          font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-right:20px !important;
      }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
     
    .warba-Span{

          font-size:24px !important;
         font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-left:20px !important;
      }
    .warba-Span-right{

         font-size:24px !important;
          font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-right:20px !important;
      }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
     
     .warba-Span{

          font-size:20px !important;
        font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-left:20px !important;
      }

     .warba-Span-right{

        font-size:20px !important;
          font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-right:20px !important;
      }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
   
     .warba-Span{

          font-size:18px !important;
          font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-left:20px !important;
      }
     .warba-Span-right{

       font-size:18px !important;
          font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-right:20px !important;
      }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
   

     .warba-Span{

          font-size:12px !important;
          font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-left:20px !important;
      }

     .warba-Span-right{

       font-size:12px !important;
          font-weight:800 !important;
           background-color:#4e5b6c !important;
           color:#fff !important ;padding: 3px 10px !important; margin-right:20px !important;
      }

     #example {

    font-size:small;
}
}