/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

.w3l_header_left{
	float:left;
	margin: .3em 0 0;
}
.w3l_header_left ul li{
	display:inline-block;
	margin-right:2em;
	font-size:14px;
	color:#999;
}
.w3l_header_left ul li i {
    padding-right: 1em;
    color: #00a98f;
}
.w3l_header_left ul li a{
	color:#999;
	text-decoration:none;
}
.w3l_header_left ul li a:hover{
	color:#00a98f;
}
.w3l_header_right{
	float: right;
}
/*-- social-icons --*/
/*--top header start here--*/
.w3ls-social-icons.text-left a {
    display: inline-block;
}
.w3ls-social-icons i {
    font-size: 15px;
    background: #669900;
    padding: 8px 10px;
    color: #fff;
    border: 1px solid #333;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
	    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}
.w3ls-social-icons i:hover {
    background: transparent;
    color: #efb312;
    border: 1px solid #efb312;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.top-header-main {
    padding: 1em 0em;
}
.header-address h6 {
    font-size:0.9em;
    color: #fff;
    display: inline-block;
}
.logo h1 {
    font-size:2.5em;
}
.agileits_w3layouts_banner_nav {
    margin: 0 auto;
    width: 90%;
}
/*-- //social-icons --*/

/* Underline From Center */


.agileits_top_menu {
    padding: 0.5em 2em;
    background: #003300;
}



@media (max-width: 667px){
	.agile_banner_info_pos ul li {
		margin: 0 0.5em;
		font-size: 13px;
	}
	.agile_banner_info_pos {
		top: 70%;
		left: -22%;
	}
	.agile_banner_info p {
		margin: 1em auto 0;
    }
	#m_nav_menu {
		right: 2%;
	}
	.w3ls_banner_bottom_right_pos {
		top: 35%;
	}
	.view .info {
		margin-top: 6.5em;
	}
	.modal-dialog {
		width: auto;
	}
	.w3layouts_newsletter_right {
		width: 90%;
	}
	.w3l_header_left ul li {
		display: block;
		margin-right: 0;
		text-align: center;
	}
	.w3l_header_left {
		float: none;
		margin: 0.3em 0 0;
	}
	.w3l_header_left ul li:nth-child(2){
	 margin:0.5em 0;
	}
	.w3l_header_right {
		float: none;
		text-align: center;
		margin: 2% auto 0;
		width: 27%;
	}
	.mid_agile_bannner_top_info h2, h3.tittle_agile_w3, .agile_inner_banner_info h2 {
		font-size: 2em;
	}
	.mid_agile_bannner_top_info p {
		width: 94%;
		margin: 1em auto;

	}
	.banner-bottom, .events, .services, .featured-services, .skills {
		padding: 3em 0;
	}
	.why-choose-agile {
		min-height: 653px;
		padding-top: 3em;
	}
}

@media (max-width: 600px){
	.agile_banner_info_pos {
		left: -26%;
	}
	.w3_agile_logo h1 a {
		font-size: 1em;
	}
	.w3_agile_logo h1 a:before {
		width: 20px;
		height: 36px;
	}
	.m_nav_ham {
		width: 20px;
		height: 1px;
	}
	.m_nav_item {
		display: block;
		text-align: center;
		margin: 0 0 10px;
	}
	#m_nav_container {
		height: auto;
	}
	#m_nav_list {
		margin: 0 auto;
		width: 70%;
		padding: 2.2em 0 1em;
	}
	#m_nav_menu {
		right: 3%;
		top: 7%;
	}
	.agile_banner_info p {
		font-size: 13px;
	}
	.agile_banner_info {
		margin: 4em auto 2em;
	}
	.w3l_social_icon_gridr {
		margin: 1.4em 0 0 10em;
	}
	.view .info {
		margin-top: 5.5em;
	}
	.agile_events_top_grid_pos {
		left: 35%;
	}
	.agileinfo_header {
		font-size: 1.5em;
	}
	.agileinfo_header:after {
		right: 45%;
	}
	.wthree_events_grid_left1_gridr h4 a {
		font-size: 1em;
	}
	.wthree_events_grid_right1 h3 {
		font-size: 2em;
	}
	.wthree_events_grid_right1 h2 {
		font-size: 3em;
	}
	.wthree_events_grid_right {
		min-height: 275px;
	}
	.agileinfo_footer_grid h4 span {
		font-size: 2em;
	}
	.w3l_header_right {
		float: none;
		text-align: center;
		margin: 2% auto 0;
		width: 30%;
	}
	.agileits_banner_bottom_left h3 {
		font-size: 1.4em;
	}
	.skills_img_agile h4 {
       font-size: 1.4em;
	}
	.w3layouts_newsletter_right input[type="email"] {
	 width: 100%;
	}
	.w3layouts_newsletter_right input[type="submit"] {
		width: 100%;
	}
	.wthree_events_grid_right1 {
    padding: 2em 2em;
	}
}