*{margin: 0; padding: 0; box-sizing: border-box; -webkit-transition: all 300ms ease-out 0.1s; -moz-transition: all 300ms ease-out 0.1s; -o-transition: all 300ms ease-out 0.1s;
    transition: all 300ms ease-out 0.1s;}
html{margin: 0 !important;}
.container{min-width:80%;}
body{font-family: 'Lato', sans-serif; font-size: 18px; color: #666666;overflow-x:hidden;}
h2,h3,h4,h5,h6{color: #1B67EE;font-family: 'Play', sans-serif; text-align: center;}
h2{background: url("images/h2.png") no-repeat bottom center; font-size: 48px; padding-bottom: 14px; margin: 0 0 40px 0;}
h3{background: url("images/h2.png") no-repeat bottom center; font-size: 30px; padding-bottom: 14px; margin: 0 0 40px 0;}
.heading{font-family: 'Play', sans-serif;}
button, .btn-primary{background: none;border:3px solid #1B67EE;font-family: 'Play', sans-serif;padding: 10px 50px; font-size: 30px;line-height: normal;color: #1B67EE;border-radius: 5px;}
button:hover, .btn-primary:hover{background:#1B67EE;color: #fff;}
.button, .btn-default {background: none;border:3px solid #1B67EE;font-family: 'Play', sans-serif;padding: 10px 50px; font-size: 22px;line-height: normal;color: #1B67EE;border-radius: 5px;}
.button:hover, .btn-default:hover{background:#1B67EE;color: #fff;border-color:#1B67EE;text-decoration: none;}

header.sticky{background: #fff none repeat scroll 0 0;left: 0;position: fixed;top: 0;width: 100%;z-index: 9; border-bottom: 1px solid #ccc;}
header .logo{display: inline-block;-webkit-transition: all 300ms ease-out 0.1s; -moz-transition: all 300ms ease-out 0.1s; -o-transition: all 300ms ease-out 0.1s;
    transition: all 300ms ease-out 0.1s;}
header .logo h1{margin: 20px 0;-vendor-animation-duration: 1s; -vendor-animation-delay: 1s;  -vendor-animation-iteration-count: infinite;}
header .logo img{max-height:91px;}
header nav{display: inline-block; float: right; font-size: 18px;font-family: 'Play', sans-serif;}
header nav .navbar-collapse{padding: 0; background: none;float: right;}
.navbar {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;min-height: 0; margin: 55px 0;}
.nav > li > a{padding: 0 15px;color: #555;}
.nav > li > a:hover{color: #1B67EE;background: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background: none;}
header.fixed{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.42);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.42);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.42);}
header.fixed .logo h1{margin: 0;}
header.fixed .logo img{transform: scale(0.7);}
header.fixed .navbar{margin:40px 0;}


.carousel{background: #000; -vendor-animation-duration: 1s; -vendor-animation-delay: 1s;  -vendor-animation-iteration-count: infinite;}
.carousel .item img{opacity: 0.45;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ left: 32%;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{right: 32%;}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {margin: 0;}
.carousel-control{background:#1B67EE none repeat scroll 0 0 !important;display: inline-block;height: 100px;position: absolute;text-align: center;top: 40%;width: 100px;opacity:0.8;}
.carousel-control:hover{opacity: 1;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{top: 36%;}
.carousel-control.left{border-radius: 0 5px 5px 0;}
.carousel-control.right{border-radius: 5px 0 0 5px;}

.processBlock{margin-top:-175px; background: url("images/process-bg.png") bottom center; background-size: 100% 50% ;clear:both; }
.processBlock article{text-align: center;color: #fff;padding: 50px;}
.processBlock article.research{background: #1B67EE;opacity: 0.9;-vendor-animation-duration: 20s; -vendor-animation-delay: 20s;  -vendor-animation-iteration-count: infinite;}
.processBlock article.design{background: #48C557;opacity: 0.9;-vendor-animation-duration: 20s; -vendor-animation-delay: 40s;  -vendor-animation-iteration-count: infinite;}
.processBlock article.develop{background: #1B67EE;opacity: 0.9;-vendor-animation-duration: 20s; -vendor-animation-delay: 60s;  -vendor-animation-iteration-count: infinite;}
.processBlock article i{font-size: 72px;}
.processBlock article .heading{font-family: 'Play', sans-serif; font-size: 36px; background:url("images/process-heading-bg.png") no-repeat bottom center; padding-bottom:5px;}
.processBlock article > p{margin: 24px 0;min-height:52px;}
.processBlock article .button{background: none; border:2px solid #fff; border-radius: 3px;padding: 5px 35px; font-size: 15px;color: #fff}
.processBlock article.research .button:hover{background: #fff; color:#244999;}
.processBlock article.design .button:hover{background: #fff; color:#e2ce16;}
.processBlock article.develop .button:hover{background: #fff; color:#096d3a;}

.ourServices{background: #fafafa; padding: 60px 0;}
.ourServices img{max-width: 100%;}
.ourServices ul{margin: 0; padding: 0; list-style: none;}
.ourServices ul li{margin-bottom: 20px;clear: both;}
.ourServices ul li .icon{border:1px solid #1B67EE; padding: 10px; border-radius: 50%; display: inline-block;}
.ourServices ul li .icon span{font-size: 48px; color: #fff; background:#1B67EE; height: 97px; width: 97px; text-align: center; border-radius: 50%; display: table-cell; vertical-align: middle;}
.ourServices ul li .detail{width: 75%; float: right; padding:0;}
.ourServices ul li .detail .heading{color: #1B67EE; font-size: 30px;}
.ourServices ul li:nth-child(2) .icon{border-color:#48c557;}
.ourServices ul li:nth-child(2) .icon span{background:#48c557;}
.ourServices ul li:nth-child(3) .icon{border-color:#1B67EE;}
.ourServices ul li:nth-child(3) .icon span{background:#1B67EE;}
.ourServices ul li:nth-child(4) .icon{border-color:#48c557;}
.ourServices ul li:nth-child(4) .icon span{background:#48c557;}
.ourServices .table{padding-top: 20%;}

.custom{padding: 60px 0;}
.custom img{max-width: 100%;}

.team{background-image:url("images/team.png"); background-size: cover; padding: 60px 0;color: #fff;text-align: center;background-attachment: fixed;}
.team h2{background: url("images/h2-white.png") no-repeat bottom center; color: #fff;}
.team .punchline{font-size: 36px;}
.team .modal-dialog{width: 70%; height: auto;}
.team button{border:3px solid #fff;font-family: 'Play', sans-serif;margin-top: 45px;color: #fff}
.team button:hover{background: #fff; color: #585757;border-color: #fff;}
.team iframe{max-width: 100%;}

.workingWith{padding: 60px 0;text-align: center;}
.workingWith .button{margin-top: 40px;display: inline-block;}

footer{color: #fff;font-size: 14px;padding: 60px 0 0; background: #1a1a1a;background-image:url("images/footer.png");}
footer p{margin-bottom: 0;}
footer h3{text-align: left; background-position: left bottom; margin-bottom: 15px;color: #fff;}
footer h4{text-align: left;}
footer img{margin-right: 5px;}
footer .copyright{background: #333333;padding: 20px 0;margin-top: 60px;}
footer .social{margin: 0; padding: 0; list-style: none;}
footer .social li{float: left;margin: 0 10px;}
footer .social li:last-child{margin-right: 0;}
footer .social li a{color: #fff;}
footer .social li a:hover{color: #000;}
.home .wow:first-child {visibility: hidden;}

/*Inner page common style*/
.InnerPage h2{font-size: 36px;}
.InnerPage h3{font-size: 26px; background-size: 100px 3px;}
.pageHeading{background: #fafafa; border:1px solid #a4abad; border-left: none;border-right:none; font-size: 48px; color: #1B67EE;font-family: 'Play', sans-serif;padding: 20px 0;}

.about{padding: 60px 0;}
.map img{max-width: 100%; margin-top: 40px;}
.goals{background: #fafafa; padding: 60px 0;}
.goals article h3{margin-bottom: 25px;}
.goals article > div{border:2px solid #1B67EE;border-radius: 3px;text-align: center;padding:0 25px 25px;background: #fff;margin-top: 60px;min-height:290px;}
.goals article > div .icon{font-size: 48px; color: #1B67EE;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b67ee+0,1b67ee+50,ffffff+50,ffffff+100 */
background: #1b67ee; /* Old browsers */
background: -moz-linear-gradient(top,  #1b67ee 0%, #1b67ee 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1b67ee 0%,#1b67ee 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1b67ee 0%,#1b67ee 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b67ee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding: 2px;display: inline-block; border-radius: 50%;margin-top: -52px;}
.goals article > div .icon .middle{display: table-cell; vertical-align:middle;height: 100px; width: 100px; background: #fff;border-radius: 50%;}
.goals article > div.output{border-color: #48C557;}
.goals article > div.output .icon{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#48c557+0,48c557+50,ffffff+50,ffffff+100 */
background: #48c557; /* Old browsers */
background: -moz-linear-gradient(top,  #48c557 0%, #48c557 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #48c557 0%,#48c557 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #48c557 0%,#48c557 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48c557', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
color:#48C557; }
.goals article > div.output h3{color:#48C557;background:url("images/green.png") bottom center no-repeat;background-size: 100px 3px;}
.goals article > div.quality{border-color: #1B67EE;}
/*.goals article > div.quality .icon{background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, rgb(255,255,255)), color-stop(0.67, rgb(191,165,0)));background-image: -moz-linear-gradient(center bottom, rgb(255,255,255) 50%, rgb(191,165,0) 50% );color:#1B67EE; }*/
.goals article > div.quality h3{color:#1B67EE;background:url("images/h2.png") bottom center no-repeat;background-size: 100px 3px;}
.goals article > div.efficiency{border-color: #48C557;}
.goals article > div.efficiency .icon{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#48c557+0,48c557+50,ffffff+50,ffffff+100 */
background: #48c557; /* Old browsers */
background: -moz-linear-gradient(top,  #48c557 0%, #48c557 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #48c557 0%,#48c557 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #48c557 0%,#48c557 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48c557', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
color:#48C557;}
.goals article > div.efficiency h3{color:#48C557;background:url("images/green.png") bottom center no-repeat;background-size: 100px 3px;}

.vision{padding: 23px 0 50px;}
.vision .title{background:#1B67EE; font-family: 'Play', sans-serif; color: #fff;padding:10px 0; display: inline-block; float: left;font-size: 36px;width: 15%; text-align: center;}
.vision .text{background: #fafafa; font-size: 24px;color: #666666;width: 85%; border:1px solid #a4abad;border-left: none;float: left; padding: 18px 25px 17px;}


/* Services Page */
.services{padding: 60px 0 0;}
.services .icon{ font-size: 50px; color: #1B67EE; border-right: 2px solid #1B67EE;text-align: center;}
.services .servicesList .title{display: table-cell; vertical-align: middle;height: 70px;color: #1B67EE;font-family: "Play",sans-serif;font-size: 22px;}
.services .servicesList ul{margin: 0; padding: 0;list-style: none}
.services .servicesList ul li{background:url(images/serviceslist.png) no-repeat left 8px; padding-left: 15px;margin-bottom: 5px;}
.services .mobile .title, .services .mobile .icon{color: #48C557; border-color: #48C557;}
.services .webDesigm .title, .services .webDesigm .icon{color: #1B67EE; border-color: #1B67EE;}
.services .unity .title, .services .unity .icon{color: #48C557; border-color: #48C557;}
.services .service{margin-bottom: 60px;}

.ourWork img{max-width: 100%;width: 100%;}
.ourWork ul.technology{margin: 0; padding: 0; list-style: none;}
.ourWork ul.technology li{float: left; margin-right: 5px; color: #fff; padding: 2px 10px;}
.ourWork ul.technology li.android{background: #97C024;}
.ourWork ul.technology li.IOS{background: #000;}
.ourWork ul.technology li.web{background: #FF9A00;}
.ourWork ul.technology li.social{background: #1B67EE;}
.ourWork .work{margin-bottom: 30px;}
button.close:hover{background: none;}
.ourWork a {cursor: pointer;display: table;width:100%;}

/*Contact page */
.contactForm {padding: 50px 0;}
.formRow{margin: 15px 0;}
.contactForm form, .contactForm form placeholder{font-family: 'Lato', sans-serif;font-size: 16px; color: #7e888c;}
.formRow input[type="text"], .formRow input[type="email"], .formRow textarea{width: 100%; border:1px solid #c2c2c2; padding: 10px; border-radius: 2px;}
.formRow select{border:1px solid #c2c2c2; border-radius: 2px; height: 44px;}
.formRow.center{text-align: center;}

/*Portfolio Page*/
.portfolioList{padding: 60px 0 0;}
.portfolioList .portfolioItem{background: #fafafa;border:1px solid rgba(102,102,102,0.34);height: 400px;margin-bottom: 30px;}
.portfolioList .portfolioItem:hover .image img {transform: scale(1.1);}
.portfolioList .portfolioItem .image{max-height: 125px;overflow: hidden;border-bottom: 1px solid rgba(102, 102, 102, 0.34);}
.portfolioList .portfolioItem .image img{width: 100%;}
.portfolioList .portfolioItem .title{color: #1B67EE;font-family: "Play",sans-serif;font-size: 24px; margin: 10px 20px ;float: left;}
.portfolioList .portfolioItem .detail{ margin: 0px 20px;float: left;}
.portfolioList .portfolioItem .projectNature{padding: 0; list-style: none; margin: 20px 20px; float: left;}
.portfolioList .portfolioItem .projectNature li{float: left; padding: 2px 15px;margin: 0 5px 5px 0;color: #fff;}
.portfolioList .portfolioItem .projectNature li.technology{background: #1B67EE;}
.portfolioList .portfolioItem .projectNature li.industry{background: #48C557;}
.portfolioList .portfolioItem .projectNature li.projecttype{background: #1B67EE;}
.pagination{ text-align: center; background: url(images/paginationbg.jpg) repeat-x left center;clear:both;display: block;}
.pagination .paging{display: inline-block; background: #fff; padding: 0 10px;}
.pagination .previous, .pagination .next{border:1px solid rgba(102,102,102,0.34); padding: 5px 12px; border-radius: 3px; font-size: 22px;display: inline-block; margin: 0 2px; text-align: center;}
.pagination a{color: #cbcbcb;}
.pagination a:hover{color: #333333;}

.portfolioList .portfolioItem .projectNature{padding: 0; list-style: none; margin: 20px 20px; float: left;}
.portfolioList .portfolioItem .projectNature span{float: left; padding: 2px 15px;margin: 0 5px 5px 0;color: #fff;}
.portfolioList .portfolioItem .projectNature span.social-networking{background: #1B67EE;}
.portfolioList .portfolioItem .projectNature span.android{background: #48C557;}
.portfolioList .portfolioItem .projectNature span.web{background: #1B67EE;}
.portfolioList .portfolioItem .projectNature span.android{background: #48C557;}
.portfolioList .portfolioItem .projectNature span.ios{background: #000000;}
.portfolioList .portfolioItem .projectNature span.general{background: #fafafa;display:none;}

.portfoliodetail .productbrif .projectNature{padding: 0; list-style: none; margin: 20px 0px; float: left;}
.portfoliodetail .productbrif .projectNature span{float: left; padding: 2px 15px;margin: 0 5px 5px 0;color: #fff;}
.portfoliodetail .productbrif .projectNature span.social-networking{background: #1B67EE;}
.portfoliodetail .productbrif .projectNature span.android{background: #48C557;}
.portfoliodetail .productbrif .projectNature span.web{background: #1B67EE;}
.portfoliodetail .productbrif .projectNature span.android{background: #48C557;}
.portfoliodetail .productbrif .projectNature span.ios{background: #000000;}
.portfoliodetail .productbrif .projectNature span.general{background: #fafafa;display:none;}

/*Portfolio detail*/
.portfoliodetail{padding: 60px 0;}
.portfoliodetail .appsmarket{margin: 0 0 20px; display: table; padding: 0; list-style: none;}
.portfoliodetail .appsmarket li{float: left; margin-right: 10px; display: none;margin-bottom: 10px;}
.portfoliodetail .webLink{border-radius: 0;margin-top: 0 !important;padding: 21px 46px;display: none;}
.category-ios .portfoliodetail .appsmarket li.ios{display: block;}
.category-android .portfoliodetail .appsmarket li.android{display: block;}
.category-web .portfoliodetail .appsmarket li.web{display: block;}
.portfoliodetail .projectNature{padding: 0; list-style: none; margin: 20px 0px; float: left;}
.portfoliodetail .projectNature li{float: left; padding: 2px 15px;margin: 0 5px 5px 0;color: #fff;}
.portfoliodetail .projectNature li.technology{background: #1B67EE;}
.portfoliodetail .projectNature li.industry{background: #48C557;}
.portfoliodetail .projectNature li.projecttype{background: #1B67EE;}
.portfoliodetail a.button{background: #1B67EE; margin: 15px 0; color: #fff;float: left;}
.portfoliodetail a.button:hover{background: none; color:#1B67EE; }

.imageSlider{text-align: center;}
.portfoliodetail .carousel{background: none;text-align: center;}
.portfoliodetail .carousel img{opacity: 1; display: inline-block;}
.portfoliodetail .item{text-align: center;width: 100%;}
.portfoliodetail .item .thumb {width: 17%;cursor: pointer;float: left;border:1px solid rgba(102,102,102,0.34); margin: 15px 5px; padding: 10px 3px;}
.portfoliodetail .item .thumb img{height: 100%; width: auto;max-height: 80px;max-width: 100%;}
.imageSlider #thumbcarousel{width: 100%;display: inline-block;}

.projectnavigation{border-top: 1px solid rgba(102,102,102,0.34);}
.projectnavigation ul{margin: 10px 0 ;padding: 0; list-style: none;display: table; width: 100%;}
.projectnavigation ul li{width: 50%; font-size: 14px;}
.projectnavigation ul li:first-child{text-align: left;}
.projectnavigation ul li:last-child{text-align: right;}
.projectnavigation ul li .previous, .projectnavigation ul li .next{border:1px solid #333333; padding: 2px 8px; border-radius: 3px; font-size: 18px;display: inline-block; margin: 0 2px; text-align: center;}
.projectnavigation ul li a{color: #333333;}
.projectnavigation ul li a:hover{color: #1B67EE; text-decoration: none;}
 
 
/*wordpress css changes*/

.home .entry-header{display: none;}
.screen-reader-response{color: #385ba8;font-size: 18px;padding-top: 20px;text-align: center;}
.single .comments-area{display: none;}
.single .navigation h1{display: none;}
.screen-reader-response > ul{display: none;}
.wpcf7-not-valid-tip{color:red;}
.wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok{display: none;}

.paging-navigation{clear: both;}
.paging-navigation h1.screen-reader-text{display: none;}
.navigation.paging-navigation {background: rgba(0, 0, 0, 0) url("images/paginationbg.jpg") repeat-x scroll left center;clear: both;display: block;text-align: center;}
.navigation.paging-navigation  .pagination.loop-pagination{background: #fff none repeat scroll 0 0;display: inline-block;padding: 0 10px;}
.edit-link{display: none;}

/*v2 changes*/
.menu-primary-menu-container{float: left;}
.getquote{float:right;background: none;border:2px solid #1B67EE;font-family: 'Play', sans-serif;padding: 5px 25px; font-size: 18px;line-height: normal;color: #1B67EE;border-radius: 5px;text-decoration:none;margin-top:-6px;}
.getquote:hover{background:#1B67EE;color: #fff;border-color:#1B67EE;text-decoration: none;text-decoration:none;}
.company-progress img{max-width:100%;height: auto;}
.fact_counter{padding: 50px 0;}
.fact_counter ul{width:100%;}
.fact_counter ul li{width: 16.6%;
text-align: center;
float: left;
list-style: none;}

.fact_counter span{display:block; clear:both;}
  .fact_counter span.number{
   display: block;
font-size: 1.8em;
font-weight: normal;
margin-top: -115px;
line-height: 4em;
  }

.content-area{padding-top: 124px;}
.factFigures img{max-width: 100%;}
.factFigures{background: #fafafa;}
@media (min-width:1024px){
    .processBlock{margin-top:-100px;}
    .ourServices ul li .icon span{height:77px; width: 77px;}
}
@media (max-width:980px){
    body{font-size: 14px;}
    h2{font-size: 38px; padding-bottom: 10px;}
    .carousel-control{height: 70px; width: 70px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {top: 28%;}
    .logo img{max-height: 90px;}
    header .logo h1 {margin: 10px 0;}
    .navbar{margin: 43px 0;}
    .processBlock article .heading{font-size: 26px;}
    .processBlock article{padding: 25px;}
    .ourServices, custom{padding: 40px 0;}
    .ourServices ul li .icon span{font-size: 42px;height: 80px;width: 80px;}
    .ourServices ul li .icon{padding: 6px;}
    .ourServices ul li .detail .heading{font-size: 20px;}
    .processBlock article > p{margin: 15px 0;}
    .processBlock{margin-top:-139px;}
    .services ul li .detail{padding: 0;}
    footer img{max-width: 45%;}
    .pageHeading{font-size: 40px;padding: 25px 0;}
    .goals article > div .icon{font-size: 35px;margin-top: -37px;}
    .goals article > div .icon .middle{height: 70px; width: 70px;}
    .goals article > div{ padding: 0 10px 15px;min-height: 235px;}
    .goals article > div h3 {background-size: 83px 2px;font-size: 21px;padding-bottom: 10px;margin-bottom: 15px;}
    .about, .goals, .vision, .workingWith{padding: 40px 0;}
    .vision .title{font-size: 30px;}
    .vision .text{font-size: 18px;padding: 18px 23px;}
    footer{padding: 40px 0 0;}
    footer .copyright{margin-top: 40px;}
    .services .icon{font-size: 36px;}
     .services .servicesList .title{height: 52px;font-size: 19px; line-height: 21px;}
    .map iframe{height: 350px;}
    .portfolioList .portfolioItem{height: 375px;}
    .portfolioList{padding: 40px 0 0;}
    .appsmarket img{max-width: 150px;}
    .portfoliodetail .button, .portfoliodetail .btn-default{ padding: 10px 30px; font-size: 18px;}
    .imageSlider #thumbcarousel{width: 100%;}
    .projectnavigation ul{text-align: center;}
    .projectnavigation ul li{display: inline-block; width: auto;float: none !important;}
    
}

@media (max-width:800px){
    .processBlock article.develop{min-height: 212px;}
    body{font-size: 14px;}
    h2{font-size: 36px; padding-bottom: 10px;background-size: 100px 2px;margin: 0 0 25px;}
    h3{font-size: 28px; padding-bottom: 10px;background-size: 100px 2px;margin: 0 0 25px;}
    .carousel-control{height: 70px; width: 70px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {top: 24%;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{left: 10%;}
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{right: 10%;}
    .logo img{max-height: 90px;}
    header .logo h1 {margin: 10px 0;}
    .navbar{margin: 43px 0;}
    .processBlock article .heading{font-size: 26px;}
    .processBlock article{padding: 20px 10px;}
    .processBlock{margin-top:-100px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{font-size: 19px;}
    .carousel-control {height: 40px;width: 40px;}
    .processBlock article i{font-size: 40px;}
    .ourServices, .custom, .team, .workingWith{padding: 30px 0;}
    .ourServices .container .col-sm-5{display: none;}
    .ourServices .container .col-sm-7{width:100% !important;}
    .ourServices ul{text-align: center;}
    .ourServices ul li{clear: none;display: inline-block;margin-bottom: 20px;width: 32.33%; text-align: center;}
    .ourServices ul li .detail{width: 100%;}
    .team .punchline {    font-size: 25px;}
    button, .btn-primary{ font-size: 24px;padding: 10px 35px;}
    .fact_counter span.number{line-height: 5em;}
   
}
@media (max-width:767px){
    .logo{width: 100%; text-align: center;}
    .navbar{display: block; margin:0; width: 100%;}
    .navbar-collapse{position: absolute;width: 100%;z-index: 999;overflow: hidden;}
    header nav .navbar-collapse{background: #fff;}
    .nav > li {border-bottom: 1px solid #eee;display: block;padding: 10px;position: relative;}
    .nav > li:last-child{border:none;}
    .navbar-default .navbar-toggle {background: #1B67EE none repeat scroll 0 0;border:none;}
    .navbar-default .navbar-toggle:hover{background: #4c4c4c;}
    .navbar-default .navbar-toggle .icon-bar{background: #fff;}
    .ourServices ul li{width: 49%;}
    footer{padding: 40px 0 0}
    footer .copyright{margin-top: 40px;}
    .copyright span, .copyright div{display: block; text-align: center;width: 100%;}
    footer .social{text-align: center; margin-top: 10px;}
    footer .social li{float: none; display: inline-block;}  
    .team .modal-dialog{margin: 2%;width: 96%;}
    .about .map{display: none;}
    .goals article > div{min-height: 0;}
    .vision .title{width: 20%;  padding: 23px 0;}
    .vision .text{width: 80%;border-left: 1px solid #666; text-align: center;}
    .formRow{margin:0;}
    .formRow input,.formRow select, .formRow textarea{margin-bottom: 15px;}
    .portfolioList .portfolioItem {display: table;height: auto;}
    .portfolioList .portfolioItem .title{font-size: 20px;}
    .imageSlider #thumbcarousel{width: 100%;}
    .portfoliodetail .item .thumb{margin: 15px 4px;}
    .portfoliodetail .button, .portfoliodetail .btn-default {font-size: 17px;padding: 10px 20px;}
    .portfoliodetail{padding: 40px 0 0;}
    .team iframe{height: auto;}
    .fact_counter ul li{width: 50%; margin-bottom: 20px;}
    .fact_counter span.number { line-height: 4.5em;}
    
}
@media (max-width:480px){
    .ourServices ul li{width: 100%;}
    .processBlock {margin-top: -40px;}
    h2{font-size: 28px;}
    h3{font-size: 24px;}
    footer .col-sm-8 .col-sm-6:last-child{padding-left: 0px; margin-bottom: 20px;}
    button, .btn-primary {font-size: 20px;padding: 8px 25px;}
    .workingWith button {margin-top: 20px;}
    .team .punchline {font-size: 17px;}
    .processBlock {margin-top: -15px;}
    .vision .title{width: 100%;  padding: 10px 0;}
    .vision .text{width: 100%;}
    .InnerPage h3{font-size: 21px;}
    .appsmarket li{margin-bottom: 5px;}
    .getquote{clear: both;
width: 90%;
text-align: center;
margin-bottom: 20px;
margin-right: 5%;}
    
    .nav > li{display: block;}
    .menu-primary-menu-container{display: block;
width: 100%;}
    
}