@media (max-width:1440px){
}
@media (max-width:1366px){
	.con123 {
		padding:50px 30px;
		text-align:right;
	}
	.section8 p {
		font-size:18px;
	}
}
@media (max-width:1280px){
	.pricing-table .plan {
		width:80%;
		left:10%;
	}
	
}
@media (max-width:1080px){
	.navbar-nav > li > a {
		padding: 0 1em;
	}
	.contact-right-w3-agile input[type="text"] {
		width: 49.3%;
	}
	.view {
		width: 303px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 303px;
		height: 200px;
	}
}
@media (max-width:1024px){
	.pricing-table .plan {
		width:84%;
		left:8%;
	}
}
@media (max-width:991px){
	
	.contact-right-w3-agile input[type="text"] {
		width: 49.1%;
	}
	
	.contact-right-w3-agile {
		margin-top: 3em;
	}
	.footer-agileits-w3layouts {
		float: left;
		width: 25%;
	}
	.footer-w3-agileits {
		float: left;
		width: 25%;
	}
	.footer-wthree {
		float: left;
		width: 25%;
	}
	.footer-agileits {
		float: left;
		width: 25%;
	}
	.footer h3 {
		font-size: 21px;
	}
	
	/*.call-info {
		float: left;
		width: 50%;
	}
	.footer-w3l-1 {
		float: left;
		width: 50%;
	}*/
	.w3l-footer-top {
		float: left;
		width: 70%;
	}
	/*.w3ls-social-icons {
		float: left;
		width: 30%;
	}*/
	.navbar-nav > li > a {
		padding: 0 0.7em;
	}
	.menu--iris .menu__item {
		margin: 0 0.2em;
	}
	.menu__link {
		font-size: 0.9em;
	}
	.wthree_banner_info_grid h3 {
		font-size: 27px;
	}
	.wthree_banner_info_grid h5 {
		font-size: 24px;
	}
	.wthree_banner_info_grid h4 {
		font-size: 24px;
	}
	/*.banner {
		min-height: 540px;
	}*/
	.welcome-top p {
		width: 100%;
	}
	
	.banner-grid1 {
		margin-bottom: 2em;
	}
	p.w3l {
		width: 100%;
	}
	.customer-grid {
		margin-bottom: 2em;
	}
	p.w3agile {
		width: 100%;
	}
	.what-grid {
		padding-right: 0;
		margin-bottom: 2em;
	}
	p.w3layouts_para {
		width: 100%;
	}
	.w3ls_courses_left {
		padding: 0 0em 0 0;
	}
	.agileits_courses_right {
		padding: 0;
		margin-top: 26px;
	}
	.agileits_courses_right img {
		width: 100%;
	}
	.w3ls_team_grid {
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}
	.view {
		width: 230px;
		height: 200px;
	}
	.view .mask, .view .content {
	   width: 230px;
		height: 200px;
	}
	.w3l_choose_right_grid {
		float: left;
		width: 50%;
	}
	.w3l_choose_right_grid, .agileinfo_choose_right {
		padding: 0;
		margin-top: 20px;
	}
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 22px;
	}
}
@media (max-width:800px){
	/*.banner {
		min-height: 435px;
	}*/
}
@media (max-width:767px){
	.banner_sldes {
		margin: 7em auto 0;
	}
	section, footer {
		padding: 2.5em 0;
	}
	.banner-grids {
		margin-top: 2em;
	}
	.customer-say {
		margin-top: 3em;
	}
	.what-w3ls {
		padding: 3em 0;
	}
	.what-grids {
		margin-top: 3em;
	}
	.courses {
		padding: 3em 0;
	}
	.agileits_w3layouts_team_grids.w3ls_courses_grids {
		margin-top: 2em;
	}
	.team {
		padding: 3em 0 1em;
	}
	.w3_services_grids {
		margin-top: 3em;
	}
	.portfolio-agile {
		margin-top: 3em;
	}
	.portfolio {
		padding: 3em 0;
	}
	.services {
		padding: 3em 0;
	}
	.agile_banner_bottom_grids {
		margin-top: 3em;
	}
	.services-bottom h3 {
		font-size: 1.8em;
	}
	.choose {
		padding: 3em 0;
	}
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 25px;
	}
	h1, h2 {
		font-size:38px !important;
	}
	h3 {
		font-size:32px !important;
	}
	h4 {
		font-size:24px !important;
	}
	/*.row {
		margin-right: 0;
		margin-left: 0;
	}*/
	.icon-box {
		margin: 0;
	}
	.padding-lr-0 {
		padding-left:0;
		padding-right:0;
	}
	
	.navbar-default .navbar-toggle {
		border-color: #e77817;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #e77817;
	}
	.navbar-toggle {
		margin:0em 0 0;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
		position: absolute;
		width: 100%;
		background: rgba(0, 0, 0, 0.81);
		z-index: 999;
	}
	.link-effect-3 a {
		margin: 0;
	}
	.navbar-right {
		margin-left: 0;
	}
	.navbar-nav > li > a {
		padding: 20px 0 0;
		text-align: center;
		font-size: 13px;
		color:#fff;
	}
	.vhn-main-navbar .vhn-main-nav li a {
		color:#fff;
	}
	.link-effect-3 a::before {
		width: 10%;
		top: 29px;
		left: 34%;
	}
	.navbar-nav {
		margin: 0 0 20px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #fff !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff !important;
	}
	.grid_5 {
		padding: 0 0 1em;
	}
	.grid_3 {
		margin-bottom: 0em;
	}
}
@media (max-width: 736px){
	.banner1 {
		min-height: 250px;
		background-position:0 0;
	}
	.view {
		width: 219px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 219px;
		height: 200px;
	}
}
@media (max-width: 667px){
	.contact-right-w3-agile input[type="text"] {
	}
	.w3l-footer-top {
		width: 66%;
	}
	/*.w3ls-social-icons {
		width: 34%;
	}*/
	.footer h3 {
		font-size: 18px;
	}
	.view {
		width: 196px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 196px;
		height: 200px;
	}
	h1, h2 {
		font-size:32px !important;
	}
	h3 {
		font-size:24px !important;
	}
	h4 {
		font-size:18px !important;
	}
}
@media (max-width:640px){
	
	.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: 25px;
	}
	.well {
		font-size: 14px;
		margin-bottom: 10px;
	}
	h2.typoh2 {
		font-size: 1.5em;
	}
	.label {
		font-size: 60%;
	}
	.in-gp-tl {
		padding: 0 1em;
	}
	.in-gp-tb {
		padding-right: 1em;
	}
	
	.contact-right-w3-agile input[type="text"]:nth-child(1) {
		margin-right: 0;
		margin-bottom: 24px;
	}
	.contact-right-w3-agile input[type="text"] {
		width: 100%;
	}
	.w3l-footer-top {
		width: 65%;
	}
	/*.w3ls-social-icons {
		width: 35%;
	}*/
	.footer-w3-agile {
		margin: 40px 0 0;
	}
	.wthree_banner_info_grid h3 {
		font-size: 22px;
	}
	.wthree_banner_info_grid h4 {
		font-size: 20px;
	}
	.wthree_banner_info_grid h5 {
		font-size: 20px;
	}
	.heading {
		font-size: 30px;
	}
	.chrty h3 {
		font-size: 20px;
	}
	.banner-grid1 h5 {
		font-size: 17px;
		line-height: 28px;
	}
	.de_testi {
		padding: 2em 2em;
	}
	.what-grid1 h4, .what-grid h4 {
		font-size: 20px;
	}
	.view {
		width: 286px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 286px;
		height: 200px;
	}
	.w3l_choose_right_grid {
		float: left;
		width: 70%;
	}
	.icon-box {
		float: left;
		width: 50%;
	}
}
@media (max-width: 600px){
	p.w3layouts_para {
		width: 80%;
	}
	.footer-agileits {
		width: 50%;
		margin-bottom:20px;
	}
	.footer-wthree {
		width: 50%;
		margin-bottom:20px;
	}
	.footer-w3-agileits {
		width: 50%;
	}
	.footer-agileits-w3layouts {
		width: 50%;
	}
	/*.w3ls-social-icons {
		width: 100%;
		margin-top: 28px;
	}*/
	.w3l-footer-top {
		width: 100%;
	}
	.view {
		width: 266px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 266px;
		height: 200px;
	}
	.w3l_choose_right_grid {
		width: 81%;
	}
	..services-bottom h3 {
		font-size: 1.5em;
	}
}
@media (max-width:568px){
	.view {
		width: 250px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 250px;
		height: 200px;
	}
}
@media (max-width:480px){
	.navbar-brand {
    	width:180px;
	}
	
	p {
		font-size:18px !important
	}
	
	.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
		font-size: 1.2em;
	}
	.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;
	}
	.grid_3.grid_4.w3layouts {
		margin-top: 25px;
	}
	.what-grid1 p, .what-grid p {
		font-size: 13px;
		line-height: 26px;
	}
	.what-grid1 h4, .what-grid h4 {
		font-size: 19px;
	}
	.what-w3ls {
		padding: 3em 0 1em;
	}
	.de_testi_by p {
		font-size: 13px;
	}
	p.w3agile {
		font-size: 13px;
	}
	p.w3l {
		font-size: 13px;
	}
	.banner-grid1 p {
		font-size: 13px;
	}
	.chrty p {
		font-size: 13px;
	}
	.welcome-top p {
		font-size: 13px;
	}
	.wthree_banner_info_grid h3 {
		font-size: 17px;
	}
	.wthree_banner_info_grid h4 {
		font-size: 17px;
	}
	.wthree_banner_info_grid h5 {
		font-size: 17px;
	}
	.banner_sldes {
		margin: 5em auto 0;
	}
	.roof-right ul li {
		margin: 0 0.3em;
	}
	.roof-left ul li:nth-child(2) {
		margin-left: 7px;
	}
	.roof {
		padding: 14px 0;
	}
	/*.banner {
		min-height: 370px;
	}*/
	nav.navbar.navbar-default {
		padding: 5px 0 0 0;
	}
	.w3ls_courses_left_grid h3 {
		font-size: 18px;
		letter-spacing: 1px;
	}
	.w3ls_team_grid h4 {
		font-size: 1em;
	}
	.alert, p {
		font-size: 13px;
	}
	p.w3layouts_para {
		font-size: 13px;
	}
	.view {
		width: 206px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 206px;
		height: 200px;
	}
	.w3l_choose_right_grid {
		width: 100%;
	}
	.contact-right-w3-agile form input[type="submit"] {
		width: 31%;
	}
	.bs-glyphicons li {
		width: 31%;
	}
	h1, h2 {
		font-size:28px !important;
	}
	h3 {
		font-size:20px !important;
	}
	h4 {
		font-size:16px !important;
	}
}
@media (max-width: 414px){
	.text-right {
		text-align: center;
	}
	.roof-left {
		width: 100%;
	}
	.roof-left ul li:nth-child(2) {
		margin-left: 85px;
	}
	.roof-right {
		margin-top: 10px;
	}
	.wthree_banner_info_grid h3 {
		font-size: 14px;
	}
	.wthree_banner_info_grid h4 {
		font-size: 13px;
	}
	/*.banner {
		min-height: 350px;
	}*/
	.wthree_banner_info_grid h5 {
		font-size: 13px;
	}
	.quotes {
		float: none;
		width: 100%;
		 padding: 0 5em;
	}
	.de_testi_by {
		float: none;
		width: 100%;
		text-align: center;
	}
	.what-grid1 i {
		height: 42px;
		width: 42px;
		line-height: 45px;
	}
	.copy-right p {
		font-size: 13px;
	}
	.footer li, .footer li a {
		font-size: 13px;
	}
	.footer-agile p {
		font-size: 13px;
	}
	p.w3layouts_para {
		width: 100%;
	}
	.view {
		width: 173px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 173px;
		height: 200px;
	}
	.services-bottom h3 {
		font-size: 1.3em;
	}
	.agileits_choose_right h4 {
		font-size: 18PX;
		letter-spacing: 1px;
		margin-bottom: 0.5em;
	}
	h3.agileits-icons-title {
		font-size: 23px;
	}
	h3.icon-subheading {
		font-size: 18px;
	}
	.bs-glyphicons li {
		width: 31.33%;
	}
	.pricing-table .plan {
		width:90%;
		left:5%;
	}
	.pricing-table .plan-info {
		padding:10% 5% 6%;
		color:#1f1a17;
	}
}

@media (max-width: 384px){
	.wthree_banner_info_grid h3 {
		line-height: 20px;
		 margin: 12px 0;
	}
	.roof-left ul li:nth-child(2) {
		margin-left: 62px;
	}
	.view p {
		font-size: 13px;
	}
	.view {
		width: 158px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 158px;
		height: 200px;
	}
}
@media (max-width: 375px){
	.roof-left ul li:nth-child(2) {
		margin-left: 55px;
	}
	.view {
		width: 154px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 154px;
		height: 200px;
	}
}
@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;
	}
	
	.roof-left ul li:nth-child(2) {
		margin-left: 19px;
	}
	.roof-left ul li {
		font-size: 13px;
	}
	section, footer {
		padding: 1.5em 0;
	}
	.heading {
		font-size: 26px;
	}
	.charitys {
		margin-top: 2em;
	}
	
	.banner-grid1 {
		padding: 0;
	}
	.banner-grids {
		margin-top: 0em;
	}
	.banner-grid {
		padding: 0;
	}
	
	.customer-say {
		margin-top: 2em;
	}
	.quotes {
		padding: 0 1em;
	}
	.what-grid1 {
		padding: 0;
	}
	.what-grid1 h4, .what-grid h4 {
		font-size: 17px;
	}
	.what-grid1 i {
		height: 37px;
		width: 37px;
		line-height: 37px;
		font-size: 1.2em;
	}
	.what-grid {
		padding: 0;
	}
	.footer-agileits {
		width: 100%;
		padding: 0;
	}
	.footer-wthree {
		width: 100%;
		padding: 0;
	}
	.footer-w3-agileits {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.footer-agileits-w3layouts {
		width: 100%;
		padding: 0;
	}
	.w3l-footer-top {
		width: 100%;
		padding: 0;
	}
	.footer-w3-agile {
		margin: 26px 0 0;
	}
	.copy-right {
		margin-top: 26px;
		text-align: center;
	}
	.copy-right p {
		line-height: 24px;
	}
	.newsletter {
		width: 100%;
	}
	.banner1 {
		min-height: 200px;
	}
	.courses {
		padding: 2em 0;
	}
	.agileits_w3layouts_team_grids.w3ls_courses_grids {
		margin-top: 0em;
	}
	.w3ls_courses_left_grid h3 {
		font-size: 16px;
	}
	.w3ls_team_grid {
		width: 100%;
	}
	.w3ls_team_grid {
		padding: 0;
	}
	.w3_services_grids {
		margin-top: 2em;
	}
	.navbar-brand {
		font-size: 0.9em;
	}
	.portfolio {
		padding: 2em 0;
	}
	.view {
		width: 263px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 263px;
		height: 200px;
	}
	.portfolio-agile {
		margin-top: 2em;
	}
	.services {
		padding: 2em 0;
	}
	.agile_banner_bottom_grids {
		margin-top: 2em;
	}
	.agile_services_grid {
		text-align: center;
		padding: 0;
	} 
	.choose {
		padding: 2em 0;
	}
	.agileinfo_choose_left {
		padding: 0;
	}
	.agileits_choose_right h4 {
		font-size: 16PX;
		margin-bottom: 0.5em;
	}
	.w3ls_choose_left_grid i {
		font-size: 1.5em;
		line-height: 2.5em;
	}
	.w3ls_choose_left_grid {
		width: 70px;
		height: 70px;
	}
	.agileits_choose_right {
		padding: 0;
	}
	.agileits_choose_left {
		padding-left: 0;
	}	
	.map iframe {
		min-height: 250px;
	}
	.icon-box {
		float: none;
		width: 100%;
	}
}