@media screen and (max-width: 1199.5px){
    html, body{
        width: 100%;
        /* height: 100%; */
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

    
}
@media screen and (max-width: 991px){
    html, body{
        width: 100%;
        /* height: 100%; */
        margin: 0;
        padding: 0;
        /* overflow-x: hidden; */
    }
    
}



@media screen and (max-width: 767px){
    html, body{
        width: 100%;
        /* height: 100%; */
        margin: 0;
        padding: 0;
        /* overflow-x: hidden; */
    }
    body::-webkit-scrollbar{
        display: none;
    }

    #banner-paragraph{
        padding-top: 0!important;
    }
    #banner-paragraph-section{
        padding-right: 0!important;
        padding-left: 0!important;
        padding-top: 0 !important;
    }
    .text-area{
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        padding-top: 1rem !important;
    }
    .bg-image{
        max-width: 100%;
        height: 85vh;
    }
    .banner-btn{
        margin-left: 112px !important;
    }
    .acc-div{
        margin-left: -43px !important;
    }
    .acc-img{
        width: 135% !important;
        height: 4vh;
        margin-top: 10px;
    }
    .FAQ {
        margin-left: 0px;
    }
    .testi-row{
        display: none;
    }
    .tech-stack{
        margin-left: auto;
        margin-right: auto;
    }
    .tech-btnns{
        display: flex;
        justify-content: center;
    }
    #btn-12{
        padding: 15px 24px;
        font-size: 12px;
    }
    #btn-22{
        padding: 15px 30px;
        font-size: 12px;
    }
    /* .mobile-device-techs{
        display: block;
    }
    .Tech-content{
        display: none;
    } */
    .tech-cont{
        font-weight: 300;
        margin-bottom: 10px;
        /* margin-right: 20px;
        margin-left: 20px; */
    }
    #react-box{
        margin-right: 20px;
    }
    #javascript-box{
        margin-right: 20px;
    }
    #node-box{
        margin-right: 20px;
    }
    #php-box{
        margin-right: 20px;
    }
    #python-box{
        margin-right: 20px;
    }
    #java-box{
        margin-right: 20px;
    }
    #aws-box{
        margin-right: 20px;
    }
    #machine-box{
        margin-right: 20px;
    }
    #android-box{
        margin-right: 20px;
    }
    #angular-box{
        margin-right: 20px;
    }
    #c-hash-box{
        margin-right: 20px;
    }
    #cplus-box{
        margin-right: 20px;
    }
    #azure-box{
        margin-right: 20px;
    }
    #ruby-box{
        margin-right: 20px;
    }
    #wordpress-box{
        margin-right: 20px;
    }
    #ios-box{
        margin-right: 20px;
    }
    #html-box{
        margin-right: 20px;
    }
    #flutter-box{
        margin-right: 20px;
    }
    #native-box{
        margin-right: 20px;
    }
    #ui-box{
        margin-right: 20px;
    }
    #django-box{
        margin-right: 20px;
    }
    #swift-box{
        margin-right: 20px;
    }
    #full-stack-box{
        margin-right: 20px;
    }
    #psql-box{
        margin-right: 20px;
    }
    .hire-dev-section{
        margin-left: -68px;
        margin-right: 15px;
    }
    .dev-btn{
        margin-left: -150px;
    }
    label img{
        width: 30%;
    }
    .mern-img{
        width: 85%;
    }
    .mean-img{
        width: 60%;
    }
    #footer-elem{
        padding-right: 3rem !important;
        padding-left: 0rem !important;
    }
    .footer-row-1{
        font-size: 16px;
    }
    #elements-2{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .text-white{
        margin-bottom: 0;
    }
    .connect-withus{
        margin-bottom: 2px;
        margin-top: 10px;
    }
    #footer-banner-cta{
        font-size: 22px;
        padding: 20px !important;
    }
    .email-div input{
        margin: 0 !important;
    }
    .footer-banner-btn{
        margin-top: -66px !important;
        font-size: 12px;
        padding: 9px 15px;
    }
    #location1, #location2{
        margin-top: 20px;
        margin-left:20px;
    }
    .address-text{
        margin-top: -15px;
    }
    .add-elem1{
        margin-left: 10px;
    }
    .email-inp{
        font-size: 12px;
    }
    .email-div{
        margin-left: 20px;
    }
    #cta-section {
        margin-top: 60px;
        height: 200px;
        background-image: url('images/cta-bnr.jpg');
        padding-left: 237px;
        padding-top: 30px;
      }
      #cta-text{
        display: none;
      }
      #btnnn-cta{
        padding: 10px 10px !important;
        font-size: 12px !important;
        margin-left: -50px;
      }
      .testimonial-txt{
        font-weight: 700;
        font-size: 30px;
        text-align: center;
    }
    .wrapper1-class {
        /* background-image: url("../images/background-gradient-lights.jpg"); */
        height: 550px;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-flow: row nowrap;
        -webkit-box-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 13px 0 0;
    }
    .mainSlider {
        position: absolute;
        top: 80px;
        left: 0;
        width: 500%;
        height: auto;
        transition: left 0.4s;
        display: flex;
        flex-flow: row nowrap;
    }
    .content {
       /* border: 1px solid rgb(156, 156, 156);
        border-radius: 30px;*/
        background: linear-gradient(135deg, rgb(217 217 217 / 65%) 0%, rgb(217 217 217 / 0%) 100%);
        box-shadow: 27px 36px 20px 8px rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(-1px);
        height: 100%;
        /* text-align: center; */
        display: flex;
        -webkit-box-flex: 1;
        flex: 1;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        /* align-items: center; */
        -webkit-box-pack: center;
        justify-content: center;
        padding: 20px;
        margin-right: 22px;
        /* margin-left: 22px;*/ 
        overflow: hidden;
    }
    .content2 h2 {
        font-size: 20px;
        font-style: italic;
        font-weight: 300;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .content2 p {
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        line-height: 1.5;
        color: #fff;
        margin-top: -20px;
        margin-bottom: 20px;
        max-width: 750px;
    }
    .img-area img {
        width: 100%;
    }
    .img-area {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin-bottom: 40px;
        /* border: 5px solid #fff; */
    }
    .dots {
        width: 12px;
        height: 12px;
        margin:30px 10px;
        z-index: 10;
        outline: 7px solid black;
        outline-offset: -6px;
        cursor: pointer;
        appearance: none;
        backface-visibility: hidden;
        border-radius: 50%;
        
    }
    .dots:checked:nth-of-type(1)~.mainSlider {
        left: 0%;
    }
    .dots:checked:nth-of-type(2)~.mainSlider {
        left: -100%;
    }
    .dots:checked:nth-of-type(3)~.mainSlider {
        left: -200%;
    }
    .dots:checked:nth-of-type(4)~.mainSlider {
        left: -300%;
    }
    .dots:checked:nth-of-type(5)~.mainSlider {
        left: -400%;
    }
    .desk-testim{
        display: none;
    }
    .testim-cont{
        display: block;
    }
    .stars{
        margin-left: 0;
        margin-bottom: 30px;
    }
    .img-area{
        margin-bottom: 15px;
        }
        #blog-mobile{
            padding: 10px;
        }
        .blog-btn{
            border-radius: 5px !important;
        }
        #blog-1{
            margin-bottom: 20px;
        }
        .faq-box-text{
            text-align: center;
        }
    }
      
    




@media screen and (max-width: 360px){
    html, body{
        width: 100%;
        margin: 0;
        padding: 0;
         /* overflow-x: hidden; */
    }
    body::-webkit-scrollbar{
        display: none !important;
    }
    #banner-paragraph{
        padding-top: 0!important;
    }
    #banner-paragraph-section{
        padding-right: 0!important;
        padding-left: 0!important;
        padding-top: 0 !important;
    }
    .text-area{
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        padding-top: 1rem !important;
    }
    .bg-image{
        max-width: 100%;
        height: 85vh;
    }
    .banner-btn{
        margin-left: 112px !important;
    }
    .acc-div{
        margin-left: -43px !important;
    }
    .acc-img{
        width: 135% !important;
        height: 4vh;
        margin-top: 10px;
    }
    .FAQ {
        margin-left: 0px;
    }
    .testi-row{
        display: none;
    }
    .tech-stack{
        margin-left: auto;
        margin-right: auto;
    }
    .tech-btnns{
        display: flex;
        justify-content: center;
    }
    #btn-12{
        padding: 15px 24px;
        font-size: 12px;
    }
    #btn-22{
        padding: 15px 30px;
        font-size: 12px;
    }
    .mobile-device-techs{
        display: block;
    }
    .Tech-content{
        display: none;
    }
    .tech-cont{
        font-weight: 300;
        margin-bottom: 10px;
        /* margin-right: 20px;
        margin-left: 20px; */
    }
    #react-box{
        margin-right: 20px;
    }
    #javascript-box{
        margin-right: 20px;
    }
    #node-box{
        margin-right: 20px;
    }
    #php-box{
        margin-right: 20px;
    }
    #python-box{
        margin-right: 20px;
    }
    #java-box{
        margin-right: 20px;
    }
    #aws-box{
        margin-right: 20px;
    }
    #machine-box{
        margin-right: 20px;
    }
    #android-box{
        margin-right: 20px;
    }
    #angular-box{
        margin-right: 20px;
    }
    #c-hash-box{
        margin-right: 20px;
    }
    #cplus-box{
        margin-right: 20px;
    }
    #azure-box{
        margin-right: 20px;
    }
    #ruby-box{
        margin-right: 20px;
    }
    #wordpress-box{
        margin-right: 20px;
    }
    #ios-box{
        margin-right: 20px;
    }
    #html-box{
        margin-right: 20px;
    }
    #flutter-box{
        margin-right: 20px;
    }
    #native-box{
        margin-right: 20px;
    }
    #ui-box{
        margin-right: 20px;
    }
    #django-box{
        margin-right: 20px;
    }
    #swift-box{
        margin-right: 20px;
    }
    #full-stack-box{
        margin-right: 20px;
    }
    #psql-box{
        margin-right: 20px;
    }
    .hire-dev-section{
        margin-left: -68px;
        margin-right: 15px;
    }
    .dev-btn{
        margin-left: -150px;
    }
    label img{
        width: 30%;
    }
    .mern-img{
        width: 85%;
    }
    .mean-img{
        width: 60%;
    }
    #footer-elem{
        padding-right: 3rem !important;
        padding-left: 0rem !important;
    }
    .footer-row-1{
        font-size: 16px;
    }
    #elements-2{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .text-white{
        margin-bottom: 0;
    }
    .connect-withus{
        margin-bottom: 2px;
        margin-top: 10px;
    }
    #footer-banner-cta{
        font-size: 22px;
        padding: 20px !important;
    }
    .email-div input{
        margin: 0 !important;
    }
    .footer-banner-btn{
        margin-top: -66px !important;
        font-size: 12px;
        padding: 9px 15px;
    }
    #location1, #location2{
        margin-top: 20px;
        margin-left:20px;
    }
    .address-text{
        margin-top: -15px;
    }
    .add-elem1{
        margin-left: 10px;
    }
    .email-inp{
        font-size: 12px;
    }
    .email-div{
        margin-left: 20px;
    }
    #cta-section {
        margin-top: 60px;
        height: 200px;
        background-image: url('images/cta-bnr.jpg');
        padding-left: 237px;
        padding-top: 30px;
      }
      #cta-text{
        display: none;
      }
      #btnnn-cta{
        padding: 10px 10px;
        font-size: 12px;
        font-weight: bold;
      }
      .testimonial-txt{
        font-weight: 700;
        font-size: 30px;
        text-align: center;
    }
    .wrapper1-class {
        background-image: url("../images/bg.jpg");
        height: 550px;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-flow: row nowrap;
        -webkit-box-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 13px 0 0;
    }
    .mainSlider {
        position: absolute;
        top: 80px;
        left: 0;
        width: 500%;
        height: auto;
        transition: left 0.4s;
        display: flex;
        flex-flow: row nowrap;
    }
    .content {
        /* border: 1px solid rgb(156, 156, 156);
        border-radius: 30px; */
        background: linear-gradient(135deg, rgb(217 217 217 / 65%) 0%, rgb(217 217 217 / 0%) 100%);
        box-shadow: 27px 36px 20px 8px rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(-1px);
        height: 100%;
        /* text-align: center; */
        display: flex;
        -webkit-box-flex: 1;
        flex: 1;
        flex-flow: column nowrap;
        -webkit-box-align: center;
       /* align-items: center; */
        -webkit-box-pack: center;
        justify-content: center;
        padding: 20px;
        margin-right: 22px;
       /* margin-left: 22px; */
        overflow: hidden;
    }
    .content2 h2 {
        font-size: 20px;
        font-style: italic;
        font-weight: 300;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .content2 p {
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        line-height: 1.5;
        color: #fff;
        margin-top: -20px;
        margin-bottom: 20px;
        max-width: 750px;
    }
    .img-area img {
        width: 100%;
    }
    .img-area {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin-bottom: 40px;
        /* border: 5px solid #fff; */
    }
    .dots {
        width: 12px;
        height: 12px;
        margin:30px 10px;
        z-index: 10;
        outline: 7px solid black;
        outline-offset: -6px;
        cursor: pointer;
        appearance: none;
        backface-visibility: hidden;
        border-radius: 50%;
        
    }
    .dots:checked:nth-of-type(1)~.mainSlider {
        left: 0%;
    }
    .dots:checked:nth-of-type(2)~.mainSlider {
        left: -100%;
    }
    .dots:checked:nth-of-type(3)~.mainSlider {
        left: -200%;
    }
    .dots:checked:nth-of-type(4)~.mainSlider {
        left: -300%;
    }
    .dots:checked:nth-of-type(5)~.mainSlider {
        left: -400%;
    }
    .desk-testim{
        display: none;
    }
    .testim-cont{
        display: block;
    }
    .stars{
        margin-left: 0;
        margin-bottom: 30px;
    }
    .img-area{
        margin-bottom: 15px;
        }
        #blog-mobile{
            padding: 10px;
        }
        .blog-btn{
            border-radius: 5px !important;
        }
        #blog-1{
            margin-bottom: 20px;
        }
        .faq-box-text{
            text-align: center;
        }
        

}

/*Services responsive */
@media only screen and (max-width:678px) {
    
    .services-for-smalldev {
        display: block;

    }
    .services-for-largedev{
        display: none;
    }
    .main-div{
        margin-left: 0%;
        margin-bottom: 120px;
    }
    .main-text-services{
        text-align: center;
    }
    .services-elements-1 {
        width: 90%;
        margin-left: 5%;
        
    }
    .services-elements-2 {
        width: 90%;
        margin-left: 5%;

    }
    
    
}

@media only screen and (min-width:679px) {
    .services-for-largedev{
        display: block;
    }
    .main-div{
        display: none;
    }
}