@media (min-width: 768px) and (max-width: 1199px) {
.navbar-nav{ width:62%; margin:0 !important;}
#technology-section .col-md-3{width:inherit;}
#team-section .item .thumb{width:100%;}
.carousel-control.left{ width:3%;}
.carousel-control.right{ width:3%;}
.client{ margin:3px 0;}
}


@media (max-width: 768px) {
.content {
	padding: 40% 0 0;
}
#team-section .col-md-3{width:100%;}
.thumbnail{ min-height:inherit}
.navbar-nav{ width:62%; margin:0 !important;}
#technology-section .col-md-3{ width:inherit;}
#team-section .item .thumb{width:100%;}
}

@media (max-width: 603px) {
#menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.7);
}
label {
	float: none !important
}
.pull-left.fnav, .pull-right.fnav {
	float: none !important;
	text-align: center;
}
.hover-bg .hover-text {
	padding: 12% 10%;
}
.carousel-control.left{ width:5%;}
.carousel-control.right{ width:5%;}
.client{ margin:3px 0;}
#team-section .col-md-3{width:100%;}
.thumbnail{ min-height:inherit}

}

@media (max-width: 360px) {
body{padding-top: 83px;}

.hover-bg .hover-text {
	padding: 22% 10%;
}
#menu a.navbar-brand{ width:58%;}
/*.navbar-header{ background:rgba(255,255,255,0.5);}
*/.navbar-brand > img{ width:70%;}
.navbar-toggle{padding: 2px 3px;}
.iso-certificate li{ font-size:7px;}
.iso-certificate li img{ width:100%; padding-left:5px;}
.on { padding:0 10px !important ;}
.on .iso-certificate li{ display:inline-block; vertical-align:middle; }
#bs-example-navbar-collapse-1{ min-height:215px; background:#fff;}
.intro-text{ padding:inherit;}
.section-title h2, .section-title.center h2{ line-height:1; font-size:35px;}
.intro-text H1{ font-size:35px;}
#team-section .col-md-3{width:100%;}
.thumbnail{ min-height:inherit}
.categories{ text-align:left; line-height:2.5}
.portfolio-item .hover-bg{ background:rgba(0,0,0,0.5);}
#technology-section .col-md-3{ width:inherit; }
#team-section .item .thumb{width:100%;}

#client-section .item .thumb {
    border: 1px solid #fff;
    margin-bottom: 22px;
    padding: 6px;
    text-align: center;
	width:inherit;
}
.carousel-control.left{ width:5%;}
.carousel-control.right{ width:5%;}
.client{ margin:3px 0;}
#international-tieups .col-md-3{ width:inherit; }

.section-title h2{ font-size:22px;}
}