@media screen and (min-width:520px) {

    .d-d-none {

        display: none;

    }

}







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

    .ourServices .swiper {

        width: 400px;

        height: 480px;

    }



    .ourServices .swiper .swiper-button-next {

        right: -35%;

    }



    .ourServices .swiper .swiper-button-prev {

        left: -35%;

    }



    .whyChooseUs .ContentSide .titleArea .itemTitle {

        font-size: 20px;

    }



    .whyChooseUs .ContentSide .desc {

        font-size: 15px;

    }



    .whyChooseUs .ContentSide .card {

        width: 100%;

    }



    .whyChooseUs .imgSide img {

        width: 88%;

        height: 260px;

    }

}







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

    .navbar .logo img {

        width: 120px;

        height: 50px;

        object-fit: contain;

    }



    .sectionHeader .title {

        font-size: 35px;

    }



    .sectionHeader {

        margin-bottom: 5vw;

        max-width: 50vw;

    }



    .aboutUsHome .techList h6,

    .testimonial .reviews {

        font-size: var(--f16);

    }



    .defaultSection {

        padding: 4vw 4vw 8vw 4vw;

    }



    .whyChooseUs {

        margin: 0 0 70px 0;

    }



    .TechWeUse {

        margin: 50px 0 0 0;

    }



    .homeBanner .lTitle {

        font-size: 5vw;

    }



    .TechWeUse .techItems.blackGlassBg {



        padding: 40px 10px;

        grid-template-columns: 65px auto;

    }



    .TechWeUse .techTitle {

        font-size: var(--f16);

    }



    .whyChooseUs .imgSide img {

        width: 90%;

    }



    .whyChooseUs .ContentSide .titleArea .itemTitle {

        font-size: 20px;

    }



    .aboutUsHome .techList h6,

    .testimonial .reviews {

        font-size: 17px;

    }



    .OurProducts .productsItems .ProductTitle {

        font-size: 16px;

    }



    .getInTouch .sectionHeader {

        padding: 5vw;

        margin: 0;

    }



    .getInTouch.defaultSection {

        padding: 4vw;

    }



    .OurProducts .productsItems {

        margin: 0;

    }



    .navbar a {

        margin: 0;

    }



    .menu-items {

        gap: 25px;

    }



    .ourServices .swiper {

        width: 360px;

        height: 450px;



    }



    .ourServices .swiper .serviceTitle {

        font-size: 30px;

        color: #FFF;

    }



    .contactFormMain {



        max-width: 90%;

    }



    .whyChooseUs2 {

        padding-top: 0;

    }



    .allServiceHorizontalMarquee {

        margin-top: 70px;

    }



    .whyChooseUs2 .items h4 {

        font-size: 18px;

    }



    .whyChooseUs2 .items p {

        font-size: 15px;

    }

}







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

    .whyChooseUs .ContentSide .titleArea .itemTitle {

        font-size: 18px;

    }



    .whyChooseUs .imgSide img {

        width: 80%;

    }



    .sectionHeader .title {

        font-size: 32px;

    }



    .aboutUsHome .techList h6 {

        font-size: var(--f14);
        color: var(--white);

    }



    .ourServices .swiper .swiper-button-next {

        right: -60%;

    }



    .ourServices .swiper .swiper-button-prev {

        left: -60%;

    }



    .container,

    .container-md,

    .container-sm {

        max-width: 90%;

    }



    .ourServices .swiper {

        width: 360px;

        height: 450px;



    }



    .whyChooseUs2 .items h4 {

        font-size: 16px;

    }



    .whyChooseUs2 .items p {

        font-size: 14px;

    }



    .whyChooseUs2 .items .iconImg2 {

        width: 60px;

    }



    .aboutOurCompany .sectionHeader .title {

        font-size: 28px;

    }

}



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



    .container,

    .container-md,

    .container-sm {

        max-width: 95%;

    }



    .menu-items {

        gap: 20px;

    }



    .sectionHeader {

        max-width: 50vw;

    }



    .ourServices .swiper .serviceTitle {

        font-size: 30px;

    }



    .ourServices .swiper .card {

        padding: 20px;

    }



    .ourServices .swiper .serviceTitle {

        font-size: 26px;

    }



    .TechWeUse .TechSwiperSlider img {

        width: 75px;

        height: 50px;

    }



    #formLoginModal .modal-dialog {

        max-width: 80%;

    }

}



@media screen and (m) {

    

}

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



    body,

    html {

        overflow-x: hidden;

    }



    .m-d-none {

        display: none;

    }



    .defaultBtn {

        font-size: 16px;

    }



    .swiperBtn {

        width: 150px;

    }



    .l-Btn {

        width: 75%;

        line-height: 40px;

    }



    .sectionHeader .title {

        font-size: 25px;

    }



    .TechWeUse .swiper-button-next::after,

    .TechWeUse .swiper-button-prev::after,

    .testimonial .swiper-button-next::after,

    .testimonial .swiper-button-prev::after,

    .ourServices .swiper-button-next::after,

    .ourServices .swiper-button-prev::after {

        font-size: 18px;

        color: #FFF;

        font-weight: 800;

    }



    .ourServices .swiper .swiperBtn {

        width: 50px;

        height: 50px;

        display: none;

    }



    .ourServices {

        height: 100%;

    }



    .homeBanner .lTitle {

        font-size: 10vw;

        line-height: 40px;

    }



    .homeBanner .col-md-4 img {

        display: none;

    }



    .sectionHeader .title {

        font-size: 25px;

    }



    .sectionHeader {

        max-width: 100%;

    }



    .defaultSection {

        padding: 10vw 4vw 14vw 4vw;

    }



    /* default  */

    .homeBanner {

        line-height: 25px;

        height: 100%;

        margin-top: 90px;

        padding: 15vw 2vw;

    }



    .homeBanner .check {

        height: 100%;

        border-radius: 20px;

    }



    .homeBanner .blueBg {

        padding: 13px 70px;

    }



    .lTitle {

        font-size: 50px;

    }



    .formLoginModal .innerDiv {

        grid-template-columns: 65px auto;

    }



    .contactFormMain {



        padding: 20vw 3vw;

    }



    .container,

    .container-md,

    .container-sm {

        max-width: 98%;

    }



    .whyChooseUs .imgSide img {

        width: 100%;

    }



    /* who we Are  */

    .whoWeAre {

        margin: 0;

        padding: 10px;

    }



    .whoWeAre .blackGlassBg {

        padding: 30px;

    }



    [data-aos="slide-up"] {

        transform: translate3d(0, 0%, 0) !important;

    }



    .whoWeAre .content {

        padding: 0 10px;

    }



    .whoWeAre .content .desc {

        text-align: left;

        font-size: 14px;

        font-weight: 300;

        line-height: 25px;

    }



    /* who we Are  */





    /* Our Services  */

    .ourServices .swiper {

        width: 100%;

        height: 100%;

        padding: 5vw 2vw;

    }



    .ourServices .swiper .serviceTitle {

        font-size: 24px;

    }



    .ourServices .swiper .serviceDesc {

        font-size: var(--f16);

    }



    .ourServices .swiper .servDesc {

        font-size: 14px;

    }



    .ourServices .swiper .CardNumber {



        padding: 13px;

        font-size: 25px;

    }



    /* Our Services  */





    /* why Choose us  */

    .whyChooseUs .ContentSide .card {

        width: 100%;

    }



    .whyChooseUs .ContentSide .card p {

        font-size: 16px;

    }



    .whyChooseUs .ContentSide .titleArea .itemTitle {

        font-size: 18px;

    }



    .whyChooseUs .singleItems {

        margin: 0 0 30px 0;

        padding: 30px 0;

        border-bottom: 1px solid #f1f1f121;

    }



    /* why Choose us  */





    /* Our Product  */

    .OurProducts .productsGrid {

        grid-template-columns: 130px auto;

        gap: 10px;

    }



    .OurProducts .productsItems .ProductTitle {

        font-size: var(--f14);

    }



    .OurProducts .content {

        padding: 0;

        max-width: 100%;

    }



    .OurProducts {

        margin: 20px 0;

        padding: 20px;

    }



    .OurProducts .productsItems {

        padding: 10px;

        text-align: center;

    }



    .OurProducts .productsItems h5 {

        font-size: 15px;

    }



    .OurProducts .productsGrid .span2 img {

        width: 40px;

        height: 40px;

    }



    .testimonial .testimonialArea {



        grid-template-columns: 1fr;

    }



    .testimonial .content {

        margin: 10px 0;

    }



    /* Our Product  */



    /* what we do  */

    .ourServices .swiper .swiper-button-prev {

        left: 0;

    }



    .ourServices .swiper .swiper-button-next {

        right: 0;

    }



    /* what we do  */



    /* Tech We Use  */

    .TechWeUse .swiper {

        padding: 0 0 85px 0;

    }



    .swiperBtn .arrowBtn {

        width: 35px;

        height: 35px;

    }



    .TechWeUse .swiper-scrollbar.swiper-scrollbar-horizontal {

        bottom: 70px;

    }



    .TechWeUse .swiper-scrollbar-drag {

        width: 50px !important;

        height: 9px;

    }



    .TechWeUse .techTitle {

        font-size: 17px;

    }



    .TechWeUse .TechSwiperSlider img {

        width: 100%;

        height: 55px;

        object-fit: cover;

    }



    .TechWeUse .techItems.blackGlassBg {

        padding: 40px 10px;

        grid-template-columns: 49px auto;

    }



    /* Tech We Use  */





    /* testimonial */

    .testimonial .reviews {

        font-size: 15px;

        font-weight: 300;

    }



    .testimonial .content .card {

        padding: 20px;

    }



    .testimonial .content .quoteIcon img {

        width: 20px;

        left: 0;

        margin-bottom: 0;

    }



    .testimonial .clientName {

        font-size: 16px;

    }



    /* testimonial */





    /* gte in Touch  */

    .getInTouch {

        margin: 20px;

    }



    .getInTouch .sectionHeader {

        height: 100%;

        padding: 40px;

    }



    /* gte in Touch  */

    .formLoginModal .modal-dialog{
      min-width: fit-content;
   }

      .testimonialArea .grid2{
             grid-template-columns: repeat(1, 1fr);
    }

    .footer .footerCopyRights .card{
          display: block !important;
    }


    /* servcices details  */


    .keysBenefits .benefitsItems .flexRow{
        grid-template-columns : 67px auto ; 

    }
    .keysBenefits .benefitsItems h1{
            font-size: 35px;
             font-weight: 600;
            padding-left: 18px;
    }

    .keysBenefits .benefitsItems img {
    width: 97px;
    height: 72px;
    object-fit: cover;
    border-radius: 4px;
    opacity: .6;
}

.offeringService .highlights.grid2 {
    grid-template-columns: repeat(1, 1fr);
}

.ourWorkHero .innerDiv{
     display: block !important;
}

.showTextLg{
     font-size: 100px;
}

.productService .productDesign2 .productServiceContent  .grid2{
     grid-template-columns :repeat(1, 1fr);
}

.blackGlassBg .grid3{
grid-template-columns: repeat(1, 1fr);
}
.blackGlassBg  h5 ,h6{
color: #000;
border-bottom: 1px solid #333;
padding-bottom: 10px;
}

.allBlogs .blogsList.grid3{
     grid-template-columns: repeat(1, 1fr);
 
}

.spline-container spline-viewer{
        position: relative !important;
            width: 100% !important;
    height: 100% !important;
    right: 0px !important;
    top: 0px !important;
}

}