.banner-content {
    background-color: $idarkblue;
    padding: 45px 10px 50px 30px;
    margin:0;
    opacity: 0.9;
    @media(max-width: 575px){
        padding: 20px 10px 20px 20px;
    }
    .inner-connent{

        border-left: 9px solid $iSecondary;  
        padding: 0 20px;   
        @media(max-width: 575px) {
            border-left: 5px solid $iSecondary;  
        padding: 0 10px;   
        }
    }
   
    a.btn{
        margin: 10px 4px 0 0;
        @media(max-width: 1199px) {
            font-size: 13px;
            padding: 7px 9px;
        }
        @media(max-width: 575px){
            min-width: 144px;
            margin: 20px auto 0px;
            display: block;
        }
    }
}
.banner {
    .line-bar{
        background-color: $iSecondary;
        width: 70%;
        height: 4px;
        display: block;
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;

    }
    &.insti{
        .banner-content{
            .inner-connent{
                h1{
                    font-size: 35px;
                    @media(max-width: 991px) {
                        font-size: 30px;
                    }
                    @media(max-width: 575px) {
                        font-size: 19px;
                    }
                }
            }
        }
    }
    &.contctbg{
      
        .inner-connent{
            h1{
                height: 160px;
                @media(max-width: 575px){
                    height: auto;
                }
            }
        }
        
    }
    &.inner-banner{
        height: 574px;
        @media(max-width: 575px){
            height: 400px;
        }
    }
}