@media only screen and (min-width: 1224px) {

.how-do-content {

  max-width: 1140px;

  background: url(../images/work-bg.png) no-repeat -2px 3px;

  padding-left: 34px;

}

.idea {

  margin-left: -62px;

}



}





/* TABLET LANDSCAPE / DESKTOP */

@media only screen and (min-width: 992px) and (max-width : 1223px) {



.navbar {

  position: relative;

  padding-left: 0;

  padding-right: 0;

}

.nav>li>a {

  position: relative;

  display: block;

  padding: 10px 8px;

}



.we-do-content {

  min-height: 1841px;

  background: url(../images/shape.png) no-repeat 82px 0px;

  max-width: 1140px;

  margin: auto;

  margin-top: 20px;

  background-size: 729px 1841px;

}

.title-image-odd {

  position: absolute;

  top: 133px;

  left: 13px;

  width: 131px;

}

.title-image-even {

  position: absolute;

  top: 138px;

  right: 28px;

  width: 131px;

}

.image-margin-left img {

  margin-left: 14px;

}

.image-margin-right img {

  margin-left: -2px;

}

.work-done {

  text-align: center;

  min-width: 181px;

  padding-top: 30px;

  padding-bottom: 35px;

  float: left;

  min-height: 280px;

  margin-top: 70px;

}

.left-team {

  background: url(../images/team-bg-left.png) no-repeat 38px 0px;

  width: 454px;

  height: 238px;

  margin-right: -2px;

  margin-top: 40px;

  border-right: 3px solid#ff5c26;

  margin-left: 3px;

  float: left;

  background-size: 396px 238px;

}

.team-people-left-float-right {

  width: 236px;

  float: right;

  padding-left: 0px;

  padding-top: 23px;

}



.right-team {

  background: url(../images/team-bg.png) no-repeat 15px 0px;

  width: 457px;

  height: 238px;

  border-left: 3px solid #ff5c26;

  margin-left: -1px;

  float: right;

  margin-bottom: 40px;

  background-size: 308px 238px;

}

.team-people-left {

  width: 238px;

  float: left;

  padding-left: 28px;

  padding-top: 23px;

}

.last-box {

  height: 305px;

}

.price-lower-left {

  text-align: center;

  background: #5399c7;

  min-height: 390px;

  color: #000;

  padding: 50px 45px 35px 45px;

  width: 275px;

  background: #fff;

  float: right;

}

.accr-right {

  max-width: 50%;

  min-height: 100px;

  padding: 25px 40px 20px 40px;

  float: left;

  max-height: 384px;

}

.accr-left {

  max-width: 50%;

  float: left;

}



.portfolio {

  width: 100%;

  min-height: 431px;

  margin-top: 50px;

  margin: auto;

  margin-top: 50px;

}



/* ---- Mobile App Development -- */



.how-do-content {

  max-width: 1140px;

  background: url(../images/work-bg.png) no-repeat 20px 9px;

  padding-left: 34px;

  background-size: 948px;

}

.idea {

  margin-left: -44px;

}

.how-lower {

  margin-top: 15px;

}

.how-upper {

  margin-top: -31px;

}

.how-we-do-area {

  padding-top: 100px;

  padding-bottom: 45px;

}

.count-area {

  padding-top: 90px;

  padding-bottom: 22px;

}

.work-done {

  text-align: center;

  min-width: 181px;

  padding-top: 30px;

  padding-bottom: 35px;

  float: left;

  min-height: 280px;

  margin-top: 0px;

}

.price-upper-left {

  text-align: center;

  background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  width: 275px;

  float: right;

  margin-top: 60px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.pricing-heading {

  font-family: ralewayregular;

  font-size: 17px;

  margin-bottom: 45px;

}

.price-lower-left {

  text-align: center;

  background: #5399c7;

  min-height: 332px;

  color: #000;

  padding: 28px 45px 16px 45px;

  width: 275px;

  background: #fff;

  float: right;

}

.blog-panel {

  max-width: 305px;

  min-height: 424px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  border-radius: 24px;

  float: left;

}

.blog-date {

  float: left;

  width: 97px;

  height: 44px;

  background: url(../images/date-bg.png) no-repeat;

  text-align: center;

  padding-top: 14px;

  font-size: 10px;

}

.blog-comment {

  float: left;

  height: 44px;

  width: 85px;

  background: url(../images/comment-bg.png) no-repeat;

  text-align: center;

  padding-top: 12px;

  padding-left: 33px;

  font-size: 11px;

}

.blog-love {

  float: left;

  height: 44px;

  width: 83px;

  background: url(../images/love-bg.png) no-repeat;

  text-align: center;

  padding-top: 13px;

  padding-left: 32px;

  font-size: 11px;

}

.blog-attributes {

  font-family: latobold;

  height: 45px;

  margin-top: 41px;

  position: absolute;

}

.testimonial-panel1 {

  width: 300px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: left;

  background: url(../images/testi-bg1.png) no-repeat -40px 0px;

}

.testimonial-panel2 {

  width: 300px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: left;

  background: url(../images/testi-bg2.png) no-repeat -5px 0px;

}

.testimonial-panel3 {

  width: 300px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: left;

  background: url(../images/testi-bg3.png) no-repeat -5px 0px;

}

.testimonial-content {

  font-family: ralewayregular;

  font-size: 14px;

  color: #fff;

  max-width: 237px;

  line-height: 1.7em;

  margin-top: 19px;

  margin-left: 34px;

  position: relative;

}

.welcome-left-section {

  padding-top: 54px;

  padding-left: 39px;

}







}









/* TABLETS PORTRAIT */

@media only screen and (min-width: 769px) and (max-width : 991px) {

.nav>li>a {

  position: relative;

  display: block;

  padding: 10px 3px;

}



.welcome-description {

  font-family: 'Raleway', sans-serif;

  font-size: 36px;

  text-transform: uppercase;

  color: #fff;

  line-height: 1.1em;

  letter-spacing: 2px;

  margin-top: 20px;

}

.welcome-left-section {

  padding-top: 54px;

  padding-left: 40px;

}

.welcome-right-section {

  padding-right: 60px;

}

.header-area {

  padding-bottom: 36px;

  padding-top: 100px;

}

.love-sign {

  color: #fdbe00;

  font-size: 30px;

}

.quality-heading {

  font-family: ralewayregular;

  font-size: 15px;

  color: #555555;

  text-align: center;

  display: block;

  margin: auto;

  max-width: 661px;

  letter-spacing: 1px;

  padding-bottom: 80px;

}

.quality-text {

  font-family: ralewayregular;

  font-size: 14px;

  color: #888a8a;

  width: 123px;

  text-align: center;

  margin: auto;

}

.quality-area {

  padding-top: 60px;

  padding-bottom: 50px;

}

.quality-heading {

  font-family: ralewayregular;

  font-size: 15px;

  color: #555555;

  text-align: center;

  display: block;

  margin: auto;

  max-width: 661px;

  letter-spacing: 1px;

  padding-bottom: 52px;

}

.we-do-area {

  padding-top: 60px;

}


.done {

  margin-top: -39px;

  display: none;

}

.dark-green-text {

  color: #2ecc71;

  display: none;

}



.we-do-text {

  max-width: 800px;

  display: block;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  text-align: center;

  margin: auto;

  line-height: 1.6em;

  padding-bottom: 22px;

}

.we-do-content {

  min-height: 1841px;

  background: url(../images/shape.png) no-repeat 70px 0px;

  max-width: 1140px;

  margin: auto;

  margin-top: 20px;

  background-size: 548px;

}

.we-do-first-right {

  margin-top: 75px;

  width: 327px;

  margin-left: 33px;

}

.title-image-odd {

  display: none;

}

.title-image-even {

  display: none;

}

.we-do-content {

  min-height: 1677px;

  background: url(../images/shape.png) no-repeat 38px 0px;

  max-width: 1140px;

  margin: auto;

  margin-top: 20px;

  background-size: 608px;

}

.we-do-first-left {

  min-height: 310px;

  margin-top: 60px;

}

.we-do-second-left {

  margin-top: 35px;

  width: 315px;

  margin-left: -20px;

}

.we-do-second-right {

  min-height: 310px;

  margin-top: 76px;

  padding-left: 12px;

}

.we-do-content-heading {

  display: block;

  max-width: 425px;

  font-family: ralewaysemibold;

  font-size: 14px;

  padding-top: 8px;

}

.we-do-content-paragraph {

  display: block;

  max-width: 530px;

  margin: auto;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  padding-top: 1px;

  padding-bottom: 15px;

  margin-bottom: 24px;

}

.read-more {

  font-family: ralewaysemibold;

  font-size: 12px;

  padding: 5px 15px 5px 15px;

  background: #fff;

  color: #000;

  border-radius: 2px;

  margin-top: -15px;

  display: block;

  width: 93px;

}

.we-do-third-right {

  margin-top: 27px;

}



.we-do-third-left {

  min-height: 310px;

  margin-top: 71px;

}

.we-do-panels {

  margin-top: 198px;

  width: 100%;

  position: relative;

  overflow: hidden;

}



.how-we-do-area {

  padding-top: 80px;

  padding-bottom: 69px;

}

.min-height{

    min-height: 300px;

}

.min-height {

  min-height: 140px;

}

.portfolio-area {

  padding-top: 77px;

  padding-bottom: 87px;

}

.portfolio {

  width: 100%;

  min-height: 332px;

  margin-top: 50px;

  margin: auto;

  margin-top: 50px;

}

.button-iso {

  font-family: open_sansbold;

  font-size: 10px;

  padding: 9px 15px 9px 15px;

  background: #eff3f3;

  border: none;

  border-radius: 3px;

  color: #2c3e50;

  margin-right: 3px;

  margin-left: 3px;

}

.count-area {

  padding-top: 74px;

  padding-bottom: 90px;

}

.work-done {

  text-align: center;

  min-width: 133px;

  padding-top: 30px;

  padding-bottom: 35px;

  float: left;

  min-height: 252px;

  margin-top: 10px;

}

 

.work-image {

  width: 42%;

  display: block;

  margin: auto;

}

.talent-area {

  padding-top: 81px;

  padding-bottom: 100px;

}



.left-team {

  background: url(../images/team-bg-left.png) no-repeat 38px 0px;

  width: 554px;

  height: 238px;

  margin: auto;

  margin-right: none;

  margin-top: none;

  border-right: none;

  float: none;

}

.right-team {

  background: url(../images/team-bg.png) no-repeat 40px 0px;

  width: 554px;

  height: 238px;

  margin: auto;

  border-left: none;

  margin-left: 0;

  float: none;

  margin-bottom: 40px;

}

.right-team {

  background: url(../images/team-bg.png) no-repeat 55px 0px;

  width: 564px;

  height: 238px;

  margin: auto;

  border-left: none;

  margin-left: 0;

  float: none;

  margin-bottom: 1px;

}

.point-right {

  background: url(../images/point.png) no-repeat;

  width: 23px;

  height: 24px;

  position: absolute;

  right: 18px;

  top: 19px;

  z-index: 1;

}

.point-left {

  background: url(../images/point.png) no-repeat;

  width: 23px;

  height: 24px;

  position: absolute;

  left: 29px;

  top: 19px;

}

.morepeople {

  font-family: 'Raleway', sans-serif;

  background: #ff5c26;

  padding: 13px 20px 11px 20px;

  border-radius: 26px;

  color: #fff;

  text-align: center;

  width: 158px;

  margin: auto;

  display: block;

  font-size: 12px;

  margin-top: 50px;

}

.talent-area {

  padding-top: 81px;

  padding-bottom: 59px;

}

.blog-area {

  padding-top: 85px;

  padding-bottom: 80px;

}

.accr-left {

  max-width: 50%;

  float: left;

}

.accr-right {

  max-width: 50%;

  min-height: 100px;

  padding: 25px 40px 20px 40px;

  float: left;

  max-height: 294px;

}



.refresh {

  width: 35px;

  display: block;

  margin-top: -23px;

  margin-left: 168px;

}

.email {

  color: #fff;

  font-size: 12px;

}

.info-desc{

    font-size: 12px;

}

/* ---- Mobile App Development -- */



.how-do-content {

  max-width: 1140px;

  background: none;

  padding-left: 34px;

  background-size: 948px;

}

.idea {

  margin-left: -44px;

  display: none;

}

.how-lower {

  margin-top: 15px;

}

.how-upper {

  margin-top: -31px;

}

.how-we-do-area {

  padding-top: 100px;

  padding-bottom: 45px;

}

.count-area {

  padding-top: 90px;

  padding-bottom: 22px;

}

.work-done {

  text-align: center;

  min-width: 139px;

  padding-top: 30px;

  padding-bottom: 35px;

  float: left;

  min-height: 280px;

  margin-top: 0px;

}

.price-upper-left {

  text-align: center;

  background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  width: 275px;

  float: right;

  margin-top: 60px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.pricing-heading {

  font-family: ralewayregular;

  font-size: 17px;

  margin-bottom: 45px;

}

.price-lower-left {

  text-align: center;

  background: #5399c7;

  min-height: 332px;

  color: #000;

  padding: 28px 45px 16px 45px;

  width: 275px;

  background: #fff;

  float: right;

}

.blog-panel {

  max-width: 305px;

  min-height: 424px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  border-radius: 24px;

  float: left;

}

  .we-do-content-paragraph {

  display: block;

  max-width: 530px;

  margin: auto;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  padding-top: 1px;

  padding-bottom: 15px;

  margin-bottom: 24px;

}

 

.blog-date {

  float: left;

  width: 67px;

  height: 44px;

  background: url(../images/date-bg.png) no-repeat;

  text-align: center;

  padding-top: 14px;

  font-size: 8px;

}

.blog-comment {

  float: left;

  height: 44px;

  width: 65px;

  background: url(../images/comment-bg.png) no-repeat -17px 0px;

  text-align: center;

  padding-top: 12px;

  padding-left: 23px;

  font-size: 10px;

}

.blog-love {

  float: left;

  height: 44px;

  width: 58px;

  background: url(../images/love-bg.png) no-repeat -16px 0px;

  text-align: center;

  padding-top: 13px;

  padding-left: 22px;

  font-size: 10px;

}

.blog-attributes {

  font-family: latobold;

  height: 45px;

  margin-top: -3px;

  position: absolute;

}

.testimonial-panel1 {

  width: 225px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: left;

  background: url(../images/testi-bg1.png) no-repeat -117px 0px;

}

.testimonial-panel2 {

  width: 225px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: left;

  background: url(../images/testi-bg2.png) no-repeat -5px 0px;

}

.testimonial-panel3 {

  width: 225px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: left;

  background: url(../images/testi-bg3.png) no-repeat -5px 0px;

}

.testimonial-content {

  font-family: ralewayregular;

  font-size: 12px;

  color: #fff;

  max-width: 237px;

  line-height: 1.7em;

  margin-top: 19px;

  margin-left: 13px;

  position: relative;

}

.people-part {

  width: 155px;

  position: absolute;

  margin-top: 49px;

  margin-left: 50px;

  color: #000;

}

.welcome-left-section {

  padding-top: 54px;

  padding-left: 39px;

}




.welcome-description {

  font-family: 'Raleway', sans-serif;

  font-size: 29px;

  text-transform: uppercase;

  color: #fff;

  line-height: 1.1em;

  letter-spacing: 2px;

  margin-top: 0px;

  text-align: center;

}

.welcome-row {

   padding-top: 20px; 

}

.buttons {

  

  text-align: center;

  width: 400px;

  margin: auto;

  margin-top: 40px;

}

.welcome-right-section {

  padding-right: 0;

  padding-top: 81px;

}

.imac-im{

  display: block;

  margin: auto;

  width: 467px;

}

.pull-right {

  float: none;

}

.pull-right {

   float: none !important; 

}

.list-icon1,.list-icon2,.list-icon3,.list-icon-right1,.list-icon-right2,.list-icon-right3{

  display: none;

}



.how-upper {

  margin-top: 0px;

}

.step1-text-left-title {

  max-width: 240px;

  font-family: open_sanssemibold;

  display: block;

  font-size: 18px;

  display: block;

  margin: auto;

  margin-top: 9px;

  margin-bottom: 11px;

}

.step-text-right {

  font-family: ralewaylight;

  max-width: 295px;

  display: block;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  font-size: 13px;

  margin: 21px;

}

.number1 {

  font-family: open_sanssemibold_italic;

  font-size: 16px;

  letter-spacing: -2px;

  color: #000;

  display: none;

}

.de{

display: none;

}

.price-upper-middle {

  text-align: center;

  background: #fff url(../images/pr-bg.png) no-repeat -19px 0px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 275px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-middle {

  font-family: 'Raleway', sans-serif;

  font-size: 68px;

  margin-top: -20px;

  margin-left: -14px;

  margin-bottom: 20px;

}

.price-lower-middle {

  text-align: center;

  background: #5399c7;

  color: #000;

  padding: 15px 45px 35px 45px;

  max-width: 275px;

  background: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

}

.price-upper-left {

  text-align: center;

  background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  width: 275px;

  float: right;

  margin-top: 0;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-upper-right {

  text-align: center;

  background: #fff url(../images/pr-bg2.png) no-repeat 0px -7px;

  min-height: 325px;

  margin: auto;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 275px;

  margin-top: 60px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-lower-right {

  text-align: center;

  background: #5399c7;

  color: #000;

  padding: 15px 45px 35px 45px;

  max-width: 275px;

  margin: auto;

  background: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

}

.price-image{

  width: 150px;

  display: block;

  margin: auto;

  margin-top: 30px;

}

.last{

  margin-left: -25%;

}

.blog-panel {

  max-width: 230px;

  min-height: 332px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  border-radius: 24px;

  float: left;

}

.blog-panel-title {

  font-family: ralewaymedium;

  font-size: 12px;

  max-width: 300px;

  color: #000;

  margin: 30px;

  display: block;

}

.blog-desc {

  font-family: ralewaylight;

  max-width: 322px;

  margin-left: 14px;

  padding-right: 9px;

  margin-top: -10px;

  font-size: 12px;

}

.blog-panel-cotainer {

  max-width: 755px;

  margin: auto;

  margin-top: 35px;

}

.owl-theme .owl-controls .owl-page span {

  display: block;

  width: 40px;

  height: 40px;

  margin: 5px 7px;

  filter: Alpha(Opacity=100);

  opacity: .5;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  background: #B43023;

}



}





/* SMARTPHONES LANDSCAPE */

@media only screen and (min-width: 481px) and (max-width : 768px){
#map {
height: 400px;
width: auto;
}


.welcome-description {

  font-family: 'Raleway', sans-serif;

  font-size: 25px;

  text-transform: uppercase;

  color: #fff;

  line-height: 1.1em;

  letter-spacing: 2px;

  margin-top: 20px;

  margin: auto;

  text-align: center;

}

.welcome-left-section {

  padding-top: 54px;

  padding-left: 40px;

}

.welcome-right-section {

 margin-top: 30px;

  padding-right: none;

}

.header-area {

  padding-bottom: 40px;

  padding-top: 44px;

}

.love-sign {

  color: #fdbe00;

  font-size: 30px;

}

.quality-heading {

  font-family: ralewayregular;

  font-size: 15px;

  color: #555555;

  text-align: center;

  display: block;

  margin: auto;

  max-width: 661px;

  letter-spacing: 1px;

  padding-bottom: 80px;

}

.quality-text {

  font-family: ralewayregular;

  font-size: 14px;

  color: #888a8a;

  width: 82%;

  text-align: center;

  margin: auto;

  margin-bottom: 24px;

}

.quality-area {

  padding-top: 60px;

  padding-bottom: 50px;

}

.quality-heading {

  font-family: ralewayregular;

  font-size: 15px;

  color: #555555;

  text-align: center;

  display: block;

  margin: auto;

  max-width: 661px;

  letter-spacing: 1px;

  padding-bottom: 52px;

}

.we-do-area {

  padding-top: 60px;

    padding-bottom: 25px;

}

.we-do-heading {

  font-family: 'Raleway', sans-serif;

  font-size: 30px;

  text-align: center;

  padding-bottom: 9px;

}

.we-do-text {

  max-width: 800px;

  display: block;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  text-align: center;

  margin: auto;

  line-height: 1.6em;

  padding-bottom: 22px;

}

.we-do-content {

  min-height: 1841px;

  background: url(../images/shape.png) no-repeat 70px 0px;

  max-width: 1140px;

  margin: auto;

  margin-top: 20px;

  background-size: 548px;

}

.we-do-first-right {

  margin-top: 75px;

  width: 327px;

  margin-left: 33px;

}

.title-image-odd {

  display: none;

}

.title-image-even {

  display: none;

}

.we-do-content {

  min-height: 1341px;

  background: none;

  max-width: 1140px;

  margin: auto;

  margin-top: 20px;

  background-size: 608px;

  text-align: center;

}

.we-do-first-left {

  min-height: 310px;

  margin-top: 60px;

}

.we-do-second-left {

  margin-top: 35px;

  width: 315px;

  margin-left: -20px;

}

.we-do-second-right {

  min-height: 310px;

  margin-top: 13px;

  padding-left: 12px;

}

.we-do-content-heading {

  display: block;

  max-width: 425px;

  font-family: ralewaysemibold;

  font-size: 14px;

  padding-top: 8px;

}

.we-do-content-paragraph {

  display: block;

  max-width: 530px;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  padding-top: 1px;

  padding-bottom: 15px;

  margin-bottom: 24px;

}

.read-more {

  margin: auto;

  font-family: ralewaysemibold;

  font-size: 12px;

  padding: 5px 15px 5px 15px;

  background: #fff;

  color: #000;

  border-radius: 2px;

  margin-top: -15px;

  display: block;

  width: 93px;

}

.we-do-third-right {

  margin-top: 27px;

}



.we-do-third-left {

  min-height: 310px;

  margin-top: 51px;

}

.we-do-panels {

  margin-top: 44px;

  width: 100%;

  position: relative;

  overflow: hidden;

}



.how-we-do-area {

  padding-top: 80px;

  padding-bottom: 69px;

}

.min-height{

    min-height: 300px;

}

.min-height {

  min-height: 140px;

}

.portfolio-area {

  padding-top: 77px;

  padding-bottom: 87px;

}

.portfolio {

  width: 100%;

  min-height: 332px;

  margin-top: 50px;

  margin: auto;

  margin-top: 18px;

}

.button-iso {

  font-family: open_sansbold;

  font-size: 10px;

  padding: 9px 15px 9px 15px;

  background: #eff3f3;

  border: none;

  border-radius: 3px;

  color: #2c3e50;

  margin-right: 3px;

  margin-left: 3px;

  margin-bottom: 10px;

}

.count-area {

  padding-top: 74px;

  padding-bottom: 90px;

}

.work-done {

  text-align: center;

  min-width: 216px;

  padding-top: 30px;

  padding-bottom: 35px;

  float: left;

  min-height: 255px;

  margin-top: 10px;

}

.work-done-title {

  font-family: open_sanssemibold;

  font-size: 16px;

  padding-top: 6px;

  padding-bottom: 28px;

  

}

.work-image {

  width: 42%;

  display: block;

  margin: auto;

}

.talent-area {

  padding-top: 81px;

  padding-bottom: 100px;

}



.left-team {

  background: url(../images/team-bg-left.png) no-repeat 38px 0px;

  width: 436px;

  height: 238px;

  margin: auto;

  margin-right: none;

  margin-top: none;

  border-right: none;

  float: none;

}

.right-team {

  background: url(../images/team-bg.png) no-repeat 40px 0px;

  width: 554px;

  height: 238px;

  margin: auto;

  border-left: none;

  margin-left: 0;

  float: none;

  margin-bottom: 40px;

}

.right-team {

  background: url(../images/team-bg.png) no-repeat -19px 0px;

  width: 436px;

  height: 238px;

  border-left: none;

  margin-left: 0;

  float: none;

  margin-bottom: 1px;

  margin: auto;

}

.point-right {

  background: url(../images/point.png) no-repeat;

  width: 23px;

  height: 24px;

  position: absolute;

  right: 18px;

  top: 19px;

  z-index: 1;

  display: none;

}

.point-left {

  background: url(../images/point.png) no-repeat;

  width: 23px;

  height: 24px;

  position: absolute;

  left: 29px;

  top: 19px;

  display: none;

}

.morepeople {

  font-family: 'Raleway', sans-serif;

  background: #ff5c26;

  padding: 13px 20px 11px 20px;

  border-radius: 26px;

  color: #fff;

  text-align: center;

  width: 158px;

  margin: auto;

  display: block;

  font-size: 12px;

  margin-top: 50px;

}

.talent-area {

  padding-top: 81px;

  padding-bottom: 59px;

}

.blog-area {

  padding-top: 85px;

  padding-bottom: 80px;

}

.accr-left {

  max-width: 100%;

  float: none;

}

.accr-right {

  max-width: 100%;

  min-height: 100px;

  padding: 25px 40px 40px 40px;

  float: none;

  

}



.refresh {

  width: 35px;

  display: block;

  margin-top: -23px;

  margin-left: 184px;

}

.email {

  color: #fff;

  font-size: 12px;

}

.info-desc{

    font-size: 12px;

}





.welcome-left-section {

  padding-top: 0;

  padding-left: 0;

  text-align: center;

}

.go {

  width: 30px;

  display: block;

  margin: auto;

  color: #fff;

  margin-top: 38px;

}

.part {

  width: 50%;

  float: left;

  margin: auto;

}

.quality .part:last-child {

  width: 50%;

  float: left;

  margin-left: 25%;

  text-align: center;

}

.quality .part:last-child img {

  width: 73px;

  display: block;

  margin: auto;



}

.we-do-image{

    display: none;

}

.we-do-link {

  padding: 5px 10px 5px 10px;

  border-radius: 2px;

  display: block;

  width: 205px;

  font-family: 'Raleway', sans-serif;

  font-size: 15px;

  text-align: center;

  margin: auto;

  margin-bottom: 20px;

}

.we-do-content-heading {

  display: block;

  max-width: 425px;

  margin: auto;

  font-family: ralewaysemibold;

  font-size: 18px;

  padding-top: 8px;

  margin-bottom: 20px;

}

.how-do-content{

    text-align: center;

}

.step1-text-left-title {

  position: relative;

  max-width: 240px;

  font-family: open_sanssemibold;

  display: block;

  font-size: 24px;

  display: block;

  float: none;

  margin-top: 50px;

  right: 0;

  margin: auto;

}

.number1 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

}

.number2 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-left: 0;

  margin-top: -118px;

  margin-top: none;

  text-align: center;

}

.number3 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

}

.number4 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

  margin: auto;

}

.number5 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

}

.step-text-right {

  font-family: ralewaylight;

  max-width: 294px;

  display: block;

   position: relative;  

   left: 0;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  top: 8px;

  margin: auto;

}

.step1-text-right-title {

  position: relative;

  max-width: 240px;

  font-family: open_sanssemibold;

  display: block;

  font-size: 24px;

  display: block;

  float: none;

  left: 0;

  margin: auto;

  margin-top: -175px;

}

.step-text-left {

  font-family: ralewaylight;

  max-width: 295px;

  display: block;

   position: relative; 

   right: 0; 

  text-align: center;

  color: #777777;

  line-height: 1.5;

  top: 8px;

  margin: auto;

  margin-top: 170px;

}



.work-part1 {

  position: relative;

  min-height: 196px;

}

.mar-top{

margin-top: -273px;

}

.port-image {

  width: 33%;

  margin-right: 0;

  margin-bottom: 0;

  float: left;

}

.port-middle{

    width: 99.99%;

    margin: auto;

}

.team-people-left-float-right {

  width: 221px;

  float: right;

  padding-left: 0px;

  padding-top: 23px;

}

.team-people-left {

  width: 295px;

  float: left;

  padding-left: 8px;

  padding-top: 23px;

}

.price-panel-left{

    clear: both;

}

.price-panel-center{

    clear: both;

}

.price-panel-right{

    clear: both;

}

.price-upper-left {

  text-align: center;

  background: #5399c7;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 301px;

  float: none;

  margin: auto;

  margin-top: 60px;

}

.price-upper-middle {

  text-align: center;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 301px;

  float: none;

  margin: auto;

  margin-top: 60px;

}

.price-upper-right {

  text-align: center;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 301px;

  float: none;

  margin: auto;

  margin-top: 60px;

}

.price-lower-left {

  text-align: center;

  background: #5399c7;

  min-height: 390px;

  color: #000;

  padding: 50px 45px 35px 45px;

  width: 301px;

  background: #fff;

float: none;

  margin: auto;

}

.price-lower-middle {

  text-align: center;

  background: #5399c7;

  min-height: 390px;

  color: #000;

  padding: 50px 45px 35px 45px;

  width: 301px;

  background: #fff;

float: none;

  margin: auto;

}



.price-lower-right {

  text-align: center;

  background: #5399c7;

  min-height: 390px;

  color: #000;

  padding: 50px 45px 35px 45px;

  width: 301px;

  background: #fff;

float: none;

  margin: auto;

}

.price-heading-text {

  max-width: 800px;

  display: block;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  text-align: center;

  margin: auto;

  line-height: 1.6em;

  padding-bottom: 0; 

}

.works-count {

  width: 97%;

  margin: auto;

  margin-top: 20px;

}

.open {

  max-height: 1000px;

}

.sl1 {

  font-family: ralewaysemibold;

  font-size: 9px;

  padding: 3px 0px 3px 0px;

  background: #fff;

  width: 57px;

  border-radius: 4px;

  margin-right: 30px;

}

.sl2 {

  font-family: ralewaylight;

  font-size: 7px;

}

.sl3 {

  font-family: ralewaylight;

  font-size: 8px;

}

.sl4 {

  font-family: ralewaylight;

  font-size: 9px;

}

.load-btn {

  width: 50%;

  float: left;

  text-align: left;

  height: 60px;

  font-family: open_sansbold;

  border: none;

  font-size: 15px;

  color: #fff;

  padding-top: 19px;

}

.info-panel {

  width: 50%;

  text-align: center;

  float: left;

  color: #fff;

  margin-bottom: 20px;

}

.contact-info .info-panel:last-child{

    float: none;

    margin: auto;

}

.contact-info .info-panel:last-child img{

      width: 29px;

  display: block;

  margin: auto;

  margin-left: 0px;

}

.social-link {

  margin-left: 25px;

  margin-right: 25px;

  width: 10px;

  height: 11px;

  

}

.footer-text {

  font-family: 'Raleway', sans-serif;

  font-size: 14px;

  color: #fff;

}



/* ---- Mobile App Development -- */



.how-do-content {

  max-width: 1140px;

  background: none;

  padding-left: 34px;

  background-size: 948px;

}

.idea {

  margin-left: -44px;

  display: none;

}

.how-lower {

  margin-top: 15px;

}

.how-upper {

  margin-top: -31px;

}

.how-we-do-area {

  padding-top: 100px;

  padding-bottom: 45px;

}

.count-area {

  padding-top: 90px;

  padding-bottom: 22px;

}

.work-done {

  text-align: center;

  min-width: 50%;

  padding-top: 30px;

  padding-bottom: 35px;

  float: left;

  min-height: 280px;

  margin-top: 0px;

}

.works-count .work-done:last-child {

  float: none;

  margin: auto;

}

.info-panel5{

  float: none;

  margin: auto;

  clear: both;

}

.price-upper-left {

  text-align: center;

  background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  width: 275px;

  float: right;

  margin-top: 60px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.contact-area {

  padding-top: 130px;

  padding-bottom: 380px;

}

.pricing-heading {

  font-family: ralewayregular;

  font-size: 17px;

  margin-bottom: 45px;

}

.price-lower-left {

  text-align: center;

  background: #5399c7;

  min-height: 332px;

  color: #000;

  padding: 28px 45px 16px 45px;

  width: 275px;

  background: #fff;

  float: none;

}

.blog-panel {

  max-width: 305px;

  min-height: 424px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  border-radius: 24px;

  float: left;

}

.blog-date {

  float: left;

  width: 67px;

  height: 44px;

  background: url(../images/date-bg.png) no-repeat;

  text-align: center;

  padding-top: 14px;

  font-size: 8px;

}

.blog-comment {

  float: left;

  height: 44px;

  width: 65px;

  background: url(../images/comment-bg.png) no-repeat -17px 0px;

  text-align: center;

  padding-top: 12px;

  padding-left: 23px;

  font-size: 10px;

}

.blog-love {

  float: left;

  height: 44px;

  width: 58px;

  background: url(../images/love-bg.png) no-repeat -16px 0px;

  text-align: center;

  padding-top: 13px;

  padding-left: 22px;

  font-size: 10px;

}

.blog-attributes {

  font-family: latobold;

  height: 45px;

  margin-top: -3px;

  position: absolute;

}

.testimonial-panel1 {

  width: 266px;

  min-height: 182px;

  float: left;

  margin-left: 0;

  margin-right: 10px;

  float: none;

  background: url(../images/testi-bg1.png) no-repeat -117px 0px;

  margin: auto;

  margin-bottom: 50px;

}

.testimonial-panel2 {

  width: 266px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: none;

  background: url(../images/testi-bg2.png) no-repeat -5px 0px;

   margin: auto;

  margin-bottom: 50px;

}

.testimonial-panel3 {

  width: 266px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: none;

  background: url(../images/testi-bg3.png) no-repeat -5px 0px;

   margin: auto;

  margin-bottom: 50px;

}

.testimonial-content {

  font-family: ralewayregular;

  font-size: 13px;

  color: #fff;

  max-width: 237px;

  line-height: 1.7em;

  margin-top: 19px;

  margin-left: 13px;

  position: relative;

  padding-top: 16px;

}

.people-part {

  width: 155px;

  position: absolute;

   

  margin-left: 50px;

  color: #000;

}

.welcome-left-section {

  padding-top: 54px;

  padding-left: 39px;

}





.welcome-description {

  font-family: 'Raleway', sans-serif;

  font-size: 29px;

  text-transform: uppercase;

  color: #fff;

  line-height: 1.1em;

  letter-spacing: 2px;

  margin-top: 0px;

  text-align: center;

}

.welcome-row {

   padding-top: 20px; 

}

.buttons {

  text-align: center;

  width: 320px;

  margin: auto;

  margin-top: 40px;

}

.welcome-right-section {

  padding-right: 0;

  padding-top: 81px;

}

.test-area {

  padding-top: 100px;

  padding-bottom: 75px;

}

.imac-im{

  display: block;

  margin: auto;

  width: 467px;

}

.pull-right {

  float: none;

}

.pull-right {

   float: none !important; 

}

.list-icon1,.list-icon2,.list-icon3,.list-icon-right1,.list-icon-right2,.list-icon-right3{

  display: none;

}



.how-upper {

  margin-top: 0px;

}

.step1-text-left-title {

  max-width: 240px;

  font-family: open_sanssemibold;

  display: block;

  font-size: 18px;

  display: block;

  margin: auto;

  margin-top: 9px;

  margin-bottom: 11px;

}

.step-text-right {

  font-family: ralewaylight;

  max-width: 295px;

  display: block;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  font-size: 13px;

  margin: 21px;

}

.number1 {

  font-family: open_sanssemibold_italic;

  font-size: 16px;

  letter-spacing: -2px;

  color: #000;

  display: none;

}

.de{

display: none;

}

.price-upper-middle {

  text-align: center;

  background: #fff url(../images/pr-bg.png) no-repeat -19px 0px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 275px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-middle {

  font-family: 'Raleway', sans-serif;

  font-size: 68px;

  margin-top: -20px;

  margin-left: -14px;

  margin-bottom: 20px;

}

.price-lower-middle {

  text-align: center;

  background: #5399c7;

  color: #000;

  padding: 15px 45px 35px 45px;

  max-width: 275px;

  background: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

}

.price-upper-left {

  text-align: center;

  background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  width: 275px;

  float: none;

  margin-top: 0;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-upper-right {

  text-align: center;

  background: #fff url(../images/pr-bg2.png) no-repeat 0px -7px;

  min-height: 325px;

  margin: auto;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 275px;

  margin-top: 60px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-lower-right {

  text-align: center;

  background: #5399c7;

  color: #000;

  padding: 15px 45px 35px 45px;

  max-width: 275px;

  margin: auto;

  background: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

}

.price-image{

  width: 150px;

  display: block;

  margin: auto;

  margin-top: 30px;

}

.last{

  margin-left: 0;

}

.blog-panel {

  max-width: 380px;

  min-height: 424px;

  float: left;

  margin: auto;

  border-radius: 24px;

  float: none;

  margin-bottom: 30px;

}

.blog-attributes {

    font-family: latobold;

height: 45px;

margin-top: 25px;

position: absolute;

}

.blog-date {

float: left;

width: 140px;

height: 44px;

background: url(../images/date-bg.png) no-repeat;

text-align: center;

padding-top: 10px;

}

.blog-comment {

float: left;

height: 44px;

width: 100px;

background: url(../images/comment-bg.png) no-repeat;

text-align: center;

padding-top: 10px;

padding-left: 25px;

}

.blog-love{

    float: left;

    height: 44px;

    width: 100px;

    background: url(../images/love-bg.png) no-repeat;

    text-align: center;

    padding-top: 10px;

    padding-left: 25px;

}

.blog-read-more{

    float: left;

    width: 40px;

    height: 44px;

    background: url(../images/read-more.png) no-repeat;

}

.read-more-blog-link{

    display: block;

    width: 40px;

    height: 44px;

}

.blog-panel-cotainer {

  max-width: 755px;

  margin: auto;

  margin-top: 35px;

}

.owl-theme .owl-controls .owl-page span {

  display: block;

  width: 40px;

  height: 40px;

  margin: 5px 7px;

  filter: Alpha(Opacity=100);

  opacity: .5;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  background: #B43023;

}



.team-work-bg {

  background: none;

  max-width: 1140px;

  margin: auto;

  min-height: 392px;

  position: relative;

}

.right-part {

  max-width: 50%;

  float: right;

  margin-top: -40px;

}

.left-part {

  max-width: 50%;

  float: left;

  margin-top: -40px;

}

.work-list-last {

  width: 100%;

  position: relative;

  min-height: 171px;

  margin-top: 30px;

    margin-left: 20px;

}

.work-list {

  width: 100%;

  position: relative;

  min-height: 171px;

  padding-left: 15px;

}

.work-list-right {

  width: 100%;

  position: relative;

  min-height: 171px;

   padding-left:  0;

}

.work-list-last-right {

  width: 100%;

  position: relative;

  min-height: 171px;

  margin-top: 30px;

  padding-left: 0;

}

.list-desc {

  color: #7a7777;

  width: 90%;

}

.done {

  margin-top: -39px;

  display: none;

}

.triangle-down-3 {

display: none;

}



.triangle-down-1 {

display: none;

}

.triangle-down-2 {

display: none;

}

.triangle-down-4 {

display: none;

}

.triangle-down-5 {

display: none;

}

.info-panel-middle:hover .triangle-down-3{

    display: none;

}

.info-panel1:hover .triangle-down-1{

    display: none;

}

.info-panel2:hover .triangle-down-2{

    display: none;

}

.info-panel4:hover .triangle-down-4{

    display: none;

}

.info-panel5:hover .triangle-down-5{

    display: none;

}

.info-panel1 {

  width: 50%;

}

.info-panel2 {

  width: 50%;

}

.info-panel-middle {

  width: 50%;

}

.info-panel4 {

  width: 50%;

}

.info-panel5 {

  width: 50%;

}

.footer-social {

 

  margin: auto;

}

.subs-form {

  width: 50%;

  float: left;

  text-align: center;

  height: 60px;

  font-family: ralewayregular;

  font-size: 14px;

  border: 8px solid #eff3f3;

  background: #eff3f3 url(../images/search-bg.png) no-repeat;

  background-position: 32px center;

  background-repeat: no-repeat;

  color: #a9cf6a;

  border-top-left-radius: 30px;

  border-bottom-left-radius: 30px;

}



}



/* SMARTPHONES PORTRAIT */

@media only screen and (min-width: 300px) and (max-width : 480px){
#map {
height: 400px;
width: auto;
}


.welcome-description {

  font-family: 'Raleway', sans-serif;

  font-size: 25px;

  text-transform: uppercase;

  color: #fff;

  line-height: 1.1em;

  letter-spacing: 2px;

  margin-top: 20px;

  margin: auto;

  text-align: center;

}

.welcome-left-section {

  padding-top: 54px;

  padding-left: 40px;

}

.welcome-right-section {

 margin-top: 30px;

  padding-right: none;

}

.header-area {

  padding-bottom: 40px;

  padding-top: 44px;

}

.love-sign {

  color: #fdbe00;

  font-size: 30px;

}

.quality-heading {

  font-family: ralewayregular;

  font-size: 15px;

  color: #555555;

  text-align: center;

  display: block;

  margin: auto;

  max-width: 661px;

  letter-spacing: 1px;

  padding-bottom: 80px;

}

.quality-text {

  font-family: ralewayregular;

  font-size: 14px;

  color: #888a8a;

  width: 82%;

  text-align: center;

  margin: auto;

  margin-bottom: 24px;

}

.quality-area {

  padding-top: 60px;

  padding-bottom: 50px;

}

.quality-heading {

  font-family: ralewayregular;

  font-size: 15px;

  color: #555555;

  text-align: center;

  display: block;

  margin: auto;

  max-width: 661px;

  letter-spacing: 1px;

  padding-bottom: 52px;

}

.we-do-area {

  padding-top: 60px;

  padding-bottom: 0px;

}

.we-do-heading {

  font-family: 'Raleway', sans-serif;

  font-size: 30px;

  text-align: center;

  padding-bottom: 9px;

}

.we-do-text {

  max-width: 800px;

  display: block;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  text-align: center;

  margin: auto;

  line-height: 1.6em;

  padding-bottom: 22px;

}

.we-do-content {

  min-height: 1841px;

  background: url(../images/shape.png) no-repeat 70px 0px;

  max-width: 1140px;

  margin: auto;

  margin-top: 20px;

  background-size: 548px;

}

.we-do-first-right {

  margin-top: 75px;

  width: 206px;

  margin-left: 33px;

}

.title-image-odd {

  display: none;

}

.title-image-even {

  display: none;

}

.we-do-content {

  min-height: 1341px;

  background: none;

  max-width: 1140px;

  margin: auto;

  margin-top: 20px;

  background-size: 608px;

  text-align: center;

}

.we-do-first-left {

  min-height: 310px;

  margin-top: 60px;

}

.we-do-second-left {

  margin-top: 35px;

  width: 279px;

  margin-left: -20px;

}

.we-do-second-right {

  min-height: 310px;

  margin-top: 13px;

  padding-left: 12px;

}

.we-do-content-heading {

  display: block;

  max-width: 425px;

  font-family: ralewaysemibold;

  font-size: 14px;

  padding-top: 8px;

}

.we-do-content-paragraph {

  display: block;

  max-width: 530px;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  padding-top: 1px;

  padding-bottom: 15px;

  margin-bottom: 24px;

}

.read-more {

  margin: auto;

  font-family: ralewaysemibold;

  font-size: 12px;

  padding: 5px 15px 5px 15px;

  background: #fff;

  color: #000;

  border-radius: 2px;

  margin-top: -15px;

  display: block;

  width: 93px;

}

.we-do-third-right {

  margin-top: 27px;

}



.we-do-third-left {

  min-height: 310px;

  margin-top: 51px;

}

.we-do-panels {

  margin-top: 44px;

  width: 100%;

  position: relative;

  overflow: hidden;

}



.how-we-do-area {

  padding-top: 80px;

  padding-bottom: 69px;

}

.min-height{

    min-height: 300px;

}

.min-height {

  min-height: 140px;

}

.portfolio-area {

  padding-top: 77px;

  padding-bottom: 87px;

}

.portfolio {

  width: 100%;

  min-height: 332px;

  margin-top: 50px;

  margin: auto;

  margin-top: 18px;

}

.button-iso {

  font-family: open_sansbold;

  font-size: 10px;

  padding: 9px 15px 9px 15px;

  background: #eff3f3;

  border: none;

  border-radius: 3px;

  color: #2c3e50;

  margin-right: 3px;

  margin-left: 3px;

  margin-bottom: 10px;

}

.count-area {

  padding-top: 74px;

  padding-bottom: 90px;

}

.work-done {

  text-align: center;

  min-width: 216px;

  padding-top: 30px;

  padding-bottom: 35px;

  float: none;

  min-height: 255px;

  margin-top: 10px;

}

.work-done-title {

  font-family: open_sanssemibold;

  font-size: 15px;

  padding-top: 6px;

  padding-bottom: 28px;

  

}

.work-image {

  width: 42%;

  display: block;

  margin: auto;

}

.talent-area {

  padding-top: 81px;

  padding-bottom: 100px;

}



.left-team {

  background: url(../images/team-bg-left.png) no-repeat 38px 0px;

  width: 280px;

  height: 238px;

  margin: auto;

  margin-right: none;

  margin-top: none;

  border-right: none;

  float: none;

  text-align: center;

}

.right-team {

  background: url(../images/team-bg.png) no-repeat 40px 0px;

  width: 554px;

  height: 238px;

  margin: auto;

  border-left: none;

  margin-left: 0;

  float: none;

  margin-bottom: 40px;

}

.right-team {

  background: url(../images/team-bg.png) no-repeat -19px 0px;

  width: 237px;

  height: 238px;

  margin: auto;

  border-left: none;

  margin-left: -12px;

  float: none;

  margin-bottom: 1px;

  text-align: center;

}

.point-right {

  background: url(../images/point.png) no-repeat;

  width: 23px;

  height: 24px;

  position: absolute;

  right: 18px;

  top: 19px;

  z-index: 1;

  display: none;

}

.point-left {

  background: url(../images/point.png) no-repeat;

  width: 23px;

  height: 24px;

  position: absolute;

  left: 29px;

  top: 19px;

  display: none;

}

.morepeople {

  font-family: 'Raleway', sans-serif;

  background: #ff5c26;

  padding: 13px 20px 11px 20px;

  border-radius: 26px;

  color: #fff;

  text-align: center;

  width: 158px;

  margin: auto;

  display: block;

  font-size: 12px;

  margin-top: 50px;

}

.talent-area {

  padding-top: 81px;

  padding-bottom: 59px;

}

.blog-area {

  padding-top: 85px;

  padding-bottom: 80px;

}

.accr-left {

  max-width: 100%;

  float: none;

}

.accr-right {

  max-width: 100%;

  min-height: 100px;

  padding: 25px 40px 40px 40px;

  float: none;

  

}

.refresh {

  width: 35px;

  display: block;

  margin-top: -23px;

  margin-left: 191px;

}

.email {

  color: #fff;

  font-size: 12px;

}

.info-desc{

    font-size: 12px;

}



.header-only {

  height: 50px;

  position: fixed;

  z-index: 999999;

}


.welcome-left-section {

  padding-top: 0;

  padding-left: 0;

  text-align: center;

}

.go {

  width: 30px;

  display: block;

  margin: auto;

  color: #fff;

  margin-top: 38px;

}

.part {

  width: 90%;

  float: none;

  margin: auto;

}

{

  width: 90%;

  float: none;

  margin: auto;

}

.quality .part:last-child img {

  width: 73px;

  display: block;

  margin: auto;

}

.we-do-image{

    display: none;

}

.we-do-link {

  padding: 5px 10px 5px 10px;

  border-radius: 2px;

  display: block;

  width: 205px;

  font-family: 'Raleway', sans-serif;

  font-size: 15px;

  text-align: center;

  margin: auto;

  margin-bottom: 20px;

}

.we-do-content-heading {

  display: block;

  max-width: 425px;

  font-family: ralewaysemibold;

  font-size: 18px;

  padding-top: 8px;

  margin-bottom: 20px;

}

.how-do-content{

    text-align: center;

}

.step1-text-left-title {

  position: relative;

  max-width: 240px;

  font-family: open_sanssemibold;

  display: block;

  font-size: 24px;

  display: block;

  float: none;

  margin-top: 50px;

  right: 0;

  margin: auto;

}

.number1 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

}

.number2 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-left: 0;

  margin-top: -118px;

  margin-top: none;

  text-align: center;

}

.number3 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

}

.number4 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

  margin: auto;

}

.number5 {

  font-family: open_sanssemibold_italic;

  font-size: 60px;

  letter-spacing: -2px;

  display: block;

  float: none;

  margin-right: 0;

  margin-top: none;

  text-align: center;

}

.step-text-right {

  font-family: ralewaylight;

  max-width: 294px;

  display: block;

   position: relative;  

   left: 0;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  top: 8px;

  margin: auto;

}

.step1-text-right-title {

  position: relative;

  max-width: 240px;

  font-family: open_sanssemibold;

  display: block;

  font-size: 24px;

  display: block;

  float: none;

  left: 0;

  margin: auto;

  margin-top: -175px;

}

.step-text-left {

  font-family: ralewaylight;

  max-width: 295px;

  display: block;

   position: relative; 

   right: 0; 

  text-align: center;

  color: #777777;

  line-height: 1.5;

  top: 8px;

  margin: auto;

  margin-top: 170px;

}



.work-part1 {

  position: relative;

  min-height: 196px;

}

.mar-top{

margin-top: -273px;

}

.port-image {

  width: 33%;

  margin-right: 0;

  margin-bottom: 0;

  float: left;

}

.port-middle{

    width: 99.99%;

    margin: auto;

}

.team-people-left-float-right {

  width: 221px;

  float: right;

  padding-left: 11px;

  padding-top: 23px;

}

.team-people-left {

  width: 219px;

  float: left;

  padding-left: 0px;

  padding-top: 23px;

}

.price-panel-left{

    clear: both;

}

.price-panel-center{

    clear: both;

}

.price-panel-right{

    clear: both;

}

.price-upper-left {

  text-align: center;

  background: #5399c7;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 301px;

  float: none;

  margin: auto;

  margin-top: 60px;

}

.price-upper-middle {

  text-align: center;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 301px;

  float: none;

  margin: auto;

  margin-top: 60px;

}

.price-upper-right {

  text-align: center;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 301px;

  float: none;

  margin: auto;

  margin-top: 60px;

}

.price-lower-left {

  text-align: center;

  background: #5399c7;

  min-height: 390px;

  color: #000;

  padding: 50px 45px 35px 45px;

  width: 237px;

  background: #fff;

  float: none;

  margin: auto;

}

.price-lower-middle {

  text-align: center;

  background: #5399c7;

  min-height: 390px;

  color: #000;

  padding: 50px 45px 35px 45px;

  width: 237px;

  background: #fff;

float: none;

  margin: auto;

}



.price-lower-right {

  text-align: center;

  background: #5399c7;

  min-height: 390px;

  color: #000;

  padding: 50px 45px 35px 45px;

  width: 237px;

  background: #fff;

float: none;

  margin: auto;

}

.price-heading-text {

  max-width: 800px;

  display: block;

  font-family: ralewaylight;

  font-size: 16px;

  color: #879cb0;

  text-align: center;

  margin: auto;

  line-height: 1.6em;

  padding-bottom: 0; 

}

.works-count {

  width: 97%;

  margin: auto;

  margin-top: 20px;

}

.open {

  max-height: 1000px;

}

.sl1 {

  font-family: ralewaysemibold;

  font-size: 9px;

  padding: 3px 0px 3px 0px;

  background: #fff;

  width: 57px;

  border-radius: 4px;

  margin-right: 30px;

}

.sl2 {

  font-family: ralewaylight;

  font-size: 7px;

}

.sl3 {

  font-family: ralewaylight;

  font-size: 8px;

}

.sl4 {

  font-family: ralewaylight;

  font-size: 9px;

}

.load-btn {

  width: 85%;

  float: none;

  text-align: center;

  height: 60px;

  font-family: open_sansbold;

  border: none;

  font-size: 15px;

  color: #fff;

  margin: auto;

  padding-top: 19px;

  margin-top: 20px;

  clear: both;

  display: block;

  padding-left: 0;

  border-top-right-radius: 30px;

  border-bottom-right-radius: 30px;

  border-top-left-radius: 30px;

  border-bottom-left-radius: 30px;

}

.info-panel {

  width: 50%;

  text-align: center;

  float: left;

  color: #fff;

  margin-bottom: 20px;

}

.contact-info .info-panel:last-child{

    float: none;

    margin: auto;

}

.contact-info .info-panel:last-child img{

      width: 29px;

  display: block;

  margin: auto;

  margin-left: 0px;

}

.social-link {

  margin-left: 10px;

  margin-right: 10px;

  width: 11px;

  height: 11px;

  

  margin-top: 16px;

}

.footer-text {

  font-family: 'Raleway', sans-serif;

  font-size: 14px;

  color: #fff;

}

.team-people-left-float-left img {

  width: 58px;

  margin-left: -16px;

}

.team-people-right img {

  width: 58px;

  position: absolute;

  right: -58px;

  top: 2px;

}

.subs-form {

  width: 100%;

  float: none;

  text-align: center;

  height: 100px;

  font-family: open_sansbold;

  font-size: 14px;

  border: 8px solid #16a085;

  background: transparent;

  color: #16a085;

}

.testi-single-image {

  width: 86px;

  height: 100px;

  float: none;

  text-align: center;

}

.testimonial-image {

  margin: auto;

  max-width: 700px;

  margin-top: 34px;

  display: block;

  text-align: center;

}

.footer-social {

  max-width: 630px;

  margin: auto;

  text-align: center;

  margin-bottom: 0px;

}

.social-area {

  padding-top: 50px;

  padding-bottom: 50px;

}

.header-only {

 

  position: fixed;

  z-index: 999999;
      background-color: #018EA8 !important;
    border-bottom: 1px solid #000;
}



/* ---- Mobile App Development -- */



.how-do-content {

  max-width: 1140px;

  background: none;

  padding-left: 34px;

  background-size: 948px;

}

.idea {

  margin-left: -44px;

  display: none;

}

.how-lower {

  margin-top: 15px;

}

.how-upper {

  margin-top: -31px;

}

.how-we-do-area {

  padding-top: 68px;

  padding-bottom: 45px;

}

.count-area {

  padding-top: 90px;

  padding-bottom: 22px;

}

.work-done {

  text-align: center;

  min-width: 100%;

  padding-top: 30px;

  padding-bottom: 35px;

  float: left;

  min-height: 280px;

  margin-top: 0px;

}

.works-count .work-done:last-child {

  float: none;

  margin: auto;

}

.info-panel5{

  float: none;

  margin: auto;

  clear: both;

}

.price-upper-left {

  text-align: center;

  background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  width: 275px;

  float: right;

  margin-top: 60px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.contact-area {

  padding-top: 57px;

  padding-bottom: 380px;

}

.pricing-heading {

  font-family: ralewayregular;

  font-size: 17px;

  margin-bottom: 45px;

}

.price-lower-left {

  text-align: center;

  background: #5399c7;

  min-height: 332px;

  color: #000;

  padding: 28px 45px 16px 45px;

  width: 240px;

  background: #fff;

  float: none;

}

.blog-panel {

  max-width: 305px;

  min-height: 424px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  border-radius: 24px;

  float: left;

}

.blog-date {

  float: left;

  width: 67px;

  height: 44px;

  background: url(../images/date-bg.png) no-repeat;

  text-align: center;

  padding-top: 14px;

  font-size: 8px;

}

.blog-comment {

  float: left;

  height: 44px;

  width: 65px;

  background: url(../images/comment-bg.png) no-repeat -17px 0px;

  text-align: center;

  padding-top: 12px;

  padding-left: 23px;

  font-size: 10px;

}

.blog-love {

  float: left;

  height: 44px;

  width: 58px;

  background: url(../images/love-bg.png) no-repeat -16px 0px;

  text-align: center;

  padding-top: 13px;

  padding-left: 22px;

  font-size: 10px;

}

.blog-attributes {

  font-family: latobold;

  height: 45px;

  margin-top: -3px;

  position: absolute;

}

.testimonial-panel1 {

  width: 266px;

  min-height: 182px;

  float: left;

  margin-left: 0;

  margin-right: 10px;

  float: none;

  background: url(../images/testi-bg1.png) no-repeat -117px 0px;

  margin: auto;

  margin-bottom: 50px;

}

.testimonial-panel2 {

  width: 266px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: none;

  background: url(../images/testi-bg2.png) no-repeat -5px 0px;

   margin: auto;

  margin-bottom: 50px;

}

.testimonial-panel3 {

  width: 266px;

  min-height: 182px;

  float: left;

  margin-left: 10px;

  margin-right: 10px;

  float: none;

  background: url(../images/testi-bg3.png) no-repeat -5px 0px;

   margin: auto;

  margin-bottom: 50px;

}

.testimonial-content {

  font-family: ralewayregular;

  font-size: 13px;

  color: #fff;

  max-width: 237px;

  line-height: 1.7em;

  margin-top: 19px;

  margin-left: 13px;

  position: relative;

  padding-top: 16px;

}

.people-part {

  width: 155px;

  position: absolute;

   

  margin-left: 50px;

  color: #000;

}

.welcome-left-section {

  padding-top: 54px;

  padding-left: 39px;

}





.welcome-description {

  font-family: 'Raleway', sans-serif;

  font-size: 13px;

  text-transform: uppercase;

  color: #fff;

  line-height: 1.1em;

  letter-spacing: 2px;

  margin-top: 0px;

  text-align: center;

}

.welcome-row {

   padding-top: 20px; 

}

.buttons {

  text-align: center;

  width: 320px;

  margin: auto;

  margin-top: 40px;

}

.welcome-right-section {

  padding-right: 0;

  padding-top: 81px;

}

.test-area {

  padding-top: 100px;

  padding-bottom: 75px;

}

.imac-im{

  display: block;

  margin: auto;

  width: 467px;

}

.pull-right {

  float: none;

}

.pull-right {

   float: none !important; 

}

.list-icon1,.list-icon2,.list-icon3,.list-icon-right1,.list-icon-right2,.list-icon-right3{

  display: none;

}



.how-upper {

  margin-top: 0px;

}

.step1-text-left-title {

  max-width: 240px;

  font-family: open_sanssemibold;

  display: block;

  font-size: 18px;

  display: block;

  margin: auto;

  margin-top: 9px;

  margin-bottom: 11px;

}

.step-text-right {

  font-family: ralewaylight;

  max-width: 295px;

  display: block;

  text-align: center;

  color: #777777;

  line-height: 1.5;

  font-size: 13px;

  margin: 21px;

}

.number1 {

  font-family: open_sanssemibold_italic;

  font-size: 16px;

  letter-spacing: -2px;

  color: #000;

  display: none;

}

.de{

display: none;

}

.price-upper-middle {

  text-align: center;

  background: #fff url(../images/pr-bg.png) no-repeat -19px 0px;

  min-height: 325px;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 275px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-middle {

  font-family: 'Raleway', sans-serif;

  font-size: 68px;

  margin-top: -20px;

  margin-left: -14px;

  margin-bottom: 20px;

}

.price-lower-middle {

  text-align: center;

  background: #5399c7;

  color: #000;

  padding: 15px 45px 35px 45px;

  max-width: 236px;

  background: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

}

.price-upper-left {

  text-align: center;

  background: #fff url(../images/pr-bg1.png) no-repeat 0px -7px;

  min-height: 325px;

  margin: auto;

  color: #fff;

  padding: 50px 45px 30px 45px;

  width: 240px;

  float: none;

  margin-top: 0;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-upper-right {

  text-align: center;

  background: #fff url(../images/pr-bg2.png) no-repeat 0px -7px;

  min-height: 325px;

  margin: auto;

  color: #fff;

  padding: 50px 45px 30px 45px;

  max-width: 240px;

  margin-top: 60px;

  border-top-right-radius: 15px;

  border-top-left-radius: 15px;

}

.price-lower-right {

  text-align: center;

  background: #5399c7;

  color: #000;

  padding: 15px 45px 35px 45px;

  max-width: 236px;

  margin: auto;

  background: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

}

.price-image{

  width: 150px;

  display: block;

  margin: auto;

  margin-top: 30px;

}

.last{

  margin-left: 0;

}

.blog-panel {

  max-width: 276px;

  min-height: 424px;

  float: left;

  margin: auto;

  border-radius: 24px;

  float: none;

  margin-bottom: 30px;

}

.blog-attributes {

  font-family: latobold;

  height: 45px;

  margin-top: 37px;

  position: absolute;

}

.blog-date {

  float: left;

  width: 84px;

  height: 44px;

  background: url(../images/date-bg.png) no-repeat;

  text-align: center;

  padding-top: 14px;

}

.blog-comment {

  float: left;

  height: 44px;

  width: 73px;

  background: url(../images/comment-bg.png) no-repeat -18px 0px;

  text-align: center;

  padding-top: 13px;

  padding-left: 17px;

}

.blog-love {

  float: left;

  height: 44px;

  width: 79px;

  background: url(../images/love-bg.png) no-repeat -12px 0px;

  text-align: center;

  padding-top: 13px;

  padding-left: 18px;

}

.blog-read-more{

    float: left;

    width: 40px;

    height: 44px;

    background: url(../images/read-more.png) no-repeat;

}

.read-more-blog-link{

    display: block;

    width: 40px;

    height: 44px;

}

.blog-panel-cotainer {

  max-width: 755px;

  margin: auto;

  margin-top: 35px;

}

.owl-theme .owl-controls .owl-page span {

  display: block;

  width: 30px;

  height: 30px;

  margin: 5px 7px;

  filter: Alpha(Opacity=100);

  opacity: .5;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  background: #B43023;

}

.mobile-center {

  margin-top: -98px;

  position: absolute;

  display: none;

}

.team-work-bg {

  background: none;

  max-width: 1140px;

  margin: auto;

  min-height: 392px;

  position: relative;

}

.right-part {

  max-width: 100%;

  float: right;

  margin-top: -57px;

  padding-left: 18px;

}

.left-part {

  max-width: 100%;

  float: left;

  margin-top: -111px;

}

.work-list-last {

  width: 100%;

  position: relative;

  min-height: 171px;

  margin-top: 30px;

    margin-left: 0;

    padding-left: 18px;

}

.work-list {

  width: 100%;

  position: relative;

  min-height: 100px;

  padding-left: 15px;

}

.work-list-right {

  width: 100%;

  position: relative;

  min-height: 100px;

  padding-left: 0;

}

.work-list-last-right {

  width: 100%;

  position: relative;

  min-height: 171px;

  margin-top: 30px;

  padding-left: 0;

}

.list-desc {

  color: #7a7777;

  width: 90%;

}

.done {

  margin-top: -39px;

  display: none;

}

.triangle-down-3 {

display: none;

}



.triangle-down-1 {

display: none;

}

.triangle-down-2 {

display: none;

}

.triangle-down-4 {

display: none;

}

.triangle-down-5 {

display: none;

}

.info-panel-middle:hover .triangle-down-3{

    display: none;

}

.info-panel1:hover .triangle-down-1{

    display: none;

}

.info-panel2:hover .triangle-down-2{

    display: none;

}

.info-panel4:hover .triangle-down-4{

    display: none;

}

.info-panel5:hover .triangle-down-5{

    display: none;

}

.info-panel1 {

  width: 50%;

}

.info-panel2 {

  width: 50%;

}

.info-panel-middle {

  width: 50%;

}

.info-panel4 {

  width: 50%;

}

.info-panel5 {

  width: 50%;

}

.footer-social {

 

  margin: auto;

}

.subs-form {

  width: 85%;

  float: none;

  text-align: center;

  height: 60px;

  font-family: ralewayregular;

  font-size: 14px;

  border: 8px solid #eff3f3;

  background: #eff3f3 url(../images/search-bg.png) no-repeat;

  background-position: 11px center;

  background-repeat: no-repeat;

  color: #a9cf6a;

  border-top-left-radius: 30px;

  border-bottom-left-radius: 30px;

  border-top-right-radius: 30px;

  border-bottom-right-radius: 30px;

}

.slider-contactus {

  display: block;

  font-family: ralewaymedium;

  width: 100px;

  height: 45px;

  text-align: center;

  font-size: 14px;

  float: left;

  padding-top: 12px;

  border-radius: 25px;

}

.slider-read-more {

  display: block;

  font-family: ralewaymedium;

  width: 100px;

  height: 45px;

  text-align: center;

  font-size: 14px;

  float: left;

  padding-top: 12px;

  margin-right: 10px;

  border-radius: 25px;

}

.buttons {

  text-align: center;

  width: 230px;

  margin: auto;

  margin-top: 40px;

}



.talent-content-image {

  position: relative;

  width: 220px;

  height: 450px;

  border-radius: 15px;

  cursor: pointer;

  margin: auto;

  text-align: center;

}

.subscribe {

  text-align: center;

  max-width: 600px;

  margin: auto;

  margin-top: 36px;

}
@media (max-width:1199px) {
    .info-title {
        font-size: 36px !important;
    }
}