/*ul.dropdown-menu.agile_short_dropdown > li > a:hover {background: none; }*/
/*.mobile-menu ul li a:after {content: ''; background: #3369e7; width: 100%; height: 100%; position: absolute; right: -100%; top: 0; z-index: -1; transition: 0.4s ease; }*/
/*.mobile-menu ul li a:hover, .mobile-menu ul li.active a {color: #fff; } */
/*.mobile-menu ul li a:hover:after, .mobile-menu ul li.active a:after {right: 0; }*/
/*li.dropdown.act a.w3_icons_act {background: #0e0e0e; color: #fff; }*/
/*.mobile-menu img {position: absolute; width: 150px; display: block; left: 50%; top: 3rem; transform: translatex(-50%); -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); -o-transform: translatex(-50%); -ms-transform: translatex(-50%); padding: 0; text-align: center; }*/
/*.mobile-menu--open {opacity: 1; right: 0%; }*/
/*.dropdown.active.open a ul.dropdown-menu.agile_short_dropdown li a.w3_icon_1:after {background: none !important; }*/
.slider {width: 75%; float: left; }
/*.w3layouts_banner_info_right ul li, .w3ls_social li {display: inline-block; }*/
/*.w3layouts_banner_info_right ul li a, .w3ls_social li a {width: 30px; height: 30px; color: #fff; text-align: center; display: inline-block; padding-top: 6px; font-size: 13px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }*/
/*a.w3_agile_facebook {background: #3b5998; } */
/*a.agile_twitter {background: #1da1f2; }*/
/*a.w3_agile_dribble {background: #ea4c89; }*/
/*a.w3_agile_vimeo {background: #1ab7ea; }*/
/*a.w3_agile_facebook:hover {background: #84a3e3; }*/
/*a.agile_twitter:hover {background: #68b8e9; }*/
/*a.w3_agile_dribble:hover {background: #f782af; }*/
/*a.w3_agile_vimeo:hover {background: #5acef3; }*/





























@media (max-width: 480px) {
.inside-banner_top.strategy-bg { background: url(../images/strategy-bg-mobile.png) no-repeat 0px 0px; min-height: 350px; position: relative; background-size: cover;}
.inside-banner_top.design-bg { background: url(../images/design-bg-mobile.png) no-repeat 0px 0px; min-height: 350px; position: relative; background-size: cover;}
.inside-banner_top.technology-bg { background: url(../images/technology-bg-mobile.png) no-repeat 0px 0px; min-height: 350px; position: relative; background-size: cover;    }
.inside-banner_top .bullet-points li {color: #fff; list-style-type: disc; }
#demos .owl-carousel .item img {width: 100% !important;opacity: 1 !important;-webkit-filter: grayscale(0%); }

.footer {padding: 0em 0; margin: 0!important} 


.Hello h3 {font-size: 28px; font-family: 'Roboto', sans-serif; } 

.thanks {padding: 135px 50px } 
.w3layouts_mail_grid_right {margin: 0; } 



.our-people {margin: 0px }

.main-timeline .timeline-content {text-align: center; margin: 26px 0px; } 
.main-timeline .timeline-icon {padding: 20px 0 110px 0 !important; } 
.timeline-icon .fa-stack-1x, .fa-stack-2x {color: #757575; font-weight: 500font-size: 18px; }
.timeline-icon .fa-stack {font-size: 31px !important; background-color: #fff; line-height: 60px!important; border-radius: 50% !important; }
.main-timeline .timeline-icon:before {content: ""; width: 8px!important; background: rgba(255, 255, 255, 0.6); position: absolute; z-index: 999; transition: all 0.3s ease 0s; top: 62px;}
.main-timeline .timeline-content {text-align: center; width: 250px; } 
.main-timeline .border {height: 10px; background: #fff; margin-bottom: 20px; transition: all 0.3s ease 0s; display: none; } 
.main-timeline .timeline-content {text-align: left!important; position: absolute; top: 0; right: 0; } 
.main-timeline .timeline-icon {display: inline-block!important; /* text-align: center; */ padding: 20px 0 55px 0; z-index: 1; position: relative; font-size: 25px; left: 0; } 
.main-timeline .border {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);  -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.main-timeline .timeline-icon {left: 10px; } 
.main-timeline .timeline-icon.timeline-icon1:before {display: none; } 
.main-timeline .timeline-icon {left: 10px; } 






.home-page h3.w3ls_agile1 {line-height: 45px!important; } 
.btn .what-we-offer1 {margin:50px 0 0 0 } 





ul.social-icons3 {display: block; padding: 0; /* margin-top: 1em; */ margin: 0 auto; text-align: center; } 
.padding-15 {padding: 0 15px !important } 

.banner_top {min-height: 630px!important; } 
.banner_top {background: url(../images/home-page-background-xs.jpg)no-repeat center; background-attachment: fixed !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; -ms-background-size: cover !important; } 


/*section h3 {font-size: 28px!important; text-align: left; } */

 /**/


.next-btn {margin: 0px 0 0 0; z-index: 9999; font-size: 16px } /*change*/
.profile .img-box {margin: 0 auto; display: block; position: relative; width: 70px } 
.w3l_gallery_grids .next-btn {margin: 0; } 
.how-we-hire p {line-height: 24px; margin: 147px 55px 0 0; font-size: 15px; font-weight: lighter; text-align: left; padding: 300px 0 0 0 } 
.our-people {margin: 0; display: block; /*width:176px;*/ /*height:49px;*/ /*float:right;*/ color: #fff; font-weight: 400; } 
.next-btn.people-arrow {margin: 595px 0 0 0!important; line-height: 49px; font-size: 24px; color: #fff; font-weight: 400; text-align: right; font-family: Roboto !important; } 
.right-black-arrow {margin: 0; display: block; /*width:176px;*/ /*height:49px;*/ color: #000; } 
.right-grey-arrow {margin: 500px; display: block; /*width:176px;*/ /*height:49px;*/ float: right; color: #fff; font-weight: 400; }/*.col-md-6-{width:100%; }*/ 
.next-btn.people {margin: 0px 0 0 0; display: block; /*width:176px;*/ /*height:49px;*/ float: right; color: #fff; font-weight: 400; } 
.no-padding {padding: 0; } 
.m-bottom-50 {margin: 0 0 50px; float: left; } 
.m-bottom-50:last-child {margin: 0 0 0; } 
.home-page h3.w3ls_agile1.our-story .layer {position: relative!important; } 
.what-we-offer1 {margin: 80px 0 0 0 } 
.our-people .col-lg-4 {margin: 14px 10px 40px 0!important; font-size: 14px; } 
/*.w3layouts_banner_info_left ul li:nth-child(2) {margin: 0 1em; } */
/*.w3layouts_banner_info_left {width: 69%; } */
/*.w3layouts_banner_info_left ul li {width: 27%; } */
/*.wrapper .sentence {font-size: 2.7em; } */
/*.agileinfo_services_grid {float: none; width: 100%; } */
/*.agileinfo_services_grid {padding: 1em 1em 0; } */
/*.agileinfo_services_grid_left h4 {font-size: 1.3em; } */
/*.agileits_team_grid {width: 90%; } */
 .box, .box .caption {height: 144px; } 
 .box .caption {padding: 1.5em 1em; } 
/*  .w3_testimonials_grid_left {width: 100%; float: none; } */
/*  .w3_testimonials_grid_right {float: none; width: 35%; margin: 0 auto; } */
/*  .wthree_head span {width: 30%; } */
/*  .agile_map_grid {width: 71%; left: 20%; } */
  .map iframe {min-height: 280px; } 
/*  .agile_dot_info.two {padding: 3em 0 3.5em 0; } */
  .view {padding: 1em 1em 2em; width: 189px; height: 232px; } 
/*  .agile_text_box {padding: 4.5em 3.5em; } */
  .banner-bottom, .services, .gallery_main, .contact, .footer, .w3agile.welcome {padding: 2em 0; } 
  /*.wthree_head {font-size: 2.1em; } */
  /*.w3_testimonials_grid_left {width: 100%; float: none; padding: 0; } */
  /*.w3_testimonials_grid_left p {line-height: 1.8em; margin: 0em 0 1em 0; font-size: 13px; } */
  .agile_map_grid {width: 74%; left: 13%; } 
  .banner_bottom_left {margin-top: 2em; }   
  .w3_agileits_logo h1 a {font-size: 1em; } 
  .w3_agile_header {padding: 0.5em 0.7em 0em 1em; } 
  .agileits-banner-info {margin: 3em 0 0 0; width: 86%; padding: 0 1.3em; } 
  .agileits-banner-info p {font-size: 0.8em; letter-spacing: 5px; }
.wthree_head span {width: 60%; letter-spacing: 4px; } 
.flex-control-nav li {margin: 0 5px; } 
.w3l_gallery_grid li {width: 100%; } 
a.play {position: absolute; top: 35%; right: 44%; } 
/*.home-page {padding: 0 15px; margin: 65px 0 0!important; } */
.home-page p {font-size: 14px; } 
.our-story {text-align: left; 	/*min-height: 0px!important; */ } 
.our-story p {margin: 14px 0px 0 0!important; fon } 
.our-story .next-slide a {color: #fff; float: right; margin: 15px 0 !important; } 
.contact {padding: 0; } .w3layouts_mail_grids {margin: 0; } 
.w3layouts_mail_grid_right {margin: 0 0 0!important; } 
.contact {padding: 0!important; } 
.quick-connect {padding: 25px 15px 30px; } 
.agileits_w3layouts_footer_grid ul li {display: inline-block; } 
.footer {padding: 0 15px!important; } 
.footer .footer-grids {padding: 25px 0 0!important; } 
.our-story {background: url(../images/our-story-bg-xs.jpg)no-repeat center !important; background-attachment: fixed!important; 	background-size: cover!important; -webkit-background-size: cover!important;
 -moz-background-size: cover !important; 	-o-background-size: cover!important; -ms-background-size: cover!important; 	min-height: 585px!important; }
 .pager .fa{ font-size: 15px; color: #212121; }
	 } 



@media (max-width: 440px) {
.view {padding: 1em 1em 2em; width: 176px; height: 214px; } 
.box, .box .caption {height: 250px; } 
.box .caption {padding: 5.5em 1em; } 
.w3_agile_contact_left ul li {width: 27.8%; } 
.agile_map_grid {width: 83%; left: 13%; } 
.agile_text_box {padding: 4em 3.1em; } 
.agile_dot_info iframe {width: 87%; border: none; height: 234px; margin-top: 1em; } 
.agile_dot_info {padding: 3em 0 3.5em 0; text-align: center; } 
.what-we-offer-box {padding: 10px 21px!important; } 
.contact {padding: 0!important; }
/*.home-page {  margin: 66px 0 0 0; }*/
/*.home-page .line-yellow { margin: 10px 0 35px}*/
 }



@media (max-width: 414px) {
.wrapper h2 {width: 88%; }
.w3layouts_banner_info_left {width: 100%; float: none; }
.w3layouts_banner_info_right {float: none; padding: 1em 0; text-align: center; }
.w3layouts_banner_info_agileits_w3layouts {padding: 7em 0 0; }
.navbar-nav > li > a {font-size: 13px; }
.w3_agileits_banner_bottom_right {width: 80%; }
.w3_agileits_banner_bottom_right_pos {left: 10%; }
.w3_agileits_banner_bottom_right_pos p {padding-bottom: 2em; }
.banner_bottom_left h3 {font-size: 1.4em; }
.w3l_gallery_grid li {width: 100%; float: none; } 
p, ul, ol {font-size: 13px; } 
.box, .box .caption {height: 244px; } 
.box .caption {padding: 5.5em 1em; } 
.w3_testimonials_grid_right {margin: 1em auto 0; } 
.w3_agile_contact_left ul li {width: 32%; } 
.map iframe {min-height: 250px; } 
.map {padding-bottom: 15em; } 
.agile_map_grid {width: 100%; left: 0; top: 50%; } 
.view {padding: 1em 1em 2em; width: 282px; height: 350px; } 
.wthree_head {font-size: 2em; } 
.view {padding: 1em 1em 2em; width: 166px; height: 204px; }
}

@media (max-width: 384px) {
.banner_top {min-height: 670px; }
.agileinfo_services_grid {padding: 1em 0em 0; }
.wrapper h2 {letter-spacing: 4px; }
.w3_agileits_banner_bottom_right_pos h4 {font-size: 1.3em; }
.agileinfo_services_grid_right h4 {font-size: 2.3em; }
.agileinfo_services_grid p {margin: 0.5em 0 0; }
.agileinfo_services_grid_left h4 {font-size: 1.2em; }
.box, .box .caption {height: 223px; }
.box .caption {padding: 5em 1em; }
.w3_testimonials_grid_right img {border: 2px solid #fff; }
.w3_testimonials_grid_right {margin: 0em auto 0; }
.wthree_contact_left_grid {padding: 0; }
.w3layouts_mail_grid_right textarea {width: 100% !important; margin: 0 0 .8em; }
.w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] {width: 100%; margin: 0; }
.w3layouts_mail_grid_right input[type="reset"] {margin-top: 1em; }
.map {padding-bottom: 15.2em; }
.agileits_w3layouts_footer_grid h3, .w3_agileits_footer_grid h3 {font-size: 1.3em; }
.w3_agileits_footer_grid {padding: 0; }
ul.social-icons3 li a {display: block; height: 45px; width: 45px; line-height: 45px; margin-right: 0.2em; }
.agile_w3l_info_gds {float: left; width: 100%; }
.view {padding: 1em 1em 2em; width: 285px; height: 356px; }
.agile_text_box {padding: 9em 7.1em; } 
.wthree_head span {width: 76%; letter-spacing: 4px; }
.agile_dot_info iframe {width: 87%; border: none; height: 162px; margin-top: 1em; }
.banner-text {min-height: 376px; } 
.banner_bottom_left h3 {font-size: 1.2em; } 
}



@media (max-width: 375px) {
iframe {height: 600px!important; } 
.main-timeline .timeline-content {text-align: left!important;    /*position: relative; */ top: 0; left: 100px; }
.our-story {min-height: 1285px; overflow: auto; margin: 0 0 0px 0 }
.our-people h1 {font-size: 24px; line-height: px; color: #f0da0f; margin: 13px 0px 10px; }
.next-btn {margin: 50px 0 0 0; } 
.home-page h3.w3ls_agile1 {font-size: 31px!important; }
.next-btn {font-size: 19px; }
.our-story h4.email {font-size: 19px; }
.our-story h1 {font-size: 28px; line-height: 24px; margin: 40px 0 21px 0px; }
.our-story h4 {font-size: 22px !important; line-height: 24px; }
.our-people p {margin: 0 0 21px!important; font-size: 14px; }
.our-story h4 {font-size: 18px !important; line-height: 24px; }
.our-story {min-height: 1240px; overflow: auto; margin: 0 0 0px 0; }
.fix-height {position: absolute; bottom: 25px!important; }
.w3_agileits_logo img {height: 70px; } 
.wrapper h2 {width: 89%; }
.navbar-brand {font-size: 1em; }
.navbar-toggle {margin: 1.8em 0 0; }
.wrapper .sentence {font-size: 2.5em; }
.w3layouts_banner_info_left ul li {font-size: 13px; }
.box, .box .caption {height: 219px; } 
.w3_testimonials_grid_right {margin: 1em auto 0; width: 50%; }
.agileits-banner-info {margin: 3em auto 0; width: 100%; padding-top: 0em; padding-left: 1em; }
.center-container {padding: 0em 0 20em; }
.banner-text h2 {font-size: 1.6em; }
.w3_agileits_logo h1 a {font-size: 0.95em; }
.agileits_team_grids, .w3l_gallery_grids, .w3_testimonials_grids, .w3layouts_mail_grids {margin: 1.5em 0 0; }
.fix-height {position: absolute; bottom: 49px; }
.agile_text_box {padding: 9em 7.1em; } 
.banner-text {min-height: 343px; }
h3.w3ls_agile {font-size: 1.8em; letter-spacing: 1px; margin: 0.5em 0; }
a.play {position: absolute; top: 30%; right: 40%; }
}

@media (max-width: 320px) {
.inside-banner_top {min-height: 1005px; }
.banner_top {min-height: 600px; } 
.our-process {margin: 40px 0 0 0; } 
.what-we-offer {height: 1750px; }
.our-story h4.email {font-size: 15px; }
.home-page h3.w3ls_agile1 {width: auto; line-height: 48px!important; font-size: 31px!important }
.w3_agileits_logo img {height: 50px }
.our-story h4 {font-size: 19px; line-height: 24px; }
.our-story .layer {padding: 60px 0 !important }
.our-story {min-height: 1270px; overflow: auto; margin: 0 0 0px 0; }
.fix-height {position: absolute; bottom: 50px; }/*.our-story {height:1315px;  }*/
.next-btn {margin: 5px 0 0 0; }
.our-story h1 {font-size: 24px; line-height: 45px; margin: 40px 0 21px 0 }
.home-page h3.w3ls_agile1 {font-size: 26px !important; /*letter-spacing: 1px;*/ }
.w3layouts_banner_info_agileits_w3layouts {padding: 7em 0 0; }
.wrapper h2 {letter-spacing: 3px; font-size: 14px; }
.w3layouts_banner_info {padding: 4em 0 0; } 
.banner {min-height: 390px; }
.navbar-toggle {margin: 1.6em 0 0; }
p, .w3layouts_mail_grid_right input[type="text"], .agileits_w3layouts_footer_grid ul li, .w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"], .w3layouts_mail_grid_right input[type="email"], .w3layouts_mail_grid_right textarea {
 font-size: 13px; }
.agileits_w3layouts_footer_grid h3, .w3_agileits_footer_grid h3 {font-size: 1.2em; }
.w3_agileits_footer_grid form {padding: 10px 10px 10px 20px; }
.w3_agileits_footer_grid h4 {font-size: 14px; margin: 1em 0; }
.map iframe {min-height: 200px; }
.agile_map_grid ul li {font-size: 12px; }
.agile_map_grid h3 {font-size: 1.2em; } 
.agile_map_grid {top: 48%; }
.map {padding-bottom: 13.7em; }
.w3layouts_mail_grid_right textarea {min-height: 150px; }
.agileits_team_grid_figure img {border: 2px solid #fff; width: 55%; }
.wthree_head span {width: 71%; } 
.box .caption {padding: 2.5em 1em; }
.box, .box .caption {height: 182px; }
.w3_testimonials_grids {margin: 1em 0 0; }
.w3_testimonials_grid_left {padding: 0; }
.view {padding: 1em 1em 2em; width: 240px; height: 295px; }
.agile_text_box {padding: 7em 5.5em; }
.agile_dot_info iframe {width: 87%; border: none; height: 137px; margin-top: 1em; }
.banner-text {min-height: 318px; } 
a.play {top: 32%; font-size: 3.3em; }

}











ul.a {list-style-position: outside; }

.client-diaries h1{color: #f2dd0f }
	.our-people h1 { font-size: 24px; line-height: 24px; color: #f0da0f; margin: 13px 0px 10px ;}

/*.bullet-points { font-size: 14px; margin-top: .7em; }
.bullet-points  li { display:block; font-weight:600; color:#212121; display:block; }*/
ul.bullet-points {    /*background: #000;*/}