/*--flexisel--*/
.flex-slider{	
	background:#222227;
	padding: 70px 0 165px 0;
}

#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
}
.nbs-flexisel-item {
	float: left;
    padding: 0;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer!important;
	position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 35px;
    height: 35px;
    position: absolute;
    cursor: pointer;
    z-index: 999;
    top: 102% !important;
}
.nbs-flexisel-nav-left {
    left: 101%;
    top: 40% !important;
    background: url(../images/next1.png) no-repeat 0px 0px;
	 background-size: 32px;
}

.nbs-flexisel-nav-right {
    right: 101%;
    top: 40% !important;
    background: url(../images/back1.png) no-repeat 0px 0px;
    background-size: 32px;
}

/*--//flexisel--*/

@media (max-width:768px){
	.grid_5 {
		padding: 0 0 1em;
	}
	.grid_3 {
		margin-bottom: 0em;
	}
	
}
@media (max-width:640px){
	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
		margin-bottom: .5em;
	}
	.progress {
		height: 10px;
		margin-bottom: 10px;
	}
	ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {
		font-size: 14px;
	}
	.breadcrumb {
		margin-bottom: 10px;
	}
	.well {
		font-size: 14px;
		margin-bottom: 10px;
	}
	h2.typoh2 {
		font-size: 1.5em;
	}
	.label {
		font-size: 60%;
	}
}
@media (max-width:480px){
	.table h1 {
		font-size: 26px;
	}
	.table h2 {
		font-size: 23px;
	}
	.table h3 {
		font-size: 20px;
	}
	.label {
		font-size: 53%;
	}
	.alert,p {
		font-size: 14px;
	}
	.pagination {
		margin: 20px 0 0px;
	}
}
@media (max-width: 320px){
	.grid_4 {
		margin-top: 18px;
	}
	h3.title {
		font-size: 1.6em;
	}
	.alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {
		font-size: 13px;
	}
	.alert {
		padding: 10px;
		margin-bottom: 10px;
	}
	ul.pagination li a {
		font-size: 14px;
		padding: 5px 11px;
	}
	.list-group {
		margin-bottom: 10px;
	}
	.well {
		padding: 10px;
	}
	.nav > li > a {
		font-size: 14px;
	}
	table.table.table-striped,.table-bordered,.bs-docs-example {
		display: none;
	}
}
/*--//Typography --*/
/*--web icons --*/
ul.bs-glyphicons-list li:hover {
    background: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
ul.bs-glyphicons-list li:hover span {
    color: #fff;
}
.codes a {
    color: #999;
}

@media (max-width:1080px){
	.icon-box {
		width:33.33%;
	}
}
@media (max-width:991px){
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 22px;
	}
	.icon-box {
		width: 50%;
	}
}
@media (max-width:768px){
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 25px;
	}
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.icon-box {
		margin: 0;
	}
}
@media (max-width: 640px){
	.icon-box {
		float: left;
		width: 50%;
	}
	h3.icon-subheading {
		font-size: 22px;
	}
	.grid_3.grid_4.w3_agileits_icons_page {
		margin-top: 25px;
	}
}



@media(max-width:1024px){

	.nbs-flexisel-container {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
	}
	
}
@media(max-width:991px){

	
}


@media(max-width:480px){

	.w3-about-grid-left {
    width: 71%;
    float: none;
    margin: 0 auto;
	}
	.w3-about-grid-right {
    width: 72%;
    float: none;
    margin: 24px auto;
	}
	.w3layouts_event_grid {
    width: 100%;
    float: none;
	}
	.services-icon-info p {
    width: 75%;
    margin: 1em auto;
	}
	.services-icon-info h4 {
    width: 36%;
	}
	.agileits-title h3 {
    font-size: 2em;
	}
	.subscribe input[type="email"] {
    width: 67%;
	}
	.w3-footer-contact-middle {
    width: 76%;
    margin: 0 auto 3em;
	}
	.nbs-flexisel-container {
    position: relative;
    max-width: 48%;
    margin: 0 auto;
	}
	.nbs-flexisel-nav-right {
    right: 124%;
	}
	.nbs-flexisel-nav-left {
    left: 124%;
	}
	.view.view-first {
    width: 100%;
	}
	.w3-footer-contact-left h3 {
    font-size: 1.5em;
	}
	.col-sm-3.col-xs-4.gallery-grids {
    width: 50%;
    padding: 1em;
	}
	.address h4 {
    font-size: 1.5em;
	}
	.resp-tabs-list {
    width: 76%;
	}
	.w3-footer-contact-right {
    width: 75%;
	}
	div#team {
	padding:1em 0;
	}
}
@media(max-width:414px){
.w3-about-grid-left {
    width: 90%;
    float: none;
    margin: 0 auto;
	}
	.w3-about-grid-right {
    width: 90%;
    float: none;
    margin: 24px auto;
	}
	.services-icon-info h4 {
    width: 44%;
	}

}
@media(max-width:384px){
.services-icon-info h4 {
    width: 51%;
	}

	.w3-footer-contact-middle {
    width: 100%;
	}
}
@media(max-width:375px){

	.wthree-team-grid {
    width: 100%;
    float: none;
    margin-bottom: 1em;
	}
}
@media(max-width:320px){
.w3layouts_header_left ul li a {
    padding: 0.5em 0.5em;
	}
	.sliderBox h3 span {
    font-size: 14px;
    letter-spacing: 2px;
    padding-top: 1em;
	}
	.w3-about-grid-left {
    width: 100%;
    float: none;
	}
	.w3-about-grid-right {
    width: 100%;
    float: none;
	}

}
/*-- /responsive design --*/