/* Layout-11 */

.layout-11 { background-color: #f8f8f8; }

.layout-11 .hero { max-width: 1100px; margin: 0 auto;  text-align: center; margin-bottom: 30px; }

.layout-11 .post { background-color: #fff; border-radius: 6px;  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); cursor: pointer;}

.layout-11 .post figure { margin-bottom: 0;  overflow: hidden; }

.layout-11 .post .content { padding: 25px; }

.layout-11 .post h4 { font-size: 24px; font-weight: 700; line-height: 30px; }

.layout-11 .post p { color: #696969; }

.layout-11 .post a { text-transform: uppercase; font-weight: 700; color: #333; margin-top: 0px;   display: inline-block; }

.layout-11 .post a i {  font-size: 18px;  position: relative;  top: -1px;  left: 4px;  transform: rotate(-45deg); }

.layout-11 .post a img { height: auto; }

.home .layout-11 { background-color: #fff; padding-top: 10px; }  


.layout-11 .post:hover figure img { transform:  scale(1.08); transition: transform .6s ease; }
.layout-11 .post figure img {
  transform: scale(1);
  transition: transform .6s ease;
}





/* Responsive */



@media (max-width: 1299px){ 



}

/* 1299 END */





@media (max-width: 1199px){ 

.layout-11 .post .content { padding: 25px 15px; }

.layout-11 .post h4 { font-size: 22px; line-height: 28px; }












}

/* 1199 END */ 











@media (max-width: 991px){ 
 







}

/* 991 END */



@media (max-width: 767px){ 

.layout-11 .post {  max-width: 500px;  margin: 0 auto 30px; }
 

}

/* 767 END */



@media (max-width: 599px){ 



} 

/* 599 END */





@media (max-width: 479px){ 



} 

/* 479 END */