/*responsive*/
@media(max-width:1440px){
	
}
@media(max-width:1366px){
	
}
@media(max-width:1280px){
	
}

@media(max-width:1200px){

#container-header {
/*    padding: 76px 0 76px;*/
}

h3.tittlehead {
    font-weight: 400;
    letter-spacing: -2px;
    margin: 0 0 0.3em 0;
    padding-top: 2em;
}


.navigation {
  position: inherit;
  top:inherit;
}
span.menu {
	display: block;
	cursor: pointer;
	width: 100%;
	position: relative;
	text-align: center;
	margin: 0px;
}
.navigation-right ul {
	position: absolute;
	z-index: 999;
	text-align: center;
	padding: 0px;
	margin: 13px 0px 0px;
	width: 100%;
	left: 0%;
}
.navigation-right ul.nav1 li {
	display: inline-block;
	width: 100%;
	margin: 0px;
	padding: 10px 0em;
}
ul.nav1 {
	display: none;
	margin-top: 1.2em;
	background:rgb(45, 44, 44);
}
.navigation-right {
	margin: 0.4em 0 0;
}
.navigation-right ul li a {
	display: inline-block;
	color: #fff;	
}
.navigation-right ul.nav1 li {
	padding: 5px 0;
}





}


@media(max-width:1080px){
.contvideo {
    /*padding: 6em 0 0;*/
}


.center-container {
   /* padding: 0em 0 10em;	*/
}
h2.tittle {
    font-size: 2.8em;
}
.wel-grid h4,.who-grid h4,.who-grid h4,.about-grid h4,.services-grid1 h4,.feature-grid h4,.enquiry-gd h4 {
    font-size: 1.5em;
}
.wel-grid p,.latest-grid p,.testimonial-info p ,.footer-right p,.about-grid p,.team-grid p,.services-grid1 p,.feature-grid p,.enquiry-gd p,.contact_left p,.company_ad p{
    font-size: 1em;
}
.about-bottom h5 {
    font-size: 1.5em;
}
h3.tittle,h3.tittle1,h3.tittle2,.footer-agileinfo h3 {
    font-size: 2.8em;
}
.testimonial-info h5 {
    font-size: 1.1em;
}
.left-grid {
    width: 16%;
}
.right-grid {
    width: 82%;
}
.footer-right input[type="text"] {
    width: 71%;
}
ul.place li {
    font-size: 1.1em;
}
.team-img .overlay {
    padding: 4em 0.5em;
}
.services-grid1 {
    padding: 0;
}
.feature-icon {
    float: left;
    width: 24%;
}
.form_details input[type="submit"] {
 width: 24%;
}
}
@media(max-width:1024px){
	
}
@media(max-width:991px){

.logo h1 a {
    font-size: 0.95em;	
}
.link-effect-3 a {
    padding: 10px 0;
    margin: 0 10px;
}
h2.tittle {
    font-size: 2.5em;
}
.navigation-right ul li a {
    /*color: #fff;*/
    font-size: 1.2em;
}
.wel-grid {
    float: left;
    width: 33.3%;
}
.wel-grid h4, .who-grid h4, .who-grid h4, .about-grid h4, .services-grid1 h4, .feature-grid h4, .enquiry-gd h4,.team-grid h4 ,.contact_left h4, .company_ad h4{
    font-size: 1.3em;
}
.about-left {
    float: left;
    width: 50%;
}
.about-right {
    float: left;
    width: 50%;
}
.about-grid:nth-child(2) {
    margin-top: 2em;
}
p.text {
/*    width: 70%;*/
}
.about-bottom h5 {
    width: 77%;
}
.welcome-w3, .services-w3, .enquiry-agile, .about-w3, .principles-w3l,.project,.testimonial,.who,.team ,.feature-w3,.page-w3, .contact-w3l,.gallery-agile{
    padding: 4em 0;
}
.testimonial-grid {
    float: left;
    width: 60%;
}
.testimonial-grid1 {
    float: left;
    width: 40%;
	padding: 0;
}
.latest-grid{
	float: left;
    width: 50%;
}
h3.tittle, h3.tittle1, h3.tittle2, .footer-agileinfo h3 {
    font-size: 2.5em;
}
.who-grid {
    float: left;
    width: 50%;
}
.who-grid1 {
    float: left;
    width: 50%;
}
.who-grid ul li {
    font-size: 0.95em;
}
.left-grid {
    width: 22%;
}
.right-grid {
    width: 76%;
}
.footer-grid {
    float: left;
    width: 50%;
}
.footer-right input[type="text"] {
    width: 65%;
}
.footer-right input[type="submit"] {
    width: 33%;
}
.about-grid {
    width: 100%;
}
.about-grid1 {
    width: 100%;
}
.principle-grid {
    float: left;
    width: 40%;
}
.principle-grid1 {
    float: left;
    width: 60%;
}
ul.place li {
    font-size: 1em;
	padding: 4px;
}
.team-grid {
    float: left;
    width: 25%;
}
.team-grid h5 {
    font-size: 1.1em;
}
.team-img .overlay {
    padding: 2.5em 0.5em;
}
.team-grid span {
    font-size: 0.965em;
}
.services-grid {
    float: left;
    width: 25%;
}
.services-grid1 {
    float: left;
    width: 25%;
}
.feature-grid {
    float: left;
    width: 50%;
}
.feature-icon {
    float: left;
    width: 21%;
    margin-right: 7%;
}
.feature-text {
    float: left;
    width: 72%;
}
.enquiry-gd {
    float: left;
    width: 33.3%;
}
.gal-gd {
    float: left;
    width: 33.3%;
    padding: 0 6px;
}
.gal-gd-sec {
    float: left;
    width: 50%;
    padding: 0 6px;
}
.contact_left {
    float: left;
    width: 60%;
}
.contact_right {
    float: left;
    width: 40%;
}
.form_details input[type="submit"] {
    width: 37%;
}
.form_details textarea {
    height: 150px;
}
.form_details input[type="text"], .form_details textarea {
    padding: 11px;
    width: 80%;
}

h3.tittlehead {
    font-weight: 400;
	letter-spacing:-2px;
	margin:0 0 0.3em 0;
}	
p.tittlehead {
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    /*font-weight: 700;*/
	letter-spacing:-1px;
	/*margin:2em 0 0 0;*/
}	

}

@media(max-width:736px){

.principle-grid1 {
    float: left;
    width: 60%;
    padding: 0;
}
.logo h1 a {
    font-size: 0.8em;
}
.feature-icon i {
    width: 70px;
    height: 70px;
	padding-top: 1.2em;
    font-size: 1.5em;	
}
.wel-grids, .latest-grids, .footer-grids, .about-grids, .team-grids, .principle-grids, .servic-grids, .feature-grids, .enquiry-grids,.gal-btm {
    margin-top: 3em;
}
.center-container {
    padding: 0em 0 0em;
}
.contvideo {
    padding: 0 0 0;
}
.contvideo p {
    margin-bottom: 2em;
}
.gallery-gal-text p {
    font-size: 0.95em;
    line-height: 1.8em;
}
}
@media(max-width:667px){
.navigation-right {
    margin: 0.3em 0 0;
}
.link-effect-3 a {
    margin: 0 4px;
}
.navigation-right ul li a {
    color: #fff;
    font-size: 1.2em;
}

#video-container { 
	width: 100%;
	height: 440px;
	background-color:#000;
}

elemento {
    height: 440px;
}

.contvideo h3 {
    margin: 0 0;
    font-size: 3.5em;	
	letter-spacing: -1px;
	line-height: 1em;
    padding-bottom: 0.61em;
	
}


.wel-grid h4, .who-grid h4, .who-grid h4, .about-grid h4, .services-grid1 h4, .feature-grid h4, .enquiry-gd h4, .team-grid h4,.contact_left h4, .company_ad h4 {
    font-size: 1.2em;
}
.welcome-w3, .services-w3, .enquiry-agile, .about-w3, .principles-w3l,.project,.testimonial,.who,.team ,.feature-w3,.page-w3, .contact-w3l,.gallery-agile{
    padding: 3em 0;
}
.about-bottom h5 {
    width: 87%;
    font-size: 1.4em;
}
.about-bottom {
    min-height: 307px;
    padding: 4em 0 0;
}
h3.tittle, h3.tittle1, h3.tittle2,.footer-agileinfo h3 {
    font-size: 2.2em;
}
h2.tittle {
    font-size: 2.2em;
}
.who-grid ul li {
    width: 100%;
    line-height: 2em;
}
.footer-left {
    text-align: center;
    float: left;
    width: 15%;
}
.footer-right {
    float: left;
    width: 85%;
}
.footer-right input[type="text"] {
    width: 59%;
}
.footer-right input[type="submit"] {
    width: 39%;
}
.footer-agileinfo {
    padding: 3em 0;
}
.principle-grid {
    float: left;
    width: 100%;
}
.principle-grid1 {
    float: left;
    width: 100%;
	margin-top: 2em;
}
.team-grid {
    float: left;
    width: 50%;
}
.team-grid img {
    width: 100%;
}
.team-img .overlay {
    padding: 8.5em 0.5em;
}
.team-grid:nth-child(3),.team-grid:nth-child(4) {
    margin-top: 2em;
}
.services-grid {
    float: left;
    width: 50%;
}
.services-grid1 {
    float: left;
    width: 50%;
    margin-bottom: 6em;
}
.gallery-gal-text p {
    color: #fff;
    font-size: 0.95em;
    line-height: 1.5em;
}
p.copy-right {
    margin-top: 40px;
}
.contact-map iframe {
    min-height: 270px;
}
.contact-map {
    margin-top: 3em;
}
.contact_top {
    padding: 3em 0 0em 0;
}
}
@media(max-width:640px){
.navigation {
  position: inherit;
  top:inherit;

	
}
span.menu {
		display: block;
		cursor: pointer;
		width: 100%;
		position: relative;

		text-align: center;
		margin: 0px;
	}
	.navigation-right ul {
    position: absolute;
    z-index: 999;
    text-align: center;
    padding: 0px;
    margin: 13px 0px 0px;
    width: 100%;
    left: 0%;
	}
	.navigation-right ul.nav1 li {
		display: inline-block;
		width: 100%;
		margin: 0px;
		padding: 10px 0em;
	}
	ul.nav1 {
		display: none;
		margin-top: 1.2em;
		background:rgb(45, 44, 44);
	}
	.navigation-right {
		margin: 0.4em 0 0;
	}
	.navigation-right ul li a {
		display: inline-block;
	}
	.navigation-right ul.nav1 li {
		padding: 5px 0;
	}
}



.who-grid1 {
    padding: 0;
}
.footer-right input[type="text"] {
    width: 100%;
}
.footer-right input[type="submit"] {
    width: 45%;
    margin-top: 1em;
}
.about-grid h4 {
    line-height: 1.5em;
}
.feature-text {
    width: 100%;
    text-align: center;
    margin-top: 1em;
}
.feature-icon {
    width: 100%;
}
.form_details input[type="submit"] {
    width: 40%;
}
}
@media(max-width:600px){

h3.tittlehead {
    font-weight: 400;
	letter-spacing:-2px;
	margin:1em 0 0 0;
}	
p.tittlehead {
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    /*font-weight: 700;*/
	letter-spacing:-1px;
	/*margin:2em 0 0 0;*/
}


.wel-grid h4 {
    font-size: 1em;
}
a.button {
    font-size: 1em;
}
span.menu img {
    width: 85%;
}
.wel1 {
    padding: 0.5em;
}
.about-bottom {
    min-height: 270px;
    padding: 3em 0 0;
}
.testimonial-grid {
    width: 100%;
}
.testimonial-grid1 {
    width: 100%;
	margin-top:2em;
	    padding:0 19px;
}
.testimonial-info {
    margin-top: 2em;
}
.about-bottom h5 {
    width: 87%;
    font-size: 1.3em;
}
.team-img .overlay {
    padding: 7.5em 0.5em;
}
.services-grid1 {
    margin-bottom: 5em;
}
.enquiry-gd h4{
    font-size: 1.05em	
}
p.text {
    width: 100%;
    font-size: 1.2em;
}
.gal-gd, .gal-gd-sec {
    width: 60%;
    float: none;
    padding: 0;
    margin: 0 auto 27px;
}
.form_details input[type="submit"] {
    width: 44%;
}
.contact-map iframe {
    min-height: 230px;
}
}
@media(max-width:568px){

h3.tittlehead {
    font-weight: 400;
	letter-spacing:-2px;
	/*margin:1.1em 0 0 0;*/
}	
p.tittlehead {
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    /*font-weight: 700;*/
	letter-spacing:-1px;
	/*margin:2em 0 0 0;*/
}


a.button {
    font-size: 0.95em;
    padding: 0.6em 0;
}
.who-grid {
    width: 100%;
}
.who-grid1 {
    width: 100%;
	margin-top:2em;
	 padding:0 19px;
}
.left-grid {
    width: 16%;
}
.right-grid {
    width: 82%;
}
.footer-right input[type="submit"] {
    width: 54%;	
}
.about-grid {
    float: left;
    width: 100%;
}
.wel-grids, .latest-grids, .footer-grids, .about-grids, .team-grids, .principle-grids, .servic-grids, .feature-grids, .enquiry-grids,.gal-btm {
    margin-top: 2em;
}
.team-img .overlay {
    padding: 6.5em 0.5em;
}
.enquiry-gd {
    float: left;
    width: 100%;
}
.enquiry-gd:nth-child(2) {
    margin: 2em 0;
}
.enquiry-gd h4 {
    font-size: 1.2em;
}
.form_details input[type="text"], .form_details textarea {
    padding: 8px;
}
.form_details input[type="submit"] {
    width: 47%;
}
.footer-agileinfo{
    padding: 2em 0;
}
}
@media(max-width:480px){
.center-container {
    padding: 0em 0 0em;
}
.navigation-right ul li a {
    display: inline-block;
    padding: 5px 0;
}
.link-effect-3 a::before {
    padding: 5px 0;
}
.contvideo h3 {
    margin: 0 0;
    font-size: 3em;
}

.contvideo p {
    color: #FFF;
    line-height: 0.2em;
    margin-bottom: 3em;
    font-size: 1.4em;
    padding-top: 1em;
    letter-spacing: -1px;
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
}

h3.tittlehead {
    font-weight: 400;
	letter-spacing:-2px;
	/*margin:0.2em 0 0 0;*/
}	
p.tittlehead {
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    /*font-weight: 700;*/
	letter-spacing:-1px;
	/*margin:2em 0 0 0;*/
}

p.text {
line-height: 1.4em;
}

.welcome-w3, .services-w3, .enquiry-agile, .about-w3, .principles-w3l,.project,.testimonial,.who,.team ,.feature-w3,.page-w3, .contact-w3l,.gallery-agile{
    padding: 2em 0;
}
.wel-grid {
    float: left;
    width: 100%;
}
.wel-grid h4 {
    font-size: 1.2em;
}
.wel-grid:nth-child(2) {
    margin: 2em 0;
}
.about-bottom h5 {
    width: 91%;
    font-size: 1.1em;
}
h2.tittle {
    font-size: 2em;
}
h3.tittle, h3.tittle1, h3.tittle2,.footer-agileinfo h3 {
    font-size: 2.5em;
}
.footer-grid {
    width: 100%;
}
.footer-grid:nth-child(2) {
    margin-top: 2em;
}
.footer-right h4 {
    font-size: 1.3em;
}
.team-img .overlay {
    padding: 3.5em 0.5em;
}
.services-grid1 {
    margin-bottom: 1em;
}
.gal-gd, .gal-gd-sec {
    width: 80%	
}
p.para {
    font-size: 0.95em;
}
.contact-map {
    margin-top: 2em;
}
.contact_left {
    width: 100%;
	margin-bottom: 1em;
}
.contact_top {
    padding: 2em 0 0em 0;
}
.company-right {
    width: 100%;
}
}
@media(max-width:414px){
.latest-grid {
    width: 100%;
	    padding: 0;
}
.latest-grid:nth-child(2) {
   margin-top:2em;
}
h3.tittle1 {
    margin-bottom: 0.8em;
}
.left-grid {
    width: 21%;
}
.right-grid {
    width: 76%;
}
ul.place li {
    font-size: 0.9em;	
}
.team-img .overlay {
    padding: 2.5em 0.5em;
}
.services-grid {
    width: 100%;
	padding:0;
}
.services-grid1 {
    width: 100%;
	margin-top:2em;
}
.feature-grid {
   width:100%;
}
.feature-grid:nth-child(2) {
    margin-top: 2em;
}
.page-header h3 {
    font-size: 1.8em;
}
h1#h1-bootstrap-heading {
    font-size: 1.6em;
}
h2#h2-bootstrap-heading {
    font-size: 1.5em;
}
h3#h3-bootstrap-heading {
    font-size: 1.4em;
}
button.btn.btn-lg {
    font-size: 0.9em;
    margin: 0 0 0.5em 0px;
    padding: 9px;
}
.page-header {
    padding-bottom: 9px;
    margin: 24px 0 20px;
}	
}
@media(max-width:384px){
.about-bottom {
    min-height: 256px;
    padding: 2em 0 0;
}
.center-container {
    padding: 0em 0 0em;

}
.about-left {
    width: 100%;
}
.about-right {
    width: 100%;
	margin-top:1em;
}
.contvideo h3 {
    /*margin: 1em 0;	*/
}
.wel-grids, .latest-grids, .footer-grids, .about-grids, .team-grids, .principle-grids, .servic-grids, .feature-grids, .enquiry-grids, .gal-btm {
    margin-top: 1em;
}
.team-img .overlay {
    padding: 1.2em 0.5em;
}
}
@media(max-width:375px){
h2.tittle {
    font-size: 1.8em;
}
h3.tittle, h3.tittle1, h3.tittle2, .footer-agileinfo h3 {
    font-size: 1.8em;
}
.team-grid {
    float: left;
    width: 100%;
}
.team-img .overlay {
    padding: 9.2em 0.5em;
}
.gal-gd, .gal-gd-sec {
    width: 90%;
}
.form_details input[type="text"], .form_details textarea {
    width: 100%;
}	
}
@media(max-width:320px){
.contvideo h3 {
    font-size: 1em;
}
l.ogo h1 a {
    font-size: 0.75em;
}
.contvideo p {
    font-size: 0.95em;
}
h2.tittle {
    font-size: 1.7em;
    line-height: 1.3em;
}
.wel-grid,.who-grid,.who-grid1,.feature-grid,.enquiry-gd,.footer-grid,.contact_left,.company_right,.testimonial-grid{
    padding: 0;
}
.testimonial-grid1 {
    padding: 0 4px;
}
.about-bottom h5 {
    width: 100%;
    font-size: 1em;
}
.left-grid p {
    width: 50px;
    height: 50px;
    font-size: 1.2em;
	padding-top: 0.8em;
}
.team-img .overlay {
    padding: 7em 0.5em;
}
.gal-gd, .gal-gd-sec {
    width: 100%;
    margin: 0 auto 15px;
}
.contact-map iframe {
    min-height: 180px;
}
}

