/*-- gallery --*/
.gallery{
	background: #e4e4e4;
}
.w3l-gallery-heading h3{
	text-align:right !important;
	color: #FF5722 !important;
}
.gallery-grid img {
    width: 100%;
    cursor: pointer;
}
.gallery-top-grids:nth-child(2),.gallery-top-grids:nth-child(3){
	margin-top:0;
}
.gallery-grids-left {
    padding: 0;
}
.gallery-grid{
	position:relative;
	overflow: hidden;
}
.gallery-grid:hover .captn {
    bottom: 12%;
}
.captn {
    background: rgba(255, 87, 34, 0.69);
    padding: 2em;
    position: absolute;
    border: solid 1px #FFF;
    left: 6%;
    bottom: -100%;
    text-align: center;
    width: 340px;
    height: 200px;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.captn h4 {
	font-size: 1.2em;
    color: #fff;
    margin: 2.5em 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
.captn p {
    margin: 0.5em 0 0 0;
    color: #FFFFFF;
    font-size: .9em;
}
/*-- //gallery --*/
/*-- responsive --*/
@media(max-width:1440px){
	.captn {
		width: 320px;
		height: 185px;
	}
}
@media(max-width:1366px){
	.captn {
		width: 300px;
		height: 175px;
	}
	.captn h4 {
		margin: 2em 0 0 0;
	}
}
@media(max-width:1280px){
	.captn {
		width: 280px;
		height: 165px;
	}
}
@media(max-width:1080px){
	ul.nav.navbar-nav li a {
		margin: 0 .5em;
	}
	.navbar-nav {
		margin-top: 3em;
	}
	.captn {
		width: 235px;
		height: 140px;
	}
	.captn h4 {
		margin: 1em 0 0 0;
	}
	.w3-agile-view .w3lmask {
		padding: 3em 1em 1em 1em;
	}
}
@media(max-width:1024px){
	.captn {
		width: 220px;
		height: 130px;
	}
}
@media(max-width:991px){
	.w3-header-top-left {
		width: 25%;
	}
	ul.nav.navbar-nav li a {
		margin: 0 .2em;
		padding: .5em .5em;
	}
	.logo h1 a {
		font-size: 1.1em;
	}
	.navbar-nav {
		margin-top: 2em;
	}
	.banner-bottom {
		position: inherit;
		padding: 4em 0;
	}
	.banner-bottom-left {
		float: left;
		width: 50%;
		padding: 1.5em;
	}
	.left-border-info h4 {
		line-height: 1.5em;
	}
	.introduction {
		padding: 0 0 4em 0;
	}
	.introduction-info p {
		width: 95%;
	}
	.about-grid:nth-child(2) {
		margin: 2em 0 0 0;
	}
	.about-grids1 {
		margin-top: 2em;
	}
	.agileinfo_services_grid {
		width: 50%;
		float: left;
	}
	.agileinfo_services_grid:nth-child(3),.agileinfo_services_grid:nth-child(4), .agileinfo_services_grid:nth-child(5), .agileinfo_services_grid:nth-child(6) {
		margin: 2em 0 0 0;
	}
	.agile_team_grid {
		width: 50%;
		float: left;
	}
	.view .w3lmask, .view .content {
		height: 390px;
	}
	.w3-agile-view .w3lmask {
		padding: 8em 1em 1em 1em;
	}
	.w3-agile-grid:nth-child(2) {
		margin: 2em 0;
	}
	.wthree-different-dot {
		padding: 0 0 6em;
	}
	.agile_team_grid:nth-child(3),.agile_team_grid:nth-child(4){
		margin:2em 0 0 0;
	}
	.contact-grid {
		padding: 2.5em;
	}
	.map iframe {
		min-height: 180px;
	}
}
@media(max-width:900px){
	.captn {
		width: 195px;
		height: 110px;
	}
}
@media(max-width:800px){
	.slider-info h3 {
		font-size: 5em;
	}
	.callbacks_tabs {
		right: 46%;
	}
	.slider-info {
		margin: 2em 0 0 0;
	}
	.more-button {
		margin: 4em 0 1em 0;
	}
	.captn {
		width: 170px;
		height: 100px;
		padding: 1em;
	}
	.captn h4 {
		margin: .5em 0 0 0;
	}
}
@media(max-width:736px){
	.navbar-top {
		position: relative;
	}
	div#bs-example-navbar-collapse-1 {
		background: rgba(0, 0, 0, 0.83);
		position: absolute;
		width: 100%;
		z-index: 9999;
	}
	.navbar-toggle {
		border: 1px solid rgb(255, 255, 255);
	}
	.navbar-toggle .icon-bar {
		background: #FFFFFF;
	}
	.navbar-toggle {
		margin-top: 26px;
	}
	ul.nav.navbar-nav li a {
		margin: .5em 0;
		padding: .5em 0;
	}
	.navbar-nav {
		float: none;
		text-align: center;
		margin: 1em 0;
	}
	.gallery-grids-left {
		float: left;
		width: 50%;
	}
	.captn {
		width: 315px;
		height: 185px;
	}
	.captn h4 {
		margin: 2.5em 0 0 0;
	}
	.contact-w3lsright {
		margin: 2em 0 0 0;
	}
	.border {
		width: 10%;
	}
}
@media(max-width:667px){
	.slider-info h3 {
		font-size: 4em;
	}
	.captn {
		width: 290px;
		height: 170px;
	}
	.w3-agile-view .w3lmask {
		padding: 6em 1em 1em 1em;
	}
}
@media(max-width:640px){
	.captn {
		width: 280px;
		height: 164px;
	}
	.w3ls-border {
		width: 15%;
	}
}
@media(max-width:600px){
	.banner {
		margin: 4em 0 0 0;
	}
	.banner-bottom-left {
		float: none;
		width: 100%;
		padding: 1em;
	}
	.agileinfo_services_grid {
		width: 100%;
		float: none;
	}
	.agileinfo_services_grid:nth-child(2),.agileinfo_services_grid:nth-child(3), .agileinfo_services_grid:nth-child(4), .agileinfo_services_grid:nth-child(5), .agileinfo_services_grid:nth-child(6) {
		margin: 2em 0 0 0;
	}
	.agileinfo_services_grid p {
		margin: .5em 0 0;
	}
	.captn {
		width: 260px;
		height: 155px;
	}
	.w3-agile-view .w3lmask {
		padding: 5em 1em 1em 1em;
	}
}
@media(max-width:568px){
	.captn {
		width: 245px;
		height: 145px;
	}
	.captn h4 {
		margin: 1.5em 0 0 0;
	}
	.w3-agile-view .w3lmask {
		padding: 4em 1em 1em 1em;
	}
}
@media(max-width:480px){
	.slider-info h3 {
		font-size: 3em;
	}
	.slider-info p {
		margin: 1em auto 0;
		width: 90%;
	}
	.callbacks_tabs {
		right: 44%;
	}
	.about-grid-left span {
		font-size: 1.5em;
	}
	.w3-header-top-left {
		width: 35%;
	}
	.captn {
		width: 200px;
		height: 120px;
	}
	.w3-agile-view .w3lmask {
		padding: 2em 1em 1em 1em;
	}
	.contact-grid {
		padding: 1.5em;
	}
}
@media(max-width:414px){
	.w3ls-icon i.fa {
		font-size: 1.5em;
	}
	.slider-info {
		margin: 1em 0 0 0;
	}
	.slider-info h3 {
		font-size: 2.5em;
	}
	.callbacks_nav {
		width: 25px;
	}
	.wthree-different-dot {
		padding: 0 0 4em;
	}
	.more-button {
		margin: 2em 0 1em 0;
	}
	.more-button a {
		font-size: .9em;
		padding: .5em 1em;
	}
	.banner {
		margin: 3em 0 0 0;
	}
	.callbacks_tabs {
		right: 42%;
	}
	.banner-bottom {
		padding: 2em 0;
	}
	.w3l-heading h2, .w3l-heading h3 {
		font-size: 2em;
	}
	.introduction-info, .agileits-about-grids, .agileinfo_services_grids, .gallery-grids, .agile_team_grids, .w3-agileits-subscribe-form, .contact-row {
		margin: 2em 0 0 0;
	}
	.w3ls-border {
		margin: 2em auto 0;
	}
	.introduction {
		padding: 0 0 2em 0;
	}
	.about, .services, .gallery, .team, .subscribe, .contact {
		padding: 2em 0;
	}
	.captn {
		width: 175px;
		height: 100px;
	}
	.captn h4 {
		margin: 0.5em 0 0 0;
	}
	.agile_team_grid {
		width: 100%;
		float: none;
	}
	.view .w3lmask, .view .content {
		height: 400px;
	}
	.w3-agile-view .w3lmask {
		padding: 8em 1em 1em 1em;
	}
	.agile_team_grid:nth-child(2),.agile_team_grid:nth-child(3), .agile_team_grid:nth-child(4) {
		margin: 2em 0 0 0;
	}
	.w3-agileits-subscribe-form input[type="email"] {
		margin: 0 0 1em 0;
		width: 100%;
	}
	.contact input[type="submit"] {
		padding: .8em 3em;
	}
	.w3-agile-grid h5 {
		margin: 0 0 1em 0;
	}
	.agileits-w3layouts-footer {
		padding: 2em 0;
	}
}
@media(max-width:384px){
	.w3-header-top-left {
		width: 40%;
	}
	.about-grid-left span {
		font-size: 1em;
	}
	.agileinfo_services_grid_right h4 {
		font-size: 2em;
	}
	.gallery-grids-left {
		float: none;
		width: 100%;
	}
	.captn {
		width: 320px;
		height: 190px;
	}
	.captn h4 {
		margin: 2.5em 0 0 0;
	}
	.address-row span.glyphicon {
		font-size: 1em;
	}
}
@media(max-width:320px){
	.w3-header-top-left {
		width: 46%;
	}
	.logo h1 a {
		font-size: .9em;
	}
	.slider-info h3 {
		font-size: 2em;
	}
	.slider-info p {
		width: 100%;
	}
	.border {
		width: 25%;
		margin: 15px auto 0;
	}
	.banner {
		margin: 2em 0 0 0;
	}
	.left-border-info {
		padding: 1em;
	}
	.w3l-heading h2, .w3l-heading h3 {
		font-size: 1.5em;
	}
	.about-grid-left {
		text-align: center;
		padding: 0;
		float: none;
		width: 100%;
		margin: 0 0 1em 0;
	}
	.about-grid-right {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.about-grid-right h4 {
		letter-spacing: 0px;
	}
	.agileinfo_services_grid_left h4 {
		letter-spacing: 1px;
	}
	.captn {
		width: 265px;
		height: 160px;
	}
	.w3-agile-view .w3lmask {
		padding: 4em 1em 1em 1em;
	}
	.contact-grid {
		padding: 1em;
	}
	.contact textarea {
		min-height: 9.8em;
	}
	.contact input[type="submit"] {
		padding: .8em 2em;
	}
	.address-row span.glyphicon {
		font-size: .9em;
	}
}
/*-- //responsive --*/