
.box-1{
	height:280px !important;
}
@media only screen and (max-width: 767px) {
    .new-main-banner-area.banner-with-gradient-color {
        padding-top: 26px !important;      
    }
.hero-content {
    padding: 13px !important;
}
.it-services-card .services-content {

}
.services-growth {
    padding: 35px 0 !important;
}

 .mobile {
        text-align:center;
      
    }
.pricing-list{
 text-align:left;
}

    .pb-70 {
        padding-bottom: 0px;
    }
.it-about-content .list {
      text-align: left;
}
.main-title {
    font-size: 20px;
 }
.mobiletext{
  text-align:left;
}
    .single-footer-widget.pl-2, .single-footer-widget.px-2 {

        text-align: left;
    }
    .single-footer-widget.pl-5, .single-footer-widget.px-5 {
        padding-left: 0 !important;
        text-align: left;
    }
.single-footer-widget {

    text-align: left;
}
   
.hero h1 {
       font-size:22px;
   }

.hero-content p
 {
       text-align: justify;
    padding: 10px;
}
.eccch {
    font-size: 22px !important;
font-size: 17px !important;

}
.digital-agency-banner .banner-content .sub-title {

    font-size: 19px;
}

.approach-card {
    text-align:center  !important;
    padding: 10px !important;

}

    .how-its-work-content h2 {
        font-size: 20px;
        margin-bottom: 12px;
    }
.approach-section {
    padding: 37px 60px;
 
}

.approach-section h2 {
    font-size: 22px;
 
}

.ech {
   
    font-size: 20px !important;
}
    .banner-content .sub-title {

        margin-top: 20px;
    }
    .it-banner-content h1 {
        font-size: 30px;
    }
.it-banner-content p {
  
    text-align: justify;
    padding: 9px;
}
.it-banner-content h1 {
        font-size: 24px;
    }


}




.card .icon {
    font-size:50px;
    text-align: center;
}
 .page-banner-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }
.service-box .icon {
    font-size: 52px;

    text-align: center;
}

@media only screen and (max-width: 767px) {
  padding-top: 50PX !important;
}

.small-tag {
margin-top:20px;
}
.box-1{
	height:215px !important;
}
.approach-card {
    text-align:center  !important;
    padding: 10px !important;
}
.why-card {
 	text-align:center !important;
}
.why-card h3 {
margin-top:10px !important;
}
.hero-left {
  min-width:100% !important;
}
.card-icon {
    margin: auto !important;
}
.hero-content {
padding:0px; !important;}

.single-services-box {
   margin-bottom:20px !important;
}