@media (min-width: 576px) {
    .WhyUsSec .MagnonLogos_group {
        flex-direction: unset;
    }

    /* AboutAwardSec Open*/
    .AboutAwardSec .AwardImgSec {
        display: flex;
    }

    .AboutAwardSec .AwardImgSec img {
        width: 33.33%;
    }

    /* AboutAwardSec Close*/
    /* ClientComSec Open */
    .ClientComSec .Info img:nth-child(1) {
        width: 80px;
    }

    .ClientComSec .Info .InfoInner {
        margin-top: 20px;
        padding-left: 30px;
    }

    .ClientComSec .Info .InfoInner .CEO-Sec div img {
        width: 115px;
    }

    .ClientComSec .Info .InfoInner .CEO-Sec div img:nth-child(2) {
        width: 35px;
        margin-left: 20px;
    }

    /* ClientComSec Close */

    .Work-plr {
        padding: 0;
    }

    .custom_form .submit {
        align-items: center;
        justify-content: space-between;
    }

    .copy-with-form .submit .CVLeft {
        width: 75%;
        align-items: center;
        flex-wrap: nowrap;
    }

    .iamnotRobot {
        margin-left: 20px;
        margin-top: 0;
    }

    /* Digital Marketing Page Open */
    .SMMSec .col-lg-4 video,
    .SMSec .col-lg-4 img,
    .AMPSec .col-lg-4 img,
    .CIMSec .col-lg-4 img {
        width: 400px;
    }

    .OSSec .row .col-lg-3 {
        justify-content: flex-start;
        max-width: 100%;
    }

    .OSSec .row .col-lg-3:nth-child(2),
    .OSSec .row .col-lg-3:nth-child(4) {
        justify-content: flex-end;
    }

    .OSSec .row .col-lg-3:nth-child(1) h5 {
        max-width: 210px;
    }

    /* Digital Marketing Page Close */

    /* Magnoficent Page open Open */
    .nikon-section,
    .dabur-section,
    .brand-summit-bg {
        padding: 30px 0;
    }

    .nikon-box img,
    .dabur-box img {
        width: 110px;
    }

    .nikon-section .nikon-para p,
    .dabur-section .dabur-panel p {
        font-weight: 600;
    }

    .clock-icon {
        top: 7px;
        left: 22%;
    }

    .follow-icon {
        top: 7px;
        left: 75%;
    }

    /* Magnoficent Page open Close */

    .transformCard2 {
        height: 260px;
    }

}

@media (min-width: 768px) {
    h1 {
        font-size: 2.3rem;
    }

    .During-2023 h1 {
        margin-bottom: 20px;
    }

    .WhyUsSec {
        margin-top: 25px;
    }

    .StyleCareMainSec {
        margin-top: 30px;
    }

    .adout-us h1 {
        margin-top: 30px;
    }

    .During-2023 h2 {
        font-size: 1.8rem;
    }

    /* TMO Sec Open */
    .TMO-VideoSec {
        margin-top: 40px;
        display: flex;
    }

    .TMO-VideoSec .VidSec {
        width: 50%;
    }

    /* TMO Sec Close */

    /* Our Seervice Sec Open */
    .colm1 {
        border-bottom: none;
    }

    .colm2 {
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    .colm3 {
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    .colm4 {
        border-left: 2px solid #fff;
        border-bottom: none;
    }

    .colm5 {
        border-left: 2px solid #fff;
    }

    /* Our Seervice Sec Close */

    /* Why Us Sec Open */
    .WhyUsSec .lrspacing:first-child {
        padding-right: 0;
        padding-left: 0;
    }

    .WhyUsSec .lrspacing:last-child {
        padding-left: 3px;
    }

    .WhyUsSec .tab-pane {
        padding: 40px;
    }

    .WhyUsSec .row {
        align-items: center;
    }

    .WhyUsSec .tab-content {
        height: 320px;
    }

    /* Why Us Sec Close */

    .transformCard {
        margin-top: 5px;
        height: 150px;
    }

    .transformCard .cover {
        background-size: contain;
    }

    .transformCard .customCard .hoverText {
        padding: 6px 10px 6px 10px;
        top: 130%;
    }

    .transformCard h4 {
        font-size: 1rem;
        margin-bottom: 5px;
    }

    .transformCard p {
        font-size: 0.8rem;
        padding-bottom: 10px;
    }

    .transformCard .BengaluruLocation p {
        margin-bottom: 0;
    }

    .transformCard img {
        width: 20px;
        margin-top: 0px;
    }

    .transformCard .customCard .hoverText br {
        display: none;
    }

    .StyleCare1,
    .StyleCare2 {
        display: none;
    }

    .StyleCare3 {
        display: block;
    }

    .StyleCareMainSec .MagnoficentSec {
        height: 470px;
    }

    .Client1 {
        height: 300px;
    }

    .TrulyGlobalSec {
        margin-top: 15px;
    }

    .MapSec {
        padding: 30px 0;
    }

    .MapSec ul li h4 {
        font-size: 0.9rem;
    }

    .MapSec ul li p {
        font-size: 0.8rem;
    }

    .MapSec ul li {
        padding: 15px 10px 15px 10px;
    }

    footer .AllRights div {
        flex-direction: row;
    }

    footer .AllRights p {
        font-size: 0.9rem;
    }

    footer .AllRights div a {
        font-size: 0.75rem;
        margin-right: 15px;
        margin-bottom: 0;
    }

    footer .social-icons {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .tab-pane p {
        font-size: 1.1rem;
        padding-bottom: 10px;
    }

    .WhyUsSec .MagnonLogos_group img {
        width: 120px;
        margin-top: 15px;
        margin-right: 20px;
    }

    .adout-us .inner-copy-row h2 {
        margin-top: 30px;
    }

    .ClientsInnerSec {
        flex-wrap: nowrap;
    }

    .InfoSec {
        margin-right: 30px;
        margin-bottom: 0;
        min-width: fit-content;
    }

    .Tpd-L {
        padding-left: 0;
        padding-right: 3px;
    }

    .Tpd-C {
        padding-left: 3px;
        padding-right: 3px;
    }

    .Tpd-R {
        padding-left: 3px;
        padding-right: 0px;
    }

    .WhyUsSec .lrspacing:nth-child(1) {
        padding-right: 0;
        padding-left: 0;
    }

    .WhyUsSec .lrspacing:nth-child(2) {
        padding-left: 5px;
        padding-right: 0px;
    }

    .WhyUsSec .lrspacing:nth-child(3) {
        padding-right: 0;
        padding-left: 5;
    }

    .VdoMobl {
        padding-bottom: unset;
    }

    .VdoMobl img {
        position: relative !important;
        top: 0;
        left: 0;
    }

    .RAPcenter .RapPoster {
        height: 640px;
        object-fit: cover;
    }

    /* .ContactUsPage open*/
    .ContactUsTouch .FormSec {
        margin-top: 0;
    }

    .ContactUsTouch .FormSecInner .col-md-12 textarea {
        margin-top: 0;
    }

    /* .ContactUsPage close */

    .OurLineageSec .Branch span img {
        top: -6px;
    }

    .OurLineageSec .Branch img.designory {
        width: 85px;
    }

    /* Careers Open */
    .careers-banner {
        padding: 100px 0;
    }

    .careers-banner .inner-col {
        margin-top: 0;
    }

    .careers-banner .section-title p {
        font-weight: 300;
    }

    .copy-with-form .FormSec {
        padding: 20px 0;
    }

    /* .FormSecInner .row>div:nth-child(even) {
        padding-left: 4px !important;
        padding-right: 0 !important;
    }
    .FormSecInner .row>div:nth-child(odd) {
        padding-right: 4px !important;
        padding-left: 0;
    } */
    .careers-banner .section-title {
        text-align: left;
    }

    .hiring-info {
        display: flex;
        flex-wrap: wrap;
    }

    .hiring-info .img-col {
        width: 52.55%;
    }

    .hiring-info .img-col:nth-child(2) {
        width: 47.45%;
        padding-left: 4px;
    }

    .hiring-info .img-col img {
        width: 100%;
        margin-top: 4px;
    }

    /* Careers Close */

    /* Digital Marketing Page Open */
    .DMSec {
        height: 490px;
        background-position: 73% 0;
    }

    .DMSec:after {
        background: unset;
    }

    .DMSec .DigitalIntro {
        color: #000;
        max-width: 378px;
    }

    .DMSec .DigitalIntro p {
        font-weight: 500;
    }

    .SMMSec .col-lg-4 video {
        width: 300px;
        margin-top: 50px;
    }

    .SMSec,
    .AMPSec,
    .CIMSec {
        padding-top: 0;
    }

    .SMMSec .col-lg-4 {
        justify-content: flex-end;
    }

    .SMSec .col-lg-4 img,
    .CIMSec .col-lg-4 img {
        width: 250px;
        max-width: unset;
        height: auto;
    }

    .SMMSec .col-lg-8 .SMM_Intro .row .col-md-6:nth-child(1),
    .SMSec .col-lg-8 .SM_Intro .row .col-md-6:nth-child(1),
    .AMPSec .col-lg-8 .AMP_Intro .row .col-md-6:nth-child(1),
    .CIMSec .col-lg-8 .CIM_Intro .row .col-md-6:nth-child(1) {
        margin-top: 10px;
    }

    .SMMSec .col-lg-8 .SMM_Intro p,
    .SMSec .col-lg-8 .SM_Intro p,
    .AMPSec .col-lg-8 .AMP_Intro p,
    .CIMSec .col-lg-8 .CIM_Intro p {
        font-size: 0.8rem;
    }

    .OSSec .row .col-lg-3:nth-child(2),
    .OSSec .row .col-lg-3:nth-child(4) {
        justify-content: flex-end;
    }

    /* Digital Marketing Page Close */

    /* Magnoficent Page open */
    .mag-header {
        border-bottom: solid #ffffff59 0px;
        margin-bottom: 0rem;
        padding-bottom: 0rem;
    }

    .nikon-box {
        flex-direction: row;
        align-items: center;
    }

    .nikon-box img,
    .dabur-box img {
        margin-bottom: 0;
    }

    .nikon-para,
    .dabur-section .dabur-panel p:last-child {
        padding-bottom: 0;
    }

    .dabur-section .col-md-3 {
        text-align: right;
    }

    .dabur-box {
        align-items: center;
        flex-direction: row-reverse;
    }

    .past-box {
        min-height: 560px;
    }

    .past-edition-section .past-box {
        height: 100%;
        min-height: 100%;
    }

    .brand-summit-bg .col-xl-6 .BrandSummitLeft h3 {
        margin-top: 0;
    }

    .brand-summit-bg .col-xl-6 .BrandSummitLeft img {
        width: 130px;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .cta-panel {
        padding-left: 5rem;
    }

    .knights-bg .Empl {
        max-width: 100%;
    }

    .transformCard2 {
        height: 240px;
    }

    .knights-feb .knights-para {
        margin-left: -35px;
        height: calc(100% - 40px);
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .knights-feb .row:nth-last-child(1) .knights-col .knights-para {
        border-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        margin: 0 -35px 0 0;
    }

    .Other-Services .box {
        display: flex;
        align-items: center;
    }

    .Other-Services .box p {
        margin: 0 10px 0px 0px;
        padding-bottom: 0;
    }


    /* Magnoficent Page Close */
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav li a {
        padding: 20px;
    }

    .MagnoficentSec ul li p {
        font-size: 0.9rem;
    }

    .ExploreMore {
        font-size: 0.8rem;
    }

    .StyleCareMainSec .MagnoficentSec {
        height: 400px;
    }

    .UniedDreamSec p {
        font-size: 0.8rem;
        bottom: 10px;
    }

    .Client1 .ClientThink {
        font-size: 0.8rem;
        padding-top: 15px;
    }

    .transformCard {
        height: 195px;
    }

    .transformCard .customCard .hoverText {
        padding: 10px;
        top: 128%;
    }

    .transformCard h4 {
        font-size: 1.2rem;
        margin-bottom: 15px;
    }

    .transformCard p {
        font-size: 1rem;
    }

    .transformCard .BengaluruLocation p {
        margin-bottom: 1rem;
    }

    .transformCard img {
        width: 25px;
    }

    .transformCard .customCard .hoverText br {
        display: block;
    }

    .MapSec ul li {
        padding: 10px 8px;
    }

    .tab-pane p {
        font-size: 1.05rem;
        padding-bottom: 10px;
    }

    .WhyUsSec .MagnonLogos_group img {
        width: 100px;
        margin-bottom: 5px;
        margin-top: 10px;
        margin-right: 20px;
    }

    .transformCard .customCard .hoverText p a br {
        display: block;
    }

    .WhyUsSec .lrspacing:nth-child(1) {
        padding-right: 0;
        padding-left: 0;
    }

    .WhyUsSec .lrspacing:nth-child(2) {
        padding-left: 5px;
        padding-right: 0px;
    }

    .WhyUsSec .lrspacing:nth-child(3) {
        padding-right: 0;
        padding-left: 5;
    }

    .FormSec {
        margin-top: 0;
    }

    .leftBox {
        width: 30%;
    }

    .centerBox {
        width: 40%;
    }

    .WhyUsSec .tab-pane {
        padding: 40px 20px;
    }

    .WhyUsSec .MagnonLogos_group img:nth-of-type(1) {
        width: 150px;
    }

    .WhyUsSec .MagnonLogos_group img {
        width: 75px;
        margin-right: 10px;
    }

    .OurLineageSec .Branch span img {
        top: -12px;
    }

    .OurLineageSec .Branch img.designory {
        width: 120px;
    }

    .RAPcenter .RapPoster {
        height: 571px;
    }

    /* Digital Marketing Page open */
    .DMSec {
        height: 480px;
        padding: 50px 0;
    }

    .DMSec .DigitalIntro {
        max-width: 100%;
    }

    .DMSec .DigitalIntro h5 {
        margin-bottom: 35px;
    }

    .SMMSec .col-lg-4 {
        justify-content: center;
    }

    .SMMSec .col-lg-4 video {
        width: 350px;
        margin-top: 0;
    }

    .SMSec .col-lg-4 img,
    .CIMSec .col-lg-4 img {
        width: 100%;
        max-width: 100%;
    }

    .AMPSec .col-lg-4 img {
        width: 250px;
        max-width: 100%;
    }

    .SMMSec .col-lg-8 .SMM_Intro p,
    .SMSec .col-lg-8 .SM_Intro p,
    .AMPSec .col-lg-8 .AMP_Intro p,
    .CIMSec .col-lg-8 .CIM_Intro p {
        font-size: 0.9rem;
    }

    .OSSec .row .col-lg-3 h5 br {
        display: block;
    }

    .OSSec .row .col-lg-3 {
        justify-content: center;
    }

    .OSSec .row .col-lg-3:nth-child(2),
    .OSSec .row .col-lg-3:nth-child(4) {
        justify-content: center;
    }

    .OSSec .row .col-lg-3:nth-child(1) h5 {
        max-width: 100%;
    }

    /* Digital Marketing Page Close */

    /* Magnoficent Page Open */
    .nikon-panel {
        max-width: 490px;
        margin: 0 35px 0 auto;
    }

    .cta-panel {
        padding-left: 12rem;
    }

    .nikon-section .row .col-md-3 {
        text-align: right;
    }

    .nikon-section {
        background-position: center;
    }

    .nikon-para {
        max-width: 600px;
        margin: 0 0 0 auto;
        text-align: right;
    }

    .dabur-panel {
        max-width: 610px;
        margin: 0 30px 0 auto;
    }

    .past-box {
        min-height: 530px;
    }

    .past-edition-section .past-box {
        height: 100%;
    }

    .brand-summit-bg .col-xl-6 .BrandSummitLeft h3 {
        margin-top: 30px;
    }

    .brand-summit-bg .col-xl-6 .BrandSummitLeft img {
        width: 160px;
        margin-top: 65px;
    }

    .cta-section {
        padding: 60px 0;
    }

    .cta-para {
        max-width: 600px;
    }

    .clock-icon {
        top: 25px;
        left: 29%;
        width: 70px;
    }

    .follow-icon {
        top: 25px;
        left: 65%;
        width: 130px;
    }

    /* Magnoficent Page Close */

    .transformCard2 {
        height: 325px;
    }

    .custom-copy-width-asset h2 {
        width: 148%;
        font-size: 1.6rem;
    }

    .custom-copy-width-asset .asset-col {
        order: unset;
    }

    .custom-copy-width-asset .copy-col {
        order: unset;
    }

    .custom-copy-width-asset .text-box {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        margin: 0;
    }

    .custom-copy-width-asset.asset-left-side .text-box {
        border-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        box-shadow: -5px 8px 20px rgba(0, 0, 0, 0.7);
    }

    .custom-copy-width-asset.asset-left-side h2 {
        margin-left: -48%;
    }

    .custom-copy-width-asset.asset-left-side h2 {
        border-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .custom-copy-width-asset h2 {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .custom-copy-width-asset .asset-col {
        align-items: flex-end;
    }

    .custom-copy-width-asset.asset-left-side .asset-col {
        align-items: flex-start;
    }
}

@media (min-width: 1100px) {

    /* Navigation start */
    .navbar-brand {
        padding-right: 2.3125rem;
        width: 280px;
    }

    .navbar-collapse {
        margin: 0;
        border-top: none;
    }

    .navbar-expand-lg .navbar-nav {
        /* height: 70px; */
        padding-left: 0.3125rem;
    }

    .nav-item {
        border-bottom: none;
        margin: 0 10px;
    }

    .navbar-expand-lg .navbar-nav li.nav-item a {
        position: relative;
        display: flex;
        align-items: center;
        padding: 7px 7px 3px 7px;
        height: 100%;
    }

    /* Navigation Close */

    .cta-section {
        padding: 90px 0;
    }
}


@media (min-width: 1200px) {
    .WhyUsSec .lrspacing:last-child {
        padding-right: 0px;
    }

    .WhyUsSec .MagnonLogos_group img:nth-of-type(1) {
        width: 160px;
    }

    .StyleCare1 {
        display: block;
    }

    .StyleCare2,
    .StyleCare3 {
        display: none;
    }

    .MagnoficentSec ul li {
        padding: 15px 0;
    }

    .MagnoficentSec ul li p {
        font-size: 1.1rem;
    }

    .UniedDreamSec p {
        font-size: 0.9rem;
        bottom: 20px;
    }

    .ExploreMore {
        font-size: 0.9rem;
    }

    .StyleCareMainSec .MagnoficentSec {
        height: 505px;
    }

    .Client1 .ClientThink {
        font-size: 0.9rem;
        padding-top: 25px;
    }

    .Client1 {
        height: 355px;
    }

    .transformCard {
        height: 230px;
    }

    .transformCard .customCard .hoverText {
        padding: 15px;
        top: 125%;
    }

    .transformCard h4 {
        font-size: 1.5rem;
    }

    .transformCard img {
        width: 30px;
    }

    .MapSec ul li {
        padding: 15px 10px;
    }

    .WhyUsSec .MagnonLogos_group img {
        width: 95px;
        margin-top: 10px;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .tab-pane p {
        font-size: 1.1rem;
        padding-bottom: 20px;
    }

    .OurLineageSec .Branch img.designory {
        width: 140px;
    }

    .RAPcenter .RapPoster {
        height: 677px;
    }

    /* Digital Marketing Page Open */
    .DMSec {
        background-position: 80% -25px;
        height: 480px;
    }

    .SMMSec .col-lg-8 .SMM_Intro,
    .SMSec .col-lg-8 .SM_Intro,
    .AMPSec .col-lg-8 .AMP_Intro,
    .CIMSec .col-lg-8 .CIM_Intro,
    .OSSec {
        padding: 30px 0;
    }

    .SMMSec .col-lg-4 video {
        width: 345px;
    }

    .AMPSec .col-lg-4 img {
        width: 280px;
    }

    .CIMSec .col-lg-4 img {
        width: 325px;
    }

    /* Digital Marketing Page Close */

    /* Magnoficent Page Open */
    .nikon-section .row .col-md-3 {
        padding-left: 40px;
        text-align: unset;
    }

    .nikon-panel {
        max-width: 540px;
        margin: 0 70px 0 auto;
    }

    .nikon-para {
        max-width: 700px;
        margin: 0 20px 0 auto;
    }

    .dabur-panel {
        max-width: 680px;
        margin: 0 90px 0 auto;
    }

    .cta-panel {
        padding-left: 17rem;
        padding-right: 8rem;
    }

    .cta-para {
        max-width: 670px;
    }

    .clock-icon {
        left: 28%;
        top: 30px;
    }

    .follow-icon {
        top: 25px;
        left: 65%;
    }

    .cta-section {
        background-position: bottom center;
    }

    /* Magnoficent Page Close */

    .careers-banner .section-title p {
        max-width: 480px;
    }

    .transformCard2 {
        height: 375px;
    }

    .custom-global-copy-sec ul {
        column-count: 2;
        column-gap: 15px;
    }

    .custom-global-copy-sec .single-row-list {
        column-count: unset;
    }
}

@media (min-width: 1300px) {
    .DMSec {
        background-position: 80% -15px;
        height: 530px;
    }

    .careers-banner .section-title p {
        max-width: 477px;
    }

    /* Magnoficent Page Open */
    .nikon-section .row .col-md-3 {
        padding-left: 0;
        text-align: right;
    }

    .clock-icon {
        left: 23%;
    }

    .follow-icon {
        left: 72%;
    }

    /* Magnoficent Page Close */
}

@media (min-width: 1400px) {
    .WhyUsSec .lrspacing:last-child {
        padding-right: 20px;
    }

    .RAPleft {
        width: 37%;
    }

    .RAPcenter {
        width: 28.2%;
    }

    .RAPcenter .RapPoster {
        height: 664px;
    }

    .RAPright {
        width: 33.3%;
    }

    .StyleCareMainSec .MagnoficentSec {
        height: 491px;
    }

    .Client1 {
        height: 291px;
    }

    .tab-pane p {
        font-size: 1.3rem;
        padding-bottom: 20px;
    }

    .WhyUsSec .MagnonLogos_group img {
        width: 110px;
        margin-bottom: 15px;
    }

    .WhyUsSec .MagnonLogos_group img:nth-of-type(1) {
        width: 180px;
    }

    .OurLineageSec .Branch img.designory {
        width: 150px;
    }

    .transformCard {
        height: 263px;
    }

    .transformCard .customCard .hoverText {
        padding: 20px;
    }

    /* .careers-banner {
        background-position: 34% 0;
    } */

    /* Digital Marketing Page Open */
    .DMSec {
        background-position: 80% -30px;
        height: 565px;
    }

    .CIMSec .col-lg-4 img {
        width: 320px;
    }

    /* Digital Marketing Page Close */

    /* Magnoficent Page Open */
    .cta-panel {
        padding-left: 21rem;
        padding-right: 9rem;
        padding-bottom: 0;
        margin-top: 5rem;
    }

    .nikon-section .row .col-md-3 {
        padding-left: 50px;
        text-align: unset;
    }

    .nikon-panel {
        max-width: 650px;
        margin: 0 70px 0 auto;
    }

    .nikon-para {
        max-width: 760px;
        margin: 0 40px 0 auto;
    }

    .dabur-panel {
        max-width: 750px;
        margin: 0 110px 0 auto;
    }

    .past-box {
        min-height: 570px;
    }

    .brand-summit-bg .col-xl-6 .BrandSummitLeft img {
        width: 180px;
        margin-top: 55px;
    }

    .cta-para {
        max-width: 760px;
    }

    .clock-icon {
        left: 23%;
    }

    .follow-icon {
        left: 72%;
    }

    /* Magnoficent Page Close */

    .careers-banner .section-title p {
        max-width: 560px;
    }

    .transformCard2 {
        height: 435px;
    }

}