.gallery { 
    width:100%; 

    margin-top: -20px; 
} 
.box { 
    flex-basis:20%; 
    width:100%; 
    padding:10px; 
    margin:0 auto; 
    /*box-shadow: 1px 1px 1px 1px black; 
*/
} 
.box .image img{
    width: 190px;
    max-height: 90px;
    height: 100%;
    object-fit: cover;
}
.article-noma img {
    width: 250px;
    height: 135px;
}
.text { 
    text-align:center; 
    margin-top:5px; 
} 
.image:hover { 
   /* border: 3px solid black; */
} 
  
.hestia-features-title-area{
    margin:0 auto;
}
.hestia-features-galery-area{
    padding-top: 12px;
    margin:0 auto;
}

/* media query used here */ 
@media only screen and (max-width: 300px) {  
    .box { 
        flex-basis: 100%; 
    } 
} 
  
@media only screen and (max-width:500px) { 
    .box { 
        flex-basis: 40%; 
    } 
} 
@media screen and (min-width: 450px){
    #tir-rand-img{
         max-width: 405px;
         width: 405px;
         height: 200px;
         max-height: 200px; 
         object-fit: cover;
         text-align: left;
    }
    .hestia-features-galery-area{
        max-width: 450px;
    }
    .hestia-features-title-area{
        max-width: 550px;
    }
    }
   /*
@media screen and (min-width: 410px) and (max-width:439px) {
        #tir-rand-img{
                max-width: 380px;
                max-height: 200px; 
                object-fit: cover;
                width: 380px;
        }
}​
@media screen and (max-width:409px) {
        #tir-rand-img{
                max-width: 190px;
                max-height: 90px; 
                object-fit: cover;
                width: 190px;
        }
}​
*/
@media only screen and (max-width: 449px) {
  /*iPhone*/
    #tir-rand-img{
        max-width: 200px;
        max-height: 110px; 
        object-fit: cover;
        width: 200px;
        height: 110px;
}

.hestia-features-galery-area{
    max-width: 220px;
}
.hestia-features-title-area{
    max-width: 350px;
}
 }