@media(max-width: 1920px) {
    .container {
        width: 85%;
        max-width: 85%;
    }
}
@media(max-width: 1600px) {
    .coa-heroimg {
        width: 100%;
    }
    .footer .navbar-nav, .FooterNavlink {
        gap: 20px;
    }
    .width52 {
        width: 60%;
    }
    .Width48 {
        width: 58%;
    }
}
@media(max-width: 1440px) {
    .width52 {
        width: 64%;
    }
    .Width48 {
        width: 65%;
    }
    .CustomHeading {
        font-size: 48px;
    }
    .CustomHeading {
        line-height: 55px;
    }
    .QnsBox {
        gap: 26px;
    }
}
@media(max-width: 1366px) {
    .container {
        width: 90%;
        max-width: 90%;
    }

    .width52 {
        width: 68%;
    }

    .Width100 {
        width: 100%;
    }

    .Contact-box {
        padding: 20px;
    }

    .COA-customContainer {
        width: 95%;
    }

    .carriers_main img {
        width: 1024px;
    }

    .footer .navbar-expand-md {
        gap: 36px;
    }
    .FooterNavlink {
        gap: 24px;
    }

    .footer .navbar-nav {
        gap: 18px;
    }

}
@media(max-width: 1300px) {
    .footer .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }
    .Contact-flexbox {
        gap: 35px;
        flex-wrap: wrap;
    }
    .width25 {
        width: 45%;
    }
    .FooterNavlink, .footer .navbar-nav {
        gap: 17px;
    }
    .copyright-text {
        font-size: 14px;
    }
    .CustomHeading {
        padding-top: 30px !important;
    }
}
@media(max-width: 1199px) {
    .footer .navbar-expand-md {
        gap: 40px;
    }

    .footer ul, .FooterNavlink {
        gap: 12px !important;
    }

    .boxwidth50 {
        width: 46%;
    }

    .FirstHeading {
        font-size: 48px;
        line-height: 58px;
    }

    .callmantra-hero-img {
        width: 100%;
        padding-top: 50px;
    }

    .Callmantra-gridimg {
        width: 65%;
    }

    .paddingtop60 {
        padding-top: 60px;
    }

    .carriers_main img {
        width: 99%;
    }

    .Custom-width60 {
        width: 75%;
    }
    .footer ul {
        flex-direction: column !important;
    }

    .FooterNavlink {
        width: 45%;
    }

    .footer .navbar-expand-md {
        justify-content: space-between;
    }
}
@media(max-width: 991px) {
    .COA-companyInfo {
        flex-direction: column;
        gap: 24px;
    }

    .InfoWidth50 {
        width: 100%;
    }

    

    .FirstHeading {
        font-size: 38px;
        line-height: 48px;
    }

    .SecondHeading {
        font-size: 36px;
        line-height: 42px;
    }

    .ThirdHeading {
        font-size: 32px;
        line-height: 40px;
    }

    .coa-header .navbar-nav {
        gap: 6px;
        padding-top: 16px;
    }

    .coa-Dropdown {
        width: fit-content;
    }

    .tab-content {
        padding-top: 45px;
    }

    .tab-content .Width100 {
        width: 65%;
    }

    .tab-content .float-right {
        float: none;
    }

    .Products-section {
        padding-bottom: 60px;
    }

    .width52 {
        width: 100%;
    }

    .Width48 {
        width: 100%;
    }

    .padding72 {
        padding: 60px 0px;
    }

    .boxwidth50 {
        width: 90%;
    }

    .coa-heroimg {
       display: none;
    }

    .Itcpaddright-43 {
        padding-right: 12px;
    }

    .Itcpaddleft-43 {
        padding-left: 12px;
    }

    .gridbox-image {
        width: 65%;
        padding-top: 60px;
    }

    .callmantra-hero-img {
        width: 65%;
    }
    .Custom-width60 {
        width: 90%;
    }
    .footer ul {
        gap: 0px !important;
    }
    .footer .navbar-expand-md {
        gap: 35px;
    }
    .FooterNavlink {
        width: 45%;
    }
    .Form-thanks-text {
        font-size: 24px;
    }
    .width70 {
        width: 100%;
    }
    .Font30 {
        font-size: 32px;
    }

}
@media(max-width: 767px) {
    .container {
        width: 95%;
        max-width: 95%;
    }

    .COA-customContainer {
        padding-top: 50px;
    }

    .COA-companyInfo {
        padding-top: 28px;
    }
    .width25 {
        width: 75%;
    }
    .CoaJobs-flexbox {
        flex-direction: column;
        gap: 30px;
    }
    .job-listbox {
        width: 90%;
    }
    .job-listbox .tabHeading {
        font-size: 16px;
        line-height: 28px;
    }
    .boxwidth50 {
        width: 100%;
    }
    .product-btm-box {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
    .CM-powerdailer-img {
        width: 70%;
    }
    .FourthHeading {
        font-size: 26px;
        line-height: 34px;
    }
    .footer .navbar-expand-md {
        flex-direction: column;
    }
    .FooterNavlink {
        width: 55%;
    }
    .CustomHeading {
        padding-top: 0px !important;
    }
    .ImpText {
        padding-top: 0px;
    }
}

@media(max-width: 550px) {
    .footer ul, .FooterNavlink {
        gap: 5px !important;
    }
    .FooterNavlink {
        flex-direction: column;
    }
    .JobTititle {
        flex-direction: column;
        gap: 4px !important;
        padding-bottom: 10px;
    }
    .Design-border {
        width: fit-content;
    }
    .Coa-form {
        padding: 0px 8px 25px;
    }
    .padding72 {
        padding: 40px 0px;
    }
    .coa-heroimg {
        width: 90%;
    }
    .gridbox-image {
        width: 80%;
    }
    .footer .navbar-expand-md {
        gap: 25px;
    }
    .FooterNavlink {
        gap: 0px !important;
    }
    .tab-content .Width100 {
        width: 90%;
    }
    .callmantra-hero-img {
        width: 90%;
    }
    .width25 {
        width: 100%;
    }
}