@media only screen and (max-width:1300px){
    .main-slider img {
        max-width: none;
        min-width: none;
        height: 700px;
    }

    .main-slider .sld-item .sld-content {
       display: none;
    }

    .main-sm-slider {
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        z-index: 1;
        height: 550px;
        overflow: hidden;
        min-width: unset;
        max-width: unset;
        width: 95%;
    }
}

@media only screen and (max-width:1280px){
   
    .con-right{
        display: none!important;
    }


    .full-width-header .hd-top {
        background-color: var(--cl1);
        border-radius: 0px;
        max-width: 100%;
        margin: 0 auto;
        padding: 2px 20px;
    }


    .page-banner .pgbann-left .inner h1 {
        font: 100 62px / 70px var(--popsan);
        margin-bottom:10px;
       
    }

    .page-banner .pgbann-left .inner h2 {
        font: 600 50px / 56px var(--popsan);
    }

    .page-banner .pgbann-left .inner p {
        font: 500 18px / 28px var(--popsan);
    }


    .page-body .con-right{
        display: block!important;
    }

   
}

@media only screen and (max-width:992px) {

    .header-max-mega{
        display: none;
    }

.page-banner .pg-bann-right .img  {
    display:none;
    
}

.page-banner .pg-bann-right   {
    
    margin-bottom:20px;
}

.page-body .con-right h3 {
    font: 200 32px / 48px var(--popsan) !important;
    color: #000;
}

.page-body .con-right h4 {
    font: 600 32px / 28px var(--popsan) !important;
    margin-bottom: 2rem;
}



/* banner ----------- */


.full-width-banner .con-left .main-hd-title h3 {
    font-size: 35px;
   
    margin: 1.5rem 0px 2.5rem 0px;

    line-height: 2.5rem;
}



.hd-title-xl {
    font: 400 32px /1.2 var(--popsan);
    color: #000;
    line-height: 2.5rem;
}
  

.al-spec .spec-item{
    margin-bottom: 30px;
}


.al-spec .spec-item .inner .count-part .count-txt h3 {
    font-size: 30px;
}



.indx-frm-container .indx-left{
    display: none;
}

/***************************************************
--------------- Testimonial ----------------
**************************************** */

.al-testi .item1 .inner {
    flex-direction: row;
    gap: 30px;
}

.al-testi .item1 .reviews {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.al-testi .item1 .reviews h2 {
    font: 300 18px / 1.1 var(--popsan);
}

.al-testi .item1 .reviews h3 {
    font-size: 64px;
}

.al-testi .item1 .reviews svg {
    right: -120px;
    width: 300px;
    height: 300px;
    
}

/* Title style ------------- */

.title-style2 h2 {
    font: 200 34px / 48px var(--popsan);
    letter-spacing: 2px;
    color: #000;
    margin: 0px;
}


.title-style2 h4 {
    font: 500 34px / 48px var(--popsan);
    letter-spacing: 1px;
    color: #000;
}

.title-style2 h3 {
    font: 300 18px / 40px var(--popsan);
    letter-spacing: 1px;
    margin-top: 10px;
    color: #000;
}

/* **********************
-------------- pages --------------
/* ***************** */

.page-body .con-left::before {
    position: relative;
    /* --pt-top:100px; */
    height: calc(var(--pt-top) + 100%)!important;
}

.page-body .con-left {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    margin-bottom: 4rem;
}


.page-body .con-left h1 {
    font: 100 52px / 50px var(--popsan);
    color: #000;
}

.page-body .con-left h2 {
    font: 700 78px / 78px var(--popsan);
    color: #000;
}

.page-body .con-left .desc {
    max-width: 300px;
}

.page-body .con-left .desc p{
    font: 500 12px / 20px var(--popsan);
}


.page-banner .pgbann-left .inner h1 {
    font: 100 52px / 62px var(--popsan);
}

.page-banner .pgbann-left .inner h2 {
    font: 700 46px / 50px var(--popsan);
    margin-bottom : 10px;
}

.page-banner {
    background-color: #f5f7fb;
    padding: 30px 5%;
}

.page-banner .pgbann-left .inner p {
    font: 500 16px / 24px var(--popsan);
}


.page-body .con-right h1 {
    font: 200 34px / 48px var(--popsan);
    color: #000;
}

.page-body .con-right h2 {
    font: 600 34px / 28px var(--popsan);
    margin-bottom: 2rem;
}

.page-services .title-head h1 {
    font: 200 34px / 48px var(--popsan);
    position: relative;
    z-index: 2;
}

.page-services .title-head h2 {
    font: 600 34px / 28px var(--popsan);
    position: relative;
    z-index: 2;
}

.page-services .title-head {
    position: absolute;
    top: 60px;
}

.page-services .serve-item .item-inner a {
    padding: 210px 20px 60px 20px !important;
}

.al-milstone h2 {
    font: 200 44px / 58px var(--popsan);
    margin: 0px;
}

.al-milstone .mil-carousel .mn-title h1 {
    font: 300 52px / 52px var(--popsan);
}

.al-milstone .mil-carousel .item .content h2 {
    font: 500 18px / 1.3 var(--popsan);
    margin: 10px 0px 1rem 0px;
}


.al-milstone .mil-carousel .item .content .desc p {
    font: 300 16px / 1.3 var(--popsan);
    
}


.main-slider .sl-img img {
   display: none;
}

.main-sm-slider .sl-img .img-sec {
    position: absolute;
    height: 400px;
}

.main-sm-slider .sl-img .img-sec::before {
  display: none;
}

.main-sm-slider .sl-img .smslider-conarea {
    padding-left: 0px;
    
}

.main-slider img {
    height: 500px;
}

.main-sm-slider {
    height: 400px;
}

.al-spec .sp-title {
   text-align: center;
   border: none;
   margin-bottom: 2rem;
}

.al-spec .sp-title .title-box{
    max-width: 100%;
}

.al-spec .sp-bg {
    padding: 20px 5% 0px 5%;
}


.faq .title-head h3 {
   font: 200 34px / 48px var(--popsan); 
}

.faq .title-head h4 {
   font: 600 34px / 28px var(--popsan);
}


}


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

    /* banner------- */

    .full-width-banner {
       
        padding: 60px 5%;
       
    }

    .al-spec .sp-title h3 {
        font: 600 28px / 1.3 var(--mon);
       
    }

    .al-spec .spec-item .inner .spec-text {
        min-height: 20px;
        margin-bottom: 15px;
    }

    .al-spec .sp-title .title-box {
       text-align: center;
    }

    .hd-title-sm {
        font-size: 18px;

    }

    .hd-title-xl {
        font-size: 26px;  
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }

    .who-we-are {
        padding: 50px 5%;
    }


    .mn-btn a {
        padding: 10px 25px;
        background-color: var(--cl1);
        position: relative;
        overflow: hidden;
    }

    .mn-btn a span {
        font-size: 14px;
    }


    
    .cpadd {
        padding: 40px 5%;
    }
   
    .al-footer {
        padding: 50px 5% 0px 5%;
    }

    .al-footer .ft-right .social {
        margin-top: 0rem;
    }

    .indx-contact h3 {
        margin-bottom: 1.5rem;
    }

    .hd-title-xl {
        font-size: 26px;
        line-height: 2.1rem;
        margin-bottom: 1rem;
    }

    .al-footer .ft-left{
       
        margin-bottom: 2rem;
        
    }

    .al-footer .ft-left:last-child {
        margin-bottom: 1rem;
    }

    .al-footer .ft-lst{
        margin-bottom: 1.5rem!important;
    }

    .al-footer .ft-right {
        margin-top: 0rem;
    }

    .indx-frm-container .inner-container {
        width: 70%;
        background-color: #fff;
        display: block;
    }

    .al-contact {
        padding: 40px 5%;
    }

    .al-contact .con-left{
        padding: 0px;
    }

    .al-contact .con-right{
        padding: 0px;
        margin-top: 2.5rem;
    }

    .al-contact .con-right .hd-title h1 {
        font-size: 28px;
    }

    .al-contact .con-right .hd-title {
        margin-bottom: 1.5rem;
    }

    .al-contact .con-map {
        margin-top: 2.5rem;
    }


    .tp-bann-container .al-banner {
        border-radius: 10px;
        padding: 4.5rem 5%;
        background-size: cover;
        background-position: center;
    }

    .tp-bann-container .al-banner h3 {
        font-size: 28px;
        color: #fff;
        margin-bottom: 10px;
    }

    .tp-bann-container .al-banner p {
       line-height: 1.3;
    }


    /***************************************************
    --------------- Testimonial ----------------
    **************************************** */

    .al-testi .item1 .inner {
        flex-direction: column;
        gap: 30px;
    }

    .al-testi .item1 .reviews {
        justify-content: flex-start;
    }

    .al-testi .item1 .reviews h2 {
        font: 300 22px / 1.1 var(--popsan);
    }

    .al-testi .item1 .reviews h3 {
        font-size: 70px;
    }


    .title-style2 h2 {
        font: 200 28px / 48px var(--popsan);
        letter-spacing: 1px;
    }

    .title-style2 h4 {
        font: 500 28px / 34px var(--popsan);
        letter-spacing: 1px;
    }

    .title-style2 h3 {
        font: 300 16px / 28px var(--popsan);
    }

    .con-style2 {
        padding: 20px 2%;
    }

    .main-sm-slider {
        height: 360px;
    }

    .main-sm-slider .sl-img.active .smslider-conarea h4 {
        font: 600 32px / 1.2 var(--tin);
        
    }
    
    .main-sm-slider .sl-img .smslider-conarea .smslider-btn  {
      
        width: 120px;
        height: 60px;
        
    }
    
    .main-sm-slider .sl-img .smslider-conarea h3 {
        font: 400 14px / 1 var(--popsan)!important;
    
    }
    
    
    .main-sm-slider .sl-img .smslider-conarea p {
        font: 400 14px / 1.3 var(--popsan)!important;
    }

    .who-we-are .inner {
        padding-left: 0px;
    }
    
     .blog-pg .order-last{
        padding-left: 0px;
    }

    .faq .title-head h3 {
     font: 200 26px / 28px var(--popsan);
    }

    .faq .title-head h4 {
     font: 600 27px / 28px var(--popsan);
    }
    

}




@media only screen and (max-width:580px){

    /* /* banner-------r */


    .full-width-banner {
       
        padding: 40px 5%;
       
    }

    
    .full-width-banner .con-left .main-hd-title h3 {
        font-size: 28px;
    
        margin: 1.5rem 0px 2.5rem 0px;

        line-height: 2.3rem;
    }
  

    .full-width-banner .con-left .rht-icon {
        display: none;
    }

    .full-width-header .hd-top .hd-inner .hd-right {
       display: none;
    }


    
  .right-menu-toggler .right-menu-sec{  
    min-width: 350px;
    max-width: 420px;
  }

  


.indx-frm-container .inner-container {
    width: 90%;
    background-color: #fff;
    display: block;
}


/* *************************
-----------Services ------------------
********************** */

.al-services .serve-item .item-inner a {
    padding: 300px 20px 60px 20px;
    
}

        /* ***********************
        ------- portfolio ---------------
        ***************** */

        .title-style2 h2 {
            font: 200 24px / 32px var(--popsan);
            letter-spacing: 1px;
            color: #000;
            margin: 0px;
        }


        .title-style2 h4 {
            font: 500 24px / 32px var(--popsan);
        }

        .title-style2 h3 {
            font: 300 14px / 1.4 var(--popsan);
        }


        .al-testi .title-style2 {
            margin-bottom: 2rem;
        }


        .al-work .al-portfolio {
            margin-top: 2rem;
        }



        /* ************
        ------spec -----------------
        ********** */

        .al-spec .spec-item .inner .spec-text h5 {
            font-size: 14px;
        }


        .al-spec .spec-item .inner .count-part .count-txt::before {
            height: 5px!important;
            
        }

        .al-spec .spec-item .inner .count-part .count-txt .rs-count {
            font-size: 40px;
        }


        .al-spec .spec-item .inner .count-part .count-txt .prefix {
            font-size: 40px;
        }

        .al-spec .spec-item .inner .count-part .count-txt .rs-count {
            min-width: 70%;
        }

        .al-spec .inner {
         display: block;
        }


        .al-spec .spec-item .inner .count-part .count-txt .rs-count {
            min-width: auto;
        }


        .al-work .al-portfolio .prft-container h4 {
            font: 500 17px / 1 var(--popsan);
        }
        
        /* ******************
        --------- pages ---------------
        *********************/

    
        .page-body .con-left h1 {
            font: 100 32px / 32px var(--popsan);
            color: #000;
        }

        .page-body .con-left h2 {
            font: 700 50px / 50px  var(--popsan);
            color: #000;
        }

        .page-body .con-left .desc p {
            font: 500 11px / 18px var(--popsan);
            letter-spacing: 2px;
        }

        .page-body .con-left .desc {
            max-width: 250px;
        }

        .page-body .con-right h3 {
            font: 200 28px / 1.2 var(--popsan) !important;
            margin-bottom: 1rem;
        }

        .page-body .con-right h4 {
            font: 600 32px / 1.1 var(--popsan) !important;
            margin-bottom: 2rem!important;
        }


        .page-body {
            position: relative;
            --pt-top:50px!important;
            /* padding: 100px 2% 100px 2%; */
        }
    
        .page-body .con-left::before {
           width: 50px;
        }


        .page-body .con-right h1 {
            font: 200 24px / 32px var(--popsan);
            color: #000;
        }

        .page-body .con-right h2 {
            font: 600 24px / 24px var(--popsan);
            margin-bottom: 1.5rem;
        }

        .page-body .con-left {
            margin-bottom: 2rem;
        }

        .page-body {
            position: relative;
            --pt-top: 50px !important;
            padding-bottom: 50px!important;
        }

        .page-body .con-right p {
            font: 300 14px / 22px var(--popsan);
            color: #424242;
            margin-bottom: 20px !important;
        }


        .page-services .title-head h1 {
            font: 200 26px / 28px var(--popsan);
        }

        .page-services .title-head h2 {
            font: 600 27px / 28px var(--popsan);
        }


        .al-services .serv-container .item .item-hd-title h3 {
            font-size: 20px; line-height: 1.3;
        }


        .page-services .serve-item .item-inner a {
            padding: 140px 20px 40px 20px !important;
        }

        .page-services .title-head {
            top: 40px;
        }


        .al-milstone {
            padding: 40px 3%;
        }

        .al-milstone .title-head {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }


        .al-milstone h2 {
            font: 200 34px / 40px var(--popsan);
            margin: 0px;
        }


        .al-milstone h3 {
            font: 500 14px / 20px var(--popsan);
            text-align: center;
        }


        .al-milstone .mil-carousel .mn-title {
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .al-milstone .mil-carousel .content {
           text-align: center;
        }


        .al-milstone .mil-carousel .mn-title::after {
            width: 35%;
        }


        .al-milstone .mil-carousel .mn-title::before {
            content: "";
            position: absolute;
            height: 1px;
            background: #000;
            left: 0;
            top: 0;
            bottom: 0;
            z-index: 0;
            margin: auto;
            width: 35%;
        }


        .al-milstone .mil-carousel .mn-title h1 {
            font: 300 48px / 48px var(--popsan);
        }

        .al-milstone .mil-carousel {
            margin-top: 2.5rem;
        }

        .al-milstone .mil-carousel .item .content h2 {
            font: 500 17px / 1.3 var(--popsan);
            margin: 10px 0px .5rem 0px;
        }

        .al-milstone .owl-nav {
            margin-top: 3rem;
            margin-bottom: 1rem;
        }


        .al-milstone img {
            width: 70px;
        }

        .page-banner .pgbann-left .inner h1 {
        font: 100 52px / 50px var(--popsan);
        margin-bottom: 15px;
        }
        
        .mob-slider .sm-content h4 {
            font: 600 38px / 1.2 var(--tin);
            margin: 5px 0px 25px 0px;
        }

       .page-banner .pgbann-left .inner h2 {
        font: 700 38px / 50px var(--popsan);
        margin-bottom: 10px;
       }

        .page-banner .pgbann-left .inner p {
            font: 400 14px / 24px var(--popsan);
            letter-spacing: .5px;
        }

        .faq .title-head h3 {
        font: 200 26px / 28px var(--popsan);
        }

        .faq .title-head h4 {
        font: 600 27px / 28px var(--popsan);
        }

}

@media only screen and (max-width:420px){
    .al-services .serve-item .item-inner a {
        padding: 370px 20px 60px 20px;
    }
}