/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*---------------------------------------------
					Index Start 
-----------------------------------------------*/
  /*--
	wrapper Start 
--*/
  #wrapper {
    text-align: center;
  }
  #wrapper .block img {
    padding-top: 100px;
    width: 50%;
  }
  /*--
	content Start 
--*/
  #content {
    text-align: center;
  }
  #content .block {
    padding-bottom: 100px;
  }
  /*--
	features Start 
--*/
  #features {
    text-align: center;
  }
  /*--
	footer Start 
--*/
  footer .navbar {
    margin-bottom: 0px;
    border: 0px;
    min-height: 40px;
  }
  footer .navbar-default {
    border: 0px;
    width: 68%;
  }
  footer .navbar-default .navbar-nav li a {
    color: #494949;
    padding: 10px 10px;
    font-size: 15px;
  }
  footer .navbar-default .navbar-nav li a:hover {
    color: #000;
  }
 .industryBox {
    width: 100%;
    float: left;
}
.industryInner {
    padding: 35px 20px;
    width: 100%;
}
.solutionBox {
    width: 100%;
}

.solutionInner {
    padding: 35px 20px;
    width: 100%;
}
  /*---------------------------------------------
					Index Close 
-----------------------------------------------*/
  /*=============================================*/
  /*---------------------------------------------
					Work Start 
-----------------------------------------------*/
  /*--
	slider-work Start 
--*/
  #slider-work .block h1 {
    font-size: 28px;
  }
  #slider-work .block p {
    font-size: 15px;
  }
  /*--
	portfolio Start 
--*/
  #portfolio-work .block .portfolio-manu {
    padding-left: 0px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading {
    padding: 5px 0 5px 13px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading h2 {
    font-size: 20px;
    line-height: 25px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading p {
    font-size: 11px;
    line-height: 20px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay {
    padding-left: 15px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay h2 {
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 25px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay p {
    font-size: 11px;
    line-height: 20px;
    padding-top: 15px;
  }
  /*--
	wrapper Start 
--*/
  #wrapper-work ul li .items-text {
    padding-top: 0;
    padding-left: 25px;
  }
  #wrapper-work ul li .items-text h2 {
    padding-bottom: 10px;
    padding-top: 40px;
  }
  #wrapper-work ul li .items-text p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 30px;
  }
  /*--
	features Start 
--*/
  #features-work .block ul li {
    width: 49%;
  }
  /*---------------------------------------------
					Work close 
-----------------------------------------------*/
  /*=============================================*/
  /*---------------------------------------------
					contact start 
-----------------------------------------------*/
  #wrapper-contact .block {
    padding-bottom: 50px;
  }
  /*--
	features-contact Start 
--*/
  #features-contact .block ul li {
    width: 49%;
  }
  /*---------------------------------------------
					contact close 
-----------------------------------------------*/
  /*------------------*/
}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
  /*---------------------------------------------
					Index Start 
-----------------------------------------------*/
  .heading {
    padding-left: 0px;
  }
  h2 {
    font-size: 18px;
  }
  p {
    font-size: 13px;
  }
  header .navbar-default .navbar-toggle {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #slider {
    padding-top: 90px;
    padding-bottom: 100px;
  }
  #slider .block {
    padding-left: 0px;
  }
  #slider .block h1 {
    font-size: 20px;
  }
  #slider .block p {
    font-size: 13px;
  }
  /*--
	wrapper Start 
--*/
  #wrapper {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 100px;
  }
  #wrapper .block img {
    padding-top: 100px;
    padding-left: 0px;
    width: 100%;
  }
  /*--
	service Start 
--*/

  #service .thumbnail {
    padding-bottom: 70px;
  }
  /*--
	call-to-action Start 
--*/
  #call-to-action p {
    padding: 0px 0px 40px;
  }
  #call-to-action .btn {
    padding: 10px 20px;
    font-size: 15px;
  }
  /*--
	content Start 
--*/
  #content {
    text-align: center;
    padding-top: 70px;
  }
  #content .block {
    padding-bottom: 100px;
  }
  #content .block h2 {
    padding-top: 0px;
  }
  #content .block-bottom {
    padding: 0px;
  }
  #content .block-bottom .item-img {
    padding-left: 0px;
  }
  /*--
	features Start 
--*/
  #features .features-img {
    text-align: center;
  }
  /*---------------------------------------------
					Index Close 
-----------------------------------------------*/
  /*=============================================*/
  /*---------------------------------------------
					Work Start 
-----------------------------------------------*/
  #slider-work {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #slider-work .block {
    padding-left: 0px;
  }
  #slider-work .block h1 {
    font-size: 20px;
  }
  #slider-work .block p {
    font-size: 11px;
    line-height: 25px;
  }
  /*--
	portfolio Start 
--*/
  #portfolio-work .block .portfolio-manu {
    padding-left: 0px;
    text-align: center;
  }
  #portfolio-work .block .portfolio-manu ul li {
    padding: 0 8px;
  }
  #portfolio-work .block .portfolio-contant ul li {
    width: 100%;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading {
    padding: 5px 0 5px 13px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading h2 {
    font-size: 20px;
    line-height: 25px;
  }
  #portfolio-work .block .portfolio-contant ul li a .img-heading p {
    font-size: 11px;
    line-height: 20px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay {
    padding-left: 15px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay h2 {
    padding-top: 65px;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 25px;
  }
  #portfolio-work .block .portfolio-contant ul li a .overlay p {
    font-size: 11px;
    line-height: 20px;
    padding-top: 15px;
    padding-right: 5px;
  }
  /*--
	wrapper Start 
--*/
  #wrapper-work ul li {
    float: none;
    width: 100%;
  }
  #wrapper-work ul li .items-text {
    padding-left: 15px;
    padding-top: 30px;
  }
  #wrapper-work ul li .items-text h2 {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 25px;
  }
  #wrapper-work ul li .items-text p {
    font-size: 11px;
    line-height: 20px;
    padding-top: 15px;
  }
  /*--
	features Start 
--*/
  #features-work .block ul li {
    display: block;
    width: 100%;
  }
  /*---------------------------------------------
					Work close 
-----------------------------------------------*/
  /*=============================================*/
  /*---------------------------------------------
					contact Start 
-----------------------------------------------*/
  /*--
	slider-contact Start 
--*/
  #slider-contact {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #slider-contact .block {
    padding-left: 0px;
  }
  #slider-contact .block h1 {
    font-size: 20px;
  }
  #slider-contact .block p {
    font-size: 11px;
    line-height: 25px;
  }
  /*--
	wrapper-contact Start 
--*/
  #wrapper-contact .block {
    padding-bottom: 50px;
  }
  #wrapper-contact .block .location p {
    width: 100%;
  }
  #wrapper-contact .block .social-media-icon a i {
    padding-top: 30px;
  }
  /*--
	features-contact Start 
--*/
  #features-contact .block ul li {
    display: block;
    width: 100%;
  }
  /*---------------------------------------------
					contact close 
-----------------------------------------------*/
/*--------------------------TWO FULL BOX----------------------------*/

.industryInner {
    width: 100%;
    padding: 19px 5px;
}
.industryBox {
    width: 100%;
    float: left;
}
.solutionBox {
    width: 100%;
}
.solutionInner {
    float: left;
    width: 100%;
    padding: 35px 10px;
}
  /*--
	footer Start 
--*/
  footer .footer-manu {
    display: none;
  }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
	.solutionList ul li{
	margin: 10px 0;
	width: 32.4%;
}
}


/*---------- MEDIA 768px ----------*/
@media(max-width: 768px) {
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }
	.nav.nav-justified > li > a > .quote {
        left: auto;
        top: auto;
        right: 20px;
        bottom: 0px;
    }
	.dropdown-menu-large {
		margin-left: 0 ;
		margin-right: 0 ;
	  }
	  .dropdown-menu-large > li {
		margin-bottom: 30px;
	  }
	  .dropdown-menu-large > li:last-child {
		margin-bottom: 0;
	  }
	  .dropdown-menu-large .dropdown-header {
		padding: 3px 15px !important;
	  }
	.caret-up {
		width: 0; 
		height: 0; 
		border-left: 4px solid rgba(0, 0, 0, 0);
		border-right: 4px solid rgba(0, 0, 0, 0);
		border-bottom: 4px solid;
		
		display: inline-block;
		margin-left: 2px;
		vertical-align: middle;
	}
		.industryBox {
			width: 100%;
			float: left;
		}
		.solutionBox {
			width: 100%;
		}	
.industryInner {
    width: 100%;
    padding: 35px 35px 29px 35px;
}
.solutionInner {
    padding: 35px 35px 29px;
    width: 100%;
}
.solutionList ul li{
	margin: 10px 0;
	width: 32.4%;
}
/*----------------------Technologies-------------------*/
.imgtext {
    border-bottom: 1px solid #fff;
}
.card hr{
	display:none;
}
.tabstyle .tab-content {
    padding: 0 20px;
}
.tabstyle .nav-tabs {
    font-size: 15px;
}
}

/*---------- MEDIA 480px ----------*/

@media  (max-width: 480px) {
    .slide-text {
    left: 0;
    margin: auto;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
}
span.pull-right.brdres {
    padding: 10px 0px;
}
.proofpading {
    padding: 15px 0px;
}
.topHead{
	display:none;
}
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }
.nav.nav-justified > li > a > .quote{
	display:none;
}
header .navbar-brand {
    top: 0px;
	}
header .navbar-brand {
    width: 129px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    padding: 0;
    height: 75px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.mobile-application-banner {
    height: 180px;
    background: url(../img/services/mobile-dev.jpg) no-repeat center center;
        background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.web-app.smallbanner-res {
    height: 140px;
    margin-top: 75px;
}
.web-app {
    height: 180px;
    background: url(../img/services/web-application.jpg) no-repeat center center;
        background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.business-sol {
    height: 180px;
    background: url(../img/services/interprises.jpg) no-repeat center center;
        background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.mobstartup{
	 height: 180px;
  /*background:  url(../img/services/business-startup.jpg) no-repeat center center;*/ 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
   position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.product-dev{
	height: 180px;
  background:  url(../img/services/product-dev.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
   position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.product-dev{
	height: 180px;
  background:  url(../img/services/product-dev.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
   position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.eng-model{
	height: 180px;
  background:  url(../img/services/engagement.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
     position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.solution-banner{
	height: 180px;
  background:  url(../img/services/solution.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
   position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.technologies{
	height: 180px;
  background:  url(../img/services/technologies.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
     position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.industries{
	height: 180px;
  background:  url(../img/services/industries.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
   position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.our-work{
	height: 180px;
  background:  url(../img/services/our-work.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
     position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.company-banner {
    height: 180px;
    background: url(../img/company/our-team.jpg) no-repeat center center;
        background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.contect-banner{
	height: 180px;
  background:  url(../img/services/contact-banner.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
  	position: fixed;
    top: 75px;
    left: 0;
    right: 0;
}
.mob-work{
	margin-top: 255px;
}
#industrybox {
    margin-top: 255px;
	padding: 0px;
}
#all-app {
    padding: 10px 0px;
}
.webapplication{
	margin-top: 255px;
}
.enterprise{
	 margin-top: 255px;
}
.startup{
	 margin-top: 255px;
}
.pro-dev{
	 margin-top: 255px;
}
.engement-model {
    margin-top: 255px;
}
.mob-solution{
	margin-top: 255px;
}
.proof-of-concept{
    margin-top: 255px;
}
.mob-tecth{
	margin-top: 255px;
	}
.mob-common{
	margin-top: 255px;
}
.mob-cont{
	margin-top: 255px;
}
.mob-app-dev{
	margin-top: 255px;
}
.box-models.square {
    position: relative;
    width: 100%;
    height: 100%;
    border: 8px solid #fff;
	margin-bottom:10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.frm h2 {
    font-size: 16px;
	}
.block {
    margin-bottom: 30px;
}
#contact-box .block h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    padding-bottom: 10px;
}
#contact-form .frm h2 {
    font-size: 16px;
	}
.card-container .front, .back {
    width: 100%;
    height: 340px;
}

/*--------------mobile APP----------*/
.mob-app-box .card-container{
    width: 100%;
    height: 320px;
	margin-bottom: 50px;
}
.mob-app-box .business-startup .card .back .content .main {
    height: 336px;
}

.mob-app-box .business-startup .main p {
    font-size: 15px;
    line-height: 22px;
    padding: 0px;
}
.mob-app-box .card .back .content {
    background-color: #ff5500;
    box-shadow: none;
    padding: 12px 13px 12px;
}
.mob-app-box  .card-container .front, .back {
    width: 100%;
    height: 360px;
}
/*--------------mobile APP----------*/
.slide-text2 {
    left: 0;
    top: 19%;
    right: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 0;
}
.slide-text2 {
    display: none;
}
.slide-text2 > h1 {
    padding: 0;
    color: #ffffff;
    font-size: 22px;
    font-style: normal;
    line-height: 35px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
/*-----------web Application---------*/
#all-app h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
.business-solution .front, .back {
    width: 100%;
    height: 335px;
}

/*-----------web Application---------*/
.web-appli-box .card-container .front, .back {
    width: 100%;
    height: 332px;
    border-radius: 4px;
}
.startup-services .web-appli-box .card-container .front, .back {
    width: 100%;
    height: 332px;
    border-radius: 4px;
}
.startup-services .web-appli-box .card .content {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 0px 20px 20px;
}
.web-appli-box .card-container {
    width: 100%;
    height: 312px;
    border-radius: 4px;
}
.web-appli-box h3.motto {
    display: none;
}
.web-appli-box .card .back .content {
    padding: 12px 20px 42px;
}
.web-appli-box .business-startup .card .back .content .main {
    height: 278px;
}
/*-----------web Application---------*/
.card .back .content {
    padding: 28px 20px 42px;
}
.testivid ul#nav-tabs li {
    width: 25%;
    float: left;
    margin-top: 30px;
}
.testivid .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 5px;
}
.section-title h2{
	font-size:16px;
}
.isLinks {
    float: left;
    width: 100%;
}
.bs-slider {
    top: 75px;}
.mar-top {
    margin-top: 260px;
    padding: 0px !important;
}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
    height: 180px;
}
/*----------------------Solution pages----------------------------*/

.solutionList ul li{
width:100%;
margin:10px 0px;
}
.business-solution .card .back .content {
    background-color: #ff5500;
    box-shadow: none;
    padding: 17px 10px;
}
.business-solution .card .back .content .main {
    height: 248px;
}
/*----------------------Technology---------------------*/
.nav-tabs > li {
    float: none;
    margin-bottom: 0;
}
.tabstyle .tab-content {
    padding: 0px;
}
.tabbg hr {
     display: none;
}
.imgtext {
    border-bottom: 1px solid #fff;
}
.imgtext img{
	padding-left:20px;
}
/*---------------------Industries----------------------------*/
#global-header .block h1 {
    font-size: 30px;
	}
	
/*-----------------logo-----------------*/
.all-client-logo li {
    width: 50%;
    margin-bottom: 10px;
}
/*------------------contact------------------*/
.social-icons i {
    border: 1px solid #c8c5c5;
    border-radius: 50%;
    color: #222;
    font-size: 25px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
	margin-bottom:10px;
}
/*----------------Text Responsive------------*/
.section-title p {
    font-size: 14px;
    text-align: justify;
}
#all-app h3 {
    font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}
header .navbar-default .navbar-nav > li > a {
    padding: 15px 12px;
}

}