body {
    width: 100%;
    height: 100%;overflow-x:hidden;
}

html {
    width: 100%;
    height: 100%;
}



@media(min-width:768px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
	.navbar-collapse{overflow:hidden;}
	
}


.navbar{background:rgba(255,255,255,0.85);min-height:55px;}
.navbar-brand img{margin-top:-13px;}
.navbar-header button{background:#f48120;}
.navbar-header button span{color:#fff;}
.navbar-nav li{padding:0 5px 5px;}
.navbar-nav li a{color:#333;font-family: 'Lato', sans-serif;font-weight:700;font-size:15px;outline:0;}
.navbar-nav li a:hover{color:#f48120;background:#fff;}
.navbar-nav > .active > a,
	.navbar-nav > .active > a:hover,
	.navbar-nav > .active > a:focus {
		color:#f48120;font-weight:bold;
		border-top:4px solid #f48120;background:#ffffff8b;
		}
		
#social-icons li{padding:10px 0;}
#social-icons li a{padding:5px;}
#social-icons li a:hover{background:none;}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.what-section {
    min-height: 100%;width:100%;
    padding-top:80px;margin:0 auto;
    text-align: center;
    background: #16a086;color:#fff;font-family: 'Lato', sans-serif;
}

.what-section p{font-size:22px;line-height:35px;margin:0 auto;}
.philosophy{float:left;padding:10px 0px;margin-top:20px;position:relative;}
.philosophy h2{color:#fff;color:25px;background:#16a086;}
.philosophy p{font-style:italic;font-size:20px;padding-bottom:3px;text-align:center;}

/************* SERVICE SECTION ***************/
.services-section {
    min-height: 100%;color:#fff;width:100%;
    padding-top:80px;margin:0 auto;
    text-align: center;
    background: #f2c311;font-family: 'Lato', sans-serif;
}  

.service-info{text-align:left;margin-top:25px;}
.service-info .thumbnail{background:#f2c311;border:none;color:#fff;padding:0;font-family:'Lato',sans-serif;cursor:default;}
.service-info .thumbnail h4{font-weight:700;font-size:16px;}
.service-info .thumbnail img{padding-right:15px;}
.service-info .thumbnail p{margin-left:60px;}
/* .service-info .thumbnail p a{text-decoration:none;color:#fff;}
.service-info .thumbnail p a:hover{border-bottom:1px solid #fff;} */

/*************** OUR TEAM section ************************/
.team-section {
    min-height: 100%;width:100%;margin:0 auto;
    padding-top: 80px;
    text-align: center;color:#fff;
    background: #00a548;font-family: 'Lato', sans-serif;
}
.team-section h1{margin-bottom:5%;}
.team-info{float:left;}
.team-info .thumbnail{border:none;margin:5px 10px;background:#00a548;}
.team-info .thumbnail p{font-size:12px;text-align:center;}


/********** CLIENT section ************/
.client-section {
    min-height: 100%;width:100%;margin:0 auto;
    padding-top:80px;
    text-align: center;color:#16a086;
    background: #fff;font-family:'Lato',sans-serif;
}
.client-section h1{margin-bottom:1%;}
.client-section h3{text-align:left;margin-bottom:15px;}
.client-info{margin:20px auto;height:auto;}
.client-info img{padding:10px 25px;}


/*************TECH Section*******************/

.tech-section{ min-height: 100%;color:#fff;width:100%;margin:0 auto;
    text-align: center; padding-top:80px;
    background: #B58AA5;font-family:'Lato', sans-serif;}
.tech-section h1{margin-bottom:5%;text-align:left;}
.tech-info{margin:20px auto;}
.tech-info img{padding:10px 25px;}


/*********** CONTACT section *********/
.contact-section {
    min-height: 100%;color:#fff;width:100%;margin:0 auto;
    text-align: center; padding-top:80px;
    background: #c1392b;font-family:'Lato', sans-serif;
}
.contact-section h1{margin-bottom:10%;text-align:left;}
.contact-info{height:260px;}
.contact-info .thumbnail{background:#c1392b;border:none;height:260px;padding:10px 0px;text-align:center;}
#contact-usa{float:left;}
#contact-hyd{float:left;margin-bottom:50px;}
footer{clear:both;;font-family:'Lato',sans-serif;}


@media(max-width:900px){

}
@media(max-width:768px){
.navbar{background:#fff;overflow:hidden;}
	.navbar-nav > .active > a,
	.navbar-nav > .active > a:hover,
	.navbar-nav > .active > a:focus {
		background-color:#f48120;font-weight:bold;
		color:#fff;
		}
	.navbar-collapse{overflow:hidden;}
	.services-section{padding:60px 10px 0;}
	.team-section{padding:60px 10px 0;}
	.client-section{padding:60px 10px 0;}
	.client-section h3{font-size:1.5em;}
	section h1{font-size:2em;}
	.contact-section{padding:60px 20px 0;}
	
	.client-info img{padding:10px 15px;}
}
@media (max-width:383px){
	.what-section p{font-size:1.2em;line-height:25px;}
	.team-section{padding:60px 15px 0px;}
	/* .client-section h3{font-size:1.5em;} */
	.service-info .thumbnail h4{font-size:1em;} 
}