@media only screen
    and (min-width : 769px) 
{
    /*and (min-width : 1224px) */
    /*For Vertical Line with Text*/
    .textCenter
    {text-align:center;}
    .SmartPassImageDiv{
        margin-top: 60px;
    }
    .ParentHorizontalTextDiv 
    { 
        width:auto; 
        display:inline-block; 
        position:relative; 
    }
    .ParentHorizontalText{
        color:#06b4b2;
    }
    .ParentHorizontalTextDiv:before 
    { 
        content:''; 
        position:absolute; 
        background:#06b4b2; 
        width:1px; 
        height:170px; 
        margin-left: 10px ; 
    }
    .ParentHorizontalTextDiv span 
    { 
        position: relative; 
        top: 75px; 
        background: white; 
        margin: 0 auto; 
        text-align: center; 
        width: 20px; 
        height: 20px; 
        padding: 8px 0px;
    }
    /*For Vertical Line with Text*/
} 

@media screen
    and (max-width: 768px)
    and (min-width: 340px)
{
    /*For Horizontal Line with Text*/
    .ParentHorizontalTextDiv
    {
      width:100%; 
      text-align:center; 
      border-bottom: 1px solid #06b4b2; 
      line-height:0.1em; 
      margin:10px 0 20px;
    }
    .ParentHorizontalTextDiv span 
    { 
        background:#fff; 
        padding:0 10px; 
        color:#06b4b2;
    }
    /*For Horizontal Line with Text*/
}