.dropdown-menu {
    max-width: 100rem !important;
}
@media only screen and (width: 1024px) and (height: 1366px) {
    .col, .col-10, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
/* @media only screen and (width: 1280px) {
    .header .nav-menu a {
        font-size: 14px;
    }
    .footer .f-s12 {
        font-size: 14px !important;
    }
    .footer .f-s9 {
        font-size: 12px !important;
    }
    .footer .f-s10 {
        font-size: 13px !important;
    }
    .footer .f-s16 {
        font-size: 22px !important;
    }
    .footer .social-links div {
        height: 35px;
        width: 35px;
    }
} */
@media only screen and (max-width: 1400px) and (min-height: 681px) and (min-width: 1201px) {
    .footer .f-s14 {
        font-size: 20px !important;
    }
}
@media only screen and (min-width: 1360px) and (min-height: 650px) {
    .landing-page {
        height: 50vh;
    }
    .header img {
        width: 25rem;
        margin: 2.5rem 2rem;
    }
    .header .top-line {
        margin: 4.3rem;
        margin-left: 27rem;
        width: 15%;
    }
    .header .left-line {
        margin: 5.2rem;
        margin-top: 8rem;
        height: calc(50vh - 16rem);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 15%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 15%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 16rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 16rem);}
    }
    .landing-page .content-div {
        padding-top: calc(25vh - 32px);
    }
    .landing-page .content-div h1 {
        font-size: 40px !important;
    }
    .landing-page .content-div p {
        font-size: 20px !important;
        padding: 0 7rem;
    }
    /* .header .nav-menu a {
        font-size: 15px;
        margin-left: 3.5rem;
    }
    .header .nav-menu {
        margin: 3.3rem 4rem;
    } */
    .footer h5 {
        font-size: 16px !important;
    }
    .footer a,
    .footer p.f-s10,
    .footer p {
        font-size: 12px !important;
    }
    .footer .company-logo img {
        width: 6rem;
        height: 6rem;
    }
    .footer .company-logo .f-s16 {
        font-size: 26px !important;
    }
    .footer .social-links div {
        height: 35px;
        width: 35px;
    }
    .footer .icon.text-green {
        font-size: 20px;
    }
    .footer .f-s14 {
        font-size: 21px !important;
    }
}
@media only screen and (min-width: 1600px) {
    .nav-menu i.icon {
        font-size: 19px;
    }
    .landing-page {
        height: 50vh;
    }
    .header img {
        width: 28rem;
        margin: 3.5rem 2rem;
    }
    .header .top-line,
    .header .left-line {
        margin: 6rem;
    }
    .header .top-line {
        margin-left: 30rem;
        width: 15%;
    }
    .header .left-line {
        margin-top: 10rem;
        height: calc(50vh - 16rem);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 15%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 15%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 16rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 16rem);}
    }
    .landing-page .content-div {
        padding-top: calc(25vh - 32px);
    }
    .landing-page .content-div h1 {
        font-size: 40px !important;
    }
    .landing-page .content-div p {
        font-size: 26px !important;
        padding: 0 7rem;
    }
    /* .header .nav-menu a {
        font-size: 19px;
    }
    .header .nav-menu {
        margin: 5rem 6rem;
    } */
    .footer h5 {
        font-size: 20px !important;
    }
    .footer a,
    .footer p.f-s10,
    .footer p {
        font-size: 15px !important;
    }
    .footer .company-logo img {
        width: 6rem;
        height: 6rem;
    }
    .footer .company-logo .f-s16 {
        font-size: 26px !important;
    }
    .footer .f-s14 {
        font-size: 30px !important;
    }
    .footer .social-links div {
        height: 48px;
        width: 48px;
    }
}
@media only screen and (min-width: 1800px) {
    .nav-menu i.icon {
        font-size: 23px;
    }
    .landing-page {
        height: 50vh;
    }
    .header img {
        width: 28rem;
        margin: 3.5rem 2rem;
    }
    .header .top-line,
    .header .left-line {
        margin: 6rem;
    }
    .header .top-line {
        margin-left: 30rem;
        width: 15%;
    }
    .header .left-line {
        margin-top: 10rem;
        height: calc(50vh - 16rem);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 15%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 15%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 16rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 16rem);}
    }
    .landing-page .content-div {
        padding-top: calc(25vh - 32px);
    }
    .landing-page .content-div h1 {
        font-size: 40px !important;
    }
    .landing-page .content-div p {
        font-size: 26px !important;
        padding: 0 7rem;
    }
    /* .header .nav-menu a {
        font-size: 22px;
    }
    .header .nav-menu {
        margin: 5rem 6rem;
    } */
    .footer h5 {
        font-size: 20px !important;
    }
    .footer a,
    .footer p.f-s10,
    .footer p {
        font-size: 16px !important;
    }
    .footer .social-links div {
        height: 48px;
        width: 48px;
    }
    .footer .company-logo img {
        width: 6rem;
        height: 6rem;
    }
    .footer .company-logo .f-s16 {
        font-size: 26px !important;
    }
    .footer .icon.text-green {
        font-size: 20px;
    }
}
@media only screen and (min-width: 2000px) {
    .nav-menu i.icon {
        font-size: 27px;
    }
    .landing-page {
        height: 50vh;
    }
    .header img {
        width: 45rem;
    }
    .header .top-line,
    .header .left-line {
        margin: 8rem;
    }
    .header .top-line {
        margin-left: 48rem;
        width: 25%;
        border-top: 3px solid rgba(255,255,255,.7);
    }
    .header .left-line {
        margin-top: 15rem;
        height: calc(50vh - 22rem);
        border-left: 3px solid rgba(255,255,255,.7);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 22rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 22rem);}
    }
    .landing-page .content-div {
        padding-top: calc(25vh - 32px);
    }
    .landing-page .content-div h1 {
        font-size: 64px !important;
    }
    .landing-page .content-div p {
        font-size: 30px !important;
    }
    /* .header .nav-menu a {
        font-size: 26px;
        margin-left: 5rem;
    }
    .header .nav-menu {
        margin: 6.5rem 6rem;
    }
    .header .nav-menu a.active {
        border-bottom: 3px solid white !important;
    } */

    .footer h5 {
        font-size: 24px !important;
    }
    .footer a,
    .footer p.f-s10,
    .footer p {
        font-size: 20px !important;
    }
    .footer .company-logo img {
        width: 6rem;
        height: 6rem;
    }
    .footer .company-logo .f-s16 {
        font-size: 36px !important;
    }
    .footer .social-links div {
        height: 48px;
        width: 48px;
    }
    .footer .icon.text-green {
        font-size: 32px;
    }
}
@media only screen and (min-width: 3000px) {
    .nav-menu i.icon {
        font-size: 40px;
    }
    .landing-page {
        height: 50vh;
    }
    .header img {
        width: 70rem;
        margin: 6.5rem 5rem;
    }
    .header .top-line {
        margin: 12rem;
        margin-left: 78rem;
        width: 25%;
        border-top: 5px solid rgba(255,255,255,.7);
    }
    .header .left-line {
        margin: 14rem;
        margin-top: 24rem;
        height: calc(50vh - 37rem);
        border-left: 5px solid rgba(255,255,255,.7);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 37rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 37rem);}
    }
    .landing-page .content-div {
        padding-top: calc(25vh - 32px);
    }
    .landing-page .content-div h1 {
        font-size: 100px !important;
    }
    .landing-page .content-div p {
        font-size: 50px !important;
    }
    /* .header .nav-menu a {
        font-size: 38px;
        margin-left: 7rem;
    }
    .header .nav-menu {
        margin: 9.5rem 6rem;
    }
    .header .nav-menu a.active {
        border-bottom: 5px solid white !important;
    } */
    .icon.ion-ios-arrow-down {
        font-size: 40px;
    }
    .pt-4 {
        padding-top: 11rem !important;
    }
    .footer .social-links div {
        height: 100px;
        width: 100px;
    }
    .footer i.f-s14 {
        font-size: 60px !important;
    }
    .footer h5 {
        font-size: 40px !important;
    }
    .footer a,
    .footer p.f-s10,
    .footer p {
        font-size: 34px !important;
    }
    .footer .company-logo img {
        width: 12rem;
        height: 12rem;
    }
    .footer .company-logo .f-s16 {
        font-size: 60px !important;
    }
    .footer {
        padding: 5rem 4rem;
    }
    .footer hr {
        margin: 5rem 0
    }
    .footer .icon.text-green {
        font-size: 50px;
    }
    .footer .px-4 {
        padding-right: 5rem!important;
        padding-left: 5rem!important;
    }
}
@media only screen and (min-width: 4000px) {
    .nav-menu i.icon {
        font-size: 50px;
    }
    .landing-page {
        height: 50vh;
    }
    /* .header img {
        width: 70rem;
        margin: 6.5rem 5rem;
    } */
    .header .top-line {
        margin: 12rem;
        margin-left: 78rem;
        width: 25%;
        border-top: 5px solid rgba(255,255,255,.7);
    }
    .header .left-line {
        margin: 14rem;
        margin-top: 24rem;
        height: calc(50vh - 37rem);
        border-left: 5px solid rgba(255,255,255,.7);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 37rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 37rem);}
    }
    .landing-page .content-div {
        padding-top: calc(25vh - 32px);
    }
    .landing-page .content-div h1 {
        font-size: 100px !important;
    }
    .landing-page .content-div p {
        font-size: 54px !important;
        padding: 0 30rem;
    }
    /* .header .nav-menu a {
        font-size: 40px;
        margin-left: 10rem;
    }
    .header .nav-menu {
        margin: 9.5rem 6rem;
    }
    .header .nav-menu a.active {
        border-bottom: 5px solid white !important;
    } */
    .icon.ion-ios-arrow-down {
        font-size: 40px;
    }
    .pt-4 {
        padding-top: 11rem !important;
    }
    .mb-3, .my-3 {
        margin-bottom: 5rem!important;
    }
    .footer .social-links div {
        height: 100px;
        width: 100px;
    }
    .footer i.f-s14 {
        font-size: 60px !important;
    }
    .footer h5 {
        font-size: 46px !important;
    }
    .footer a,
    .footer p.f-s10,
    .footer p {
        font-size: 38px !important;
    }
    .footer .company-logo img {
        width: 12rem;
        height: 12rem;
    }
    .footer .company-logo .f-s16 {
        font-size: 50px !important;
    }
    .footer {
        padding: 5rem 4rem;
    }
    .footer hr {
        margin: 5rem 0
    }
}
@media only screen and (min-width: 5000px) {
    .nav-menu i.icon {
        font-size: 60px;
    }
    .landing-page {
        height: 50vh;
    }
    .header img {
        width: 90rem;
        margin: 6.5rem 5rem;
    }
    .header .top-line {
        margin: 14rem;
        margin-left: 95rem;
        width: 25%;
        border-top: 5px solid rgba(255,255,255,.7);
    }
    .header .left-line {
        margin: 16rem;
        margin-top: 24rem;
        height: calc(50vh - 37rem);
        border-left: 5px solid rgba(255,255,255,.7);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 37rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(50vh - 37rem);}
    }
    .landing-page .content-div {
        padding-top: calc(25vh - 32px);
    }
    .landing-page .content-div h1 {
        font-size: 140px !important;
    }
    .landing-page .content-div p {
        font-size: 80px !important;
    }
    /* .header .nav-menu a {
        font-size: 52px;
        margin-left: 14rem;
    }
    .header .nav-menu {
        margin: 10.5rem 6rem;
    }
    .header .nav-menu a.active {
        border-bottom: 5px solid white !important;
    } */
    .icon.ion-ios-arrow-down {
        font-size: 60px;
    }
    .pt-4 {
        padding-top: 11rem !important;
    }
    .footer .social-links div {
        height: 130px;
        width: 130px;
    }
    .footer i.f-s14 {
        font-size: 83px !important;
    }
    .footer h5 {
        font-size: 62px !important;
    }
    .footer a,
    .footer p.f-s10,
    .footer p {
        font-size: 46px !important;
    }
    .footer .company-logo img {
        width: 20rem;
        height: 20rem;
    }
    .footer .company-logo .f-s16 {
        font-size: 100px !important;
    }
    .footer {
        padding: 5rem 4rem;
    }
    .footer hr {
        margin: 5rem 0
    }
    .footer .icon.text-green {
        font-size: 70px;
    }
}

@media only screen and (width: 1024px) and (height: 1366px) {
    .landing-page {
        background-size: cover;
    }
    .header .mobile-menu {
        display: block !important;
        z-index: 2;
    }
    .header .nav-menu {
        display: none;
    }
    .header img {
        width: 22rem;
    }
    .header .top-line,
    .header .left-line {
        margin: 4.5rem;
    }
    .header .top-line {
        margin-left: 24rem;
        width: 35%;
    }
    .header .left-line {
        margin-top: 7rem;
        border-left: 1.5px solid rgba(255,255,255,.7);
        height: calc(370px - 11rem);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 35%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 35%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(370px - 11rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(370px - 11rem);}
    }
    .landing-page .content-div {
        padding: 13rem 5rem 0 5rem;
    }
    .landing-page .content-div h1 {
        font-size: 30px !important;
    }

    .header img {
        z-index: 2;
    }
    .header .top-line, .header .left-line {
        z-index: 1;
    }
    .modal-backdrop.show {
        z-index: 1;
    }
    .modal-content img {
        width: 30rem;
        margin: 2.5rem 2rem;
    }

    .footer .company-logo {
        text-align: center;
    }
    .footer .company-logo img {
        width: 6rem;
        height: 6rem;
    }
    .footer .company-logo .d-flex p {
        display: none;
    }
    .footer .company-logo .d-flex,
    .footer .company-logo .d-flex p.mob-view {
        display: block !important;
    }
    .footer .company-logo .f-s16 {
        font-size: 28px !important;
    }
    .footer .company-logo .f-s9 {
        font-size: 15px !important;
    }
    .footer .company-logo .mt-4 {
        margin-bottom: 3rem !important;
    }
    .footer .f-s12,
    .footer p i {
        font-size: 20px !important;
    }
    .footer .f-s9,
    .footer .f-s10 {
        font-size: 13px !important;
    }
    .footer .col-md-3 {
        padding: 0;
    }
    .footer .col-sm-6.col-lg-3.pr-0.col-pl,
    .footer .col-md-3.pr-0.pl-5 {
        -ms-flex: 0 0 25%;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
    .footer .pl-5 {
        padding-left: 6rem !important;
    }
    .footer .social-links {
        top: 50%!important;
        left: 0!important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media only screen and (max-width: 1040px) and (min-width: 1001px) {
    .header .top-line {
        width: 15%;
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 15%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 15%;}
    }
}
@media only screen and (max-width: 1000px) {
    .landing-page {
        background-size: cover;
    }
    .header .mobile-menu {
        display: block !important;
        z-index: 2;
    }
    .header .nav-menu {
        display: none;
    }
    .header img {
        width: 22rem;
    }
    .header .top-line,
    .header .left-line {
        margin: 4.5rem;
    }
    .header .top-line {
        margin-left: 24rem;
        width: 35%;
    }
    .header .left-line {
        margin-top: 7rem;
        border-left: 1.5px solid rgba(255,255,255,.7);
        height: calc(370px - 11rem);
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 35%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 35%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(370px - 11rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(370px - 11rem);}
    }
    .landing-page .content-div {
        padding: 13rem 5rem 0 5rem;
    }
    .landing-page .content-div h1 {
        font-size: 30px !important;
    }

    .header img {
        z-index: 2;
    }
    .header .top-line, .header .left-line {
        z-index: 1;
    }
    .modal-backdrop.show {
        z-index: 1;
    }
    .modal-content img {
        width: 30rem;
        margin: 2.5rem 2rem;
    }

    .footer .company-logo {
        text-align: center;
    }
    .footer .company-logo img {
        width: 6rem;
        height: 6rem;
    }
    .footer .company-logo .d-flex p {
        display: none;
    }
    .footer .company-logo .d-flex,
    .footer .company-logo .d-flex p.mob-view {
        display: block !important;
    }
    .footer .company-logo .f-s16 {
        font-size: 28px !important;
    }
    .footer .company-logo .f-s9 {
        font-size: 15px !important;
    }
    .footer .company-logo .mt-4 {
        margin-bottom: 3rem !important;
    }
    .footer .f-s12,
    .footer p i {
        font-size: 20px !important;
    }
    .footer .f-s9,
    .footer .f-s10 {
        font-size: 13px !important;
    }
    .footer .col-md-3 {
        padding: 2rem 0;
    }
    .footer .pl-5 {
        padding-left: 6rem !important;
    }
    .footer .social-links {
        top: 50%!important;
        left: 0!important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media only screen and (max-width: 1000px) and (min-width: 701px) {
    .footer .col-sm-6.col-lg-3.pr-0.col-pl, .footer .col-md-3.pr-0.pl-5 {
        -ms-flex: 0 0 25%;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
    .footer .col-pl,
    .footer .pl-5 {
        padding-left: 0 !important;
    }
    .footer .col-md-3 {
        padding: 0 !important;
    }
}
@media only screen and (max-width: 700px) {
    .header .top-line {
        width: 25%;
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 25%;}
    }
    .landing-page .content-div h1 {
        font-size: 18px !important;
    }
    .landing-page .content-div p {
        font-size: 12px !important;
    }
    .mobile-menu .f-s24 {
        font-size: 20px !important;
    }
    .modal-content img {
        width: 24rem;
        margin: 2.5rem 2rem;
    }
    .mobile-menu .f-s24 {
        font-size: 20px !important;
    }
    .modal-content img {
        width: 70% !important;
        margin: 1rem 0;
    }
    .modal-content .ion-close {
        font-size: 22px!important;
        margin-top: 2rem !important;
        margin-right: 2rem !important;
    }
    .mobile-menu .f-s24 {
        font-size: 14px !important;
        padding: 1rem !important;
    }
    .mobile-menu .py-4 {
        padding: .75rem .5!important
    }
    .modal-body {
        padding: 1.5rem !important;
    }

    .footer .pl-5,
    .footer .col-pl {
        padding-left: 2rem !important;
    }
}
@media only screen and (max-width: 500px) {
    .landing-page {
        height: 250px;
    }
    .header img {
        width: 15rem;
        margin: 2.5rem 1rem;
    }
    .header .top-line,
    .header .left-line {
        margin: 3.8rem;
    }
    .header .top-line {
        margin-left: 16rem;
        width: 25%;
    }
    .header .left-line {
        margin-top: 6rem;
        height: calc(250px - 8.5rem);
        margin-left: 2.8rem;
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 20%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 20%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(250px - 9.5rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(250px - 9.5rem);}
    }
    .mobile-menu i {
        font-size: 36px !important;
    }
    .landing-page .content-div {
        padding: 6.5rem 2rem 0 2rem;
    }
    .landing-page .content-div h1 {
        font-size: 18px !important;
    }
    .landing-page .content-div p {
        font-size: 10px !important;
    }

    .mobile-menu .f-s24 {
        font-size: 16px !important;
        padding: 1rem 2rem !important;
    }
    .modal-header img {
        width: 80% !important;
    }
    .modal-body {
        padding: 1.5rem !important;
    }
    .modal-content img {
        width: 24rem;
        margin: 2.5rem 2rem;
    }
    .mobile-menu .f-s24 {
        font-size: 20px !important;
    }
    .modal-content img {
        width: 70% !important;
        margin: 1rem 0;
    }
    .modal-content .ion-close {
        font-size: 22px!important;
        margin-top: 2rem !important;
        margin-right: 2rem !important;
    }
    .mobile-menu .f-s24 {
        font-size: 14px !important;
        padding: 1rem !important;
    }
    .mobile-menu .py-4 {
        padding: .75rem .5!important
    }
    .modal-body {
        padding: 1.5rem !important;
    }
    .footer .row {
        padding: 0 !important;
    }
    .footer .company-logo {
        text-align: center;
    }
    .footer .company-logo img {
        width: 6rem;
        height: 6rem;
    }
    .footer .company-logo .d-flex p {
        display: none;
    }
    .footer .company-logo .d-flex,
    .footer .company-logo .d-flex p.mob-view {
        display: block !important;
    }
    .footer .company-logo .f-s16 {
        font-size: 18px !important;
    }
    .footer .company-logo .f-s9 {
        font-size: 13px !important;
    }
    .footer .company-logo .mt-4 {
        margin-bottom: 2rem !important;
    }
    .footer .f-s12,
    .footer p i {
        font-size: 18px !important;
    }
    .footer .f-s9,
    .footer .f-s10 {
        font-size: 12px !important;
    }
    .footer .col-md-3,
    .footer .col-sm-6 {
        padding: .75rem 0;
    }
    .footer .pl-5, 
    .footer .col-pl {
        padding-left: 0 !important;
        text-align: center;
    }
    .footer .social-links {
        top: 0!important;
        left: 50%!important;
        right: auto!important;
        bottom: auto!important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .footer .pos-relative.text-center {
        height: 5rem;
    }
    .footer .pos-relative.text-center p {
        width: 100%;
        top: auto!important;
        left: 50%!important;
        bottom: 0!important;
        right: auto!important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .footer hr {
        border-top: 1px solid white;
    }
}
@media only screen and (max-width: 375px) {
    .landing-page {
        height: 250px;
    }
    .header img {
        width: 15rem;
        margin: 2.5rem 1rem;
    }
    .header .top-line,
    .header .left-line {
        margin: 3.8rem;
    }
    .header .top-line {
        margin-left: 16rem;
        width: 25%;
    }
    .header .left-line {
        margin-top: 6rem;
        height: calc(250px - 8.5rem);
        margin-left: 2.8rem;
    }
    /* LINE ANIMATION */
    @-webkit-keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 20%;}
    }
    @keyframes top-line-animation {
        from {width: .25rem;}
        to {width: 20%;}
    }
    @-webkit-keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(250px - 9.5rem);}
    }
    @keyframes left-line-animation {
        from {height: .25rem;}
        to {height: calc(250px - 9.5rem);}
    }
    .mobile-menu i {
        font-size: 36px !important;
        margin-right: 2rem !important;
    }
    .landing-page .content-div {
        padding: 6.5rem 2rem 0 3rem;
    }
    .landing-page .content-div h1 {
        font-size: 14px !important;
    }
    .landing-page .content-div p {
        font-size: 8px !important;
    }

    .mobile-menu .f-s24 {
        font-size: 14px !important;
    }
    .mobile-menu p {
        padding: 1rem 0 !important;
    }
    .modal-content img {
        width: 24rem;
        margin: 2.5rem 2rem;
    }
    .mobile-menu .f-s24 {
        font-size: 20px !important;
    }
    .modal-content img {
        width: 70% !important;
        margin: 1rem 0;
    }
    .modal-content .ion-close {
        font-size: 22px!important;
        margin-top: 2rem !important;
        margin-right: 2rem !important;
    }
    .mobile-menu .f-s24 {
        font-size: 14px !important;
        padding: 1rem !important;
    }
    .mobile-menu .py-4 {
        padding: .75rem .5!important
    }
    .modal-body {
        padding: 1.5rem !important;
    }
    .footer {
        padding: 2rem !important;
    }
    .footer .company-logo .f-s16 {
        font-size: 15px !important;
    }
    .footer .company-logo .f-s9 {
        font-size: 11px !important;
    }
    .footer .company-logo .mt-4 {
        margin-bottom: 1rem !important;
    }
    .footer .f-s12,
    .footer p i {
        font-size: 16px !important;
    }
    .footer .f-s9,
    .footer .f-s10 {
        font-size: 9px !important;
    }
}

::-webkit-scrollbar {
    display: none;
}
/* Firefox */
html {
  scrollbar-width: none;
}
/* Internet Explorer, Edge */
body { 
    -ms-overflow-style: none; 
}