/* =========================
   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:450px !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: 450px !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: 60px;
   
}
.mv-section{
    padding-top: 30px !important;
}
.section-head {
    padding-top: -20px !important;
}
.content-inner{
      padding-top: 60px;
  
}
}

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

    .about-box {
        padding: 40px 0;
    }
    .content-inner{
      padding-top: 60px !important  ;
    
}
    .content-inner-1{
      padding-top: 60px 0 0 0!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: 30px ;
}
  
/* =========================
   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: 70px 0  0 0!important;
}
.mv-section{
    padding-bottom: 20px !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 ;
            width: 60%;   
        }
}

/* =========================
   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: 00px 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;
    }
    .about-bx1 .col-lg-6:last-child {
    align-items: center;
    padding-top: 0px !important;
}

    .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: 100%;
       
        margin: 0 auto;
    }
        .about-bx1 .col-lg-6:last-child {
    align-items: center;
    padding-top: 0px !important;
}
    
        .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;
    }
}


/* Tablet Responsive - 768px only */
@media (max-width: 768px) {

    .about-bx1 {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .about-bx1 .row {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .about-bx1 .col-lg-6,
    .about-bx1 .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .about-bx1 img {
        width: 100%;
        height: 400px !important;
        margin-bottom: 20px;
    }

    .about-bx1 .about-bx1-content {
        padding: 0 15px;
    }

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

    .about-bx1 .section-head .title {
        font-size: 28px;
        line-height: 1.3;
    }

    .about-bx1 p {
        font-size: 15px;
        line-height: 1.6;
    }

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



.about-bx1 .col-lg-6:last-child{

    align-items: center;
    padding-top: 80px;
}

.about-bx1-content{
    width: 100%;
}

@media (width: 1024px) {
    .about-bx1 .col-lg-6:last-child{
        text-align: center;
    }
}

@media (width: 1024px) {
    #masterPlan .section-head{
        text-align: left !important;
    }

    #masterPlan .section-head .dlab-separator{
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    #masterPlan .section-head p,
    #masterPlan .section-head h2,
    #masterPlan .section-head h4{
        text-align: left !important;
    }
}


.our-story-spacing{
    padding-top: 0px;
    padding-bottom: 0px;
}


/* ==================================
   912px Tablet
   90% Width + Center Buttons
================================== */

@media only screen 
and (min-width:768px) 
and (max-width:912px){


    .our-story-spacing .container{

        width:90% !important;
        max-width:90% !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin:auto !important;

    }


    .our-story-spacing .row{

        display:flex !important;
        flex-direction:column !important;
        margin:0 !important;

    }


    /* Image First */
    .our-story-spacing .row > div:first-child{

        order:1 !important;
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;

    }


    .our-story-spacing .radius-sm,
    .our-story-spacing .radius-sm img{

        width:100% !important;
        height:auto !important;

    }


    /* Content Second */
    .our-story-spacing .row > div:nth-child(2){

        order:2 !important;
        width:100% !important;
        max-width:100% !important;
        padding:35px 0 !important;
        text-align:left !important;

    }


    /* Heading */
    .our-story-spacing .title{

        font-size:36px !important;

    }


    /* Paragraph */
    .our-story-spacing p{

        font-size:16px !important;
        line-height:28px !important;

    }


    /* Buttons Center */
    .our-story-spacing > .container > .row > div:nth-child(2) > .btn{

        display:inline-block !important;
        margin:15px 5px 0 !important;

    }


    .our-story-spacing .btn-primary{

        text-align:center !important;

    }


    /* Button wrapper alignment */
    .our-story-spacing .section-head + .btn{

        margin-left:0 !important;

    }

}
@media only screen 
and (min-width:768px) 
and (max-width:912px){

    .our-story-spacing .row > div:nth-child(2){
        text-align:center !important;
    }


    .our-story-spacing .row > div:nth-child(2) .btn{
        display:inline-block !important;
        margin:15px 5px 0 !important;
    }

}