@media only screen 
and (max-width : 320px) {

    .nav-tabs li {
    width: 100%;
    margin: 0 auto;
    border-bottom-color: #ddd;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
    
        .iframe-video {
    float: none;
    width: 100%;
    padding-right: 0px;
}
.col-xs-8,.col-xs-4 {width: 100%; float: left;}
.texto-home {
    width: 100%;
    float: left;
}
.lista_ret_img{
width:100%; 
float:left;

}
.lista_ret_text{
width:100%; float:left
}
    .header .intro-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .call-to-action .btn-primary {
        padding: 15px;
        font-size: 13px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
    
}


@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
    .nav-tabs li {
    width: 100%;
    margin: 0 auto;
    border-bottom-color: #ddd;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

    .col-xs-8,.col-xs-4 {width: 100%; float: left;}
        .iframe-video {
    float: none;
    width: 100%;
    padding-right: 0px;
}
.texto-home {
    width: 100%;
    float: left;
}
 .lista_ret_img{
width:100%; 
float:left;

}
.lista_ret_text{
width:100%; float:left
}   
    .header .intro-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .call-to-action .btn-primary {
        padding: 15px;
        font-size: 13px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
    
}

@media only screen 
and (min-width : 481px) 
and (max-width : 600px) {


.nav-tabs li {
    width: 100%;
    margin: 0 auto;
    border-bottom-color: #ddd;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

        .iframe-video {
    float: none;
    width: 100%;
    padding-right: 0px;
}
.col-xs-8,.col-xs-4 {width: 100%; float: left;}
.texto-home {
    width: 100%;
    float: left;
}
    
    .header .intro-text h1 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 25px;
    }
    
    .header .intro-text p {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 35px;
        line-height: 45px;
    }
    
    .call-to-action .btn-primary {
        padding: 18px;
        font-size: 15px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
    
}


@media only screen 
and (min-width : 601px) 
and (max-width : 800px) {

    .nav-tabs li {
    width: 100%;
    margin: 0 auto;
    border-bottom-color: #ddd;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
    .col-xs-8,.col-xs-4 {width: 100%; float: left;}
    
 .lista_ret_img{
width:100%; 
float:left;

}
.lista_ret_text{
width:100%; float:left
}   
    .header .intro-text h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 25px;
    }
    .iframe-video {
    float: none;
    width: 100%;
    padding-right: 0px;
}
.texto-home {
    width: 100%;
    float: left;
}
    .header .intro-text p {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .header .intro-text .btn-primary {
        padding: 10px 15px;
        font-size: 13px;
    }
    
    .call-to-action h1 {
        font-size: 40px;
        line-height: 45px;
    }
    
    .call-to-action .btn-primary {
        padding: 18px;
        font-size: 15px;
    }
    
    .about-text p {
        margin-top: 20px;
    }
    
    .skill-shortcode {
        margin-bottom: 30px;
    }
    
    .footer-link ul {
        float: left !important;
        margin-top: 30px;
    }
    
    .footer-social {
        margin-top: 30px;
    }
    
}

@media only screen 
and (min-width : 801px) 
and (max-width : 991px) {
    
    
    .header .intro-text h1 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    
    .header .intro-text p {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    
    .header .intro-text .btn-primary {
        padding: 15px 20px;
        font-size: 16px;
    }
    
    
}


@media only screen 
and (min-width : 992px) 
and (max-width : 1100px) {
    
}