@media only screen and (max-width:900px) {
    .container-smll {
        margin-left: 0px;
        margin-right: 0px;
    }

    .paddrght {
        padding-right: 15px;
    }

    .paddlft {
        padding-left: 15px;
    }

    .top-bar-sec {
        display: none;
    }

    .menu-wpr {
        display: none;
    }

    .menu-call {
        display: none;
    }

    .banner-lft-cont-p1 {
        padding: 20px 0px 5px 0px;
        font-size: 18px;
    }


    .banner-lft-cont-rocket {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        width: 50px !important;
        float: left;
        position: absolute;
        right: 0px;
        top: 53px;
        left: inherit;
    }



    .banner-rght-slide-sec {
        padding: 25px 0px 50px 0px;
    }

    .menu-inr {
        padding: 0px 0px;
        background-color: #FFFFFF;
        box-shadow: 0px 15px 75px 0px rgb(138 138 138 / 0%);
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        border-radius: 5px 5px 5px 5px;
    }

    .menu-sec {
        margin: 0px;
        padding: 0px;
        width: 100%;
        float: left;
        background: #fff;
        box-shadow: 0px 15px 75px 0px rgba(138, 138, 138, 0.15);
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    }

    .logo-wpr {
        margin: 5px 0px 5px 0px;
    }

    /*=================================*/
    .mob-menu-bar {
        margin: 0px 15px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 35px;
        float: right;
        position: relative;
    }

    .nav-mobile {
        display: block;
    }

    #navbar-toggles {
        position: absolute;
        left: 18px;
        top: 15px;
        cursor: pointer;
        padding: 10px 35px 16px 0px;
    }

        #navbar-toggles span, #navbar-toggles span:before, #navbar-toggles span:after {
            cursor: pointer;
            border-radius: 1px;
            height: 3px;
            width: 30px;
            background: #000;
            position: absolute;
            display: block;
            content: '';
            transition: all 300ms ease-in-out;
        }

            #navbar-toggles span:before {
                top: -10px;
            }

            #navbar-toggles span:after {
                bottom: -10px;
            }

        #navbar-toggles.active span {
            background-color: transparent;
        }

            #navbar-toggles.active span:before, #navbar-toggles.active span:after {
                top: 0;
            }

            #navbar-toggles.active span:before {
                transform: rotate(45deg);
            }

            #navbar-toggles.active span:after {
                transform: rotate(-45deg);
            }


    /*///==================================*/

    .welcome-bnr-box {
        height: 415px;
        margin-left: 0px;
    }

    .welcome-bnr-imges img {
        max-width: 270px;
    }

    .welcome-bnr-box:before {
        content: '';
        width: 100%;
        height: 100%;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to)',gradientType='1');
        position: absolute;
        top: 0;
        left: 0;
        -webkit-border-radius: 465px 0 5px 5px;
        -khtml-border-radius: 465px 0 5px 5px;
        -moz-border-radius: 465px 0 5px 5px;
        -ms-border-radius: 465px 0 5px 5px;
        -o-border-radius: 465px 0 5px 5px;
        border-radius: 465px 0 5px 5px;
        background-image: linear-gradient(to left, #2439FF, #9000FF);
    }

    .welcome-bnr-imges {
        position: absolute;
        top: 45px;
        left: 0px;
        right: 74px;
        border: 10px solid #fff;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
    }

    .welcome-bnr-count {
        background-image: -webkit-gradient(linear, left top, right top, from(#2439FF), to(#9000FF));
        background-image: -webkit-linear-gradient(to left, #2439FF, #9000FF);
        background-image: -moz-linear-gradient(to left, #2439FF, #9000FF);
        background-image: -ms-linear-gradient(to left, #2439FF, #9000FF);
        background-image: -o-linear-gradient(to left, #2439FF, #9000FF);
        background-image: linear-gradient(to left, #2439FF, #9000FF);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2439FF', endColorStr='#9000FF', gradientType='1');
        position: absolute;
        top: -10px;
        left: -10px;
        width: 125px;
        height: 125px;
        border: 10px solid #fff;
        border-radius: 170px;
        overflow: hidden;
        background-color: var(--gradient-color-from);
        background-image: -webkit-gradient(linear,left top,right top,from(var(--gradient-color-from)),to(var(--gradient-color-to)));
        background-image: -webkit-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
        background-image: -moz-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
        background-image: -ms-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
        background-image: -o-linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
        background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to)',gradientType='1');
        -webkit-box-shadow: 0 10px 60px rgba(0,10,80,.15);
        -khtml-box-shadow: 0 10px 60px rgba(0,10,80,.15);
        -moz-box-shadow: 0 10px 60px rgba(0,10,80,.15);
        -ms-box-shadow: 0 10px 60px rgba(0,10,80,.15);
        -o-box-shadow: 0 10px 60px rgba(0,10,80,.15);
        box-shadow: 0 10px 60px rgba(0,10,80,.15);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-image: linear-gradient(to left, #2439FF, #9000FF);
    }

    .welcome-bnr-count-sinse {
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        line-height: 1;
        white-space: nowrap;
        margin-bottom: 10px;
    }

    .welcome-bnr-count-year {
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        line-height: 1;
    }

    .welcome-bnr-comp-txt {
        position: absolute;
        bottom: 10px;
        padding: 0px 0px 0px 10px;
        right: 20px;
        line-height: 26px;
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        white-space: inherit;
        -webkit-transform: rotate(-90deg)translate(100%,0);
        -khtml-transform: rotate(-90deg)translate(100%,0);
        -moz-transform: rotate(-90deg)translate(100%,0);
        -ms-transform: rotate(-90deg)translate(100%,0);
        -o-transform: rotate(-90deg)translate(100%,0);
        transform: inherit;
        transform-origin: right bottom;
    }

    .welcome-contnt-listning-contnt-p {
        font-size: 15px;
    }

    .welcome-contnt-p {
        margin: 0px 0px 24px 0px;
        font-size: 15px;
        line-height: 27px;
    }

    .welcome-sec {
        padding: 40px 0px;
    }

    .welcome-title-h {
        margin: 0px 0px 15px 0px;
        font-size: 26px;
        line-height: 41px;
    }

    .welcome-bnr-sec {
        margin: 40px 0px 0px 0px;
    }

    .our-services-sec {
        padding: 35px 0px 40px 0px;
    }

    .our-services-big-h {
        margin: 0px 0px 5px 0px;
        font-size: 21px;
        line-height: 30px;
    }

    .our-services-bx-wpr {
        margin: 20px 0px 0px 0px;
    }

    .dgtal-sec {
        margin: 15px 0px 50px 0px;
    }

    .dgtal-contnt-sec h1 {
        margin: 0px 0px 0px 0px;
        font-size: 19px;
        line-height: 32px;
    }

    .dgtal-contnt-sec p {
        margin: 0px;
        padding: 10px 0px 10px 0px;
        width: 100%;
        float: left;
        line-height: 26px;
        color: #666;
        font-size: 15px;
    }

    .vdo-inr-h1 span {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
    }

    .vdo-inr-p span {
        font-size: 19px;
        line-height: 31px;
    }

    .blogs-sec {
        margin: 25px 0px 50px 0px;
    }

    .blogs-inr-bg-title-h {
        font-size: 23px;
        line-height: 35px;
    }

    .blogs-inr-p span {
        font-size: 15px;
    }

    .single-footer-widget h3 {
        color: #ffffff;
        margin-bottom: 15px;
        font-weight: 500;
        font-size: 20px;
    }

    .fact-counter-dv {
        padding: 30px 0px 30px 0px;
    }

    .fact-counter-dv-sec {
        padding: 0px 15px 0px 15px;
    }

    .fact-counter-bx-dv {
        width: 100%;
    }

    .fact-counter-bx-count-p {
        font-size: 38px;
        font-weight: 700;
        line-height: 38px;
    }

    .fact-counter-bx-count-type {
        margin: 15px 0px 0px 0px;
    }

    .fact-counter-bx-dv-wpr {
        padding: 35px 0px;
        border-width: 0px 0px 0px 0px;
    }

    .faqs-big-h {
        margin: 0px 0px 0px 0px;
        font-size: 23px;
        line-height: 35px;
    }

    .colsp-wpr-a {
        padding: 13px 50px 13px 20px;
        font-size: 16px;
    }

    .make-appointment-sec {
        margin: 25px 0px 0px 0px;
    }

    .make-appointment-big-h {
        margin: 0px 0px 0px 0px;
        font-size: 18px;
        line-height: 35px;
    }

    .question-sec {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
    }


    .shap_color {
        top: -3px;
        width: 100%;
    }

    .footer-help-sec {
        padding: 30px 0px 30px 0px;
    }

    .footer-extra-logo-img {
        margin: 15px 0px 15px 0px;
    }

        .footer-extra-logo-img img {
            max-width: 50%;
        }

    .othr-pages-bnrs-h {
        font-size: 20px;
        line-height: 30px;
    }

    .othr-pages-bnrs-ul li a {
        font-size: 13px;
    }

    .othr-pages-bnrs {
        margin: 0px;
        padding: 10px 0px 20px 0px;
        background-position: bottom;
    }

    .othr-pages-contnt-sec {
        margin: 30px 0px 30px 0px;
    }

    .othr-pages-contact-add-contnts-h {
        font-size: 18px;
    }

    .contact-form-sec {
        margin: 40px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .contact-form-sml-h {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .contact-form-big-h {
        margin: 10px 0px 10px 0px;
        padding: 0px;
        width: 100%;
        float: left;
        font-size: 20px;
    }

    .contact-form-p {
        color: #616161;
        line-height: 25px;
    }

    .contact-form-txtbx-wpr {
        margin: 15px 0px 5px 0px;
    }

    .footer-area {
        padding: 40px 0px 25px;
        margin: 0px 0px 0px 0px;
    }

    .footr-shape {
        margin: 25px 0px 0px 0px;
    }

    .footer-extra-h {
        font-size: 19px;
        line-height: 30px;
    }

    .client-testimonial-inr {
        margin: 10px 0px 0px 0px;
        padding: 0px 15px;
    }
    /*********kam*/
    .banner-lft-cont-sec {
        width: 100% !important;
        padding: 0px 15px 0px 15px;
    }

    .banner-rght-slide-sec .owl-carousel .owl-item img {
        width: inherit;
    }

    /*slider*/

    .slimages {
        width: 100% !important;
        padding: 0px 0px 0px 0px !important;
    }

    .slimagestextp {
        padding: 0px 0px 5px 0px;
        font-size: 14px !important;
    }

    .slimagestexth1 {
        font-size: 20px !important;
        line-height: 25px !important;
    }

    .slimagestextp2 {
        min-height: inherit !important;
        text-align: justify !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .owl-dots {
        padding: 0px 0px 0px 15px !important;
    }

    .sliderimg {
        border-radius: inherit !important;
    }

    .mainslider {
        margin: 30px 0px 0px 0px !important;
    }

    .engmhedp {
        padding: 0px 5px 10px 6px;
        font-size: 13px;
    }

    /***quote*/
    .whetherwh1 {
        font-size: 19px;
        line-height: 26px;
        text-align: justify;
        padding: 0px 0px 20px 0px;
    }

    .purerpsp {
        font-size: 16px;
        line-height: 28px;
    }

    .quoterright {
        font-size: 22px;
        margin: -23px 0px 0px 0px;
    }

    .quotell {
        font-size: 22px;
        line-height: 37px;
    }

    .whetherw {
        margin: 30px 0px 0px 0px;
    }

    /*********who we are*/
    .whoweare {
        position: inherit;
        margin: 10px 0px 30px 0px;
    }

    .whoweimg {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    .whowe70 {
        height: auto;
        width: 100%;
        padding: 30px 15px 30px 15px;
    }


    .whowe30 {
        position: inherit;
        top: 0px;
        right: 0px;
        height: auto;
        width: 100%;
        padding: 25px 15px 0px 15px;
        float: right;
    }

    .whomaintexth1 {
        font-size: 17px;
        line-height: 25px;
    }

    .ourcoursesebox {
        width: 46%;
        margin: 0px 5px 20px 5px;
    }

    .defsevmainh1 {
        font-size: 19px;
        line-height: 25px;
    }

    .industservmmm {
        margin: 30px 0px 30px 0px;
    }

    .fix-social-ul {
        top: 22%;
        display: none;
    }

    .engmhedimg {
        height: auto !important;
    }

    .ourcourseseboxh1 {
        font-size: 15px;
    }

    /********our engineering*/
    .ourenghh {
        padding: 30px 15px 30px 15px;
    }

    .ourengineering {
        height: auto;
        background-image: inherit;
        margin: 40px 0px 0px 0px;
    }

    .ourenghh1 {
        margin: 0px 0px 10px 0px;
        font-size: 18px;
        line-height: 36px;
    }

    .engmhed {
        margin: 20px 0px 0px 0px;
    }

    .classimgotherss {
        margin: 0px 0px 0px 0px;
        display: none;
    }

    .logo-wpr img {
        width: 90px;
    }

    .whomaintextp {
        font-size: 15px;
    }

    /********/
    .purpageheh1 {
        font-size: 18px;
        line-height: 30px;
    }

    .purpageheh2 {
        font-size: 15px;
        line-height: 24px;
        padding: 0px 15px 0px 15px;
    }

    .purnankpage-sec {
        margin: 0px 0px 30px 0px;
    }

    /********page privacy*/
    .pageslidh1 {
        font-size: 22px;
        line-height: 30px;
    }

    .pagespurnp {
        padding: 0px 0px 0px 0px;
    }

    .mainpcontentheh1 {
        font-size: 20px;
        line-height: 30px;
    }

    .pageheph1 {
        font-size: 16px;
    }

    .hom-blog-box-img-wpr img {
        height: 250px;
    }

    .hom-blog-title-h {
        font-size: 26px;
    }

    .hom-blog-title-p {
        font-size: 16px;
    }

    .blogs-box-wpr-contnt-sec {
        padding: 15px;
    }

    .blogs-box-wpr-h {
        margin: 10px 0px 15px 0px;
        font-size: 19px;
        line-height: 28px;
    }

    .mbpopupwdt {
        max-width: 92%
    }
}