/* Responsive */

@media only screen and (max-width: 320px) {
	body{
        /* Margin at bottom to keep the footer from overlaping the content*/
		margin-bottom: 220px;
	}
    .promotec-img {
        height: 50px;
    }
    .button-wrapper {
        height: 60px;
        display: inline-block;

    }    
    .btn-responsive {
        line-height: 1;
        font-size: 6px;
        width: 70px;     
        padding: 0px !important;
        height: 30px;
    }

    #ganar_dinero-banner {
        margin-top: 30px;
        padding: 2% 0 2% 0;
    }

    #ganar_dinero-banner span{
        font-weight: 900;
        font-size: 1em;
    }
    #descripcion p, #descripcion span{
        color: white;
        margin-top: 20px;
        font-size: 12px;
    }

    #franquicias-banner p{
        font-size: .7em;
    }

    .franquicias-img {
        height: 40px;
    }

    .footer-content{
        font-size: 12px;
    }
    .footer-logo-telcel{
      width: 150px;
      height: 60px;
      margin: 5px;
    }

    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
    }
    .sticky-container{
        padding:0px;
        margin:0px;
        position:fixed;
        right:-30px;
        top:30px;
        width:10px;
        z-index: 1100;
    }    
    .close-button {
        padding: 10px !important;
    }
}

@media  (min-width: 321px)  and (max-width: 768px) {
	/* Margin at bottom to keep the footer from overlaping the content*/
	body{
		margin-bottom: 200px;
	}
    .banner{
        height: 60px;
    }

    .promotec-img {
        height: 70px;
    }
    .button-wrapper {
        height: 60px;
        display: inline-block;

    }    
    .btn-responsive {
        line-height: 1;
        font-size: 6px;
        width: 90px;
        padding-right: 0px;
        padding-left: 0px;
    }

    #ganar_dinero-banner {
        margin-top: 30px;
        padding: 2% 0 2% 0;
    }

    #ganar_dinero-banner span{
        font-weight: 900;
        font-size: 1.5em;
    }
    #descripcion p, #descripcion span{
        color: white;
        margin-top:20px;
        font-size: 15px;
    }      
    #franquicias-banner p{
        font-size: 1.2em;
    }
    .franquicias-img {
        width: 170px;
    }    
    .footer-content{
        font-size: 10px;
    }
    .footer-logo-telcel{
      width: 150px;
      height: 60px;
      margin: 5px;
    }
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .btn-responsive {
        font-size:90%;
        line-height: 1.2;
    }
    
    #promotec-nav {
        height: 8em;
        padding-right: 2em;
    }
    #ganar_dinero-banner {
        margin-top: 50px;
        padding: 2% 0 2% 0;
    }

    #ganar_dinero-banner span{
        font-weight: 900;
        font-size: 2.5em;
    }

    #descripcion p, #descripcion span{
        color: white;
        margin-top:20px;
        font-size: 25px;
    }

    #franquicias-banner p{
        font-size: 1.2em;
    }
    .franquicias-img {
        width: 200px;
    }
}