/*--responsive--*/

@media(max-width:1440px){
.caption {
    top: 40%;
}	
}
@media(max-width:1366px){
	
}
@media(max-width:1280px){
	
}
@media(max-width:1080px){
.caption {
    top: 37%;
    left: 10%;
    width: 75%;
}
.caption h3 {
    font-size: 3em;
}
.caption p {
    font-size: 1.1em;
}
h3.tittle,h3.tittle1,h3.tittle2 {
    font-size: 3.2em;	
}
h2.tittle {
    font-size: 3.2em;
}
.detail-bottom ul li.text-info1 {
    width: 26%;
}
.welcome,.featured-w3l,.testimonials-w3l, .about-w3ls, .company-w3,.count-agileits, .services-w3l, .special-w3, .why-w3, .projects-agile, .page-w3, .contact-w3l,.footer-section,.agent-w3l {
    padding: 4em 0;
}
.properties-w3ls {
    padding: 4em 0 4em;
}
.welcome-grid h4,.fer-grid h4,.about-grid h4,.company-grid h4,.serce-grid h4,.special-grid h4,.contact-right h4{
    font-size: 1.8em;
}
.welcome-grid p {
    font-size: 0.965em;
    padding: 1em 0.8em;
}
.right-grid p,.fer-grid p,.test-grid p,.about-grid p,.company-grid p,.serce-grid p,.special-grid p,.why-grid p,.contact-w3l p{
	font-size: 0.965em;
}
.agent-right {
    padding: 1em 1em 1em;
}
.w3agile_Projects_grid figure {
    height: 188.5px;
}
.contact-form input[type="text"], .contact-form input[type="mail"] {
    width: 32.9%;
}
}
@media(max-width:991px){
.menu--francisco .menu__item {
    margin: 0 1em;
    color: #fff;
    
}
.place-grid {
    float: left;
    width: 33.3%;
}
.place-grid:nth-child(4),.place-grid:nth-child(5) {
    margin-top: 2em;
}
.place-grid:nth-child(6) {
    margin-top: 4.7em;
}
.welcome-grid {
    float: left;
    width: 33.3%;
}
.place-grids, .welcome-grids, .feature-grids, .testimonial-grids, .about-grids, .company-grids, .count-grids, .agent-grids, .service-grids, .special-grids, .map, .contact-grids, .contact-form {
    margin-top: 3em;
}
.detail-bottom ul li.text-info1 {
    width: 33%;
}
.welcome-grid h5 {
    font-size: 1.5em;	
}
h3.tittle,h3.tittle1,h3.tittle2 {
    font-size: 3em;	
}
h2.tittle {
    font-size: 3em;
}
.caption {
    top: 39%;
    left: 10%;
    width: 75%;
}
.caption p {
    font-size: 1em;
}
.properties-grid {
    float: left;
    width: 50%;
}
.properties-grid1 {
    float: left;
    width: 50%;
}
.left-grid {
    float: left;
    width: 21%;
}
.right-grid {
    float: left;
    width: 77%;
}
.fer-grid {
    float: left;
    width: 33.3%;
}
.welcome-grid h4, .fer-grid h4, .about-grid h4, .company-grid h4,.agent-right h4, .serce-grid h4, .special-grid h4, .contact-right h4,.footer-grid h4,.w3agile_Projects_grid figcaption h4  {
    font-size: 1.6em;
}
.test-grid {
    float: left;
    width: 50%;
}
.test-left {
    float: left;
    width: 40%;
}
.test-right {
    float: left;
    width: 60%;
}
.test-right {
    padding: 1em;
}
.footer-grid {
    float: left;
    width: 25%;
}
.footer-grid:nth-child(2),.footer-grid:nth-child(4) {
    padding: 0;
}
.about-grid1 {
    float: left;
    width: 50%;
}
.company-grid {
    float: left;
    width: 33.3%;
}
.count-grid {
    float: left;
    width: 25%;
}
.agent-left {
    float: left;
    width: 37%;
}
.agent-right {
    float: left;
    width: 63%;
    padding: 1.1em 3em 1em;
}
.agent-grid:nth-child(2) {
    margin-top: 3em;
}
.serce-grid {
    float: left;
    width: 50%;
}
.service-left {
    float: left;
    width: 50%;
}
.service-right {
    float: left;
    width: 50%;
}
.special-grid {
    float: left;
    width: 33.3%;
}
.special-icon {
    left: 31%;
	bottom: -26%;
}
.why-grid {
    float: left;
    width: 50%;
}
.w3agile_Projects_grid {
    float: left;
    width: 33.3%;
}
.w3agile_Projects_grid figure {
    height: 140.5px;
}
.w3agile_Projects_grid figcaption h4 {
    margin: 0.5em 0 .5em;
}
.map iframe {
    width: 100%;
    min-height: 300px;
}
.contact-left {
    float: left;
    width: 50%;
}
.contact-right {
    float: left;
    width: 100%;
}
.contact-form input[type="text"], .contact-form input[type="mail"] {
     width: 100%;
}
}
@media(max-width:800px){
	.logo{
  position: relative;
  padding-left: 32%;
  align-content: center;
}
}
@media(max-width:768px){
	
}
@media(max-width:736px){
    .logo{
  position: relative;
  padding-left: 27%;
  align-content: center;
}
.navbar-toggle {
    float: none;
    text-align: center;
    margin-right: 0px;	
}
.navbar-nav {
    float: none;
    margin: 0;
}
.navbar-header {
    text-align: center;
}
.navbar-toggle {
    background:#ffc700;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ffc700;
}
.social-icons {
    float: none;
    margin-top: 0.7em;
    text-align: center;
}
.caption h3 {
    font-size: 2.8em;
}
.caption p {
    font-size: 0.96em;
}
.welcome-grid p {
    font-size: 0.96em;
    padding: 1em 0.5em;
}
.caption {
    top: 32%;
	width: 80%;
}
.place-grid:nth-child(6) {
    margin-top: 4.4em;
}
h3.tittle, h3.tittle1, h3.tittle2 {
    font-size: 2.8em;
}
h2.tittle {
    font-size: 2.8em;
}
.properties-grid {
    width: 100%;
}
.properties-grid1 {
   
    width: 100%;
}
.left-grid {
    float: left;
    width: 11%;
}
.place-grid h5 {
    font-size: 1.3em;
}
.serce-grid {
    float: left;
    width: 50%;
    padding: 0;
}
.special-icon {
    bottom: -31%;
}
.w3agile_Projects_grid figure {
    height: 133.5px;
}
}
@media(max-width:667px){
    .logo{
  position: relative;
  padding-left: 27%;
  align-content: center;
}
.logo h1 a {
    font-size: 1.2em;
}

.indicate a,.deatils ul li a {
    font-size: 1em;	
}
.caption h3 {
    font-size: 2.6em;
}
.welcome-grid {
    width: 69%;
    margin: 0 auto;
	float: none;
}
.welcome-grid:nth-child(2) {
    margin: 2em auto 2em;
}
.welcome-grid h4, .fer-grid h4, .about-grid h4, .company-grid h4, .agent-right h4, .serce-grid h4, .special-grid h4, .contact-right h4, .footer-grid h4, .w3agile_Projects_grid figcaption h4,.properties-grid1 h4 {
    font-size: 1.5em;
}
.banner1 {
    min-height: 155px;
    padding: 5em 0 0;
}
.test-left {
    width: 100%;
}
.test-right {
    width: 100%;
}
.footer-grid {
    float: left;
    width: 50%;
}
.footer-grid:nth-child(3),.footer-grid:nth-child(4) {
    margin-top: 2em;
}
.serce-grid {
    width: 100%;
}
.serce-grid:nth-child(2) {
    margin-top: 2em;
}
.service-img img {
    margin: 0 auto;
}
.special-icon {
    width: 70px;
    height: 70px;
}
.special-icon i {
    top: 1em;
}
ul.place li {
    font-size: 1em;
}
.w3agile_Projects_grid {
    width: 65%;
    margin: 0 auto;
	float: none;
}
.w3agile_Projects_grid figure {
    height: 247.5px;
}
.w3agile_Projects_grid figcaption h4 {
    margin: 4em 0 .5em;
}
.w3agile_Projects_grid:nth-child(2) {
    margin: 2em auto;
}
.contact-form input[type="text"], .contact-form input[type="mail"] {
    width: 100%;
}
.contact-right {
    margin-top: 0em;
}
.contact-right ul li {
    font-size: 0.965em;
}
.map iframe {
    width: 100%;
    min-height: 250px;
}
}
@media(max-width:640px){
      .logo{
  position: relative;
  padding-left: 26%;
  align-content: center;
}
.welcome-grid {
    width: 72%;
    margin: 0 auto;	
}
.welcome-grid h4, .fer-grid h4, .about-grid h4, .company-grid h4, .agent-right h4, .serce-grid h4, .special-grid h4, .contact-right h4, .footer-grid h4, .w3agile_Projects_grid figcaption h4, .properties-grid1 h4 {
    font-size: 1.42em;
}
.welcome, .featured-w3l, .testimonials-w3l, .about-w3ls, .company-w3, .count-agileits, .services-w3l, .special-w3, .why-w3, .projects-agile, .page-w3, .contact-w3l, .footer-section,.agent-w3l {
    padding: 3em 0;
}
.caption {
    top: 30%;
    width: 80%;
}
.w3agile_Projects_grid {
    width: 68%;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 13px;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 56%;
}
}
@media(max-width:600px){
    .logo{
  position: relative;
  padding-left: 25%;
  align-content: center;
}
.caption {
    top: 26%;
    width: 86%;
    left: 7%;
}
.welcome-grid {
    width: 77%;
    margin: 0 auto;
}
.fer-grid {
    width: 100%;
}
.fer-grid:nth-child(2) {
    margin: 2em 0;
}
.left-grid {
    float: left;
    width: 15%;
}
.welcome-grid h4, .fer-grid h4, .about-grid h4, .company-grid h4, .agent-right h4, .serce-grid h4, .special-grid h4, .contact-right h4, .footer-grid h4, .w3agile_Projects_grid figcaption h4, .properties-grid1 h4 {
    font-size: 1.6em;
}
.company-grid {
    width: 100%;
}
.company-grid:nth-child(2) {
    margin: 2em 0;
}
.count-grid {
    float: left;
    width: 50%;
}
.count-grid:nth-child(3),.count-grid:nth-child(4) {
    margin-top: 2em;
}
.special-grid {
    float: left;
    width: 50%;
}
.special-grid:nth-child(3) {
    margin-top: 2em;
}
.why-grid {
    width: 100%;
}
.why-grid:nth-child(2) {
    margin-top: 2em;
}
.special-icon {
    bottom: -23%;
    left: 37%;
}
.w3agile_Projects_grid {
    width: 73%;
}
.contact-form input[type="text"], .contact-form input[type="mail"] {
    width: 3width: 100%;
}	
}
@media(max-width:568px){
    
.logo{
  position: relative;
  padding-left: 22%;
  align-content: center;
}
     .header-top h1{
    text-align: center;
    padding-top: 20px;
    font-size: 1.9rem;
}
.caption p {
    width: 98%;	
}
.caption h3 {
    font-size: 2.5em;
}
h3.tittle, h3.tittle1, h3.tittle2 {
    font-size: 2.5em;
}
.welcome-grid {
    width: 82%;
    margin: 0 auto;
}
.agent-right ul li {
    font-size: 0.96em;
}
.w3agile_Projects_grid {
    width: 77%;
}
.contact-form input[type="text"], .contact-form input[type="mail"] {
    width: 100%;
}
.modal-dialog {
    width: 400px !important;
}
.login-right input[type="submit"] {
    font-size: 1.2em;
}
}
@media(max-width:480px){
    .logo{
  position: relative;
  padding-left: 12%;
  align-content: center;
}
.indicate {
    float: none;
    text-align: center;
}
.deatils {
    float: none;
    text-align: center;
    margin-top: 1em;
}
.caption h3 {
    font-size: 2.5em;
}
.caption {
    top: 20%;
    width: 90%;
    left: 5%;
}
.navbar-default .navbar-nav > li > a {
    font-size: 1.2em;
}
.place-grid {
    float: left;
    width: 100%;
}
.modal-dialog {
    width: 345px !important;
}
.login-right h3 {
    font-size: 2em;
}
.login-right input[type="submit"] {
    font-size: 1.1em;
}
.place-grid:nth-child(2) {
    margin: 1em 0;
}
.place-grid:nth-child(4), .place-grid:nth-child(5) {
    margin-top: 1em;
}
.place-grid:nth-child(6) {
    margin-top: 2em;
}
.welcome-grid {
    width: 99%;
    margin: 0 auto;
}
.welcome-grid h4, .fer-grid h4, .about-grid h4, .company-grid h4, .agent-right h4, .serce-grid h4, .special-grid h4, .contact-right h4, .footer-grid h4, .w3agile_Projects_grid figcaption h4, .properties-grid1 h4 {
    font-size: 1.8em;
}
.right-grid p, .fer-grid p, .test-grid p, .about-grid p, .company-grid p, .serce-grid p, .special-grid p, .why-grid p, .contact-w3l p {
    font-size: 0.95em;
}
.test-grid {
    float: left;
    width: 100%;
}
.test-left img {
    margin: 0 auto;
}
.test-grid:nth-child(2) {
    margin-top: 2em;
}
.about-grid1 {
    width: 100%;
}
.about-grid {
    width: 100%;
	margin-top: 2em;
}
.special-icon {
    bottom: -25%;
    left: 32%;
}
.portfolio_grid_w3lss:nth-child(2) {
    margin-top: 3em;
}
.w3agile_Projects_grid {
    width: 94%;
}
.w3agile_Projects_grid figcaption h4 {
    margin: 3.2em 0 .5em;
}
.banner1 {
    min-height: 141px;
    padding: 4em 0 0;
}
.contact-left {
    float: left;
    width: 100%;
}
.contact-right {
    margin-top: 2em;
    width: 100%;
}
.contact-form input[type="text"], .contact-form input[type="mail"] {
    width: 100%;
}
.contact-form input[type="email"] {
    margin: 13px 0px;
}
.contact-form textarea {
    min-height: 150px;
}
.contact-form input[type="submit"], .contact-form input[type="reset"] {
     width: 100%;	
}
.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;
}
.label {
    font-weight: 300 !important;
}
.label {
    padding: 4px 6px;
    border: none;
    text-shadow: none;
	display: inline;
    padding: .2em .6em .3em;
    font-size: 52%;
}
.page-header {
    padding-bottom: 9px;
    margin: 24px 0 20px;
}	
.contact-right ul li {
    font-size: 0.95em;
}
}
@media(max-width:414px){
    
   
.header-bottom {
    padding: 0;
}
.company-w3, .count-agileits, .services-w3l, .special-w3, .why-w3, .projects-agile, .page-w3, .contact-w3l, .footer-section {
    padding: 2em 0;
}
.place-grids, .welcome-grids, .feature-grids, .testimonial-grids, .about-grids, .company-grids, .count-grids, .agent-grids, .service-grids, .special-grids, .map, .contact-grids, .contact-form {
    margin-top: 2em;
}
.portfolio_grid_w3lss:nth-child(2) {
    margin-top: 2em;
}
.logo h1 a {
    font-size: 1em;
}
.welcome, .featured-w3l, .testimonials-w3l, .about-w3ls, .company-w3, .count-agileits, .services-w3l, .special-w3, .why-w3, .projects-agile, .page-w3, .contact-w3l, .footer-section ,.agent-w3l{
    padding: 2em 0px;
}
.caption h3 {
    font-size: 2em;
}
.caption p {
    font-size: 0.92em;
    line-height: 1.5em;
	width: 100%;
}
.modal-body {
    padding: 1em 2em 2em;
}
.modal-dialog {
    width: 330px !important;
}
.serach-w3agile {
    padding: 2em 0;
}
.welcome-grid {
    width: 100%	
}
.left-grid {
    float: left;
    width: 21%;
}
.banner1 {
    min-height: 98px;
    padding: 4em 0 0;
}
.agent-right {
    float: left;
    width: 63%;
    padding: 1.1em 1em 1em;
}
.special-grid {
    width: 100%;
}
.special-icon {
    bottom: -14%;
    left: 39%;
}
.special-grid:nth-child(2) {
    margin: 2em 0;
}
.special-grid:nth-child(3) {
    margin-top: 0em;
}
.footer-grid {
    padding: 0;
    width: 100%;
}
.footer-grid:nth-child(2) {
    margin-top: 2em ;
}
.w3agile_Projects_grid {
    width: 100%;
}
.w3agile_Projects_grid figure {
    height: 223.5px;
}
.w3agile_Projects_grid figcaption h4 {
    margin: 3em 0 .5em;
}
.map iframe {
    min-height: 195px;
}
.contact-form input[type="submit"], .contact-form input[type="reset"] {
    width: 100%;
}
}
@media(max-width:384px){
h2.tittle {
    font-size: 2.5em;
}
.numscroller {
    font-size: 2em;	
}
.caption {
    top: 14%;
}
.welcome-grid h4, .fer-grid h4, .about-grid h4, .company-grid h4, .agent-right h4, .serce-grid h4, .special-grid h4, .contact-right h4, .footer-grid h4, .w3agile_Projects_grid figcaption h4, .properties-grid1 h4 {
    font-size: 1.6em;
}
.w3agile_Projects_grid figure {
    height: 204.5px;
}
.special-bottom {
    padding: 3em 1em 2em;
}
.copy-section {
    padding: 1em 0;
}
}
@media(max-width:375px){
.caption {
    top: 14%;
}
.logo h1 a {
    font-size: 0.95em;
}
h2.tittle {
    font-size: 2em;
}
h3.tittle, h3.tittle1, h3.tittle2 {
    font-size: 2em;
}
.welcome-grid h4, .fer-grid h4, .about-grid h4, .company-grid h4, .agent-right h4, .serce-grid h4, .special-grid h4, .contact-right h4, .footer-grid h4, .w3agile_Projects_grid figcaption h4, .properties-grid1 h4 {
    font-size: 1.4em;
}
.caption h3 {
    font-size: 1.85em;
}
.banner1 h3 {
    font-size: 1.8em;
}
.left-grid {
    width: 100%;
}
.right-grid {
    width: 100%;
}
.left-grid p {
    color: #fff;
    background: #ffc700;
    width: 50px;
    height: 50px;
    font-size: 1.2em;
	margin: 0 auto 1em;	
}
.care {
    margin-top: 2em;
    text-align: center;
}
.agent-left {
    width: 100%;
}
.agent-right {
    width: 100%;
	padding: 1em 0em 1em 2em;
}
.agent-grid img {
    width: 100%;
}
.w3agile_Projects_grid figure {
    height: 197.5px;
}
.w3agile_Projects_grid figcaption h4 {
    margin: 2.5em 0 .5em;
}
}
@media(max-width:320px){
.indicate a, .deatils ul li a {
    font-size: .93em;
}
.caption h3 {
    font-size: 1.8em;
}
.caption {
    top: 9%;
    width: 95%;
    left: 2%;
}
.place-grid:nth-child(6) {
    margin-top: 1em;
}
.modal-dialog {
    width: 270px !important;
	margin: 8em auto 0 auto;
}
.welcome-grid p {
    padding: 1em 0em;
}
.serach-w3agile {
    padding: 1em 0;
}
.place-grids, .welcome-grids, .feature-grids, .testimonial-grids, .about-grids, .company-grids, .count-grids, .agent-grids, .service-grids, .special-grids, .map, .contact-grids, .contact-form {
    margin-top: 1em;
}
.place-grid,.welcome-grid,.properties-grid,.properties-grid1,.fer-grid,.test-grid,.about-grid1,.about-grid,.company-grid,.count-grid,.agent-grid,.special-grid,.why-grid,.w3agile_Projects_grid,.contact-left,.contact-right{
	padding:0;
}
.properties-w3ls {
    padding: 2em 0 2em;
}
.service-left {
    width: 100%;
    padding: 0;
}
.service-right {
    width: 100%;
    padding: 0;
	margin-top:1em;
}
.footer-grid:nth-child(2).footer-grid:nth-child(3), .footer-grid:nth-child(4) {
    margin-top: 1em;
}
.special-icon {
    bottom: -18%;
    left: 37%;
}
.fer-grid:nth-child(2) {
    margin: 1em 0;
}
.w3agile_Projects_grid figure {
    height: 163.5px;
}
.w3agile_Projects_grid figcaption h4 {
    margin: 1.8em 0 .5em;
}
.contact-form input[type="submit"], .contact-form input[type="reset"] {
     width: 100%;
    padding: 7px 0;
}
.contact-form textarea {
    min-height: 120px;
}	
}