/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {

    .getInTouchConatiner.container,
    .container.footerMainContainer,
    .requestACallBackMainContainer.container,
    .container.PackageCardContainerMain,
    .termsAndConditionsMainContainer.container,
    .privacyPolicyMainContainer.container,
    .refundPolicyMainContainer.container,
    .homePageAboutSectionContaner.container,
    .homePageOurOfferSectionContaner.container,
    .homePageServicesSectionContainer.container,
    .ourCertificateSectionContainer.container,
    .homePageRequestYourEnquiryContainer.container,
    .container.userAggrementMainSection,
    .container.registerResearchAnalystMainContainer,
    .container.legalDisclaimerMainSection,
    .container.grievanceRedressalProcessMainContainer,
    .container.complainBoardMainContainer,
    .investorCharacterMainContainer.container,
    .userConsentMainContainer.container,
    .legalDesclaimerSecondMainContainer.container,
    .container.aboutUsFinancialGrowMainContainer,
    .container.aboutUsOurOfferMainContainer{
        max-width: 100%;
        padding: 7em 4em;
    }

    /* Home Page CSS Start */
    .homeHeaderMarquee {
        max-width: 1024px;
        width: 90vw;
    }

    .customHomeButtonBlack,
    .customHomeButtonWhite {
        padding: 0.75em 2em;
    }

    /* Home Page CSS End */
    /* Footer CSS Start */
    .customFooterRows {
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
    }

    .customFooterRows .col-md-4 {
        width: calc(100% - 1em);
    }

    .customFooterRows .col-md-3 {
        width: calc(50% - 1em);
    }

    .customFooterRows .col-md-2 {
        width: calc(100% - 1em);
    }

    .addressContainer .icon {
        width: 50px;
    }

    .contactInfoContainer {
        gap: 1em;
    }

    .addressContainer .address,
    .emailContainer .address,
    .mobileContainer .address {
        gap: 0.5em;
    }

    /* Footer CSS End */
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {

    .getInTouchConatiner.container,
    .container.footerMainContainer,
    .requestACallBackMainContainer.container,
    .container.PackageCardContainerMain,
    .termsAndConditionsMainContainer.container,
    .privacyPolicyMainContainer.container,
    .refundPolicyMainContainer.container,
    .homePageAboutSectionContaner.container,
    .homePageOurOfferSectionContaner.container,
    .homePageServicesSectionContainer.container,
    .ourCertificateSectionContainer.container,
    .homePageRequestYourEnquiryContainer.container,
    .container.userAggrementMainSection,
    .container.registerResearchAnalystMainContainer,
    .container.legalDisclaimerMainSection,
    .container.grievanceRedressalProcessMainContainer,
    .container.complainBoardMainContainer,
    .investorCharacterMainContainer.container,
    .userConsentMainContainer.container,
    .legalDesclaimerSecondMainContainer.container,
    .container.aboutUsFinancialGrowMainContainer,
    .container.aboutUsOurOfferMainContainer {
        max-width: 100%;
        padding: 5em 3em;
    }

    .contactUsAddressIcon {
        width: 91px;
    }

    /* Home Page CSS Start */
    .customHomeButtonBlack,
    .customHomeButtonWhite {
        padding: 0.75em 1.5em;
    }

    .ourOffersectionOne,
    .ourOffersectionTwo {
        flex-direction: row;
        align-items: center;
    }

    .servicesCardContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .servicesCard {
        flex: 0 0 calc(50% - 20px);
    }

    .homePageGetDetailAddressSection,
    .homePageGetDetailEmailSection {
        align-items: flex-start;
        flex-direction: column;
    }

    /* Home Page CSS End */
    /* Header CSS Start */
    .CompanyLogoImage {
        width: 100px;
    }

    h2.CompanyLogoName {
        font-size: 2em;
    }

    button.navbar-toggler.customNavigationBarMobile {
        display: flex;
        flex-direction: column;
        gap: 0.4em;
        border: 1px solid transparent;
        padding: 0.25em;
    }

    .navigationBarFormobileDesign .nav-item.dropdown {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dropdown-divider.m-0 {
        display: none;
    }

    .customDropdownLinks {
        color: #fff !important;
        background-color: #000000 !important;
        text-align: center !important;
    }

    .customDropdownLinks:hover {
        color: #F79021 !important;
        background-color: #000000 !important;
    }

    .navigationBarFormobileDesign {
        padding: 2em;
        background-color: #000000;
        gap: 1em;
        border-radius: 0 0 5px 5px;
    }

    /* Header CSS End */

    /* Footer CSS Start */
    .customFooterRows {
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
    }

    .customFooterRows .col-md-4 {
        width: calc(100% - 1em);
    }

    .customFooterRows .col-md-3 {
        width: calc(50% - 1em);
    }

    .customFooterRows .col-md-2 {
        width: calc(100% - 1em);
    }

    .addressContainer .icon {
        width: 50px;
    }

    .contactInfoContainer {
        gap: 1em;
    }

    .addressContainer .address,
    .emailContainer .address,
    .mobileContainer .address {
        gap: 0.5em;
    }

    /* Footer CSS End */
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .getInTouchConatiner.container,
    .container.footerMainContainer,
    .requestACallBackMainContainer.container,
    .container.PackageCardContainerMain,
    .termsAndConditionsMainContainer.container,
    .privacyPolicyMainContainer.container,
    .refundPolicyMainContainer.container,
    .homePageAboutSectionContaner.container,
    .homePageOurOfferSectionContaner.container,
    .homePageServicesSectionContainer.container,
    .ourCertificateSectionContainer.container,
    .homePageRequestYourEnquiryContainer.container,
    .container.userAggrementMainSection,
    .container.registerResearchAnalystMainContainer,
    .container.legalDisclaimerMainSection,
    .container.grievanceRedressalProcessMainContainer,
    .container.complainBoardMainContainer,
    .investorCharacterMainContainer.container,
    .userConsentMainContainer.container,
    .legalDesclaimerSecondMainContainer.container,
    .container.aboutUsFinancialGrowMainContainer,
    .container.aboutUsOurOfferMainContainer {
        max-width: 100%;
        padding: 5em 3em;
    }

    .customHomeAboutSection,
    .requestYourEnquiryContainer {
        gap: 2em;
    }

    .customHomeAboutSection.firstSection {
        flex-direction: column-reverse;
    }

    .aboutUsOurOfferMainContainer .FinancialGrowSection,
    .aboutUsFinancialGrowMainContainer .FinancialGrowSection {
        gap: 2em;
    }

    .homeBannerMainText {
        font-size: 2.75em;
    }

    .servicesCard {
        gap: 0.75em;
        height: 450px;
    }

    .HomePageAboutSectionImage {
        max-width: 450px;
        width: 90vw;
    }

    .ourOffersectionOne,
    .ourOffersectionTwo {
        flex-direction: row;
        align-items: center;
    }

    .cardContainer {
        grid-template-columns: auto;
    }

    .customFooterRows {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5em;
    }

    .contactUsDetailsContainer {
        gap: 1em;
        margin-bottom: 2em;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .addressContainer,
    .emailContainer,
    .mobileContainer {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .getInTouchConatiner.container,
    .container.footerMainContainer,
    .requestACallBackMainContainer.container,
    .container.PackageCardContainerMain,
    .termsAndConditionsMainContainer.container,
    .privacyPolicyMainContainer.container,
    .refundPolicyMainContainer.container,
    .homePageAboutSectionContaner.container,
    .homePageOurOfferSectionContaner.container,
    .homePageServicesSectionContainer.container,
    .ourCertificateSectionContainer.container,
    .homePageRequestYourEnquiryContainer.container,
    .container.userAggrementMainSection,
    .container.registerResearchAnalystMainContainer,
    .container.legalDisclaimerMainSection,
    .container.grievanceRedressalProcessMainContainer,
    .container.complainBoardMainContainer,
    .investorCharacterMainContainer.container,
    .userConsentMainContainer.container,
    .legalDesclaimerSecondMainContainer.container,
    .container.aboutUsFinancialGrowMainContainer,
    .container.aboutUsOurOfferMainContainer {
        max-width: 100%;
        padding: 3em 1em;
    }

    .homePageServicesSectionHeadText {
        text-align: center;
    }

    .homeBannerMainText {
        font-size: 2.5em;
    }

    .servicesCardContainer {
        gap: 1em;
    }

    .homeAboutTextSection {
        gap: 1em;
    }

    .servicesCard {
        flex: 0 0 calc(50% - 0.5em);
    }

    .bannerMainText {
        font-size: 3em;
    }

    .watsappIcon {
        bottom: 4em;
        right: 1em;
    }

    .mobileNavBar {
        width: 1.75em;
        height: 3px;
    }

    /* .navigationBarFormobileDesign::before {
        content: '';
        background-color: rgba(0,0,0,0.8);
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    } */
    .navigationBarFormobileDesign .nav-item.dropdown {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .customDropdownLinks {
        color: #fff !important;
        background-color: #000000 !important;
        text-align: start !important;
    }

    .ContactUsEmailConatiner,
    .ContactUsAddressContainer,
    .contactUsPhoneContainer {
        flex-direction: column;
    }

    .contactUsAddressIcon {
        width: 50px;
    }

    .UserConsent {
        padding: 0.25em 2em;
        left: -4.1em;
    }

    .LegailDisclaimer {
        padding: 0.25em 2em;
        right: -5em;
    }

    .dropdown-divider.m-0 {
        display: none;
    }

    .navigationBarFormobileDesign {
        align-items: flex-start;
    }

    .customDropdownLinks:hover {
        background-color: #000000 !important;
        color: #F79021 !important;
    }

    .navigationBarFormobileDesign {
        padding: 4em 2em;
        padding-left: 2em !important;
        background-color: #000000;
        gap: 1em;
        width: 80vw;
        position: fixed;
        top: 0;
        left: 0px;
        height: 100vh;
        z-index: 3;
        border-radius: 1px;
    }

    .customNavigationLinks .dropdown-menu {
        border: 1px solid transparent !important;
    }
}

/* Extra small devices (phones, 480px and down) */
@media only screen and (max-width: 480px) {

    .getInTouchConatiner.container,
    .container.footerMainContainer,
    .requestACallBackMainContainer.container,
    .container.PackageCardContainerMain,
    .termsAndConditionsMainContainer.container,
    .privacyPolicyMainContainer.container,
    .refundPolicyMainContainer.container,
    .homePageAboutSectionContaner.container,
    .homePageOurOfferSectionContaner.container,
    .homePageServicesSectionContainer.container,
    .ourCertificateSectionContainer.container,
    .homePageRequestYourEnquiryContainer.container,
    .container.userAggrementMainSection,
    .container.registerResearchAnalystMainContainer,
    .container.legalDisclaimerMainSection,
    .container.grievanceRedressalProcessMainContainer,
    .container.complainBoardMainContainer,
    .investorCharacterMainContainer.container,
    .userConsentMainContainer.container,
    .legalDesclaimerSecondMainContainer.container,
    .container.aboutUsFinancialGrowMainContainer,
    .container.aboutUsOurOfferMainContainer {
        max-width: 100%;
        padding: 2em 1em;
    }

    .servicesCard {
        flex: 100%;
        height: 400px;
    }

    .ourOffersectionOne,
    .ourOffersectionTwo {
        flex-direction: column;
    }

    .homeAboutButtonSection {
        display: flex;
        gap: 1.5em;
        flex-direction: column;
        align-items: flex-start;
    }

    .homeBannerMainText {
        font-size: 2em;
    }

    .homeHeaderSubText {
        font-size: 0.95em;
    }

    .HomepageBannerMain {
        gap: 0.5em;
    }

    .CertificatesImageContainer {
        flex-direction: column;
        gap: 1em;
    }

    .bannerMainText {
        font-size: 2.5em;
        text-align: center;
    }

    h2.CompanyLogoName {
        font-size: 1.25em;
    }

    .CompanyLogoImage {
        width: 75px;
    }

    .customFooterRows .col-md-3,
    .customFooterRows .col-md-4,
    .customFooterRows .col-md-2 {
        width: 100%;
    }

    .addressContainer,
    .emailContainer,
    .mobileContainer {
        gap: 0.75em;
    }

    .footerLinksAllLinks {
        gap: 0.25em;
    }

    .packagesBannerSection {
        padding: 2em;
    }

    .customDropdownLinks {
        padding: 0.5em !important;
    }

    .contactUsFormContainer {
        padding: 1.5em 1em;
    }
}