@media screen and (max-width:1200px){
	img.bg {
	    left: 50%;
	    margin-left: -512px; }

	/*IMAGEN DE FONDO*/
	img.bg {
		left: 0%;
		margin-left: 0px;
    }
    /*FIN IMAGEN DE FONDO*/

	/*MENU HAMBURGUESA*/
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	.feature-content{width:55%;}
	/*FIN MENU HAMBURGUESA*/

    /*PORTFOLIO*/
    ul.container_folio{
        width:100%;
        float: left;
    }
    ul.container_folio li.box{
        width:33.333%;
        float:left;
    }
    /*FIN PORTFOLIO*/
}


@media screen and (max-width:991px){
	/*IMAGEN DE FONDO*/
	img.bg {
		left: 0%;
		margin-left: 0px;
    }
    /*FIN IMAGEN DE FONDO*/

	/*MENU HAMBURGUESA*/
	.feature-1,.feature-2{margin-bottom:50px;}
	.device{display:none;}
	.screenshots ul li{width:50%;}
	.screenshots-intro{padding:110px 0 100px 0;}
	.feature-content{width:80%;}
	.features-slider{height:100%}
	/*FIN MENU HAMBURGUESA*/

	/*LOGOTIPO CABECERA*/
	#logotipoAduo{
        width: 40%;
        float: left;
    }
        #logotipoAduo img{
            width: 100%;
            float: left;
        }
    /*FIN LOGOTIPO CABECERA*/

    /*CONTAINER*/
    content{
      width: 100%;
      position: relative;
      top: 0px;
      float: left;
    }

    #container{
        width: 85%;
        min-height: 100%;
        position: relative;
        margin: 0 auto;
    }
        #container h1 {
            font-size: 4em;
            margin: 0px 10px;
        }

        #container h2{
            font-size: 1.5em;
            margin: 0px 10px;
        }
    	#container h3 {
            font-size: 4em;
        }
        #container p {
            font-size: .9em;
            color: black;
        }
    /*FIN CONTAINER*/

    /*CAJAS CONTACTO*/
    .containerContacto{
        width: 100%;
        height: 600px;
        float: left;
    }
    #contacto{
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    #mapa{
        width: 100%;
        height: 300px;
        float: left;
        box-shadow: 10px 10px 60px -20px rgba(0,0,0,0.75);
    }
        #mapa iframe{
            width: 100%;
            height: 300px;
        }
    /*FIN CAJAS CONTACTO*/

    /*PORTFOLIO*/
    ul.container_folio{
        width:100%;
        float: left;
    }
    ul.container_folio li.box{
        width:33.333%;
        float:left;
    }
    /*FIN PORTFOLIO*/

    /*PORTFOLIO*/
    ul.container_folio{
        width:100%;
        float: left;
    }
    ul.container_folio li.box{
        width:50%;
        float:left;
    }
    /*FIN PORTFOLIO*/
}


@media screen and (max-width:680px){
	/*IMAGEN DE FONDO*/
	img.bg {
		left: 0%;
		margin-left: 0px;
    }
    /*FIN IMAGEN DE FONDO*/

	/*MENU HAMBURGUESA*/
	.feature-content{width:60%;}
	/*FIN MENU HAMBURGUESA*/

	/*LOGOTIPO CABECERA*/
	#logotipoAduo{
        width: 40%;
        float: left;
        margin-top: 15px;
    }
        #logotipoAduo img{
            width: 100%;
            float: left;
        }
    /*FIN LOGOTIPO CABECERA*/

    /*CONTAINER*/
    #container{
        width: 100%;
        min-height: 100%;
        position: relative;
        margin: 0 auto;
    }
        
	    #container h3 {
	        font-size: 3em;
	    }
	    #container p {
            font-size: .9em;
            color: black;
            line-height: 1.2em;
        }
    /*FIN CONTAINER*/

    /*PORTFOLIO*/
    ul.container_folio{
        width:100%;
        float: left;
    }
    ul.container_folio li.box{
        width:50%;
        float:left;
    }
    /*FIN PORTFOLIO*/
}


@media screen and (max-width:640px){
	/*IMAGEN DE FONDO*/
	img.bg {
		left: 0%;
		margin-left: 0px;
    }
    /*FIN IMAGEN DE FONDO*/

	/*MENU HAMBURGUESA*/
	.use-btn{display:none;}
	footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px #c7cacc;margin-right:0!important;float:none;}
	nav{margin-top:40px;}
	.overlay ul{margin-left:0px;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
	/*FIN MENU HAMBURGUESA*/

	/*LOGOTIPO CABECERA*/
	#logotipoAduo{
        width: 40%;
        float: left;
        margin-top: 15px;
    }
        #logotipoAduo img{
            width: 100%;
            float: left;
        }
    /*FIN LOGOTIPO CABECERA*/

    /*CONTAINER*/
    #container{
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
        #container h1 {
            font-size: 3em;
        }

        #container h2{
            font-size: 1.5em;
        }
    	#container h3 {
            font-weight: 300;
            font-size: 3em;
            text-shadow:2px 2px 10px black;
            margin: 0px 0px 10px 0px;
            color: white;
        }
    /*FIN CONTAINER*/

    /*PORTFOLIO CURSOS*/
    .btnAbout {
        bottom: -5%;
        margin-left: -36px;
    }
    .fa-2x {
        font-size: 1.5em !important;
    }
    .top-scroll a{
        font-size: 60px;
    }
    .vert-text h1 {
        font-size: 36px;
    }
    .vert-text h2 {
        font-size: 21px;
    }
    .w-cell {
        width: 20%;
    }
    .title-page-white h2, .title-page-gray h2{
        font-size:24px;
        top: 16px;
    }
    a.navbar-brand {
        font-size: 24px;
    }
    .about-content p, .contact p {
        font-size: 18px;
    }
    .contact span {
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 34px;
    }
    .navbar-nav > li > a {
        padding-top: 23px;
        padding-bottom: 23px;
        font-size: 18px;
    }
    /*FIN PORTFOLIO CURSOS*/
}


@media screen and (max-width:465px){
	/*IMAGEN DE FONDO*/
	img.bg {
		left: 0%;
		margin-left: 0px;
    }
    /*FIN IMAGEN DE FONDO*/

	/*MENU HAMBURGUESA*/
	.hero h1{font-size:40px;margin:100px 0 45px 0}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	section.video i{font-size:30px;}
	section.video h1{font-size:15px;font-weight:400;}
	section.video{padding:40px;}
	.feature-content{width:100%;text-align:center;margin-top:20px;}
	.feature-icon{display:block;margin:0 auto;}
	blockquote p{width:60%;}
	.features-slider {padding: 11% 50px 10% 50px;}	
	.col-md-6 col-sm-6 col-xs-6 text-left{
		width:30%;		
	}
	.col-md-6 col-sm-6 col-xs-6 text-left img{	
		width:100%;		
	}
	/*FIN MENU HAMBURGUESA*/

	/*LOGOTIPO CABECERA*/
	#logotipoAduo{
        width: 50%;
        float: left;
        margin-top: 10px;
    }
        #logotipoAduo img{
            width: 100%;
            float: left;
        }
    /*FIN LOGOTIPO CABECERA*/

    /*CONTAINER*/
    .containerContacto{
        width: 100%;
        height: 700px;
        position: relative;
        margin: 0 auto;
    }
	    #container h3 {
	        font-weight: 300;
	        font-size: 2em;
	        text-shadow:2px 2px 10px black;
	        color: white;
	    }
	    #container p {
            font-size: .8em;
            color: black;
            line-height: 1.2em;
        }
    /*FIN CONTAINER*/
}


@media screen and (max-width:365px){
    /*LOGOTIPO CABECERA*/
    #logotipoAduo{
        width: 70%;
        float: left;
        margin-top: 7px;
    }
        #logotipoAduo img{
            width: 100%;
            float: left;
        }
    /*FIN LOGOTIPO CABECERA*/
}



/*div ins{text-align:center;}*/