@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}


.top10 { margin-top: 10px;}
.top20 { margin-top: 20px;}
.top30 { margin-top: 30px;}
.top40 { margin-top: 40px;}
.top50 { margin-top: 50px;}
.top60 { margin-top: 60px;}
.top70 { margin-top: 70px;}
.top80 { margin-top: 80px;}
.top90 { margin-top: 90px;}
.top100 { margin-top: 100px;}

.bottom10 { margin-bottom: 10px;}
.bottom20 { margin-bottom: 20px;}
.bottom30 { margin-bottom: 30px;}
.bottom40 { margin-bottom: 40px;}
.bottom50 { margin-bottom: 50px;}
.bottom60 { margin-bottom: 60px;}
.bottom70 { margin-bottom: 70px;}
.bottom80 { margin-bottom: 80px;}
.bottom90 { margin-bottom: 90px;}
.bottom100 { margin-bottom: 100px;}

.font16 { font-size: 16px;}
.font18 { font-size: 18px;}
.font20 { font-size: 20px;}
.font22 { font-size: 22px;}
.font24 { font-size: 24px;}
.font26 { font-size: 26px;}
.font30 { font-size: 30px; line-height: 36px;}
.font34 { font-size: 34px; line-height: 42px;}
.font38 { font-size: 40px; line-height: 42px;}
.font40 { font-size: 40px; line-height: 48px;}


.font-bco { color: #fff}
.text-justify { text-align: justify;}

.pie-left { text-align: left;}
.pie-right { text-align: right;}

@media (min-width:360px) and (max-width:768px) {
.pie-left { text-align: center;}
.pie-right { display: none;}
    
  }  


.produ-txt { margin-top: 70px; margin-left: 40px; margin-right: 40px; font-size: 15px; text-align: center; }