@media screen and (max-width: 1600px) {
   .container{
        max-width: 1120px;
   }
}


@media screen and (max-width: 900px) {
    .mobile-frame img{
        /* max-height: 400px; */
    }
    .laptop-frame{
        max-height: 196px;
    }
    .laptop-frame img {
        max-width: 235px;
        margin-left: 21px;
    }

    .mobile-cads .apps-boxes{
        max-width: 181px;
        height: 335px;
    }

    .apps-boxes img{
        width: 151px;
    }

    .clientsrow::after{
        width: 70%;
        right: 20px;
    }

    .project-cards.mrgn{
        margin: 80px 0px;
    }

    .title{
        font-size: 3rem;
        line-height: 52px;
    }


    .project-content p{
        font-size: 1rem;
    }

    .ProjectsWeb{
        max-width: 520px;
    }

    .Web-Slides{
        max-width: 398px;
        top: 41px;
        left: 61px;
    }

    .Web-Slides img {
        height: 249px;
    }

    .Web-Propjects-Cards{
        max-width: 366px;
    }

    .WebSlide.spd{
        max-width: 280px;
        top: 29px;
        left: 43px;
    }

    .WebSlide.spd img {
        height: 175px;
    }

    .MobAppCards.scm .AppCards .mobFrame img {
        max-width: 170px;
    }

    .WebSlide{
        max-width: 242px;
        top: 25px;
        left: 38px;
    }

    .WebSlide img {
        height: 153px;
    }

    .mainrow{
        padding: 105px 0px;
    }

}

@media screen and (max-width: 767px) {
    .bottom-scroll-point{
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .logo {
        height: 45px;
    }

    .getproposal.web{
        display: none;
    }

    .getproposal.mobile-view{
        display: block;
    }

    .getproposal{
        top: 20px;
        right: 33%;
        z-index: 999;
    }

    .getproposal a{
        transform: rotateZ(0deg);
    }

    .getproposal a i{
        display: none
    }

    .navbar-toggler{
        border: none;
        margin-top: -10px;
        padding: 0px;
    }

    .navbar.fixed{
        top: -1px;
    }

    .navbar.fixed .navbar-toggler{
        margin-top: 5px;
    }

    .navbar .nav-link{
        padding: 5px 0px;
        font-size: 1rem;
    }
   
    .serv-content-cards{
        padding-right: 0px;
        padding-left: 0px;
        background-size: 100% 100%;
        text-align: center;
    }

    .serv-content-cards p{
        font-size: 1rem;
        line-height: 24px;
        text-align: center;
    }

    .bestcard p{
        font-size: 1.2rem;
        line-height: 26px;
        text-align: center;
    }

    .serv-content-cards h5{
        font-weight: 500;
        font-size: 1.4rem;
    }

    .viewbtn{
        justify-content: center;
        margin: 0px auto;
        font-size: 1rem;
    }

    .foter-row{
        grid-template-columns: repeat(2, 1fr);
    }

    .mainrow{
        padding: 50px 0px;
    }

    .large-title{
        font-size: 4rem;
        line-height: 60px;
        text-align: center;
    }

    .title{
        font-size: 2.5rem;
        line-height: 45px;
        text-align: center;
    }

    .footer-cards{
        margin-bottom: 30px;
       
    }

    .mobile-app-cards{
        margin-top: 30px;
        /* min-height: 360px; */
    }

    .mobile-frame{
        max-width: 220px;
        height: auto;
        padding: 10px;
    }

    .mobile-frame img{
        max-width: auto;
        max-height: auto;
        padding-left: 0px;
    }

    .laptop-frame{
        max-width: 280px;
        height: 185px;
    }

    .laptop-frame img{
        margin-left: 19px;
        max-width: 214px;
        min-height: 141px;
    }

    .make-dream h3{
        font-size: 2.3rem;
        line-height: 42px;
        text-align: center;
    }

    .make-dream-reality p{
        text-align: center;
        font-size: 1.1rem;
    }    

    .dreams-card{
        padding-right: 0px;
        text-align: center;
    }

    .we-cards{
        margin-bottom: 30px;
    }

    .work-cards{
        margin-bottom: 2rem;
    }

    .clients-content{
        margin-top: 0px;
    }

    .clientsrow::after{
        width: 100%;
        height: auto;
        top: 0%;
        left: 0px;
        bottom: 10px;
    }

    .clients-cards{
        padding: 20px;
    }

    .clients-content h3{
        font-size: 2rem;
        text-align: center;
    }

    .build-dream p{
        margin-top: 30px;
        font-size: 1rem;
    }

    .hdtitle p {
        font-size: 1.1rem;
    }

    .testimonials{
        margin: 0px;
    }

    .story-pick{
        margin: 20px 0px;
    }

    .build-dream h3{
        font-size: 1.6rem;
    }

    .values-sect .title2{
        font-size: 2.2rem !important;
    }

    .portfolio .nav-tabs .nav-link{
        padding: 10px 10px;
        width: 130px;
        font-size: 0.875rem;
    }

    .mobile-cads{
        /* grid-template-columns: repeat(1, 1fr); */
        margin-top: 25px;
        column-gap: 15px;
    }

    .mobile-cads .apps-boxes{
        max-width: 157px;
        height: 276px;
    }
    
    .apps-boxes img {
        width: 139px;
        height: 262px;
    }


    .project-cards .webcards{
        max-width: 335px;
        height: 200px;
    }

    .project-cards .webcards img{
        max-width: 257px;
        margin-left: 39px;
    }

    .project-content{
        padding-right: 0px;
    }

    .contact-list{
        padding-left: 0px;
    }

    .contact-list li{
        font-size: 0.875rem;
    }

    .footer-cards h4{
        margin-bottom: 8px;
    }

    .footer-cards p{
        padding-right: 0px;
    }

    .appsboxes img {
        height: 266px;
    }

    .cht-list{
        flex-direction: column;
    }

    .user-content{
        margin-top: 40px;
    }

    .main-progess {
        width: 100%;
    }

    .fontstyle-type{
        grid-template-columns: repeat(1, 1fr);
    }

    .facility{
        margin-top: 30px;
    }

    .mobApps{
        margin-bottom: 35px;
        text-align: center;
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

    .ux-project-cards .mobile-cads .apps-boxes{
        height: auto;
    }
    
    .design-section .mobile-cads .apps-boxes{
        height: auto;
    }
    
    .MobAppCards{
        margin-top: 30px;
        gap: 20px;
    }

    .contact-form{
        padding-right: 1.2rem;
    }

    .social{
        padding-left: 0px;
    }

    .testimonials .row{
        flex-direction: column-reverse;
    }

    .vscardsbox{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }

    .testimonials .owl-nav{
        right: 35%;
    }

    .clients-content p {
        color: #FCFCFC;
        text-align: center;
    }

    .project-cards{
        margin-bottom: 20px;
        padding: 20px 0px;
    }

    .feature-cards p{
        font-size: 1rem;
    } 
    
    .feature-cards span{
        font-size: 3rem;
    }

    .services-row{
        grid-template-columns: repeat(2, 1fr);
    }

    .serv-cards h1{
        font-size: 3rem;
        line-height: 52px;
    }

    .why-cards{
        margin-bottom: 30px;
    }

    .serv-title{
        font-size: 2.2rem;
        line-height: 40px;
    }

    .services-work-cards{
        margin: 0px auto 30px;
    }

    .services-cards-boxes h4{
        font-size: 1.1rem;
    }

    .services-cards-boxes img {
        height: 55px;
    }

    .large-title-2{
        font-size: 2.4rem;
        line-height: 40px;
    }

    .serv-container img{
        width: 70%;
        margin: 0px auto;
    }

    .title-3{
        font-size: 2.2rem;
        text-align: center;
    }

    .enterp-list{
        grid-template-columns: repeat(1, 1fr);
    }

    .approch-row{
        grid-template-columns: repeat(1, 1fr);
    }

    .approch-cards{
        flex-direction: column;
    }

    .title-4{
        font-size: 2.2rem;
    }

    .ui-app-cards{
        flex-direction: column;
        margin-bottom: 30px;
    }

    .ui-app-cards img{
        margin-top: 30px;
    }

    .idea-cards img {
        height: 55px;
    }
    .mobapp-cards .wapp {
        height: auto;
    }
    .navbar-nav{
        padding-left: 0px;
        margin-top: 2px;
    }

    .MobAppCards.scm .AppCards .mobFrame img{
        width: auto;
        max-width: 100%;
    }

    .MobAppCards .AppCards {
        margin-bottom: 30px;
    }

    .mobFrame{
        max-width: 250px;
        height: auto;
        padding: 12px 10px;
    }

    .mobFrame img{
        height: auto;
    }

    /* .laptop-frame img{
        min-height: 195px;
    } */

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

    .team-cards{
        margin-bottom: 30px;
    }

    .form-cards{
        padding: 15px;
    }

    .form-cards input{
        height: 55px;
    }

    .contact-img{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .chose-cards{
        margin-bottom: 20px;
    }

    .mobile-app-cards.lpt{
        min-height: 354px;
    }

    .MobAppScreen{
        margin-bottom: 25px;
        height: auto;
        padding: 8px 8px;
    }

    .MobAppScreen img{
        height: auto;
    }

    .navbar .dropdown-menu{
        display: none !important;
    }

    .navbar .dropdown-menu.show{
        display: block !important;
        column-count: 1;
    }

    .navbar .dropdown-menu li .dropdown-item{
        padding: 6px 15px;
        font-size: 0.875rem;
    }

    .team-cards img{
        height: auto;
    }

    .our-services .title{
        font-size: 2.6rem;
        line-height: 48px;
    }

    .page-tracker{
        width: 100%;
        padding: 60px 0px 80px;
    }

    .title.fts{
        text-align: center;
        font-size: 2.5rem;
        line-height: 42px;
    }

    .client-content p{
        text-align: center;
        font-size: 1.1rem;
    }

    .footer-cards p{
        font-size: 1rem;
    }

    .android-app-card{
        max-width: 310px;
    }

    .android-app-card h6{
        font-size: 1.1rem;
    }

    .project-content p{
        text-align: center;
        font-size: 1rem;
    }

    .whats-skype{
        right: 15px;
    }

    .whats-skype ul li{
        margin-bottom: 14px;
    }

    .whats-skype ul li a img{
        height: 45px;
    }

    .make-dream {
        padding-top: 45px;
    }

    .chose-cards .serv-title{
        font-size: 2.1rem;
        line-height: 42px;
    }

    .custum-cards{
        margin-bottom: 30px;
    }

    .custum-cards img{
        max-height: 250px;
    }

    .custum-services-cards h4{
        font-size: 1.2rem;
    }

    .custum-services-cards p{
        font-size: 1.1rem;
        line-height: 26px;
    }

    .we-work .serv-title {
        font-size: 2.5rem;
        line-height: 46px;
    }

    .serv-head-title p{
        font-size: 1.1rem;
    }

    .user-interface{
        margin-bottom: 20px;
    }

    .home-laptop-frame{
        height: 209px;
    } 
    
    .home-laptop-frame .item img{
        height: 158px;
        max-width: 256px;
        margin-left: 40px;
    }

    .webapp{
        height: auto;
    }

    .approch-cards h5{
        width: 100%;
    }

    .approch-cards p{
        width: 100%;
    }

    .vscardsbox p{
        padding-right: 0px;
        font-size: 1rem;
    }

    .main-Container {
        padding-left: 1.2rem;
    }

    .Web-Propjects-Cards{
        margin-top: 20px;
        max-width: 300px;
    }

    .WebSlide{
        max-width: 230px;
        top: 24px;
        left: 35px;
        
    }

    .WebSlide img {
        height: 143px;
    }

    .Web-Slides{
        max-width: 257px;
        top: 26px;
        left: 39px;
    }

    .WebSlide.spd {
        max-width: 230px;
        top: 24px;
        left: 35px;
    }

    .Web-Slides img {
        height: 162px;
    }

    .WebSlide.spd img {
        height: 143px;
    }

    .ProjectsWeb{
        max-width: 335px;
    }

    .about-sect .title{
        font-size: 3rem;
        margin-bottom: 20px;
        line-height: 48px;
    }

    .about-sect P{
        font-size: 1rem;
        line-height: 23px;
    }

    .story-card p {
        font-size: 1rem;
    }

    .title-head p{
        font-size: 1.1rem;
    }

    .title2{
        font-size: 2.6rem;
    }

    .webApp-project {
        margin-top: 30px;
    }

    .design-section .project-content{
        padding-left: 0px;
    }

    .approch-row.iosrw{
        width: 100%;
    }

    .android-work-cards{
        padding-right: 0rem;
        
    }

    .foter-service .footer-link{
        width: 100%;
    }
    
    .rpcardrow{
        column-count: 2;
    }

    .blog-nav{
        margin-top: 1.5rem;
    }

    .nav-link.book-call{
        width: 120px;
    }
}

@media screen and (max-width: 450px) {
    .foter-row{
        grid-template-columns: repeat(1, 1fr);
    }

    .role-cards h5{
        font-size: 1rem;
    }

    .role-cards.hdcards span {
        font-size: 3rem;
        font-weight: 700;
    }

    .tech-cards h4{
        font-size: 15px;
    }

    .tech-cards span{
        width: 73px;
        height: 70px;
    }

    .tech-cards img{
        height: 35px;
    }

    .services-row{
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }

    .technology-cards img {
        height: 30px;
    }

    .technology-cards{
        padding: 12px;
    }

    .technology-cards h4{
        font-size: 0.938rem;
    }
    
}

@media screen and (max-width: 380px) {
    .home-laptop-frame {
        height: 196px;
    }

    .home-laptop-frame .item img{
        height: 148px;
        max-width: 234px;
        margin-left: 36px;
    }

    .Web-Propjects-Cards{
        margin-top: 20px;
        max-width: 287px;
    }

    .Web-Slides{
        max-width: 257px;
        top: 26px;
        left: 39px;
    }

    .WebSlide.spd {
        max-width: 219px;
        top: 22px;
        left: 34px;
    }

    .Web-Slides img {
        height: 162px;
    }

    .WebSlide.spd img {
        height: 138px;
    }

    .WebSlide{
        max-width: 220px;
        top: 22px;
        left: 33px;
    }

    .WebSlide img {
        height: 138px;
    }

    .rpcardrow{
        column-count: 1;
    }

}