@media (max-width: 768px){
  .proj-btns .btn.preview-btn, .proj-btns .btn.vist-site {
    padding: 4px 15px;
}
.proj-btns { padding: 10px 0;}

.btn.preview-btn { margin: 0 5px;}

}


@media (max-width: 767px) {

.mrg-b50 {
    margin-bottom: 30px;
}

.slider-content {
  top: 10%;
  left: 0;
  padding: 0 15px;
}
.intro-content::after {
  border-top: none;
  border-right: none;
  opacity: .75;
  background: #09c48c;
  width: 100%;
  height: 100%;
}
#intro .intro-content h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}
#intro .intro-content p br {
  display: none;
}
.btn.learn-more {
  padding: 10px 30px;
  font-size: 15px;
  border: 5px solid rgba(102, 216, 182, .5);
}
#intro .intro-content p {
  margin-bottom: 25px;
}
#intro #intro-carousel .item {
  height: 310px;
}
.content-about {
  padding-right: 0;
}
#about {
  padding: 30px 0 30px 0;
}
#about .about-img img {
  margin-left: 0;
  margin-top: 30px;
}
.content-about::after {
  left: 0;
  background-size: 100%;
}
.portfolio-text h2 {
  font-size: 24px;
}
.portfolio-text {
  height: 50px;
  background-size: 100%;
  padding: 10px 0;
  margin-bottom: 40px;
}
.web-header-menu {
  display: none;
}
.mobile-header-menu {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.pd-left95 {
  padding-left: 10px;
}
.offers .container {
  padding: 0 15px;
}
.portfolio-text.testimonials {
  background-size: 100%;
  margin-bottom: 0;
}
.testimonial-section {
  background: linear-gradient(110deg, #22cb98 100%,#162336 100%);
  padding: 50px 10px;
}
.testimonial-left {
  padding: 0 0 30px;
  width: 100%;
  float: none;
  height: auto;
  text-align: center;
  background-image: none;
}
.testimonial-left h2 {
  font-size: 22px;
}
.testmonial-right {
  width: 100%;
  float: none;
  padding-right: 0;
}
.testimonial-list {
  padding: 0;
  margin-left: 0;
}
.testimonial-img {
  float: none;
  margin-right: 0;
  margin-top: 0;
  width: 100%;
  text-align: center;
}
.testimonial-desc {
  text-align: center;
  margin-top: 15px;
}
.testmonial-right .owl-theme .owl-controls {
  margin-right: 0;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #97f7da;
}
.about-div {
  padding-right: 0;
}
.list-offer .row-right .list-offer__lc .list-offer__count::after {
  height: 32px;
  width: 2px;
  top: 90%;
  right: auto;
  left: 50%;
}
.list-offer .row-right .list-offer__lc .list-offer__count span {
  margin: 0 auto;
}
.list-offer .row-right .list-offer__lc {
  float: none;
  left: 0;
  top: 0;
  margin: 0;
  text-align: center;
  width: 100%;
}
.list-offer .row-right .list-offer__rc {
  width: 100%;
  padding: 40px 20px;
  float: none;
  margin-top: 110px;
}
.list-offer ul {
  padding: 20px 0 20px 0px;
}
.list-offer ul .row-right {
  margin-bottom: 30px;
}
.direction-icon {
  display: none;
}
.right-detail {
  width: 100%;
  text-align: center;
}
.right-detail p {
  text-align: center;
}
.list-offer .row-left .list-offer__lc {
  width: 100%;
  padding: 30px 20px 30px 20px;
}
.list-offer .row-left .list-offer__rc {
  float: none;
  right: auto;
  top: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}
.list-offer .row-left .list-offer__rc .list-offer__count span {
  margin: 0 auto;
}
.list-offer .row-left .list-offer__rc .list-offer__count::after {
  height: 42px;
  width: 2px;
  top: 90%;
  left: 50%;
}
.list-offer .row-left .list-offer__lc {
  padding: 30px 20px 30px 20px;
  margin-top: 120px;
}
.list-offer ul li {
  margin: 0 0 30px;
}
.list-offer {
  margin: 0;
}
#Modern-design {
  margin-bottom: 0px;
  height: auto;
}
.company-img {
    height: 250px;
    border: 10px solid #efefef;
    width: 100%;
    margin-bottom: 20px;
}
/*.company-bg, .team-bg, .service-bg, .hire-bg { height: 200px;}*/

.right-company-detail.right-text, .right-company-detail.right-text p {
    text-align: left;
}
.right-company-detail p {line-height: 22px; margin-bottom: 12px; font-size: 15px;}
.right-company-detail h3 { font-size: 24px;margin-bottom: 10px;}

.core-value-sec h2 {font-size: 24px; margin-bottom: 12px;}

.ace-responsive-menu li ul.sub-menu li ul.sub-menu li a span {
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  padding-left: 10px;
}
.ace-responsive-menu li ul.sub-menu li a span {
  font-size: 15px;
  padding-left: 10px;
  font-family: 'Lato', sans-serif;
}
li.menu-item-has-children:hover ul {
  border-top: 2px solid #28dba5;
}
.hire-tag h3 {
  padding: 15px 20px;
  left: 5%;
  width: 90%;
  font-size: 24px;
}
.developer-box {
  margin-top: 20px;
}
.hire-developer.mrg-b50 {
  margin: 0;
}

.tag-line {
  font-size: 22px;
}
.mobile-img-right {
  position: inherit;
  margin: 20px auto 0;
  display: block;
  text-align: center;
  max-width: 90%;
}
.development-service-left h2 {
  font-size: 24px;
}
.development-service-left p {
  text-align: justify;
}
.gem-list ul {
  padding-left: 15px;
  margin-bottom: 10px;
}
.gem-list ul li {
  color: #f0f0f0;
  line-height: 30px;
}
.development-process {
  padding: 30px 0;
}
.why-grid-box {
  margin: 15px 0;
}
.development-process h3 {
  font-size: 24px;
}
.proj-text {
  margin-bottom: 20px;
}
.proj-detail {
  margin: 30px 0 30px;
}
.right-company-detail h2 {
  letter-spacing: 0;
  font-size: 24px;
}
.right-company-detail .gem-list li {
  line-height: 30px;
  color: #707070;
}
.Portfolio-listing {
  padding-bottom: 15px;
}
.portfolio-detail {
  padding-left: 0;
  padding-right: 0;
}
.portfolio-detail h3 {
  font-size: 24px;
}
.career-section {
  padding: 30px 0;
}
.open-vacancies h2 {
  font-size: 24px;
}
.career-right-form {
  margin-top: 30px;
}
.development-service-left h1 {
  font-size: 36px;
}
.cercle-box {
  margin-bottom: 30px;
}
.verticle-mid h1 {
  font-size: 32px;
}
.feature-left h2 {
  font-size: 26px;
}

}