@media only screen and (min-width:1440px) {
/* body {
background-color: lightblue;
} */
.home-hero,.inner-hero{
height: 90vh;
}
.home-hero .row { 
height: 100%;
}
.inner-hero-main > div { 
height: 100%;
justify-content: center;
}
.inner-hero .row{
height: 100%;
}
}

@media only screen and (max-width:1024px) {
body{
/*background-color: rgb(68, 219, 9);*/
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
}


@media only screen and (max-width:991px) {
body{
/*background-color: blueviolet;*/
}
.container {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
}
.navbar-expand-lg .navbar-collapse {
    padding: 25px;
}
.topbar-social-wrapper {
    grid-column-gap: 10px!important;  
}
.web-hide{
    display: block;
  }
.mob-hide,.top-bar-head{
    display: none;
  }
  .top-bar-wrapper {
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 10px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.top-bar-contact-wrapper {
    grid-column-gap: 45px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mob-bottom-bar{
        display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 30px;
}
.home-hero .row {
    align-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;
}
.marquee-sec,.technical-section,.numscroller-sec,.client-feedback-wrapper,
.blog-section,.projects-section,.faq-sec,.technical-sec,
.technical-cap,.contact-main,.inner-hero,.about-content,.our-approach, .our-team,.home-features{
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
.home-features,.progress-bars,.contact-details-top .block > div  {
    padding-bottom: 50px!important;
}
.technical-section .right{
    margin-top: 50px;
}
.numscroller-sec .bottom{
    display: flex;
    row-gap: 50px;
}
.client-feedback-image {
    padding: 15px!important;
}
.client-feedback-wrapper .top{
    margin-top: 50px;
}
.client-feedback-slider .owl-theme .owl-nav { 
    bottom: auto!important;
}
.process-section .right{
    margin-top: 50px;
}
.process-section {
    padding-bottom: 50px!important;
}
.footer-right .row{
    row-gap: 50px;
    padding-bottom: 50px;
}
.blog-section .top .right{
    display: none!important;
}
.web-hide-btn{
display: flex!important;
    justify-content: flex-end;
    flex-direction: column;

}
.web-hide-btn .btn1{
padding: 10px 25px;
}
.extra-height {
    height: 50px!important;
    background-color: #fff;
}
.progress-bars .left{
    background-color: #fff;
    padding-bottom: 50px;
}
.overlay-fade-bottom {
    height: 286px!important;
}
.technical-cap .bottom > div > div {
    width: 15%!important;
}
.technical-cap .bottom > div > div img {
    width: 100%;
    padding: 20px!important;
}
.technical-sec,.projects-section{
    padding-bottom: 1px!important;
}
.marqueenews{
    width: 400vw!important;
}
.marqueenew{
    width: 16.5vw!important;
}
.about-content .left {
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 25px;
}
.about-content .right {
    padding-right: 100px;
    padding-left: 100px;
}
.our-approach .acard{
    margin-top: 25px;
}
.our-approach .top {
    text-align: center;
    margin-bottom: 25px!important;
}
.about-content img {
    max-width: 80px!important;
}
}


@media only screen and (max-width:768px) {
body{
/*background-color: rgb(58, 226, 43);*/
}
.container {
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}
h1 {
    font-size: 45px!important;
}
h2 {
    font-size: 35px!important;
}
h3 {
    font-size: 25px!important;
}
h4 {
    font-size: 20px!important;
}
p{
    font-size: 16px;
}
.numscroller-main h3 {
    font-size: 60px!important;
}
.process-section .left > div{
    padding-right: 0!important;
}
.process-section .right img {
    max-width: 65px!important;
}
.process-section .right > div{
    gap: 40px!important;
}
.home-hero-left > div{
    padding: 0!important;
}
.right-r-num {
    position: absolute;
    left: 5px!important;
}
.timeline_progress{
    left: 14px!important;
}
.progress-bars .right img {
    max-width: 65px!important;
}
.technical-cap .bottom > div > div {
    width: 20%!important;
}
.single-post-left{
    height: 300px;
}

}





@media only screen and (max-width:575px){
    .navbar {
        width: 85%!important;
        align-content: flex-start;
        padding: 1.5rem 1rem;
        padding-left: 15px!important;
    }
body{
/*    background-color: grey;*/
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.home-features-block > div{
        flex-direction: column;
}
.feature-content {
    width: 100%!important;
}
.blog-item-content {
    padding: 25px 25px 25px!important;
}
.hero-group-button-block{
        flex-wrap: wrap;
}
.feature-icon {
    width: 50%!important;
}
.technical-section .left > div{
    padding:0!important;
}
.technical-section .right .right-child img {
    max-width: 50px!important;
    margin-bottom: 20px ;
}
.home-features-block > div{
    padding: 25px 15px!important;
}
.tec-card { 
    gap: 25px;
}
.technical-cap .bottom > div > div img {
    width: 100%;
    padding: 10px!important;
}
.contact-details-top img{
    width: 80px!important;
    margin: auto;
}
.single-post-left{
    height: 200px;
}
.marqueenew{
    width: 24.5vw!important;
}
.about-content .left,.about-content .right{
    padding: 15px!important;
}
.our-team .left {
    display: flex;
    margin-top: 25px;
}
.about-content .left { 
    margin-bottom: 0px;
}
}