/* Grid Layout 3 */



.grid-layout-3 { background-image: url(../../images/bg-1.jpg); background-size: cover; background-repeat: no-repeat; }

.grid-layout-3 h2{ color: #fff; }

.grid-layout-3 .hero p { text-align: center;   margin: 0 auto 40px; }

.grid-layout-3 p { color: #fff; }

.grid-layout-3 .wrap { margin-bottom: 50px; }

.grid-layout-3 .wrap h3 { font-size: 22px; line-height: 28px; font-weight: 700; color: #fff; }

.grid-layout-3 .wrap .content{ padding-left: 90px; }

.grid-layout-3 strong { font-size: 34px; font-weight: 700; color: #ffffff; float: left; width: 72px; text-align: center; position: relative; line-height: 48px; margin-top: 13px; }

.grid-layout-3 strong:after { content: ""; position: absolute; top: 0; left: 0;transform: rotateZ(0deg); transition: all 1.5s ease;  width: 51px; height: 51px; border: 2px solid #ffffff; margin: 0 auto; right: 0; border-radius: 5px; rotate: 45deg; -webkit-rotate: 45deg; -ms-rotate: 45deg; -moz-rotate: 45deg; }

.grid-layout-3 .wrap:hover strong:after{ transform: rotateZ(360deg); transition: all 1.5s ease;  }

/* Responsive */ 
@media (max-width: 1199px){ 



}

 



@media (max-width: 991px){ 



}





@media (max-width: 767px){ 



}





@media (max-width: 599px){ 
.grid-layout-3 strong {  font-size: 25px; width: 50px; line-height: 40px; }
.grid-layout-3 strong:after { width: 40px;    height: 40px; }
.grid-layout-3 .wrap .content {    padding-left: 60px; }

} 



@media (max-width: 479px){ 



}