.gallery
{
    display: inline-block;
    margin-top: 20px;
}
/*body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: 'Roboto', sans-serif; letter-spacing: 0px; font-size: 16px; color: #7d7f82; font-weight: 400; line-height: 32px; }*/
/*h1, h2, h3, h4, h5, h6 { color: #26282c; margin: 0px 0px 12px 0px; font-family: 'Glegoo', serif; font-weight: 700; line-height: 1; }
h1 { font-size: 36px; }
h2 { font-size: 26px; line-height: 38px; }
h3 { font-size: 22px; line-height: 32px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; line-height: 27px; }
h6 { font-size: 12px; }
p { margin: 0 0 20px; line-height: 1.7; }
p:last-child { margin: 0px; }
ul, ol { font-family: 'Roboto', sans-serif; }
a { text-decoration: none; color: #7d7f82; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: #fe5b10; }*/



.video-testimonial-block { position: relative; width: auto; height: 206px; overflow: hidden; margin-bottom: 30px; }
/*.video-testimonial-block .video-thumbnail { height: 100%; width: 100%; position: absolute; z-index: 1; background-size: cover; top: 0; left: 0; }*/
.video-testimonial-block .video { }
.video-testimonial-block .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px; }
.video-testimonial-block .video-play { position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -40px; margin-top: -18px; text-decoration: none; }
.video-testimonial-block .video-play::before { content: "\f144"; font: normal normal normal 14px/1; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 50px; color: #b3b5bc; }
/*.video-testimonial-block .video-play:hover::before { color: #172651; }*/
.mb10{margin-bottom:10px;}
.section-title { margin-bottom: 40px; }

.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}

.content-btnVerMas {
    padding: 0 30%;
}

.btnVerMas {
    position: relative;
    width: 100%;
    height: 50px;
    background: #202F50;
    border: none;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    -webkit-border-radius: 4px;
}

@media screen and (max-width: 2000px) {
     /* start of large tablet styles */
     .img-responsive {
       height: 320px !important;
     }
}
@media screen and (max-width: 991px) {
     /* start of large tablet styles */
     /*.img-responsive {
       min-width: 70%;
     }*/
}

@media screen and (max-width: 767px) {
     /* start of medium tablet styles */
     /* Adding a fixed/percentage min-width could ensure that the image doesn't get too small */
     /*.img-responsive {
       min-width: 30%;
     }*/
}

@media screen and (max-width: 479px) {
     /* start of phone styles */
     /* It's possible to hide the image if the screen becomes too small */
     .img-responsive {
       height: 155px !important;
     }
}

@media screen and (max-width:633px) {
    .content-btnVerMas {
        padding: 0 10%;
    }
}