#fechar {
   margin-left: 155px;
   width: 30px;
   height: 30px;
}
    
img {
    width:100%; 
    height:auto; 
    }

/* Mobile  Vertical*/

@media only screen and (max-width: 504px) and (orientation:portrait) {
    
#fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 310px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
    
}

@media only screen and (max-width: 414px) and (orientation:portrait) {
  
#fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 220px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
    
}

@media only screen and (max-width: 360px) and (orientation:portrait) {

#fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 170px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
        
}

@media only screen and (max-width: 320px) and (orientation:portrait) {
   
#fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 125px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
    
}

/* Mobile Horizontal */

@media only screen and (max-width: 736px) and (orientation:landscape) {
    
    #fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 340px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
}

@media only screen and (max-width: 640px) and (orientation:landscape) {
    
    #fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 340px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
}

@media only screen and (max-width: 568px) and (orientation:landscape) {
    
    #fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 340px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
}

@media only screen and (max-width: 533px) and (orientation:landscape)  {

#fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 340px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
}

@media only screen and (max-width: 480px) and (orientation:landscape)  {

#fechar {
    /* margin-right: -10px; */
    position: relative;
    /* right: 10px; */
    left: 340px;
    width: 20px;
    height: 20px;
}
    
img {
    width:100%; 
    height:auto; 
    }
    
}