@media only screen and (max-width: 1350px) {
#inicio .container{ height:500px;}
.circuloam{	padding-top: 3px;}
}
@media only screen and (max-width: 1280px) {
#inicio .container{ height:500px;}
.circuloam{	padding-top: 3px;}
}
@media only screen and (max-width: 1024px) {
.container{ width:940px;}
#cinta2{ width:940px; margin-left:auto; margin-right: auto; align-content:center;}
#home_static .more_bg img, #home_sequence .more_bg img, #inicio .more_bg img{
	width:150px;
	height:69px;
}
#home_static .container{ height:300px;}
#home_static .home_title{ font-size:25px; line-height:30px;}
#home_static .home_title span{ font-size:40px; line-height:50px;}
#home_static #to_cluster{top: 90px; font-size: 180px; margin-left:-380px;  }
.home_topline{ margin-bottom:20px; margin-top:200px;  }
.home_bottomline{ margin-top:20px; margin-bottom:30px;}
#home_sequence .more_bg img{ margin-top:-100px;}
#inicio .container{ height:500px;}
#inicio .home_more{ margin-top:-80px;}
#menu .logo{ font-size:34px; width:27%;}
#menu .menu_right{ width:73%;}
#menu ul.arrowunderline li{font-size:16px; padding:0px 10px 0px 10px; }
.service_contentleft{ clear:both;  width:100%; margin:0px 250px; }
.service_contentright{ clear:both; width:100%; margin:0px 0px 0px 0px; }
.service_round{ width:45px; height:45px; float:left; }
.numbers{font-size:22px; line-height:10px; }
.service_contentleft{display:none; }
.clientslide_carousel li{ margin-right:7px; }
.jcarousel-next, .jcarousel-prev { margin-top:5px;}
.about_left{ width:50%; }
.about_right{ width:40%;}
.small_circle{ margin-left:6px;}
#features li { width:25%;}
#features .arrows { left:196px;}
#features .box_heading{ font-size:16px;}
#features .box_heading span{ font-size:22px;}
.bottom_shade{ background-size:188px 19px; }
#teams li{width:30.6%;}
#teams li:nth-child(3){ margin-right:0;}
.news li{width:30.6%; height:auto; float:left; margin:25px 15px 18px 15px;}
#media h2 span { width:83.9%;}
.video iframe{ height:404px;}
#media .video_heading{ font-size:20px;}

#clientes .portfolio_top{ clear:both; margin:0; padding:45px 0px 0px 0px;}

#contacto iframe{ width:100%; height:230px;}
#contacto .contact_left{ width:100%; height:auto; clear:both;}
#contacto .contact_right{ width:100%; height:auto; clear:both; margin:27px 0px 0px 10px; }
#contacto input[type="text"], #contacto textarea{width:40%;}
#contacto input[type="submit"]{ margin-left:100px; 	width:100px; height:100px; font-size:18px;}
#contacto #respond {height:450px;}
#contacto #respond label.error{ margin:0px 0px 0px 10px; }
#contacto .social li{ width:50px; height:50px; }
#contacto .facebook{ width:50px; height:50px; }
#contacto .facebook{ background-image:url(../imagenes/facebook1.png); }
#contacto .facebook:hover{ background-image:url(../imagenes/facebook1_over.png);}
#contacto #company p.address{  font-size:14px; }
#contacto #company ul.personal{ font-size:14px;}
.service_contentright2 img {width:100%;}
#servicios{	
	padding:30px 0px 45px 0px;}

}
@media only screen and (max-width: 980px) {
.container{ width:850px; padding:0px 5px;}
#cinta2{ width:850px; margin-left:auto; margin-right: auto; align-content:center;}
#inicio .container{ height:450px; }
.video iframe{ height:460px;}
#price_box ul li{width:23.2%; margin:0px 10px;}
.service_contentleft{  width:100%; float:left; height:auto; }
.service_circle1{ background-image:url(../imagenes/service_cir1.png); width:220px; height:405px; margin:-170px 0px 0px 0px; }
.service_circle2{ background-image:url(../imagenes/service_cir2.png); width:182px; height:486px; margin:-100px 0px 0px 20px; }
.service_circle3{ background-image:url(../imagenes/service_grey.png); width:102px; height:401px; margin:-40px 0px 0px 50px; }
.service_circle4{ background-image:url(../imagenes/yellow_service.png); width:119px; height:419px; margin:130px 0px 0px 60px;}
.service_circle5{ background-image:url(../imagenes/service_yellow.png); width:103px; height:404px; margin:40px 0px 0px 156px; }
.service_shade{
	clear:both;
	background-image:url(../imagenes/service_shade.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:207px;
	height:29px;
	margin:320px 0px 0px 60px;
}
#servicios{	
	padding:30px 0px 45px 0px;}

}
@media only screen and (max-width: 800px) {
.container{ width:730px; padding:0px 5px; }
#cinta2{ width:730px; margin-left:auto; margin-right: auto; align-content:center;}
#right_nav { display:none;}
#home_static .more_bg img, #home_sequence .more_bg img, #inicio .more_bg img{
	width:120px;
	height:55px;
}
#home_static .container{ height:265px;}
#home_static .home_title{ font-size:20px; line-height:30px; }
#home_static .home_title span{ font-size:22px; line-height:30px;}
#home_static #to_cluster{display:none;}
.home_topline{ margin-bottom:25px; margin-top:-10px;  }
.home_bottomline{display:none;}
#inicio .container{ width: auto; height:450px;}
#home_static .more_bg img{margin-top:15px;}
#menu .logo{font-size:30px;}
#menu .menu_nav { padding-top:0px; margin:5px 10px 0px 0px; }
#menu #nav_wrap { position:relative; float:right; }
#menu #menu_icon {
	width:42px;
	height:30px;
	background:rgba(101,101,101,0.8) url(../imagenes/menu_icon.png) no-repeat 10px center;
	padding:8px 10px 0 42px;
	cursor:pointer;
	-moz-box-shadow:10px 10px 5px #656565;
    -webkit-box-shadow:10px 10px 5px #656565;
	box-shadow:1px 1px 1px #656565;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:block; /* show menu icon */
}
#menu #menu_icon:hover { background-color:#e1e4e4;}
#menu #menu_icon.active { background-color:#e1e4e4;}
/* main nav */
#menu #nav {
	clear:both;
	position:absolute;
	top:45px;
	width:100px;
	z-index:10000;
	padding:5px 5px 5px 5px;
	background:#e1e4e4;
	border:1px solid #dbdbdb;
	moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:none; /* visibility will be toggled with jquery */
}
#menu #nav li { clear:both; float:left; margin:-10px 0px -10px 10px; padding:0px; border-right:none; font-size:12px;}
#menu #nav li:hover {cursor:pointer; }
#menu #nav li:hover:after, ul.arrowunderline li#selected:after { 
	content:'';
	width:0;
	height:0;
	position:absolute;
}
#menu #nav li#selected{  cursor:pointer; border:hidden; }
#menu #nav a, #nav ul a { font:inherit; background:none; display:inline; padding:0; border:none; }
#menu #nav a:hover, 
#menu #nav ul a:hover { background:none; }
	/* dropdown */
#menu #nav ul { width:auto; position:static; display:block; border:none; background:inherit; }
#menu #nav ul li { margin:3px 0 3px 0px; }

#servicios .service_contentleft{  width:100%; margin:0px 80px; }
#servicios .service_round{ width:42px; height:42px; float:left; }
#servicios .round_content{width:75%; float:left; }
#servicios .numbers{font-size:20px; line-height:10px; }
.service_circle5{ margin:30px 0px 0px 160px; }

#servicios .clientslide_content{ width:550px; }
.clientslide_carousel li{ width: 165px; height: 125px; }	
.clientslide_carousel li img{ width:165px; }
.jcarousel-next, .jcarousel-prev { margin-top:5px;}


.about_left{ width:100%; clear:both;}
.about_right{ width:85%; padding:0;}
.small_circle{ margin-left:97px; }

#features li{ clear:both; width:55%; margin:0 103px;}

#features .arrows {  display:none; }

.bottom_shade{ display:none;}
#features li:last-child .bottom_shade{ display:block;}

#about_me .about_left{ width:100%;}
#about_me .about_right{ clear:both; width:100%; margin:0px 0px 0px 20px;}
#about_me .webdesign_circle{
	-moz-background-size:120px;
	background-size:120px;
	margin:0px 0px 0px 70px;
}
#about_me .flash_circle{
	-moz-background-size:150px;
	background-size:150px;
	margin:-50px 0px 0px -60px;
}
#about_me .cms_circle{
	-moz-background-size:123px;
	background-size:123px;
	margin:-650px 0px 0px 235px;
}	
#about_me .ladybg{
	-moz-background-size:209px 401px;
	background-size:209px 401px;
	margin:-40px 0px 0px -30px;
}	
#about_me .html_circle{
	-moz-background-size:103px ;
	background-size:103px;
	margin:100px 0px 0px -30px;	
}

#teams li{width:70%; margin-left:60px; }
#teams li:first-child{ margin-left:60px; }

.news li{width:45.1%;}
.news li:last-child{ clear:both;  margin-left:0; }
#media h2 span{width:73.7%;}
.video iframe{ height:380px;}
#media li { width:100%; clear:both;}
#media li:last-child{ width:100%; padding-top:30px;}
#media .video_heading{ font-size:22px;}

#soluciones h2 span{width:68.8%;}
#price_box ul li{width:47%; margin:0px 5px;}
#price_box ul li:nth-child(3) { margin-left:0px; margin-top:30px;}
#price_box ul li:last-child{ margin-left:6px; margin-top:30px;}
.pricebox_shadow{ background-size:218px 22px;}
#soluciones .try_text{ clear:both; padding:0; font-size:29px; margin-left:-10px;}
.notes{ clear:both; padding-top:40px; padding-bottom:30px;}
.account_button{  clear:both; float:none;}

#clientes .portfolio_top{ clear:both; margin:0; padding:40px 0px 0px 0px;}
#clientes #portfolio_filter li a{ font-size:13px;}
#clientes #portfolio_list li{ margin:30px 0px 0px 0px;}


#contacto iframe{ width:100%; height:210px;}
#contacto .contact_left{ width:100%; height:auto; clear:both;}
#contacto .contact_right{ width:100%; height:auto; clear:both; margin:27px 0px 0px 0px; }
#contacto input[type="submit"]{ margin-left:120px; width:90px; height:90px; font-size:16px;}
#contacto #respond {height:450px;}
#contacto #respond label.error{ margin:0px 0px 0px 10px; }
#contacto .social li{ width:45px; height:45px; }
#contacto .facebook{ width:45px; height:45px; }
#contacto .facebook{ background-image:url(../imagenes/facebook2.png); }
#contacto .facebook:hover{ background-image:url(../imagenes/facebook2_over.png);}
#contacto #company p.address{ margin-right: 20px; width:45%; height:auto; float:left; font-size:13px; }
#contacto #company ul.personal{ font-size:13px;}
#servicios{	
	padding:30px 0px 45px 0px;}
}
@media only screen and (max-width: 768px) {
container{ width:650px; padding:0px 5px;}
#inicio .container{ height:500px; }
.video iframe{ height:375px;}
#cinta2{ width:650px; margin-left:auto; margin-right: auto; align-content:center;}
.datos3{ display:none; }
.datos4{ display:none; }
#servicios{	
	padding:30px 0px 45px 0px;}

}
@media only screen and (max-width: 736px) {
.container{ width:640px;}
#cinta2{ width:640px; margin-left:auto; margin-right: auto; align-content:center;}
#inicio .container{ height:420px; }
.video iframe{ height:350px;}
#servicios{	
	padding:30px 0px 40px 0px;}	

}
@media only screen and (max-width: 668px) {
.container{ width:560px;}
#cinta2{ width:560px; margin-left:auto; margin-right: auto; align-content:center;}
#inicio .container{ height:405px; }
.video iframe{ height:320px;}

}
@media only screen and (max-width: 600px) {
.container{ width:500px; }
#inicio .container{ height:500px; }
.video iframe{ height:300px;}
.service_shade{display:none;}
#cinta2{ width:500px; margin-left:auto; margin-right: auto; align-content:center;}

}
@media only screen and (max-width: 568px) {
.container{ width:500px;}
#inicio .container{ height:450px; }
.video iframe{ height:290px;}
#cinta2{ width:500px; margin-left:auto; margin-right: auto; align-content:center;}

}
@media only screen and (max-width: 533px) {
.container{ width:490px; }
#inicio .container{ height:400px; }
.video iframe{ height:260px;}	
#cinta2{ width:450px; margin-left:auto; margin-right: auto; align-content:center;}
#servicios{	
	padding:30px 0px 35px 0px;}

}
@media only screen and (max-width: 480px) {
.container{ width:450px; }
#right_nav{ display:none;}
#home_static .container{ height:300px;}
#home_static .home_title{ font-size:16px; line-height:30px; }
#home_static .home_title span{ font-size:20px; line-height:30px; }


.home_topline{ margin-bottom:25px; margin-top:30px;  }
#home_static .more_bg img{ margin-top:30px;}
#home_sequence .more_bg img{ margin-top:30px;}
#inicio .container{ height:400px;}
#menu .logo{font-size:26px;}

#menu #menu_icon:hover { background-color:#e3e2e2;}
#menu #menu_icon.active { background-color:#e3e2e2;}
/* main nav */
#menu #nav {
	clear:both;
	position:absolute;
	top:45px;
	width:100px;
	z-index:10000;
	padding:5px 5px 5px 5px;
	background:#f8f8f8;
	border:1px solid #dbdbdb;
	moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:none; /* visibility will be toggled with jquery */
}

.service_contentright{ clear:both; width:100%; }
.service_contentleft{  width:100%; margin:0px 50px; }

.service_circle1{  margin:-240px 0px 0px -10px; }
.service_circle2{  margin:-110px 0px 0px 20px; }
.service_circle3{  margin:-130px 0px 0px 50px; }
.service_circle4{  margin:40px 0px 0px 60px;}
.service_circle5{ margin:-35px 0px 0px 136px; }
.service_shade{margin:180px 0px 0px 0px;}

.service_contentright li{ clear:both; width:100%;}
.service_round{ width:40px; height:40px; float:left; }
#servicios .numbers{ text-align:center; margin:15px 0px 0px 0px; }
.round_content{width:80%; float:left; }
.numbers{font-size:21px; line-height:15px; }
.clientslide_content{ width:200px; }
.jcarousel-next{right:-10px;}
.jcarousel-prev { right:10px; }
.about_left{ width:100%; clear:both;}
.about_right{ width:85%; padding:0px 0px 0px 45px;}
.small_circle{  margin-left:-45px;}
#features .box_heading span{ font-size:24px;}
#features li{ clear:both; width:75%; margin:0 45px;}
#features .arrows {  display:none; } 
.bottom_shade{ display:none;}
#features li:last-child .bottom_shade{ display:block; background-size:218px 21px;}

#teams li{width:80%; margin-left:40px; }
#teams li:first-child{ margin-left:40px;}

.news li{width:100%;}
.news li:nth-child(2), .news li:nth-child(3){ clear:both;  margin-left:0; }
#media h2 span{width:63%;}
.video iframe{ height:235px;}
#media li { width:100%; clear:both;}
#media li:last-child{ width:100%; padding-top:30px;}
#media .video_heading{ font-size:17px;}
#clientes #portfolio_filter li a{ font-size:12px; 	margin-right:5px;}
#clientes #portfolio_list { width:300px; margin:0px 15px 0px 25px; }
#clientes .portfolio_top{ clear:both; margin:0; padding:35px 0px 0px 0px;}

#contacto iframe{ width:100%; height:180px;}
#contacto .contact_left{ width:100%; height:auto; clear:both;}
#contacto .contact_right{ width:100%; height:auto; clear:both; margin:27px 0px 0px 0px; }
#contacto input[type="text"], #contacto textarea{width:70%;}
#contacto input[type="submit"]{ margin-left:100px; width:80px; height:80px; font-size:14px; }
#contacto .form-left{ width:15%; float:left;}
#contacto #respond {height:450px;}
#contacto #respond label.error{ margin:0px 0px 0px 10px;}
#contacto #company p.address{ width:100%; height:auto; clear:both; font-size:14px;}
#contacto #company ul.personal{ padding:20px 0px 0px 0px; clear:both; font-size:14px;}
#contacto .social li{ width:40px; height:40px; margin:60px 10px 10px 0px; }
#contacto .facebook { width:40px; height:40px; }
#contacto .facebook{ background-image:url(../imagenes/facebook3.png); }
#contacto .facebook:hover{ background-image:url(../imagenes/facebook3_over.png);}
.datos4{ display:none; }
#cinta2{ width:450px; margin-left:auto; margin-right: auto; align-content:center;}
.service_contentright2 img {width:100%;}
#servicios{	
	padding:30px 0px 40px 0px;}

}

@media only screen and (max-width: 414px) {
.container{ width:380px;}
#inicio .container{ height:380px; }	
.video iframe{ height:190px;}
.datos3{ display:none; }
.datos4{ display:none; }
#cinta2{ width:380px; margin-left:auto; margin-right: auto; align-content:center;}
#cintillo{ height:17px; }
}
@media only screen and (max-width: 375px) {
.container{ width:340px; }
#inicio .container{ height:390px; }	
.video iframe{ height:175px;}
#cinta{ height:90px;}
#cinta2{ width:360px; margin-left:auto; margin-right: auto; align-content:center;}
#logo-left{ padding-top:20px;}

}
@media only screen and (max-width: 360px) {
.container{ width:330px; }
#inicio .container{ height:370px; }	
.video iframe{ height:165px;}
#cinta{ height:80px;}

}
@media only screen and (max-width: 320px) {
.container{ width:290px; padding:0px 0px;}
#inicio .container{ height:260px; }	
.video iframe{ height:145px;}
#soluciones h2 span{width:68.8%;}
#price_box ul li{width:100%; margin:0px 5px;}
#price_box ul li:nth-child(3) { margin-left:0px; margin-top:10px;}
#price_box ul li:last-child{ margin-left:1px; margin-top:10px;}
.pricebox_shadow{ background-size:218px 22px;}
#soluciones .try_text{ clear:both; padding:0; font-size:29px; margin-left:-10px;}
.notes{ clear:both; padding-top:40px; padding-bottom:30px;}
.account_button{  clear:both; float:none;}
#cinta{ height:80px;}
#cinta2{ width:320px; margin-left:auto; margin-right: auto; align-content:center;}
#logo-left{ padding-top:20px;}
#logo-left img{ width:95%; }
#cintillo{ height:15px; }
.circuloam{	padding-top: 3px;}
}