@media(max-width:680px){
    .container-img{
        padding: 30px!important;
    }
    .background-section {
        background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1)),url(../img/banner-img.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 50vh!important;
        width: 100%;
    }
    .our-operation{
        height:100vh;
    }
    section.our-contact{
        height: 100vh!important;
    }
    .our-story-tags {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 0!important;
    }
    .about-content .content{
        padding: 50px ;
    }
    .banner-content .heading-sec h1{

    font-family:'Adobe Garamond Pro Regular';
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        font-weight: 400!important;
        font-size: 40px!important;
        transform: translate(-50%, -50%);
    }
    .container-img{
        padding: 40px;
    }
    section.our-operation {
        background: #383636;
        text-align: center;
        padding: 100px 10px;
    }
    .section-row{
        height:100px;
    }
}

@media(min-width:680px) and (max-width:1100px){
    .about-content .content{
        padding: 50px 0;
    }
    .section-row {
        height: 100px;
    }
    .background-section {
        background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1)),url(../img/banner-img.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 60vh!important;
        width: 100%;
    }
    .banner-content .heading-sec h1{

        font-family: 'Adobe Garamond Pro Regular';
            position: absolute;
            top: 50%;
            left: 50%;
            color: #fff;
            font-weight: 400!important;
            font-size: 60px!important;
            transform: translate(-50%, -50%);
        }
}
@media(min-width:990px){
    .our-story-social-links {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 276px;
    }
.banner-content .heading-sec h1 {
    font-family: 'Adobe Garamond Pro regular';
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: 400!important;
    font-size: 80px!important;
    transform: translate(-50%, -150%);
}
    .about-content .content{
        padding: 120px 0;
        max-width: 990px;
    }
   
}