/* Photography and Videography Responsive Style Divya 9-10-25 */ 

.nd-last-sec-image-div {
        width: 100%;
    height: 100%;
    object-fit: cover;
}
.nd-last-sec-image-div img {
       width: 100%;
    height: 100%;
    object-fit: cover;  
}
/* Mobile Devices */

@media only screen and (max-width: 319.5px) { 
    .nd-branding-animation-main { 
  top: 0px;
    }
     .photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para
 {
    margin-bottom: 1rem;
}
    .videography-section { 
    padding-bottom: 20px;
}
    .nd-creative-spark-icon-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    }
    .nd-last-sec-card-col {
     
    padding: 1rem 1rem !important;
    }
    .nd-one-time-font { 
    font-size: 7px;
}
        .photography-section { 
    padding: 20px 0px;
}
     .nd-last-sec-row .col-md-10 { 
        width: 100%;
    }
    .nd-last-section { 
    padding: 20px 15px;
    }
    .photography-section .what-we-do-inner-container { 
        padding: 0rem 1rem !important; 
    }
     .videography-section .what-we-do-inner-container { 
        padding: 0rem 1rem !important; 
    }
    
    
    
    .nd-text-style-h2 { 
        font-size: 20px;
    transform: none !important;
}
.nd-branding-animation-top-left {
         margin-top: 0;
        margin-right: 0;
}
.nd-text-color-white {
        font-size: 1.2rem;
}
.nd-branding-animation-top {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        padding: 1rem 1rem;
        display: flex;
        flex-direction: column;
}
.nd-branding-animation-image-main { 
    height: 300px;
}
.nd-service-one-v-three { 
    padding: 20px 0;
}
.nd-brand-top-overlay 
 { 
    height: 5px;
 }
 .nd-branding-animation-main {
    position: relative;
 }
 .nd-service-one-marquee { 
    margin-bottom: 1rem;
}
.nd-subtext{
    padding-left: 0;
}
.nd-subtext-btn-col {
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
}
.nd-subtext .row {
    display: flex; 
    flex-wrap: nowrap;
    flex-direction: column;
}
.nd-container {
    max-width: 95%;
}
 .nd-subtext .common-tn-para { 
        padding-top:10px;
    }
    .nd-last-sec-card-col{ 
    gap: 0px;
}

}
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
     .nd-branding-animation-main { 
  top: 0px;
    }
     .photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para {
    margin-bottom: 1rem;
}
    .videography-section { 
    padding-bottom: 20px;
}
    .nd-creative-spark-icon-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    }
    .nd-last-sec-card-col {
     
    padding: 1rem 1rem !important;
    }
    .nd-one-time-font { 
    font-size: 8px;
}
        .photography-section { 
    padding: 20px 0px;
}
     .nd-last-sec-row .col-md-10 { 
        width: 100%;
    }
    .nd-last-section { 
    padding: 20px 15px;
    }
    .photography-section .what-we-do-inner-container { 
        padding: 0rem 1rem !important; 
    }
     .videography-section .what-we-do-inner-container { 
        padding: 0rem 1rem !important; 
    }
    
    
    .nd-text-style-h2 { 
        font-size: 20px;
    transform: none !important;
}
.nd-branding-animation-top-left {
         margin-top: 0;
        margin-right: 0;
}
.nd-text-color-white {
        font-size: 1.2rem;
}
.nd-branding-animation-top {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        padding: 1rem 1rem;
        display: flex;
        flex-direction: column;
}
.nd-branding-animation-image-main { 
    height: 300px;
}
.nd-service-one-v-three { 
    padding: 20px 0;
}
.nd-brand-top-overlay{ 
    height: 5px;
 }
 
 .nd-service-one-marquee { 
    margin-bottom: 1rem;
}
.nd-subtext{
    padding-left: 0;
}
.nd-subtext-btn-col {
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
}
.nd-subtext .row {
    display: flex; 
    flex-wrap: nowrap;
    flex-direction: column;
}
.nd-container {
    max-width: 95%;
}
 .nd-subtext .common-tn-para { 
        padding-top:10px;
    }
     .nd-last-sec-card-col{ 
    gap: 0px;
}
}
 
/* Tab Devices */ 
 @media only screen and (min-width: 768px) and (max-width: 1023.5px) { 
      .photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para{
    margin-bottom: 1.5rem;
}
     .videography-section { 
    padding-bottom: 50px;
}
       .photography-section { 
    padding: 50px 0px;
}
     .nd-last-sec-row .col-md-10 { 
        width: 100%;
    }
    .nd-last-section { 
    padding: 50px 40px;
    }
 .photography-section .what-we-do-inner-container { 
        padding: 0rem 1rem !important; 
    }
        .videography-section .what-we-do-inner-container { 
        padding: 0rem 1rem !important; 
    }
    
    
       .nd-branding-animation-main 
 { 
    top: 100px;
 }
        .nd-text-style-h2 { 
        font-size: 40px;
    }
     .nd-branding-animation-image-main { 
        height: 450px;
    }
      .nd-service-one-v-three { 
        padding: 2rem 0;
    }
    .nd-subtext .common-tn-para {
                    margin-left: -30px;
        margin-top: 0rem;
        padding-top: 0.5rem;
    }
    .nd-branding-animation-top 
 {
    grid-column-gap: 40px;
    grid-row-gap: 40px; 
    padding: 1rem 1rem;
 }
 .nd-text-color-white {
    font-size: 1.1rem;
}
.nd-container {
    max-width: 90%;
}
.nd-service-one-marquee { 
    margin-bottom: 3rem;
}
 }
 @media only screen and (min-width: 1024px) and (max-width: 1280px)  { 
     .nd-branding-animation-main 
 { 
    top: 100px;
 }
     .photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para
 {
    margin-bottom: 1.5rem;
}
     .videography-section { 
    padding-bottom: 50px;
}
     .photography-section { 
    padding: 50px 0px;
}
     .nd-last-sec-row .col-md-10 { 
        width: 100%;
    }
    .nd-last-section { 
    padding: 50px 40px;
    }
    .photography-section .what-we-do-inner-container { 
        padding: 0rem 1rem !important; 
    }
     .videography-section .what-we-do-inner-container { 
        padding: 0rem 1rem !important; 
    }
    
    
    
    .nd-text-style-h2 { 
        font-size: 50px;
    }
     .nd-branding-animation-image-main { 
        height: 450px;
    }
      .nd-service-one-v-three { 
        padding: 2rem 0;
    }
    .nd-subtext .common-tn-para {
        margin-left: -30px;
    }
    .nd-branding-animation-top 
 {
    grid-column-gap: 40px;
    grid-row-gap: 40px; 
    padding: 1rem 1rem;
 }
 .nd-text-color-white {
    font-size: 1.2rem;
}
.nd-container {
    max-width: 90%;
}
.nd-service-one-marquee { 
    margin-bottom: 3rem;
}

 }
 

/*  Desktop Devices */
@media only screen and (min-width: 1281px) and (max-width:1440px)   {
      .nd-branding-animation-main { 
    top: 50px;
 }
    .nd-text-style-h2 { 
    font-size: 60px;
    } 
    .nd-branding-animation-image-main { 
    height: 500px;
    }
    .nd-service-one-v-three { 
    padding: 2rem 0;
}
.nd-service-one-marquee { 
    margin-bottom: 4rem;
}
}

 /* Large */


 @media only screen and (min-width: 1824px) and (max-width: 1920px) {
      .photography-section { 
    padding: 150px 0px;
}
     .photography-card-img, .photography-card-img img {
   
    border-radius: 30px;
}
.photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para{
    margin-bottom: 3rem;
}
.photography-section .common-heading-div .common-tn-head, .videography-section .common-heading-div .common-tn-head{
    margin-bottom: 3rem;
}

.nd-branding-animation-main { 
  top: 150px;
    }
.nd-text-style-h2 { 
    font-size: 80px;  
}
.nd-branding-animation-top-left {
    margin-top: 20px; 
    margin-right: 20px;
}
.nd-text-color-white {
    font-size: 1.75rem;
}
.nd-branding-animation-top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem; 
    padding: 3rem 3rem;
}
.nd-branding-animation-image-main { 
    height: 55vh;
}
.nd-service-one-v-three{ 
    padding: 3rem 0;
}
.nd-brand-top-overlay { 
    height: 10px;
 }

     
 }
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
     .photography-section { 
    padding: 200px 0px;
}
  .photography-card-img, .photography-card-img img {
   
    border-radius: 50px;
}
           .photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para {
    margin-bottom: 3rem;
}
.photography-section .common-heading-div .common-tn-head, .videography-section .common-heading-div .common-tn-head {
    margin-bottom: 3rem;
}
.common-tn-subhead {
               font-size: 2.2rem;
        margin-bottom: 2.5rem;
}
.nd-color-round { 
    width: 15px;
    height: 15px;
}
.nd-creative-spark-top-text {  
    padding: 15px 45px 15px;
}
.nd-creative-spark-icon-wrap img {
    width:40px;
}


.nd-branding-animation-main { 
  top: 150px;
    }
.nd-text-style-h2 { 
    font-size: 100px;  
}
.nd-branding-animation-top-left {
    margin-top: 20px; 
    margin-right: 20px;
}
.nd-text-color-white {
    font-size: 3rem;
}
.nd-branding-animation-top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem; 
    padding: 4rem 4rem;
}
.nd-branding-animation-image-main { 
    height: 55vh;
}
.nd-service-one-v-three { 
    padding: 5rem 0;
}
.nd-brand-top-overlay { 
    height: 13px;
 }
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) { 
     .photography-section { 
    padding: 250px 0px;
}
  .photography-card-img, .photography-card-img img {
   
    border-radius: 70px;
}
        .photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para{
    margin-bottom: 5rem;
}
.photography-section .common-heading-div .common-tn-head, .videography-section .common-heading-div .common-tn-head{
    margin-bottom: 5rem;
}
.nd-creative-spark-top-black { 
    padding: 30px 35px 30px; 
}
.nd-color-full-round {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}
.nd-color-round { 
    width: 1.5rem;
    height: 1.5rem;
}
.nd-one-time-font { 
    font-size: 3rem;
}
.nd-creative-spark-top-text { 
    border-radius: 1rem;
    padding: 25px 80px 25px;
}
.nd-creative-spark-icon-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    
}
.nd-creative-spark-icon-wrap img {
    width:80px;
}
.nd-last-sec-card-col {
  
    padding: 2rem 4rem !important;
    gap: 2.5rem;
}
.common-tn-subhead {
        font-size: 3.5rem;
    margin-bottom: 2.5rem;
}
.nd-last-section .tags-wrapper {
    padding-top: 3rem !important;
}
.nd-last-section { 
    padding: 250px;
}
.nd-last-sec-card { 
    padding: 3rem;
}
.videography-card video { 
    border-radius: 5rem;
}



.nd-branding-animation-main { 
  top: 200px;
    }
.nd-text-style-h2 { 
    font-size: 150px; 
    transform: none !important;
}
.nd-branding-animation-top-left {
    margin-top: 20px; 
    margin-right: 30px;
}
.nd-text-color-white {
    font-size: 5rem;
}
.nd-branding-animation-top {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem; 
    padding: 5rem 5rem;
}
.nd-branding-animation-image-main { 
    height: 55vh;
}
.nd-service-one-v-three { 
    padding: 10rem 0;
}
.nd-brand-top-overlay { 
    height: 20px;
 }

}

/* 6k resolution */
@media only screen and (min-width: 3841px) and (max-width: 6144px) {
      .photography-section { 
    padding: 250px 0px;
}
  .photography-card-img, .photography-card-img img {
   
    border-radius:80px;
}
    .photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para{
    margin-bottom: 7rem;
}
.photography-section .common-heading-div .common-tn-head, .videography-section .common-heading-div .common-tn-head {
    margin-bottom: 7rem;
}
.nd-creative-spark-top-black { 
    padding: 40px 45px 50px; 
}
.nd-color-full-round {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
}
.nd-color-round { 
    width: 2.5rem;
    height: 2.5rem;
}
.nd-one-time-font { 
    font-size: 5rem;
}
.nd-creative-spark-top-text { 
    border-radius: 1rem;
    padding: 25px 150px 25px;
}
.nd-creative-spark-icon-wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    
}
.nd-creative-spark-icon-wrap img {
    width:120px;
}
.nd-last-sec-card-col {
  
    padding: 2rem 7rem !important;
    gap: 4rem;
}
.common-tn-subhead {
        font-size: 4rem;
    margin-bottom: 4rem;
}
.nd-last-section .tags-wrapper {
    padding-top: 5rem !important;
}
.nd-last-section { 
    padding: 300px;
}
.nd-last-sec-card { 
    padding: 5rem;
}
.videography-card video { 
    border-radius: 7rem;
}

.nd-branding-animation-main { 
  top: 200px;
    }
.nd-text-style-h2 { 
    font-size: 200px; 
    transform: none !important;
}
.nd-branding-animation-top-left {
    margin-top: 25px; 
    margin-right: 30px;
}
.nd-text-color-white {
    font-size: 7rem;
}
.nd-branding-animation-top {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem; 
    padding: 5rem 5rem;
}
.nd-branding-animation-image-main { 
    height: 60vh;
}
.nd-service-one-v-three { 
    padding: 15rem 0;
}
.nd-brand-top-overlay { 
    height: 25px;
 }

}

/* 8k resolution */
@media only screen and (min-width: 6145px) and (max-width: 7681px) {
    .nd-branding-animation-main { 
  top: 300px;
    }
    .photography-section { 
    padding: 300px 0px;
}
  .photography-card-img, .photography-card-img img {
   
    border-radius: 100px;
}
    .photography-section .common-heading-div .common-tn-para, .videography-section .common-heading-div .common-tn-para{
    margin-bottom: 10rem;
}
.photography-section .common-heading-div .common-tn-head, .videography-section .common-heading-div .common-tn-head{
    margin-bottom: 10rem;
}
.nd-creative-spark-top-black { 
    padding: 50px 55px 60px; 
}
.nd-color-full-round {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}
.nd-color-round { 
    width: 3rem;
    height: 3rem;
}
.nd-one-time-font { 
    font-size: 6rem;
}
.nd-creative-spark-top-text { 
    border-radius: 1rem;
    padding: 35px 190px 35px;
}
.nd-creative-spark-icon-wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    
}
.nd-creative-spark-icon-wrap img {
    width:150px;
}
.nd-last-sec-card-col {
  
    padding: 2rem 10rem !important;
    gap: 5rem;
}
.common-tn-subhead {
        font-size: 5rem;
    margin-bottom: 5rem;
}
.nd-last-section .tags-wrapper {
    padding-top: 7rem !important;
}
.nd-last-section { 
    padding: 400px;
}
.nd-last-sec-card { 
    padding: 7rem;
}
.videography-card video { 
    border-radius: 10rem;
}


.nd-text-style-h2 { 
    font-size: 300px; 
    transform: none !important;
}
.nd-branding-animation-top-left {
    margin-top: 25px; 
    margin-right: 30px;
}
.nd-text-color-white {
    font-size: 10rem;
}
.nd-branding-animation-top {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem; 
    padding: 7rem 7rem;
}
.nd-branding-animation-image-main { 
    height: 70vh;
}
.nd-service-one-v-three { 
    padding: 20rem 0;
}
.nd-brand-top-overlay{ 
    height: 35px;
 }

    }
    
    
    
    
    
    
    
    
    /* Social Media Marketing page design Divya 14-10-25 */
.social-media-milestone-sec {
  position: relative; 
  z-index: 0;
}
 .social-media-milestone-sec .container-fluid.container-wrapper {
       padding: 0px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
 }
 
 .milestone__row.black-bg .common-tn-head {
    color: #fff !important;
}
.milestone__row.white-bg {
    background-color: #fff !important;
  color: #000 !important;  
}
.milestone__row.black-bg {
      background-color: #000 !important;
  color: #fff !important;
}
.social-media-milestone-sec .container-wrapper,
.social-media-milestone-sec .milestone {
  background: transparent !important;
  position: relative;
  z-index: 1;
}

 .milestone__row.white-bg .process-card-title {
       color: #000!important;
 }
  .milestone__row.white-bg .common-tn-para,   .milestone__row.white-bg .milestone__text{
        color: #000!important;
  }

 .milestone__row.white-bg .home-deliver__divider-line {
    background-color: #000!important;
}
 .milestone__row.white-bg  rect {
stroke:  #000!important;   
}
 .milestone__row.white-bg  circle {
 
    fill:  #000!important;  
}

.milestone__row.center-empty-div {
        background-color: #000 !important;
    color: #fff !important;
}
.milestone__row.center-empty-div .home-deliver__divider-line {
       background-color: #fff !important;
}


.milestone__header {
    color: #000;  
}
 
 
 .social-media-milestone-sec.black-bg .milestone__header, .social-media-milestone-sec.black-bg .common-tn-head , .social-media-milestone-sec.black-bg .common-tn-para  {
        color:#fff;
 }

.milestone__header.black-bg-heading, .milestone__header.black-bg-heading .common-tn-head, .milestone__header.black-bg-heading .common-tn-para {
    color:#fff;
 
}
 .milestone__row.black-bg .process-card-title {
       color: #fff!important;
 }
  .milestone__row.black-bg .common-tn-para,   .milestone__row.white-bg .milestone__text{
        color: #fff!important;
  }

 .milestone__row.black-bg .home-deliver__divider-line {
    background-color: #fff!important;
}
 .milestone__row.black-bg  rect {
stroke:  #fff!important;   
}
 .milestone__row.black-bg  circle {
 
    fill:  #fff!important;  
}
.milestone__header {
    grid-row-gap: 1rem;
    flex-flow: column wrap;
    padding-top:100px;
    padding-bottom:100px;
    padding-left:100px!important;
    display: flex;
    position: sticky;
    top: 0;
}

.milestone__text {
    grid-row-gap: 24px; 
    flex-direction: column;
    padding-bottom: 120px;
    display: flex;
    grid-area: 1 / 3 / 2 / 4;
}

.milestone__row {
    grid-column-gap: 72px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 34px 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.milestone__row.milestone__row--header {
    min-height: 459px;
    margin-top: -459px;
}

.milestone__divider {
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 24px;
    display: flex;
    position: relative;
    grid-area: 1/2/2/3;
}

.milestone__divider.milestone__divider--first {
    padding-top: 72px;
}

.milestone__divider.milestone__divider--last {
    padding-bottom: 0;
}

.milestone-list {
    margin-bottom: 0;
    padding-left: 0;
}
 
.home-deliver__divider-line {
    background-color: #000;
    transform-origin: 50% 0;
    flex: 1;
    width: 1px;
}

 

@media screen and (max-width: 991px) {
   
    .milestone__header {
        flex-wrap: wrap; 
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 64px;
        position: static;
    }

    .milestone__text { 
        padding-bottom: 40px;
        grid-column: 2 / 3;
    }

    .milestone__text.milestone__text--last {
        padding-bottom: 80px;
    }

    .milestone__row {
        grid-column-gap: 23px;
        grid-template-columns: 34px 1fr;
    }

    .milestone__row.milestone__row--header {
        grid-template-columns: 1fr;
    }

    .milestone__divider {
        grid-row-gap: 16px;
        padding-top: 4px;
        padding-bottom: 0;
        grid-column: 1 / 2;
    }

    .milestone__divider.milestone__divider--first {
        display: none;
    }

    .milestone-list {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        display: flex;
    }

    .milestone.milestone--what-expect {
        padding-top: 80px;
    }
}

@media screen and (max-width: 767px) {
    .milestone__header { 
        padding-bottom: 0px;
    }

    .milestone__text {
        padding-bottom: 20px;
    }

    .milestone__text.milestone__text--last {
        padding-bottom: 20px;
    }

    .milestone.milestone--what-expect {
        padding-top: 20px;
    }
}

    
    
    /* Social Media Marketing page responsive divya 14-10-25 */
    /* Responsiveness Media Query */

/* Mobile Devices */

@media only screen and (max-width: 319.5px) {
     .milestone__header { 
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center;
    justify-content: center;
    align-items: center; 
    padding-bottom: 1rem !important;
    }
    .milestone__row.milestone__row--header {
    min-height: 0;
    margin-top: 0;
}
.milestone__text {
    grid-row-gap: 0.25rem;
}
    .milestone-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;

}
    .milestone__row {
        grid-column-gap: 1rem;
        grid-template-columns: 50px 1fr;
    }
    .milestone__row.black-bg {
    background-color: #fff !important;
    color: #000 !important;
}

 .milestone__row.black-bg.black-bg .milestone__header, .milestone__row.black-bg .common-tn-head , .milestone__row.black-bg .common-tn-para  {
        color:#000!important;
 }
 
.milestone__row.center-empty-div {
        display: none;
     background-color: #fff !important;
    color: #000 !important;
}
.milestone__row.black-bg .process-card-title {
    color:#000!important;
}
.milestone__row.black-bg circle , .milestone__row.center-empty-div  circle {
    fill: #000 !important;
}
.milestone__row.black-bg rect, .milestone__row.center-empty-div rect {
    stroke: #000 !important;
}
.milestone__row.center-empty-div .home-deliver__divider-line,.milestone__row.black-bg .home-deliver__divider-line {
    background-color: #000 !important;
}
    .milestone__divider {
        grid-row-gap: 10px;
        padding-top: 0px;
    }
    
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
    .milestone__header { 
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center;
    justify-content: center;
    align-items: center; 
    padding-bottom: 1rem !important;
    }
    .milestone__row.milestone__row--header {
    min-height: 0;
    margin-top: 0;
}
.milestone__text {
    grid-row-gap: 0.25rem;
}
    .milestone-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;

}
    .milestone__row {
        grid-column-gap: 1rem;
        grid-template-columns: 50px 1fr;
    }
    .milestone__row.black-bg {
    background-color: #fff !important;
    color: #000 !important;
}

 .milestone__row.black-bg.black-bg .milestone__header, .milestone__row.black-bg .common-tn-head , .milestone__row.black-bg .common-tn-para  {
        color:#000!important;
 }
 
.milestone__row.center-empty-div {
        display: none;
     background-color: #fff !important;
    color: #000 !important;
}
.milestone__row.black-bg .process-card-title {
    color:#000!important;
}
.milestone__row.black-bg circle , .milestone__row.center-empty-div  circle {
    fill: #000 !important;
}
.milestone__row.black-bg rect, .milestone__row.center-empty-div rect {
    stroke: #000 !important;
}
.milestone__row.center-empty-div .home-deliver__divider-line,.milestone__row.black-bg .home-deliver__divider-line {
    background-color: #000 !important;
}
    .milestone__divider {
        grid-row-gap: 10px;
        padding-top: 0px;
    }
    
}
 
/* Tab Devices */ 
 @media only screen and (min-width: 768px) and (max-width: 1023.5px) {
      .milestone__header {
        flex-wrap: wrap; 
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 64px;
        position: static;
    }

    .milestone__text { 
        padding-bottom: 40px;
        grid-column: 2 / 3;
    }

    .milestone__text.milestone__text--last {
        padding-bottom: 80px;
    }

    .milestone__row {
        grid-column-gap: 23px;
        grid-template-columns: 34px 1fr;
    }

    .milestone__row.milestone__row--header {
        grid-template-columns: 1fr;
    }

    .milestone__divider {
        grid-row-gap: 16px;
        padding-top: 4px;
        padding-bottom: 0;
        grid-column: 1 / 2;
    }

    .milestone__divider.milestone__divider--first {
        display: none;
    }

    .milestone-list {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        display: flex;
    }

      .milestone.milestone--what-expect {
        padding-top: 50px;
    }
    
    .milestone-list {
   
        max-width: 90% !important;
        width: 90% !important;
        margin: 0 auto;
             
    }
        .milestone__header.col-md-5 {
            width: 90%;
        margin: 0 auto;
                gap: 0;
        }
        
       .milestone__header { 
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center;
    justify-content: center;
    align-items: center; 
    padding-bottom: 1rem !important;
    }
    .milestone__row.milestone__row--header {
    min-height: 0;
    margin-top: 0;
}
.milestone__text {
    grid-row-gap: 0.25rem;
}
    .milestone-list {
        grid-column-gap: 10px;
        grid-row-gap: 10px;

}
    .milestone__row {
        grid-column-gap: 1rem;
        grid-template-columns: 50px 1fr;
    }
    .milestone__row.black-bg {
    background-color: #fff !important;
    color: #000 !important;
}

 .milestone__row.black-bg.black-bg .milestone__header, .milestone__row.black-bg .common-tn-head , .milestone__row.black-bg .common-tn-para  {
        color:#000!important;
 }
 
.milestone__row.center-empty-div {
        display: none;
     background-color: #fff !important;
    color: #000 !important;
}
.milestone__row.black-bg .process-card-title {
    color:#000!important;
}
.milestone__row.black-bg circle , .milestone__row.center-empty-div  circle {
    fill: #000 !important;
}
.milestone__row.black-bg rect, .milestone__row.center-empty-div rect {
    stroke: #000 !important;
}
.milestone__row.center-empty-div .home-deliver__divider-line,.milestone__row.black-bg .home-deliver__divider-line {
    background-color: #000 !important;
}
    .milestone__divider {
        grid-row-gap: 10px;
        padding-top: 0px;
    }
    .nd-last-sec-card .btn-div-bottom     .common-tn-para {
      
        padding-top: 0;
    }
    .social-media-banner.what-we-do-inner-sec.branding-design-banner .col-md-5 {
        flex: 0 0 auto;
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }
 }
 @media only screen and (min-width: 1024px) and (max-width: 1280px)  {
     
     .milestone__header { 
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px !important;
     }
     .milestone__row {
    grid-column-gap: 35px; 
    grid-template-columns: 1fr 35px 1fr;
     }
     .milestone__divider {
    grid-row-gap: 15px; 
    padding-top: 0px;
    padding-bottom: 15px;
     }
     .milestone__text {
    grid-row-gap: 15px; 
    padding-bottom: 35px;
     }
     .milestone__row.milestone__row--header 
 {
    min-height: 350px;
    margin-top: -350px;
}
 }
 

/*  Desktop Devices */
@media only screen and (min-width: 1281px) and (max-width:1440px)   {
        .milestone__row.milestone__row--header 
 {
    min-height: 400px;
    margin-top: -400px;
}
.milestone__divider { 
    padding-top: 0;
}
.milestone__text { 
    padding-bottom: 100px;
}
}

 /* Large */
 @media only screen and (min-width: 1600px) and (max-width: 1823px) { }

 @media only screen and (min-width: 1824px) and (max-width: 1920px) { 
     .process-card-title {
 
    font-size: 2rem;
}
  .milestone__header { 
    padding-top: 130px;
    padding-bottom: 130px;
    padding-left: 130px !important;
    }
 .milestone__header .common-tn-head {
        font-size:4rem;
    }
     .milestone__row .process-card-title {
       
        font-size: 3rem;
    }
    .milestone__text {
    grid-row-gap: 30px; 
    padding-bottom: 130px; 
    padding-right: 130px;
}
.home-deliver__divider-svg.w-embed svg {
    width:50px;
    height:50px;
}
    .milestone__row.milestone__row--header 
 {
    min-height: 500px;
    margin-top: -500px;
}
.milestone__divider.milestone__divider--first {
    padding-top: 130px;
}
 }
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .milestone__header { 
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 150px !important;
    }
     .milestone__header .common-tn-head {
        font-size: 5.5rem;
    }
     .milestone__row .process-card-title {
       
        font-size: 3.5rem;
    }
     .milestone__text {
    grid-row-gap: 35px; 
    padding-bottom: 150px; 
    padding-right: 150px;
}
.home-deliver__divider-svg.w-embed svg {
    width:60px;
    height:60px;
}
    .milestone__row.milestone__row--header 
 {
    min-height: 600px;
    margin-top: -600px;
}
.milestone__divider.milestone__divider--first {
    padding-top: 150px;
}
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    
     .milestone__header { 
    padding-top: 250px;
    padding-bottom: 250px;
    padding-left: 250px !important;
    }
     .milestone__header .common-tn-head {
        font-size: 6.5rem;
    }
     .milestone__text {
    grid-row-gap: 65px; 
    padding-bottom: 250px; 
    padding-right: 250px;
            padding-top: 20px;
}
.home-deliver__divider-svg.w-embed svg {
    width:100px;
    height:100px;
}
    .milestone__row.milestone__row--header {
    min-height: 800px;
    margin-top: -800px;
}
.milestone__divider.milestone__divider--first {
    padding-top: 250px;
}
 
.milestone__row {
    grid-column-gap: 120px;
}
    .milestone__row .process-card-title {
       
        font-size: 4.5rem;
    }
    
}

/* 6k resolution */
@media only screen and (min-width: 3841px) and (max-width: 6144px) {
      .milestone__header { 
    padding-top: 350px;
    padding-bottom: 350px;
    padding-left: 350px !important;
    }
     .milestone__header .common-tn-head {
        font-size: 13rem;
    }
     .milestone__text {
    grid-row-gap: 75px; 
    padding-bottom: 350px; 
    padding-right: 350px;
            padding-top: 30px;
}
.home-deliver__divider-svg.w-embed svg {
    width:120px;
    height:120px;
}
    .milestone__row.milestone__row--header {
    min-height: 1200px;
    margin-top: -1200px;
}
.milestone__divider.milestone__divider--first {
    padding-top: 250px;
}
 
.milestone__row {
    grid-column-gap: 150px;
}
    .milestone__row .process-card-title {
       
        font-size: 8rem;
    }
}

/* 8k resolution */
@media only screen and (min-width: 6145px) and (max-width: 7681px) { 
    
        .milestone__header { 
    padding-top: 450px;
    padding-bottom: 450px;
    padding-left: 450px !important;
    }
     .milestone__header .common-tn-head {
        font-size: 16rem;
    }
     .milestone__text {
    grid-row-gap: 95px; 
    padding-bottom: 450px; 
    padding-right: 450px;
            padding-top: 50px;
}
.home-deliver__divider-svg.w-embed svg {
    width:150px;
    height:150px;
}
    .milestone__row.milestone__row--header  {
    min-height: 1500px;
    margin-top: -1500px;
}
.milestone__divider.milestone__divider--first {
    padding-top: 350px;
}
 
.milestone__row {
    grid-column-gap: 250px;
}
    .milestone__row .process-card-title {
       
        font-size: 10rem;
    }
}