/*
*---------------------------------------\
|                                       |
|GRAPHITECH AGENCY DESIGN               |
|   graphitech43@gmail.com              |
|                                       |
|   Disenador Web: Daniel Rojas Astood  |
|   danielrojas243@gmail.com            |
|                                       |
*_______________________________________/

*/


@media only screen and (max-width:1250px){
.modulo5-texto1{position: relative}

.modulo5-p1{position: absolute;top: 0px;left: 65px}

.modulo5-numero1{float: left;padding-bottom: 30px}
}

@media only screen and (max-width: 1024px){
    
/********************************************
            HERO SONY
********************************************/
    
.hero-sony{    
    height: 380px;
    background-image: url(../imagen/hero-1024.jpg?v=2);
    background-size: 1280px auto;    
    background-position:left;
}

.hero-texto{    
    left: 43%;    
    max-width: 310px;    
}
.hero-sony h1 {    
    font-size: 2em;    
}
    
.modulo1{    
    padding: 50px 0px 0px 0px;
}
    
    
 /********************************************
            MODULO2 SONY
********************************************/   

.modulo2 p.subtitulo {
    max-width: 100%;
    height: 80px;
}
    
.modulo2 p.subtitulo2 {
    width: 100%;
}
    
.modulo2 p.subtitulo4 {
    width: 100%;
}
.modulo2 p.subtitulo5 {
    width: 97%;
}
    
.modulo8 p{margin-top: 40px}
    

 /********************************************
            MODULO10 SONY
********************************************/    
.modulo10 h1{
    font-size: 1.5em
}
    
.modulo10 p{
    font-size: 0.9em
}
    

    
}
/**************************************************/
@media only screen and (max-width: 920px){
.modulo2 .medium-6 .numero-img {
    float: left;
    padding: 0px 15px 50px 0px;
}
    
}

@media only screen and (max-width: 1105px){
    
 /********************************************
            MODULO4 SONY
********************************************/  
    
.modulo4 .row .medium-4{
        width: 50%;
        float: left;
    padding-bottom: 50px;
    }
    
.modulo4-medium-4{
    width: 100% !important;
    text-align: center;
    
}
    
.modulo4-centro{
    max-width: 436px;
    margin: 0 auto;
    text-align: left;
}
    
    
/********************************************
            MODULO5 SONY
********************************************/  
    
.modulo5 .row .medium-4{
        width: 50%;
        float: left;
    padding-bottom: 50px
    }
    
.modulo5-medium-4{
    width: 100% !important;
    text-align: center;
    
}
    
.modulo5-centro{
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
}
    
/********************************************
            MODULO9 SONY
********************************************/     
    
.modulo5-texto1{position: relative}

.modulo5-p1{position: absolute;top: 13px;left: 65px}

.modulo5-numero1{float: left;padding-bottom: 30px}
    

}
/**************************************************/
@media only screen and (max-width: 768px){
 /********************************************
            HERO SONY
********************************************/   
.hero-sony{    
    height: 380px;
    background-image: url(../imagen/hero-1024.jpg);
    background-size: 1200px auto;    
    background-position:left 15% center;
}

.hero-texto{    
    left: 35%;    
    max-width: 235px;    
}
.hero-sony h1 {    
    font-size: 1.5em;    
}
    
.hero-sony p{
    font-size: 1em;
}
    
.modulo1 h1, .modulo2 h1, .modulo3 h1, .modulo4 h1, .modulo5 h1,
.modulo6 h1, .modulo7 h1, .modulo8 h1, .modulo9 h1, .modulo10 h1{
    font-size: 1.5em;
    
    } 
    
/********************************************
            MODULO1 SONY
********************************************/
    
.modulo1{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: right center;
}
    
/********************************************
            MODULO2 SONY
********************************************/
.modulo2 .row .medium-6 {
	width: 100%;
    text-align: center;
    padding-bottom: 40px;
}
    
.modulo2 .espacio {
    padding: 0px 0px 20px 0px;
}
    
.modulo2 .medium-6 .numero-img {
    float: left;
    padding: 0px 15px 0px 0px;
}
    
.modulo2 p.subtitulo {
    max-width: 100%;
    height: 30px;
    text-align: left;
}
    
.modulo2 p.subtitulo2 {
    width: 100%;
    text-align: left;
 
}
    
.modulo2 p.subtitulo4 {
    width: 100%;
    text-align: left;
}
    
.modulo2 p.subtitulo5 {
    width: 100%;
    text-align: left;
}
    
/********************************************
            MODULO3 SONY
********************************************/
    
.modulo3 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    height: 600px;
    padding: 30px 0px 0px 0px;
    
}
    
.modulo3 .row .medium-6 .modulo3-centro {
    margin: 0 auto;
    margin-top: 0%;
    max-width: 100%;
}
    
.modulo3 .row .medium-6 {
    width: 100%
}
    
.modulo3 .oculto-modulo3 {
	display: none
}
    
.modulo3 h1{
    max-width: 100%;
    text-align: center;
    
}
    
.modulo3 p{
    max-width: 100%;
    text-align: center;
}
    
.button-centro {
    text-align: center;
    
}
    
    
 /********************************************
            MODULO4 SONY
********************************************/
    
.modulo4 .row .medium-6{
    width: 100%;
    
}
    
.modulo4-width {
    max-width: 436px;
    margin: 0 auto;
}
    
.modulo4 p.subtitulo {
    max-width: 100%;
}
    
.modulo4 p.subtitulo2 {
    max-width: 100%;
}
    
.modulo4 .row .medium-4 {
    width: 100%;
    padding-bottom: 40px;
    
}
    
.modulo4 .row .medium-6{
    padding-bottom: 40px;
}
    
.modulo4 .espacio {
    padding: 0px 0px 0px 0px;
}

.modulo4-with {
    max-width: 436px;
    margin: 0 auto;
}
    
 /********************************************
            MODULO5 SONY
********************************************/    
    
    
.modulo5 .row .medium-6{
    
    width: 100%;
    padding-bottom: 40px
} 
    
.modulo5-with {
    max-width: 436px;
    margin: 0 auto;
}
    
.modulo5 p.subtitulo {
    max-width: 100%;
}
    
.modulo5 p.subtitulo2 {
    max-width: 100%;
    height: 60px
}
    
.modulo5 .row .medium-4 {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}
    
.modulo5-centro {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
}
.modulo5 .medium-4 p br {
	display: ;
}
    
.modulo5 .espacio {
    padding: 0px 0px 0px 0px;
}
    
.modulo5-width2{
    max-width: 436px;
    margin: 0 auto;
}
    
.modulo5 p{
    max-width: 436px;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 60px;
    }
    
 /********************************************
            MODULO6 SONY
********************************************/ 
    
.modulo6 .row .medium-6{
        width: 100%;
    padding-bottom: 40px
    }    
    
.modulo6-with {
    max-width: 100%;
    margin: 0 auto;
}
    
.modulo6 p.subtitulo {
    max-width: 100%;
}
    
.modulo6 p.subtitulo2 {
    max-width: 100%;
}
    
/********************************************
            MODULO8 SONY
********************************************/    
    
.modulo8 div.play-sony{ display: none}
  
    .modalDialog > div{
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 315px;
    margin: 15% auto;
    }
    
 /********************************************
            MODULO9 SONY
********************************************/ 

.modulo9 .row .medium-6{
    width: 100%;
    padding-bottom: 40px
} 
    
.modulo9-width {
    max-width: 436px;
    margin: 0 auto;
}
    
.modulo9-width2 {
    max-width: 436px;
    margin: 0 auto;
}
    
.modulo9-width3 {
    max-width: 436px;
    margin: 0 auto;
}
    
.modulo9-width3 br{ display: none}
    
.modulo9 .espacio {
    padding: 0px 0px 0px 0px;
}
    
.modulo9 p{
    height: 60px
}
    
.modulo5-texto {
    position: relative;
    max-width: 436px;
    margin: 0 auto;
} 
    
.modulo5-texto1 {
    position: relative;
    max-width: 436px;
    margin: 0 auto;
}    
    
 /********************************************
            MODULO10 SONY
********************************************/ 

.modulo10{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: right center;
}
    
.modulo10 .row .medium-6{
    width: 100%;
    padding-bottom: 40px
} 
    
.modulo10 h1{max-width: 100%}
    
.modulo10 p{max-width: 100%}

    
}
/**************************************************/
@media only screen and (max-width: 640px){
 /********************************************
            HERO SONY
********************************************/   
.hero-sony{    
    height: 363px;
    background-image: url(../imagen/hero-1024.jpg);
    background-size: 1024px auto;    
    background-position:left 25% center;
}

.hero-texto{    
    left: 17%;    
    max-width: 235px;    
}
.hero-sony h1 {    
    font-size: 1.5em;    
}

 /********************************************
            MODULO1 SONY
********************************************/
    
.modulo1 {
	padding: 0px;
}
    
.modulo1-width-p {
    max-width: 100%;
    margin: 0px 0px 0px 0px;
}
  
 /********************************************
            MODULO2 SONY
********************************************/
    
.modulo2 h1 img{ display: none}

    
.modulo2 h1{margin: 20px 0px 30px 0px;}
    
.modulo2 .medium-6 .numero-img {
    float: left;
    padding: 0px 15px 30px 0px;
}
    
 /********************************************
            MODULO4 SONY
********************************************/

.modulo4 h1 img{ display: none}
.modulo4 h1 {
    margin: 20px 0px 30px 0px;
}
    
/********************************************
            MODULO8 SONY
********************************************/ 

.modulo8 .medium-4{ text-align: center}  
    
.flex-video{ padding-bottom: 47.5%;margin-bottom:0rem;} 
    
.fondo-clima {
	display: none
}
    
}

/**************************************************/
@media only screen and (max-width: 480px){
 /********************************************
            HERO SONY
********************************************/   
.hero-sony{    
    height: 300px;
    background-image: url(../imagen/hero-1024.jpg);
    background-size: 780px auto;    
    background-position:left 10% center;
}

.hero-texto{    
    position: absolute;
    background-color: rgba(255,255,255,0.95);
    padding: 20px;
    top: initial;
    bottom: -1px;
    left: 0;
    margin: 0 auto;
    margin-left: auto;
    margin-top: auto;
    width: 100%;
    max-width: 100%;    
}
    
.hero-sony h1 {    
    font-size: 1.5em;    
}
    
    
.modulo2 .medium-6 .numero-img {
    float: left;
    padding: 0px 15px 25px 0px;
}
    
/********************************************
            MODULO1 SONY
********************************************/     
.modulo1-width-h1{
    margin: 40px 0px 15px 0px;
}
    
.modulo1 p{
    margin: 0px 0px 15px 0px;
}
    
/********************************************
            MODULO2 SONY
********************************************/  
    
.modulo2, .modulo4, .modulo5, .modulo6, .modulo9 p{font-size: 0.8em}
    
.modulo2 .espacio {
    padding: 0px 0px 0px 0px;
}
    
.modulo2 {
    padding: 40px 10px 0px 10px;
}
    
.googleplay{
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 3px
}
    
.appstore{
    float: left;
    margin-left: 3px
}
    
/********************************************
            MODULO4 SONY
********************************************/    
.modulo4 {
    padding: 40px 10px 0px 10px;
}
    
.modulo4 h1 {
    margin: 20px 0px 15px 0px;
}
    
/********************************************
            MODULO5 SONY
********************************************/    
.modulo5 {
    padding: 40px 10px 0px 10px;
}
.modulo5 h1{
    margin: 0px 0px 15px 0px;
}
.modulo5 p.modulo5-width{
    margin-bottom: 15px;
        
    }
    
/********************************************
            MODULO6 SONY
********************************************/    
.modulo6 {
    padding: 40px 10px 0px 10px;
}

    
/********************************************
            MODULO9 SONY
********************************************/    
.modulo9 {
    padding: 40px 10px 0px 10px;
}
    
.modulo9 br{
    display: none;
}

/********************************************
            MODULO10 SONY
********************************************/    
.modulo10 {
    padding: 40px 10px 0px 10px;
}
.modulo10 h1{
    margin-top: 0px;
    margin-bottom: 15px;
}
    
.modulo10 p{
    margin: 0px 0px 0px 0px;
}
    
    
    
}
/**************************************************/
@media only screen and (max-width: 360px){
    
.modulo2 .medium-6 .numero-img {
    float: left;
    padding: 0px 15px 38px 0px;
}
    
.modulo5-p1 {
    position: absolute;
    top: 0px;
    left: 65px;
}    
}
    
    




@media only screen and (min-width:1681px){
    .hero-sony{    
        height: 580px;
        background-image: url(../imagen/hero-1024.jpg);
        -webkit-background-size: cover;
            -moz-background-size: cover;
                -o-background-size: cover;
        background-size: cover;    
        background-position:center center;
    }
    
    .modulo3 {
        background: url(../imagen/fondo-modulo2.jpg);
        background-position: center center;
        -webkit-background-size: cover;
            -moz-background-size: cover;
                -o-background-size: cover;
        background-size: cover;
        height: 450px;
        padding: 30px 0px 0px 0px;
        overflow: hidden;
    }
    
    .modulo7 img {width: 100%}
    
    .modulo10 {        
        background-position: center center !important;
        -webkit-background-size: cover !important;
            -moz-background-size: cover!important;
                -o-background-size: cover !important;
        background-size: cover!important;        
        
    }

    
}
/**************************************************/
@media only screen and (min-width:1280px){
    
    .modulo1 {
    background: url(../imagen/fondo-modulo2.jpg);
    background-position: bottom;
    /*background-repeat: no-repeat;*/
    padding: 50px 20px 0px 70px;
}
    
    .modulo1-width-h1 {
    max-width: 430px;
    margin: 60px 0px 30px 50px;
}
    
    .modulo1-width-p {
    max-width: 340px;
    margin: 0px 0px 0px 50px;
}
    
    .modulo10 {
    position: relative;
    background: url(../imagen/fondo-modulo2.jpg);
    background-position: left center;
    padding: 50px 20px;
}
    
    .modulo10 h1{    margin: 50px 0px 30px 50px;}
    
    .modulo10 p{    margin: 0px 0px 30px 50px;}
    
    .modulo10 img { margin-left: -20%;}
    
}
/**************************************************/
@media only screen and (min-width: 769px){

 /********************************************
            MODULO3 SONY
********************************************/
.modulo3 .oculto2-modulo3 {
	display: none
}  

}
/**************************************************/
@media only screen and (min-width: 640px){
    
 /**************************************
            MODULO1 - SONY
***************************************/   

.modulo1{
    
    overflow: hidden;
}
    
.modulo1 img {
    width: auto;
    max-width: none;
    height: auto;
    overflow: hidden;
    }
    
    
.modulo2 div.oculto {display:none}
.modulo4 div.oculto {display:none}
    
.fondo-clima2 {
	display: none
}
    
}