
/*=========================================================== min-width: 992px ===========================================================*/
@media (min-width: 992px) {

    /*Start Spacing */
    .g-lg-30px, .gy-lg-30px {
        --bs-gutter-y: 30px;
    }
    .g-lg-30px, .gx-lg-30px {
        --bs-gutter-x: 30px;
    }
    /*End Spacing */
}

/*=========================================================== min-width: 1400px ===========================================================*/
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1340px;
    }
}

/*=========================================================== min-width: 1400px ===========================================================*/
@media (min-width: 1550px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1490px;
    }
}



/*=========================================================== max-width: 1399px ===========================================================*/
@media (max-width: 1399px) {

    /*Start Home Page*/
    .home-1circle {
        max-width: 600px;
        top: -24%;
        left: -15%;
    }
    .home-2circle {
        max-width: 600px;
        bottom: -24%;
        right: -15%;
    }
    /*End Home Page*/

}


/*=========================================================== max-width: 1199px ===========================================================*/
@media (max-width: 1199px) {

}


/*=========================================================== max-width: 991px ===========================================================*/
@media (max-width: 991px) {
    body{
        font-size: 18px;
    }

    /*Start Font Size*/
    .change-fs-48px-36px{
        font-size: 42px;
    }
    .change-fs-96px-74px{
        font-size: 85px;
    }
    /*End Font Size*/

    /*Start Title*/
    .title-s1{
        font-size: 36px;
    }
    .title-s2{
        font-size: 55px;
    }
    /*End Title*/

    /*Start Spacing */
    .section-s1{
        padding-top: 34px;
        padding-bottom: 34px;
    }
    /*End Spacing */

    /* Start Header */
    .main-s1header img{
        max-width: 180px;
    }
    /* End Header */

    /*Start Home Page*/
    .home-1circle {
        max-width: 550px;
    }
    .home-2circle {
        max-width: 550px;
    }
    /*End Home Page*/

}

/*=========================================================== max-width: 767px ===========================================================*/
@media (max-width: 767px) {

    /*Start Home Page*/
    .home-1circle {
        max-width: 480px;
        top: -18%;
        left: -24%;
    }
    .home-2circle {
        max-width: 480px;
        bottom: -18%;
        right: -24%;
    }
    .typography-s1line{
        width: 100%;
        height: 2px;
        background: linear-gradient(269deg, #000000 0%, #9D9D9D 64.42%, #000000 100%);
    }
    .color-s1box {
        padding: 18px 18px;
        min-width: 180px;
    }
    /*End Home Page*/

}

/*=========================================================== max-width: 576px ===========================================================*/
@media (max-width: 576px) {
    body{
        font-size: 16px;
    }

    /*Start Font Size*/
    .change-fs-48px-36px{
        font-size: 36px;
    }
    .change-fs-96px-74px{
        font-size: 74px;
    }
    /*End Font Size*/

    /*Start Title*/
    .title-s1{
        font-size: 32px;
    }
    .title-s2{
        font-size: 46px;
    }
    /*End Title*/

    /*Start Spacing */
    .section-s1{
        padding-top: 28px;
        padding-bottom: 28px;
    }
    /*End Spacing */

    /*Start Home Page*/
    .home-1circle {
        max-width: 450px;
        top: -17%;
        left: -45%;
    }
    .home-2circle {
        max-width: 450px;
        bottom: -17%;
        right: -45%;
    }
    .color-s1box {
        padding: 16px 16px;
        min-width: 124px;
    }
    /*End Home Page*/

}
