@media screen and (max-width: 1399px) and (min-width: 1200px){
    .devlopment_services .devlop-box .box h4{
        font-size: 25px;
    }
    .why_choose_dev .devlo-frea li{
        font-size: 17px;
    }
    .app-development .app-title{
        padding: 0 15px 0 0 ;
    }
    .app-development .app-inner-title h2{
        padding: 20px;
        font-size: 22px;
    }
    .app-development .design .design-desc{
        padding: 20px;
    }
    .app-development .design .design-img img{
        margin-top: 25%;
    }
    .app-development .design .design-desc h2{
        font-size: 34px;
        margin-bottom: 13px;
    }
    .app-development .round-desc p{
        font-size: 19px;
        width: 100%;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1025px){
    .ios_page h1{
        font-size: 42px;
    }
    .ios_page p{
        font-size: 19px;
        margin-top: 10px;
    }
    .ios_page .consu{
        margin-top: 30px;
    }
    .ios_page .consu a{
        padding: 7px 15px;
        font-size: 17px;
    }
    .devlopment_services{
        margin-top: 70px;
    }
    .devlopment_services h1{
        font-size: 40px;
    }
    .devlopment_services p{
        font-size: 22px;
    }
    .devlopment_services .devlop-box .box{
        padding: 20px;
    }
    .devlopment_services .devlop-box .box h4{
        font-size: 21px;
    }
    .devlopment_services .devlop-box .box p{
        font-size: 17px;
    }
    .why_choose_dev{
        margin-top: 70px;
    }
    .why_choose_dev h1{
        width: 80%;
        font-size: 40px;
    }
    .why_choose_dev p{
        font-size: 22px;
    }
    .why_choose_dev .devlo-frea .col-lg-2{
        display: none;
    }
    .why_choose_dev .devlo-frea .col-lg-4{
        width: 50%;
    }
    .why_choose_dev .devlo-frea li{
        font-size: 18px;
    }
    .why_choose_dev .dev-years .box{
        padding: 30px 25px;
    }
    .devlopment_faq{
        margin-top: 70px;
    }
    .devlopment_faq h1{
        font-size: 40px;
    }
    .app-development .design .design-img img {
        margin-top: 35%;
    }
    .app-development .round-desc p {
        font-size: 18px;
        width: 100%;
    }
    .app-development .design .col-lg-8{
        width: 64%;
    }
    .app-development .app-inner-title h2{
        padding: 20px;
        font-size: 21px;
    }
    .app-development .app-title{
        padding: 0 15px 0 0;
    }
    .app-development .design .design-desc{
        padding: 20px;
    }
    .app-development .design .design-desc h2{
        font-size: 31px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 992px){
    .ios-bg{
        padding: 100px 0;
    }
    .android-bg{
        padding: 100px 0;
    }
    .flutter-bg{
        padding: 100px 0;
    }
    .bootstrap-bg{
        padding: 100px 0;
    }
    .css-bg{
        padding: 100px 0;
    }
    .html-bg{
        padding: 100px 0;
    }
    .javascript-bg{
        padding: 100px 0;
    }
    .jquery-bg{
        padding: 100px 0;
    }
    .react-bg{
        padding: 100px 0;
    }
    .laravel-bg{
        padding: 100px 0;
    }
    .node-bg{
        padding: 100px 0;
    }
    .php-bg{
        padding: 100px 0;
    }
    .wordpress-bg{
        padding: 100px 0;
    }
    .ios_page h1{
        font-size: 40px;
    }
    .ios_page p{
        font-size: 19px;
        margin-top: 10px;
    }
    .ios_page .consu{
        margin-top: 30px;
    }
    .ios_page .consu a{
        padding: 7px 15px;
    }
    .devlopment_services{
        margin-top: 65px;
    }
    .devlopment_services h1{
        font-size: 38px;
    }
    .devlopment_services p{
        font-size: 21px;
    }
    .devlopment_services .devlop-box .box{
        padding: 15px;
        margin-top: 10px;
    }
    .devlopment_services .devlop-box .box h4{
        font-size: 22px;
    }
    .devlopment_services .devlop-box .box h4{
        font-size: 21px;
    }
    .why_choose_dev{
        margin-top: 65px;
    }
    .why_choose_dev h1{
        font-size: 38px;
        width: 70%;
    }
    .why_choose_dev p{
        margin-top: 10px;
        font-size: 21px;
    }
    .why_choose_dev .devlo-frea .col-lg-2{
        display: none;
    }
    .why_choose_dev .devlo-frea .col-lg-4{
        width: 50%;
    }
    .why_choose_dev .devlo-frea li{
        font-size: 18px;
        margin-top: 15px;
    }
    .why_choose_dev .dev-years .box{
        padding: 25px;
    }
    .why_choose_dev .dev-years .box .box-text h4{
        font-size: 40px;
    }
    .devlopment_faq{
        margin-top: 65px;
    }
    .devlopment_faq p{
        font-size: 21px;
    }
    .app-development .design .design-img img {
        margin-top: 40%;
    }
    .app-development .round-desc p {
        font-size: 19px;
        width: 100%;
    }
    .app-development .design .col-lg-8{
        width: 64%;
    }
    .app-development .app-title{
        padding: 0 15px 0 0;
    }
    .app-development .app-inner-title h2{
        padding: 15px;
        font-size: 21px;
        font-weight: 700;
    }
    .app-development .design .design-desc{
        padding-top: 20px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px){
    .ios-bg{
        padding: 90px 0;
    }
    .android-bg{
        padding: 90px 0;
    }
    .flutter-bg{
        padding: 90px 0;
    }
    .bootstrap-bg{
        padding: 90px 0;
    }
    .css-bg{
        padding: 90px 0;
    }
    .html-bg{
        padding: 90px 0;
    }
    .javascript-bg{
        padding: 90px 0;
    }
    .jquery-bg{
        padding: 90px 0;
    }
    .react-bg{
        padding: 90px 0;
    }
    .laravel-bg{
        padding: 90px 0;
    }
    .node-bg{
        padding: 90px 0;
    }
    .php-bg{
        padding: 90px 0;
    }
    .wordpress-bg{
        padding: 90px 0;
    }
    .ios_page h1{
        font-size: 45px;
    }
    .ios_page p{
        font-size: 18px;
        font-weight: 400;
    }
    .ios_page .consu{
        margin-top: 20px;
    }
    .ios_page .consu a{
        padding: 7px 15px;
        font-size: 17px;
    }
    .devlopment_services{
        margin-top: 60px;
    }
    .devlopment_services h1{
        font-size: 37px;
    }
    .devlopment_services p{
        font-size: 20px;
    }
    .devlopment_services .devlop-box .col-lg-6{
        width: 50%;
    }
    .devlopment_services .devlop-box .box{
        padding: 15px;
        margin-top: 0;
    }
    .devlopment_services .devlop-box .box h4 img{
        margin-right: 5px;
    }
    .devlopment_services .devlop-box .box h4{
        font-size: 22px;
        margin-left: 2.2em;
        text-indent: -2.2em;
    }
    .devlopment_services .devlop-box .box p{
        font-size: 17px;
    }
    .why_choose_dev{
        margin-top: 65px;
    }
    .why_choose_dev h1{
        font-size: 37px;
        width: 90%;
    }
    .why_choose_dev p{
        font-size: 21px;
        margin-top: 10px;
    }
    .why_choose_dev .devlo-frea .col-lg-4{
        width: 50%;
    }
    .why_choose_dev .devlo-frea li{
        font-size: 16px;
        margin-top: 15px;
    }
    .why_choose_dev .dev-years .col-lg-3{
        width: 50%;
    }
    .why_choose_dev .dev-years .box{
        padding: 30px 35px;
        margin-bottom: 20px;
    }
    .devlopment_faq{
        margin-top: 65px;
    }
    .devlopment_faq h1{
        font-size: 37px;
    }
    .devlopment_faq p{
        font-size: 21px;
    }
    .devlopment_faq .new-accordion .accordion-item button.accordion-button{
        font-size: 20px;
        padding: 15px 0;
    }
    .app-development .design .design-img img {
        margin-top: 60%;
    }
    .app-development .design{
        margin-top: 10%;
        height: auto;
    }
    .app-development .round-desc p {
        font-size: 19px;
        width: 100%;
    }
    .app-development .design .col-lg-8{
        width: 62%;
    }
    .app-development .design .col-lg-4{
        width: 35%;
    }
}

@media screen and (max-width: 767px) and (min-width: 426px){
    .ios-bg{
        padding: 80px 0;
    }
    .android-bg{
        padding: 80px 0;
    }
    .flutter-bg{
        padding: 80px 0;
    }
    .bootstrap-bg{
        padding: 80px 0;
    }
    .css-bg{
        padding: 80px 0;
    }
    .html-bg{
        padding: 80px 0;
    }
    .javascript-bg{
        padding: 80px 0;
    }
    .jquery-bg{
        padding: 80px 0;
    }
    .react-bg{
        padding: 80px 0;
    }
    .laravel-bg{
        padding: 80px 0;
    }
    .node-bg{
        padding: 80px 0;
    }
    .php-bg{
        padding: 80px 0;
    }
    .wordpress-bg{
        padding: 80px 0;
    }
    .ios_page h1{
        font-size: 38px;
    }
    .ios_page p{
        font-size: 18px;
        margin-top: 20px;
    }
    .ios_page .consu{
        margin-top: 25px;
    }
    .ios_page .consu a{
        padding: 7px 10px;
        font-size: 17px;
    }
    .devlopment_services{
        margin-top: 60px;
    }
    .devlopment_services h1{
        font-size: 33px;
    }
    .devlopment_services p{
        font-size: 19px;
        text-align: justify;
        hyphens: auto;
    }
    .devlopment_services .devlop-box .box{
        padding: 15px;
        margin-top: 0;
    }
    .devlopment_services .devlop-box .box h4{
        font-size: 23px;
        margin-left: 2em;
        text-indent: -2.2em;
    }
    .devlopment_services .devlop-box .box p{
        font-size: 17px;
    }
    .why_choose_dev{
        margin-top: 60px;
    }
    .why_choose_dev h1{
        font-size: 29px;
        width: 100%;
    }
    .why_choose_dev p{
        font-size: 20px;
        margin-top: 10px;
        text-align: justify;
        hyphens: auto;
    }
    .why_choose_dev .devlo-frea li{
        font-size: 18px;
        margin-top: 15px;
    }
    .why_choose_dev .dev-years .col-lg-3{
        width: 50%;
    }
    .why_choose_dev .dev-years .box{
        padding: 22px 14px;
        margin-bottom: 20px;
    }
    .why_choose_dev .dev-years .box .box-text h4{
        font-size: 40px;
    }
    .why_choose_dev .dev-years .box .box-text h6{
        font-size: 15px;
    }
    .devlopment_faq{
        margin-top: 60px;
    }
    .devlopment_faq h1{
        font-size: 29px;
    }
    .devlopment_faq p{
        font-size: 19px;
    }
    .devlopment_faq .new-accordion .accordion-item button.accordion-button{
        font-size: 19px;
        padding: 15px 0;
    }
    .devlopment_faq .new-accordion .accordion-item .accordion-body{
        font-size: 17px;
    }
    .app-development .design .design-img{
       display: none;
    }
    .app-development .design{
        margin-top: 10%;
        height: auto;
    }
    .app-development .round-desc p {
        font-size: 19px;
        width: 100%;
    }
    .app-development .design .col-lg-8{
        width: 100%;
    }
    .app-development h1{
        margin-bottom: 30px;
    }
    .app-development .app-inner-title h2{
        padding: 20px;
        font-size: 22px;
        font-weight: 700;
    }
    .app-development .design .design-desc{
        padding: 25px;
    }
    .app-development .design .design-desc h2{
        font-size: 30px;
        font-weight: 700;
    }
}

@media screen and (max-width: 425px) and (min-width: 376px){
    .ios-bg{
        padding: 70px 0;
    }
    .android-bg{
        padding: 70px 0;
    }
    .flutter-bg{
        padding: 70px 0;
    }
    .bootstrap-bg{
        padding: 70px 0;
    }
    .css-bg{
        padding: 70px 0;
    }
    .html-bg{
        padding: 70px 0;
    }
    .javascript-bg{
        padding: 70px 0;
    }
    .jquery-bg{
        padding: 70px 0;
    }
    .react-bg{
        padding: 70px 0;
    }
    .laravel-bg{
        padding: 70px 0;
    }
    .node-bg{
        padding: 70px 0;
    }
    .php-bg{
        padding: 70px 0;
    }
    .wordpress-bg{
        padding: 70px 0;
    }
    .ios_page h1{
        font-size: 35px;
    }
    .ios_page p{
        font-size: 17px;
        margin-top: 20px;
    }
    .ios_page .consu{
        margin-top: 20px;
    }
    .ios_page .consu a{
        padding: 7px 10px;
        font-size: 17px;
    }
    .devlopment_services{
        margin-top: 50px;
    }
    .devlopment_services h1{
        font-size: 30px;
    }
    .devlopment_services p{
        font-size: 18px;
        text-align: justify;
        hyphens: auto;
    }
    .devlopment_services .devlop-box .box{
        padding: 15px;
        margin-top: 0;
    }
    .devlopment_services .devlop-box .box h4{
        font-size: 22px;
        margin-left: 2.5em;
        text-indent: -2.5em;
    }
    .devlopment_services .devlop-box .box p{
        font-size: 17px;
    }
    .why_choose_dev{
        margin-top: 50px;
    }
    .why_choose_dev h1{
        font-size: 27px;
        width: 100%;
    }
    .why_choose_dev p{
        font-size: 18px;
        margin-top: 10px;
        text-align: justify;
        hyphens: auto;
    }
    .why_choose_dev .devlo-frea li{
        font-size: 17px;
        margin-top: 15px;
    }
    .why_choose_dev .dev-years .col-lg-3{
        width: 50%;
    }
    .why_choose_dev .dev-years .box{
        padding: 15px 4px;
        margin-bottom: 20px;
    }
    .why_choose_dev .dev-years .box .box-text h4{
        font-size: 38px;
    }
    .why_choose_dev .dev-years .box .box-text h6{
        font-size: 14px;
    }
    .devlopment_faq{
        margin-top: 50px;
    }
    .devlopment_faq h1{
        font-size: 27px;
    }
    .devlopment_faq p{
        font-size: 18px;
    }
    .devlopment_faq .new-accordion .accordion-item button.accordion-button{
        font-size: 19px;
        padding: 15px 0;
    }
    .devlopment_faq .new-accordion .accordion-item .accordion-body{
        font-size: 17px;
    }
    .app-development .design .design-img{
        display: none;
    }
    .app-development .design{
        margin-top: 10%;
        height: auto;
    }
    .app-development{
        margin: 50px 0px;
    }
    .app-development .round-desc p {
        font-size: 19px;
        width: 90%;
    }
    .app-development .design .col-lg-8{
        width: 100%;
    }
    .app-development h1{
        font-size: 26px;
        margin-bottom: 24px;
    }
    .app-development .app-inner-title h2{
        font-size: 21px;
        padding: 20px;
    }
    .app-development .design .design-desc h2 {
        font-size: 28px;
    }
    .app-development .design .design-desc{
        padding-top: 25px;
        padding-left: 25px;
    }
}

@media screen and (max-width: 375px) and (min-width: 300px){
    .ios-bg{
        padding: 60px 0;
    }
    .android-bg{
        padding: 60px 0;
    }
    .flutter-bg{
        padding: 60px 0;
    }
    .bootstrap-bg{
        padding: 60px 0;
    }
    .css-bg{
        padding: 60px 0;
    }
    .html-bg{
        padding: 60px 0;
    }
    .javascript-bg{
        padding: 60px 0;
    }
    .jquery-bg{
        padding: 60px 0;
    }
    .react-bg{
        padding: 60px 0;
    }
    .laravel-bg{
        padding: 60px 0;
    }
    .node-bg{
        padding: 60px 0;
    }
    .php-bg{
        padding: 60px 0;
    }
    .wordpress-bg{
        padding: 60px 0;
    }
    .ios_page h1{
        font-size: 33px;
    }
    .ios_page p{
        font-size: 17px;
        margin-top: 20px;
    }
    .ios_page .consu{
        margin-top: 20px;
    }
    .ios_page .consu a{
        padding: 7px 10px;
        font-size: 17px;
    }
    .devlopment_services{
        margin-top: 45px;
    }
    .devlopment_services h1{
        font-size: 30px;
    }
    .devlopment_services p{
        font-size: 17px;
        text-align: justify;
        hyphens: auto;
    }
    .devlopment_services .devlop-box .box{
        padding: 15px;
        margin-top: 0;
    }
    .devlopment_services .devlop-box .box h4{
        font-size: 19px;
        margin-left: 2.7em;
        text-indent: -2.7em;
    }
    .devlopment_services .devlop-box .box p{
        font-size: 17px;
    }
    .why_choose_dev{
        margin-top: 45px;
    }
    .why_choose_dev h1{
        font-size: 27px;
        width: 100%;
    }
    .why_choose_dev p{
        font-size: 17px;
        margin-top: 10px;
        text-align: justify;
        hyphens: auto;
    }
    .why_choose_dev .devlo-frea li{
        font-size: 16px;
        margin-top: 15px;
    }
    .why_choose_dev .dev-years .box{
        padding: 15px 20px;
        margin-bottom: 20px;
    }
    .why_choose_dev .dev-years .box .box-text h4{
        font-size: 40px;
    }
    .devlopment_faq{
        margin-top: 50px;
    }
    .devlopment_faq h1{
        font-size: 26px;
    }
    .devlopment_faq p{
        font-size: 18px;
    }
    .devlopment_faq .new-accordion .accordion-item button.accordion-button{
        font-size: 18px;
        padding: 15px 0;
    }
    .devlopment_faq .new-accordion .accordion-item .accordion-body{
        font-size: 17px;
    }
    .app-development .design .design-img{
        display: none;
    }
    .app-development .design{
        margin-top: 10%;
        height: auto;
    }
    .app-development{
        margin: 50px 0px;
    }
    .app-development .round-desc p {
        font-size: 19px;
        width: 90%;
    }
    .app-development .design .col-lg-8{
        width: 100%;
    }
    .app-development h1{
        font-size: 26px;
        margin-bottom: 24px;
    }
    .app-development .app-inner-title h2{
        padding: 20px;
        font-size: 22px;
    }
    .app-development .design .design-desc{
        padding: 20px;
    }
    .app-development .design .design-desc h2 {
        font-size: 24px;
    }
}

@media (max-width: 299px){
    .ios-bg{
        padding: 60px 0;
    }
    .android-bg{
        padding: 60px 0;
    }
    .flutter-bg{
        padding: 60px 0;
    }
    .bootstrap-bg{
        padding: 60px 0;
    }
    .css-bg{
        padding: 60px 0;
    }
    .html-bg{
        padding: 60px 0;
    }
    .javascript-bg{
        padding: 60px 0;
    }
    .jquery-bg{
        padding: 60px 0;
    }
    .react-bg{
        padding: 60px 0;
    }
    .laravel-bg{
        padding: 60px 0;
    }
    .node-bg{
        padding: 60px 0;
    }
    .php-bg{
        padding: 60px 0;
    }
    .wordpress-bg{
        padding: 60px 0;
    }
    .ios_page h1{
        font-size: 33px;
    }
    .ios_page p{
        font-size: 17px;
        margin-top: 20px;
    }
    .ios_page .consu{
        margin-top: 20px;
    }
    .ios_page .consu a{
        padding: 7px 10px;
        font-size: 17px;
    }
    .devlopment_services{
        margin-top: 45px;
    }
    .devlopment_services h1{
        font-size: 30px;
    }
    .devlopment_services p{
        font-size: 17px;
        text-align: justify;
        hyphens: auto;
    }
    .devlopment_services .devlop-box .box{
        padding: 15px;
        margin-top: 0;
    }
    .devlopment_services .devlop-box .box h4{
        font-size: 21px;
        margin-left: 2.7em;
        text-indent: -2.7em;
    }
    .devlopment_services .devlop-box .box p{
        font-size: 17px;
    }
    .why_choose_dev{
        margin-top: 45px;
    }
    .why_choose_dev h1{
        font-size: 27px;
        width: 100%;
    }
    .why_choose_dev p{
        font-size: 17px;
        margin-top: 10px;
        text-align: justify;
        hyphens: auto;
    }
    .why_choose_dev .devlo-frea li{
        font-size: 17px;
        margin-top: 15px;
    }
    .why_choose_dev .dev-years .box{
        padding: 15px 20px;
        margin-bottom: 20px;
    }
    .why_choose_dev .dev-years .box .box-text h4{
        font-size: 40px;
    }
    .devlopment_faq{
        margin-top: 50px;
    }
    .devlopment_faq h1{
        font-size: 27px;
    }
    .devlopment_faq p{
        font-size: 18px;
    }
    .devlopment_faq .new-accordion .accordion-item button.accordion-button{
        font-size: 18px;
        padding: 15px 0;
    }
    .devlopment_faq .new-accordion .accordion-item .accordion-body{
        font-size: 17px;
    }
    .app-development .design .design-img{
        display: none;
     }
     .app-development .design{
         margin-top: 10%;
         height: auto;
     }
     .app-development{
        margin: 50px 0px;   
     }
     .app-development .round-desc p {
         font-size: 19px;
         width: 90%;
     }
     .app-development .design .col-lg-8{
         width: 100%;
     }
     .app-development .design .design-desc{
        padding-left: 24px;
     }
     .app-development h1{
        font-size: 24px;
        margin-bottom: 24px;
     }
     .app-development .design .design-desc h2 {
        font-size: 28px;
     }
}