@media screen and (max-width: 1024px){
    .footer-outer {
        margin-top: -250px !important;
    }

}



@media screen and (max-width: 768px){
    #inner-hero-wrapper {
    height: 400px;
    }
    .r-i-l-t .left-text {
        background: #fff;
        padding: 30px;
    }
    .l-i-r-t .right-text {
        background: #fff;
        padding: 30px;
    }
    .r-i-l-t {
        padding-bottom: 20px;
    }
    .l-i-r-t {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    .history-text {
        padding: 30px;
        background: #fff;
    }
    
}
@media screen and (max-width: 480px){
    .history {
        padding-top: 0px;
    }
}