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

}
@media screen and (min-width: 1501px) and (max-width: 1920px) {
    .howitworks a.animated-btn, button.animated-btn {font-size: 16px;padding: 12px 30px;}

}
@media only screen and (max-width:1599px){
.container-fluid {
    width: 95%;
}
li.counter_text {
    font-size: 17px;
    line-height: 24px;
}
.container {
    max-width: 95%;
}
.hiredeveloper .hoverbox{
    padding: 20px;
}
.ctabuttonsec h2 span {
    line-height: 25px;
}
.ctabuttonsec h2 {
    font-size: 28px;
    line-height: 34px;
}
footer .bannerlist ul li {
    padding: 0 15px 15px;
    font-size: 17px;
}
}

@media only screen and (max-width:1399px){
.hiredeveloper .hoverbox h3 {
    font-size: 18px;
}
.bannerpic {
    bottom: inherit;
    width: 470px;
    top: 50%;
    transform: translateY(-50%);
}






}


@media screen and (min-width: 1200px) and (max-width: 1500px) { 
a.animated-btn, a.animated-btn1 {
    font-size: 14px;
    padding: 12px 35px;
}
.menu li {
    margin: 0 17px;
}
.bannerpic {
    width: 600px;
    bottom: inherit;
    top: 50%;
    transform: translateY(-50%);
}
h1 {
    font-size: 40px;
    line-height: 58px;
}
li.counter_text h5 {
    font-size: 35px;
}
.clip-text {
    font-size: 300px;
}
.innertrusted h2 {
    line-height: 51px;
    padding-bottom: 45px;
    font-size: 35px;
}
.bannersec {
    padding: 45px 0 73px;
    margin-top: 90px;
    overflow: hidden;
}

.servicesection, .whysection, .freetrial, .hiredeveloper, .developerhire, .howitworks, .methodologies, .testimonials, .trustedpartner, .pricingsec{padding: 50px 0;}
.trustedpartner {padding-top: 10px;}
.partnerslider {
    padding-top: 50px;
}
.tabs ul li a {
    padding: 15px 0;
    font-size: 19px;
    margin: 0 17px;
}
.ctabuttonsec {
    padding: 80px 45px 80px 450px;
    margin-top: 35px;
}

.girlpic {
    width: 400px;
}
.ctabuttonsec {
    margin-top: 0;
}
.footertop p a.link {
    font-size: 18px;
}
.footerleftcont {
    width: 100%;
}
.experiencesec span {
    font-size: 52px;
    line-height: 64px;
}
.experiencesec {
    font-size: 16px;
    line-height: 22px;
}
.whysection .hoverbox {
    margin-bottom: 55px;
}

}

@media screen and (min-width: 1200px) and (max-width: 1500px) {

}

@media only screen and (max-width:1199px){
    .bannerinner {
        width: 560px;
    }
    .bannersec.dedicated .bannerpic {
        bottom: 40px;
        width: 830px;
    }
    .dedicated ul.loadersecion li.counter_text .countcont {
        font-size: 17px;;
    }




}

@media only screen and (max-width:1023px){
#menu_trigger {
    height: 43px;
    width: 42px;
    right: 375px;
    top: 23px;
}
.tabs ul li a {
    padding: 15px 0;
    font-size: 15px;
    color: #222;
    margin: 0 7px;
    border-bottom: 2px solid transparent;
}
.weservecont:hover .weservehidecont {
    margin-bottom: 0px;
    padding: 10px 0 10px 0px;
    font-size: 14px;
    line-height: 21px;
}
.weservetext h3 {
    font-size: 18px;
}
.toprated h3 {
    margin-right: 30px;
}
ul.loadersecion li.counter_text {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    margin: 20px 0px;
}

}


@media screen and (min-width: 1024px) and (max-width: 1199px) { 
a.animated-btn1, a.animated-btn {
    font-size: 16px;
    padding: 12px 30px;
}
.tabs ul li a {
    padding: 9px 0;
    font-size: 15px;
    margin: 0 15px;
}
.ctabuttonsec {
    padding: 50px 45px 50px 341px;
    margin-top: 0;
}
.girlpic {
    width: 320px;
}
.howitworks .hoverbox {
    padding: 15px;
}
.pricetext {
    font-size: 28px;
    line-height: 39px;
    font-weight: 700;
}
.pricewhite {
    padding: 15px;
}
.pricewhite ul li {
    padding: 0 0 11px;
    font-size: 20px;
}
.faqinner {
    padding: 0;
}
.footertop p a.link {
    font-size: 15px;
    font-weight: 500;
}
.footerleftcont {
    width: 100%;
}
.footertop {
    line-height: 25px;
    font-size: 15px;
}
.menu li a {
    padding: 12px 0;
    font-size: 15px;
    line-height: 27px;
}
.menu li {
    margin: 0 10px;
}
.logo {
    width: 110px;
}
li.counter_text{padding-left: 0;}
li.counter_text h5 {
    font-size: 35px;
}
.arrow {
 display: none;
}
.bannersec {
    padding: 40px 0 50px;
    margin-top: 90px;
    overflow: hidden;
}
.ctabuttonsec h2 {
    font-size: 28px;
    line-height: 36px;
}
.formouter {
    padding: 25px;
}
.experiencesec span {
    font-size: 52px;
    line-height: 64px;
}
.experiencesec {
    font-size: 16px;
    line-height: 22px;
}
.pricetext span {
    font-size: 15px;
    line-height: 29px;
    display: block;
}
h2{font-size: 35px;}
.howitworks .hoverbox h4 {
    font-weight: 700;
    font-size: 18px;
}
.forminner {
    padding: 0;
}
.clip-text {
    font-size: 310px;
}
.trustedpartner {
    padding-top: 20px;
}
}







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

    .bannerpic{display: none;}
.bannersec {
    background-position: 61%;  padding-bottom: 50px; padding-top: 40px;
}
.arrow{display: none;}
li.counter_text{padding-left: 0;}
li.counter_text h5 {
    font-size: 28px;
}
.clip-text{height: auto;
        line-height: 270px;     font-size: 290px;}
.servicesection, .whysection, .freetrial, .hiredeveloper, .developerhire, .howitworks, .methodologies, .testimonials, .trustedpartner{padding: 40px 0;}
.innertrusted h2 {
    padding-bottom: 30px;
    padding-top: 25px;
}

.forminner {
    padding: 0;
}
.girlpic {
    display: none;
}
.ctabuttonsec {
    display: block;
}
.ctabuttonsec, .ctabuttonsec.secondgirlpic {
    padding: 30px;
    margin-top: 0;
}
.ctabuttonsec a.animated-btn {
    margin-top: 20px;
    margin-left: 0;
}
.footertop .col-md-6, .footertop .col-md-3 {
    width: 100%;
}
h6 {
    padding: 25px 0 20px;
}
header a.animated-btn1, header a.animated-btn {
    font-size: 14px;
    padding: 9px 26px;
}
.developmentlistinner img {
    width: 37px;
}
.developmentlistinner {
    margin: 0 15px 15px 0;
    font-size: 18px;
}
.footerleftcont {
    width: 100%;
    padding: 10px 0 0;
}
.footerbottom {
    font-size: 12px;
}
h2 {
    font-size: 33px;
    padding: 0 0 25px 0;
    line-height: 50px;
}
.howitworks .hoverbox {
    padding: 20px 011px;
}
.pricingsec {
    padding: 40px 0;
}
.starsec {
    padding: 0 0 8px;
    font-size: 26px;
}
.testisection p {
    line-height: 24px;
    font-size: 15px;
}.pt-5 {
    padding-top: 2rem !important;
}
.pricewhite {
    padding: 15px;
    font-size: 17px;
}
.pricetext {
    font-size: 25px;
    line-height: 34px;
}
.pricewhite h5 {
    padding: 0 0 18px;
    font-size: 17px;
}
.pricewhite ul li {
    font-size: 16px;
    padding: 0;
    position: relative;
}
.pricewhite a.animated-btn1 {
    font-size: 13px;
    padding: 12px 12px;
}
.priceboxouter {
    padding-top: 10px;
    margin-bottom: -165px;
}
.recomended {
    width: 150px;
}
.faqsection{
    padding-top: 40px;
}
.faqinner {
    padding: 0 0 0 0;
}
.experiencesec span {
    font-size: 52px;
    line-height: 64px;
}
.experiencesec {
    font-size: 16px;
    line-height: 22px;
}
.hiredeveloper .hoverbox {
    padding: 15px;
}
.btn-content {
    white-space: normal;
}
.formouter {
    padding: 20px;
}
.formouter ul {
    padding: 15px 0 0;
    font-size: 14px;
}
.videoouter iframe {
    width: 100%;
    height: 420px;
}
}

@media only screen and (max-width:991px){
    .getting-started-box {
        margin-bottom: 0px;
    }
    ul.globaltechcomp {
        margin: 0px 0px 30px;
    }
    .casestudycont {
        height: auto;
    }
    .sectionpadding {
        padding: 70px 0px 70px;
    }
    .section-faq {
        padding-bottom: 130px;
    }
    .howitworks.dedicated .steptext img {
        width: auto !important;
    }
    .dedicated .howitworks .hoverbox {
        padding: 25px;
    }
    .faqsection.dedicated .faqinner {
        padding: 0 0px 0 0;
    }
    .faqsection.dedicated {
        padding: 70px 0 100px 0;
        background-color: #F4F7FB;
    }
    

    

}

@media only screen and (max-width:767px){
    h6 {
    padding: 25px 0 20px;
}
    li.counter_text {
    padding-left: 0;
}
.arrow{display: none;}
#menu_trigger {
    height: 40px;
    width: 42px;
    right: 197px;
    top: 21px;
}
#menu_trigger .menulines {
        top: 4px;
        left: 3px;
    }
.ctabuttonsec {
    padding: 30px; margin-top: 0;
}
.bannerpic{display: none;}
 ul.loadersecion {
    flex-wrap: wrap;
}
.countloader {
    padding: 20px 0;
}
.bannersec {
    padding-bottom: 40px;
    background-position: 61%;
}
.bannerinner {
    width: 100%;
}
.trustedpartner{padding: 40px 0;}
.headerbutton a.animated-btn {
    display: none;
}
.girlpic{display: none;}
.calenderouter{display: block;}
.ctabuttonsec h2 {
    line-height: 38px;
}
.ctabuttonsec h2 span {
    padding-bottom: 25px;
}
.logo {
    width: 110px;
}
header{padding: 20px 0;}
header a.animated-btn1{ font-size: 14px; padding: 9px 26px;}
.bannersec{margin-top: 42px;}
.bannerinner .animated-btn {
    font-size: 15px;
    padding: 12px 20px;
}
.bannerinner p {
    padding: 0 0 20px;
}
h1{
    padding-bottom: 20px;
}
.bannerlist ul li {
    padding: 0 20px 10px 0;
    font-size: 17px;
}
.innertrusted h2 {
    line-height: 48px;
    padding-bottom: 45px;
    font-size: 32px;
}
li.counter_text{width: 50%;}
li.counter_text h5 {
    font-size: 29px;
}
li.counter_text {
    width: 50%;
    padding-bottom: 23px;
    line-height: 22px;
}
h1 {
    font-size: 34px;
    line-height: 47px;
}
.clip-text{text-align: left; font-size: 170px; line-height: 200px; height: auto;}
.ctabuttonsec{display: block;}
.ctabuttonsec.secondgirlpic {
    padding: 30px;
}
.developmentpartner {
    padding: 25px 0 40px;
}
h2 {
    font-size: 32px;
    line-height: 40px;
}
.industry a.animated-btn1, .industry a.animated-btn {
    margin: 5px;
}
.industry {padding-bottom: 40px;}
.servicesection, .whysection, .freetrial, .hiredeveloper, .developerhire, .howitworks, .methodologies, .testimonials, .formcalender, .impactsolution{padding: 40px 0;}
.whysection .hoverbox {
    padding: 85px 20px 20px 30px;
    margin-bottom: 50px;
}
.forminner {
    padding: 0 0%;
}
.forminner ul {
    padding: 0 0 20px;
}
div#govermentprogram {
    padding: 0 25px;
}
div#govermentprogram .owl-nav {
    margin-top: 23px;
    margin-bottom: 0;
}
.casestudy{padding-bottom: 40px;}
.govprogramtext{
    position: static;
    transition: none;
    border-radius: 0 0 12px 12px;

}
.govprogramcont:after{display: none;}
.govprogramcont img {
    border-radius: 12px 12px 0 0;
}
.pricewhite {
    margin: 0 0 20px;
}
.partner {
    padding: 125px 0 30px;
}
.faqinner {
    padding: 0 0 25px;
}
.letsdiscuss {
    padding: 35px;
}
.rirebut {
    text-align: left;
}
.rirebut a.animated-btn1{margin-top: 15px;}
.footerleftcont {
    width: 100%;
}
.footertop .bannerlist ul {
    padding-bottom: 32px;
}
.footerbottom{display: block; text-align: center;     padding: 10px 0 0 0;}
.footertop {
    padding: 0 0 20px;
}
.faqpic {
    padding: 0;
}
.tabbed-content .item.active .item-content {
    background: #fff;
    border-radius: 0 0 10px;
    margin-bottom: 13px;
}
.item::before {
    font-weight: 600;
    background: #e5e5e5;
    padding: 12px 25px;
    margin: 0 0 5px;
    text-align: left;
    border-radius: 8px;
    color: #fa6400;
}
.item.active::before {
    background: #fa6400;
    color: #eee;
}
article.tabbed-content {
    margin: 0 0 30px;
}
.ctabuttonsec a.animated-btn {
    margin-top: 20px;
    margin-left: 0;
}
.pricetext {
    font-size: 32px;
    line-height: 36px;
}
.pricewhite ul li {
    padding: 0 0 11px;
    font-size: 20px;
}
.formleft, .calenderleft {
    width: 100%;
}
.ortext {
    margin: 45px auto 25px;
}
.videoouter iframe {
    width: 100%;
    height: 300px;
}
.impactsolutioninner .faqinner {
    padding: 0px;
}
.whyselecttext {
padding-left: 0px;
padding-top: 40px;
}
ul.goaloriservicecont {padding-left: 0px;margin-top: 40px;}
.howitworks .hoverbox{
  min-height: auto;
}
ul.loadersecion li.counter_text {
    width: 48%;
    padding-bottom: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
ul.loadersecion li.counter_text img {
    height: 48px;
    margin-bottom: 10px;
}
ul.loadersecion li.counter_text .countcont {
    font-size: 18px;
    line-height: 120%;
}
.sectionpadding {
    padding: 65px 0px 65px;
}
ul.globaltechcomp {
    margin: 0px 0px 50px;
    justify-content: space-between;
    padding: 0px !important;
}
ul.globaltechcomp {
    margin: 0px 0px 50px;
    justify-content: space-between;
    padding: 0px !important;
}
section.goalorientservice {
    padding: 40px 0px 65px;
}
.navcontent {
    width: 100%;
    padding: 0px;
    background: transparent;
    border: 0px;
}
.techseccont {
    background: transparent;
    overflow: hidden;
    border: 0px;
}
.navcontent .item.active .item-content {
    padding: 15px;
    background: #f9f9f9;
    border-radius: 12px;
}
.forminner ul {
    padding: 25px 0 20px;
}
.forminner ul li {
    padding: 5px 35px 5px 0px;
    margin: 0px 0px 0px !important;
}
.casestudycont {
    height: auto;
}
.bannersec.dedicated .bannerinner {
    width: 100%;
}

.formcalender.dedicated .calenderouter {
    flex-direction: column;
    align-items: center;
}
.formcalender.dedicated .formleft, .formcalender.dedicated .calenderleft {
    width: 100%;
}
.formcalender.dedicated .formouter {
    border-radius: 12px;
}




}

@media only screen and (max-width:680px){
.developmentlist .developmentlistinner {
    margin: 10px;
    font-size: 16px;
    width: 47%;
}
.developmentlist .developmentlistinner .hoverbox{
            padding: 11px;
}
.developmentlistinner img {
    margin-right: 5px;
    width: 34px;
}
a.animated-btn, a.animated-btn1 {
    font-size: 16px;
    padding: 12px 36px;
}
.testouter {
    display: block;
}
.videosection, .testisection {
    width: 100%;
}
.testisection{padding-top: 15px;}
.videoouter iframe {
    width: 100%;
    height: 270px;
}
.toprated {
    align-items: flex-start;
    flex-direction: column;
}
.toprated h3 {
    margin-right: 0px;
    margin-bottom: 20px;
}
.hidetext {
    display: inline;
}
.whydeveloperinner .text-center {
    text-align: left !important;
}




}

@media only screen and (max-width:480px){
.weservehidecont {
    margin-bottom: -252px;
}
.logo {
    width: 90px;
}
.developmentlist .developmentlistinner {
    margin: 4px;
}
.whyusbox {
    border-radius: 8px;
    font-size: 14px;
}
h1 {
    font-size: 25px;
    line-height: 33px;
}
.bannerinner p {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 20px;
}
.howitworks .hoverbox {
    padding: 15px;
}
.formouter {
    padding: 20px;
}
.formouter ul {
    display: block;
    font-size: 15px;
}
.experiencesec {
    padding: 10px 20px 20px 20px;
  font-size: 16px;
    line-height: 21px;
  left: 31%;
    top: 33%;
}
.experiencesec span {
    font-size: 37px;
    line-height: 52px;
}
.footerbottom div {
    padding-top: 10px;
    line-height: 19px;
}
.footertop {
    font-size: 15px;
    line-height: 25px;
}
h2.accordion-header button, .faqinner .accordion-body {
    font-size: 15px;
    line-height: 21px;
}
.container {
    max-width: 98%;
}
#menu_trigger {
    width: 40px;
    right: 174px;
    top: 21px;
}
header a.animated-btn1 {
    font-size: 12px;
    padding: 9px 26px;
}
#menu_trigger .menulines {
    top: 4px;
    left: 1px;
}
.bannerlist ul li {
    padding: 0 0 15px 0;
    font-size: 17px;
    width: 50%;
    text-align: center;
}
.bannerlist ul li span {
    padding-top: 1px;
}
li.counter_text h5 {
    font-size: 22px;
    font-weight: 800;
}
.developmentlistinner img {
    margin-right: 5px;
    height: 24px;
    position: absolute;
    left: 14px;
    top: 9px;
    width: auto;
}
.developmentlist .developmentlistinner .hoverbox {
    padding: 11px;
    padding-left: 49px;
    text-align: left;
    line-height: 20px;
    border-radius: 5px;
}
.comparePerfectPartnerTable tr td{padding: 10px; font-size: 12px; line-height: 16px; white-space: normal;}
.comparePerfectPartnerTable tr .tableHeading{font-size: 12px; white-space: normal;}
td.tableThHeading {
    font-size: 12px !important;
    white-space: normal !important;
}
.comparePerfectPartnerTable tr:first-of-type td:nth-of-type(2) {
    padding-top: 15px;
    padding-bottom: 15px;
}
.playbtn {
    padding: 12px 25px;
    font-size: 14px;
}
.toprated {
    margin-bottom: 16px;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
}
.toprated h3 {
    padding: 0px 0px 0px;
}
.bannerinner {
    text-align: left;
}
ul.greenmarklist li {
    text-align: left;
}
ul.greenmarklist li {
    margin: 0px 0px 18px;
}
.bannersec {
    margin-top: 75px;
    padding: 50px 0px 50px;
}
ul.loadersecion li.counter_text {
    width: 48%;
    padding-bottom: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px;
}
ul.loadersecion li.counter_text img {
    height: 48px;
    margin-bottom: 10px;
}
ul.loadersecion li.counter_text .countcont {
    font-size: 18px;
    line-height: 120%;
}
ul.globaltechcomp {
    margin: 0px 0px 50px;
    justify-content: space-between;
    padding: 0px !important;
}
ul.globaltechcomp li {
    width: 43%;
    min-height: 110px;
    margin: 10px 10px;
    padding: 20px 20px;
}
.sectionpadding {
    padding: 50px 0px 50px;
}
section.goalorientservice {
    padding: 40px 0px 30px;
}
.howitworks .hovertext img {
    width: 100%;
}
.forminner ul li {
    padding: 5px 35px 5px 0px;
    margin: 0px 0px 0px !important;
}
.navcontent {
    width: 100%;
    padding: 0px;
    background: transparent;
}
.techseccont {
    border-radius: 0px;
    border: 0px;
}
.techseccont {
    background: transparent;
}
.tabbed-content .item.active .item-content {
    background: transparent;
}
.navcontent .item.active {
    background: #f9f9f9;
    border-radius: 12px;
}
ul.tech-stack-list {
    justify-content: space-around;
}
.tech-stack-box {
    width: 48%;
    margin: 0px 0px 10px !important;
    flex-direction: column;
}
.navcontent .item.active .item-content {
    padding: 15px;
}
article.tabbed-content {
    margin: 0 0 0px;
}
.pricewrapper {
    width: 90%;
}
.pricecard {
    margin-bottom: 25px;
}
.pricecard.recopricecard {
    transform: none;
}
.parameterssec .navcontent {
    width: 100%;
    padding: 0px 0px;
}
.casestudycont {
    height: auto;
}
.calenderformsec .card {
    min-height: auto;
}
.getting-started-box {
    margin-bottom: 0px;
}
.section-faq {
    padding-bottom: 140px;
}
footer {
    padding: 120px 0 40px 0;
}
.footertop p {
    color: #fff !important;
}
.dedicated .whyusbox {
    font-size: 12px;
}
.dedicated .tabbed-content .item.active .item-content {
    padding: 15px 0px;
}
#menu_trigger {
    height: 40px !important;
    width: 42px !important;
    right: 172px !important;
    top: 21px !important;
}
.tech-stack-box p {
    font-size: 16px;
    padding: 6px 0px 0px;
}
.tagsec {
    padding: 6px 15px 6px;
    font-size: 14px;
}



}