/* Portrait phones and smaller */
@media (max-width: 480px) {
    .bs-callout.bs-callout-default {
    padding:10px !important;  
   text-decoration:none !important;
    }

    .row.row-xan  {
padding:5px !important;
 }
    
    .img-responsive.center-block{
    width:90%;
    margin-left:5%;    
    }
    
    .col-md-8.col-md-offset-2.col-sm-12.center.viwom-tutoriales{
        margin-right:2%;
        margin-left:2%;
    }
    
     .col-md-8.col-md-offset-2.col-sm-12.center.viwom-tutoriales-2{
        margin-right:5%;
        margin-left:5%;
    }
    
}


@media only screen 
and (min-width: 768px){
    .img-responsive.center-block{
        margin:0 auto !important;
        width:96% !important;
    }
    

}
  


.row.sendgrid{  
        width:96%;
        margin: 0 auto;
    }

.row.esp{  
        width:96%;
        margin: 0 auto;
    }

.bs-callout.bs-callout-default h4{
 text-align:left !important;
}

.texto-tutorial{
text-align:left !important;
}

.title,
.subtitle{
    text-align:center !important;
    font-family:'Ubuntu', Helvetica, Arial, sans-serif !important;
    text-decoration:none !important;
    border-style:none !important;
}

.subtitle2{
 font-family:'Ubuntu', Helvetica, Arial, sans-serif !important;
    text-decoration:none !important;
    border-style:none !important;
font-size:14px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
   font-family:'Ubuntu', Helvetica, Arial, sans-serif !important;
    font-size:16px;
    font-weight:lighter; 
    color:#4d4d4d;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout-default {
border-left-color: #3A91CD;
text-align:left;
}

.bs-callout-default.green {
border-left-color: #77b224;
}

.bs-callout-default.yellow{
border-left-color: #e8a628;  
}

.bs-callout-default.morado{
border-left-color: #8430a6 !important;  
}

.bs-callout-default.azul-claro{
border-left-color: #31bce5;  
}

.bs-callout-default.orange{
border-left-color: #793892;  
}

.bs-callout-default.mdirector{
border-left-color: #ff6600 !important;  
}

.bs-callout-default.aweber{
border-left-color: #2E7AD1;  
}

.bs-callout-default h4 {
    color: #4d4d4d;
}

.text-tutorial {
    text-align:justify !important;
}
   


/* CARROUSEL TUTORIALES */



#slide-tutorial-esp-1.carousel, #slide-tutorial-esp-2.carousel, #slide-tutorial-esp-3.carousel, #slide-tutorial-esp-4.carousel, #slide-tutorial-esp-5.carousel {
	padding: 0 30px;	
}


#slide-tutorial-esp-1 .carousel-control, #slide-tutorial-esp-2 .carousel-control, #slide-tutorial-esp-3 .carousel-control, #slide-tutorial-esp-4 .carousel-control, #slide-tutorial-esp-5 .carousel-control {
    color: #303030;
}

#slide-tutorial-esp-1 .carousel-control .icon-prev, #slide-tutorial-esp-1 .carousel-control .glyphicon-chevron-left, #slide-tutorial-esp-2 .carousel-control .icon-prev, #slide-tutorial-esp-2 .carousel-control .glyphicon-chevron-left, #slide-tutorial-esp-3 .carousel-control .icon-prev, #slide-tutorial-esp-3 .carousel-control .glyphicon-chevron-left, #slide-tutorial-esp-4 .carousel-control .icon-prev, #slide-tutorial-esp-4 .carousel-control .glyphicon-chevron-left, #slide-tutorial-esp-5 .carousel-control .icon-prev, #slide-tutorial-esp-5 .carousel-control .glyphicon-chevron-left {
    left: 0%;
}

#slide-tutorial-esp-1 .carousel-control .icon-prev, #slide-tutorial-esp-1 .carousel-control .glyphicon-chevron-right, #slide-tutorial-esp-2 .carousel-control .icon-prev, #slide-tutorial-esp-2 .carousel-control .glyphicon-chevron-right, #slide-tutorial-esp-3 .carousel-control .icon-prev, #slide-tutorial-esp-3 .carousel-control .glyphicon-chevron-right, #slide-tutorial-esp-4 .carousel-control .icon-prev, #slide-tutorial-esp-4 .carousel-control .glyphicon-chevron-right, #slide-tutorial-esp-5 .carousel-control .icon-prev, #slide-tutorial-esp-5 .carousel-control .glyphicon-chevron-right {
    right: 0%;
}

#slide-tutorial-esp-1 .carousel-indicators, #slide-tutorial-esp-2 .carousel-indicators, #slide-tutorial-esp-3 .carousel-indicators, #slide-tutorial-esp-4 .carousel-indicators, #slide-tutorial-esp-5 .carousel-indicators {
	bottom:25px;
}

#slide-tutorial-esp-1 .carousel-indicators li, #slide-tutorial-esp-2 .carousel-indicators li, #slide-tutorial-esp-3 .carousel-indicators li, #slide-tutorial-esp-4 .carousel-indicators li, #slide-tutorial-esp-5 .carousel-indicators li {
    display: inline-block;
    width: 40px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #303030;
	border-radius: 18px;
	opacity: 0.7;
}

#slide-tutorial-esp-1 .carousel-indicators .active, #slide-tutorial-esp-2 .carousel-indicators .active, #slide-tutorial-esp-3 .carousel-indicators .active, #slide-tutorial-esp-4 .carousel-indicators .active, #slide-tutorial-esp-5 .carousel-indicators .active {
    width: 40px;
    height: 12px;
    margin: 1;
    background-color: #303030;
}