@media(max-width:1360px){
    .baner-text-holder {
        padding-left: 10px;
    }
    
    .baner-text-holder h1 {
        font-size: 100px;
    }
}
@media(max-width:1299px){
    :root{
        --container-width:1140px;
        --section-spacing: 90px;
    }
    .baner-text-holder {
        padding-left: 40px;
    }
    
    .baner-text-holder h1 {
        font-size: 90px;
        margin-top: 18px;
    }
    .footer-bottom {
        padding: 16px 10px;
    }
    .footer-top {
        padding: 70px 0;
    }
}
@media(max-width:1199px){
    :root{
        --fontsize-h2: 60px;
        --fontsize-h3: 30px;
        --container-width:960px;
    }
    .baner-text-holder {
        padding-left: 15px;
    }
}
@media(max-width:991px){
    :root{
        --fontsize-h2: 56px;
        --fontsize-h3: 26px;
        --container-width:720px;
        --button-radius: 22px;
        --button-height: 45px;
        --button-text: 15px;
        --section-spacing: 80px;
        --button-padding-lr: 24px;
        --top-border-height: 6px;
    }
    .center-md{
        text-align: center;
        justify-content: center;
    }
    .mt-3-md{
        margin-top: 1rem;
    }
    .center-md .heading-2:after{
        left: 50%;
        transform: translateX(-50%);
    }
    .baner-text-holder h1 {
        font-size: 80px;
    }
    
}
@media(max-width:767px){
    :root{
        --fontsize-h2: 48px;
        --fontsize-h3: 24px;
        --fontsize-text: 14px;
        --container-width:540px;
    }
    .baner-text-holder h1 {
        font-size: 54px;
    }
}
@media(max-width:576px){
    :root{
        --fontsize-h2: 42px;
        --fontsize-h3: 22px;
        --fontsize-text: 13px;
        --container-width:100%;
    }
}