/* =========================
   LARGE TABLETS
========================= */
@media (max-width: 991px) {

    .about-box {
        padding: 60px 0;
    }

    .about-box .section-head h2 {
        font-size: 34px;
    }

    .about-box .section-head p {
        font-size: 15px;
    }

    .about-image {
        margin-top: 30px;
    }
}

/* =========================
   TABLETS
========================= */
@media (max-width: 767px) {

    .about-box {
        padding: 50px 0;
    }

    .about-box .row {
        flex-direction: column-reverse;
    }

    .about-image {
        margin-bottom: 30px;
        margin-top: 0;
    }

    .about-box .section-head {
        text-align: center;
    }

    .about-box .section-head h2 {
        font-size: 30px;
    }

    .about-box .section-head p {
        font-size: 15px;
        line-height: 1.7;
    }

    .about-box .btn {
        margin-top: 10px;
    }

    .dlab-separator {
        margin-left: auto;
        margin-right: auto;
    }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 575px) {

    .about-box {
        padding: 40px 0;
    }

    .about-box .section-head h2 {
        font-size: 26px;
    }

    .about-box .section-head p {
        font-size: 14px;
        line-height: 1.8;
    }

    .about-box .btn {
        width: 100%;
        max-width: 220px;
        padding: 12px 20px;
    }

    .about-image img {
      
        padding-top: 30px;
    }
}

/* =========================
   EXTRA SMALL DEVICES
========================= */
@media (max-width: 375px) {

    .about-box .section-head h2 {
        font-size: 22px;
    }

    .about-box .section-head p {
        font-size: 13px;
    }

    .about-box .btn {
        font-size: 14px;
    }
}



/*our story*/
/* =========================
   LARGE TABLET
========================= */

@media (max-width: 991px) {

    .about-bx1 {
        padding: 60px 0;
    }

    .about-bx1 .section-head2 h2 {
        font-size: 34px;
    }

    .about-bx1 .section-head2 p {
        font-size: 16px;
        line-height: 1.8;
    }

    .about-bx1 .btn {
        padding: 10px 24px;
    }
      .about-bx1 .radius-sm img {
      height:650px !important;
      object-fit: cover;
      width: 100% !important;
    }
}

   .about-bx1 .radius-sm img {
        height: 600px !important;
        object-fit: cover;
        margin-top: 100px !important;
    }


/* =========================
   TABLET
========================= */

@media (max-width: 767px) {

    .about-bx1 {
        padding: 50px 0;
    }

    .about-bx1 .row {
        flex-direction: column;
    }

    .about-bx1 .radius-sm {
        margin-bottom: 30px;
        padding-top: 0px;
    }
    .about-bx1 .radius-sm img{
        margin-top:10px !important;
    }
    .sec-head1 h2.title{
        margin-top: 0px !important;
    }

    .about-bx1 .section-head2 {
        text-align: center;
    }

    .about-bx1 .section-head2 h2 {
        font-size: 30px;
    }

    .about-bx1 .section-head2 p {
        font-size: 16px;
        line-height: 1.8;
    }
    .timeline-content p{
    font-size:16px;
    line-height:1.8;
    color:#666;
    margin:0;
}

    .about-bx1 .dlab-separator {
        margin-left: auto;
        margin-right: auto;
    }

    .about-bx1 .btn {
        display: inline-block;
        margin: 8px 5px;
    }

    .about-bx1-content {
        text-align: center;
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 575px) {

    .about-bx1 {
        padding: 40px 0 40px 0px !important;
    }

    .about-bx1 .section-head2 h2 {
        font-size: 26px;
    }

    .about-bx1 .section-head2 p {
        font-size: 16px;
        line-height: 1.8;
    }

    .about-bx1 .btn {
        width: 100%;
        max-width: 220px;
        display: block;
        margin: 10px auto;
    }

    .about-bx1 .img-full {
    padding-top: ;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 375px) {

    .about-bx1 .section-head2 h2 {
        font-size: 22px;
    }

    .about-bx1 .section-head2 p {
        font-size: 16px;
    }

    .about-bx1 .btn {
        font-size: 14px;
        padding: 10px 15px;
    }
}

/* ===== TABLET RESPONSIVE ===== */
@media (max-width: 991px) {

    .about-box {
        padding: 60px 0;
    }

    .about-box .title {
        font-size: 34px;
    }

    .about-box p {
        font-size: 15px;
        line-height: 1.7;
    }

    .about-image {
        margin-top: 30px;
        text-align: center;
    }

    .about-image img {
        max-width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .about-bx1 .radius-sm img{
          height: 650px !important;
        object-fit: cover !important;
        margin-top: 0px !important;
    }
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 767px) {

    .about-box {
        padding: 50px 0;
    }

    .about-box .row {
        flex-direction: column-reverse;
    }

    .about-image {
        margin-bottom: 30px;
        margin-top: 0;
    }

    .about-box .title {
        font-size: 28px;
        text-align: center;
    }

    .about-box p {
        font-size: 14px;
        text-align: center;
        line-height: 1.8;
    }

    .about-box .dlab-separator {
        margin-left: auto;
        margin-right: auto;
    }

    .about-box .btn {
        display: table;
        margin: 20px auto 0;
    }

    .section-head {
        text-align: center;
    }

      .about-bx1 .radius-sm img {
        height: 350px !important;
        object-fit: cover;
    }

}
@media (max-width: 320px) {
    .section-head4 {
    padding-top: 100px !important;
    margin-top: 50px !important;
}
}
@media (max-width: 768px) {
    .section-head4 {
    padding-top: 0px !important;
  
}
}
@media (max-width: 1024px) {
    .section-head4 {
    padding-top: 20px !important;
  
}
.content-inner-1 {
    padding-top: 40px;
   
}
.mv-section{
    padding-top: 30px !important;
}
.section-head {
    padding-top: -20px !important;
}
.content-inner{
      padding-top: 40px;
  
}
}

/* ===== SMALL MOBILE ===== */
@media (max-width: 480px) {

    .about-box {
        padding: 40px 0;
    }
    .content-inner{
      padding-top: 40px !important  ;
    
}
    .content-inner-1{
      padding-top: 40px !important  ;
  
}

    .about-box .title {
        font-size: 24px;
    }

    .about-box p {
        font-size: 13px;
    }

    .about-box .btn {
        padding: 10px 24px;
        font-size: 14px;
    }
       .section-head4 {
    padding-top: 10px !important;
}
.mv-section {
    padding: 50px 0;
    overflow: hidden;
}
}
/* Desktop Only */
@media (min-width: 992px) {
    .timeline-item.right {
        margin-top: -260px;
    }
}


.sec-head1 h2.title{
 margin-top: 90px ;
}
  
/* =========================
   Founder Section
========================= */

.founder-section {
    padding: 150px 0 0 0;
}

.founder-image-wrapper {
    text-align: center;
}

.founder-img {
    width: 100%;
    max-width: 500px;
    height: auto;
    display: block;
    margin: 0 auto;
   
}

.founder-content-col .section-head {
    margin-bottom: 0;
}

.founder-content-col .title {
    margin-bottom: 15px;
}

.founder-content-col p {
    line-height: 1.8;
    margin-bottom: 15px;
}

.founder-quote {
    background: #f8f8f8;
    padding: 25px;
    border-left: 4px solid #4c2576;
    border-radius: 10px;
    margin-top: 25px;
}

.founder-quote i {
    font-size: 28px;
    margin-bottom: 10px;
    display: block;
}

.founder-name {
    margin: 15px 0 5px;
}

.founder-designation {
    font-size: 14px;
    color: #666;
}


/* =========================
   Tablet (768px - 991px)
========================= */

@media (max-width: 1024px) {
    .founder-section {
    padding: 90px 0  0 0!important;
}
}

@media (max-width: 991px) {

    .founder-section {
        padding: 70px 0;
    }

    .founder-section .row {
        flex-direction: column;
    }

    .founder-image-col,
    .founder-content-col {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .founder-image-col {
        margin-bottom: 40px;
        text-align: center;
    }

    .founder-img {
        max-width: 400px;
        margin: 0 auto;
    }

    .founder-content-col {
        text-align: center;
    }

    .dlab-separator {
        margin-left: auto;
        margin-right: auto;
    }

    .founder-quote {
        text-align: left;
    }
}

@media (max-width: 768px){
        .founder-img {
            height: 400px !important        }
}

/* =========================
   Mobile (up to 767px)
========================= */

@media (max-width: 767px) {

    .founder-section {
        padding: 50px 0;
    }

    .founder-image-col {
        margin-bottom: 0px;
    }

    .founder-img {
        width: 100%;
        max-width: 400px !important ;
        margin: 20px auto;
        height: 350px !important;
    }
        .founder-section {
    padding: 50px 0 0px 0 !important;
}

    .founder-content-col {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .founder-content-col .title {
        font-size: 28px;
        line-height: 1.3;
    }

    .founder-content-col p {
        font-size: 16px;
        line-height: 1.8;
        text-align: center;
    }

    .founder-quote {
        padding: 20px;
        text-align: center;
    }

    .founder-quote p {
        text-align: center;
    }

    .founder-name {
        font-size: 18px;
    }
}


/* =========================
   Small Mobile (320px - 480px)
========================= */

@media (max-width: 480px) {

    .founder-img {
        max-width: 220px;
    }

    .founder-content-col .title {
        font-size: 24px;
    }

    .founder-content-col p {
        font-size: 16px;
    }

    .founder-quote {
        padding: 15px;
    }
}
@media (max-width: 767px){
    .plan-contant .call-planner{
        display: table;
        margin: 20px auto 0;
    }
}
@media (max-width: 768px){
    .plan-contant .call-planner{
        display: table;
        margin: 20px auto 0;
    }
}

.area-head {
    text-align: center;
}

.area-divider {
    margin: 15px auto 0 !important;
    display: block;
}



.plan-preview img {
    width: 100%;
    height: 320px;   /* same height for all images */
    object-fit: cover;
    display: block;
}
@media (min-width: 768px) and (max-width: 1024px) {

    .section-head {
        text-align: center;
    }

    .section-head .dlab-separator {
        margin: 10px auto;
    }
    .plan-preview img {
            width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    }
}

@media (min-width: 768px) and (max-width: 1024px),
       (min-width: 1024px) and (max-width: 1200px) {

    .section-head {
        text-align: center;
    }

    .section-head .dlab-separator {
        margin: 10px auto;
    }

    .section-head p {
        max-width: 90%;
        margin: 0 auto;
    }
        .plan-tabs li {
        padding: 7px 15px;
    }
    .call-planner {
    display: inline-block;
}
}


@media (max-width: 1280px) and (min-width: 1025px) {

    .about-bx1 {
        padding-top: 14px;
        padding-bottom: 70px;
    }

    .about-bx1 .section-head {
        padding-left: 20px;
        padding-right: 20px;
    }
}


@media (max-width: 1280px) and (min-width: 1025px) {

    .founder-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .founder-content-col {
        padding-left: 25px;
    }

    .founder-image-wrapper {
        padding-right: 15px;
    }

    .founder-section .section-head {
        margin-bottom: 20px;
    }

    .founder-section p {
        font-size: 15px;
        line-height: 1.7;
    }

    .founder-quote {
        margin-top: 20px;
        padding: 20px;
    }
}

@media (max-width: 1024px) {

    .founder-image-wrapper {
        margin-bottom: 25px;
        text-align: center;
    }

    .founder-img {
        max-width: 100%;
        height: auto;
    }

    .founder-content-col {
        padding: 0 15px;
    }
}