.search-news{
    padding-top: 48px;
    margin-top: 24px;
    margin: 24px 15px 0 15px;
    border-top: 1px solid #e0e0e8;
    .search-news-form{
        .search-news-input{
            margin-right: 16px;
            padding: 18px 20px;
            border: none;
            background-color: #f6f6f6;
            color: #777777 !important;
            width: 75%;
            height: 57px;
        }
        .search-news-input::placeholder{
            color: #777777 !important;
            opacity: 1;
        }

        .search-news-icon{
            text-align: center;
            background-color: #15c1c6 ;
            color: #ffffff;
            width: 78px;
            padding-top: 18px;
            padding-bottom: 18px;
            border-radius: 29px;
            font-size: large;
            height: 57px;
            cursor:pointer;

        }

        .search-news-icon:hover{
            background-color: #333333;
            transition: 0.3s;
        }

    }
}

@media only screen and (min-width:768px) {
    .search-news{
        margin-top: 48px;
        margin-left: 60px ;
        margin-right: 60px;
        .search-news-input{
            width: 90% !important;
        }
    }
    .side-bar{
        margin-bottom: 20px;
    }
}
@media only screen and (min-width:992px) {
    .search-news{
        margin-bottom: 38px;

        .search-news-input{
            width: 70% !important;
        }
    }
    .side-bar{
        margin-bottom: 1350px;
    }
}
    
    