.conten_banner{height: 300px;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.conten_banner .conten_info_banner{height: 100%;width: 100%;display: flex;justify-content: center;background: rgba(10,20,40,0.7);}
.conten_banner .conten_info_banner .conten_texto{display: block;align-content: center;width: 65%;}
.conten_banner .conten_info_banner .conten_texto .titulo{color: #fff;    }
.conten_banner .conten_info_banner .conten_texto .icono{color: #fff;font-weight: bold;margin-top: 10px;font-size: 20px;}
@media screen and (max-width:400px) {.conten_banner .conten_info_banner .conten_texto{width: 75%;}}
.comentario{display: flex;flex-wrap: wrap;justify-content: center;margin: auto;width: 100%;}
.comentario .conten_comentarios{background:#fff;
   display: flex;flex-wrap: wrap;
   justify-content: center;
   color:#000;width:990px;
   border-radius:5px;}
.form-ar{display: flex;flex-wrap: wrap;width: 100%;padding: 40px;}
.form-ar .conten_img{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin: auto;margin-top: 15px;margin-bottom: 35px;}
.form-ar .conten_img img{height: 52px;width: 316px;}
.form-ar h1{font-size: 25px;margin-bottom: 10px;}
.calificacion{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 30px;}
.calificacion p{width: 100%;margin-top: 10px;margin-bottom: 15px;}
.calificacion .conten-descrip{margin-top: 5px;margin-left: 20px;}
.calificacion .conten-descrip p{font-weight: 600;}
.calificacion .estrella{font-size: 35px;cursor: pointer;background: #ccc;color: #fff;padding: 6px;padding-top: 3px;padding-bottom: 3px;border-radius: 5px;margin: 1px;text-align: center;}
.calificacion .yellowcolor{background: #ffc000;}
.calificacion .icon-star:hover{background: #ffc000;}
.form-ar .l{width: 49%;}
.form-ar .m-right{margin-right: 17px;}
.conten-input{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 20px;}
.conten-input label{width: 100%;margin-bottom: 5px;font-weight: 600;}
.conten-input label span{margin-right: 3px;}
.conten-input input{width: 100%;padding: 10px;padding-top: 12px;padding-bottom: 12px;border-radius: 5px;border: 1px solid #ccc;font-size: 15px;}
.conten-input textarea{width: 100%;border-radius: 5px;border: 1px solid #ccc;padding: 10px;font-family: sans-serif;font-size: 15px;min-height: 100px;}
@media screen and (max-width:1300px){.form-ar .m-right{margin-right: 14px;}.comentario .conten_comentarios{width:900px;}}
@media screen and (max-width:990px){.comentario .conten_comentarios{width:800px;}}
@media screen and (max-width:880px){.comentario .conten_comentarios{width:90%;}}
@media screen and (max-width:865px){.form-ar .m-right{margin-right: 20px;}.form-ar .l{width: 48%;}}
@media screen and (max-width:643px){.form-ar .m-right{margin-right: 16px;}}
@media screen and (max-width:600px){.conten-input label,.conten-input input,.conten-input textarea{font-size: 14px;}}
@media screen and (max-width:550px){
    .form-ar h1{font-size: 20px;margin-bottom: 10px;}
    .calificacion p{margin-top: 0px;margin-bottom: 10px;}
    .form-ar .m-right{margin-right: 0px;}.form-ar .l{width: 100%;}.conten-input{margin-bottom: 15px;}.calificacion{margin-bottom: 15px;}
    .btn{font-size: 15px;font-weight: 600;}}
@media screen and (max-width:470px){
    .calificacion .conten-descrip{margin-top: 10px;margin-left: 10px;}
    .calificacion .estrella{font-size: 30px;cursor: pointer;background: #ccc;color: #fff;padding: 5px;padding-top: 2px;padding-bottom: 2px;border-radius: 5px;margin: 1px;text-align: center;}}
@media screen and (max-width:420px){.calificacion .conten_estellas{width: 100%;} .calificacion .conten-descrip{width: 100%;}.form-ar{padding: 30px;}.conten-input label,.conten-input input,.conten-input textarea{font-size: 13px;}}