.pop-destination-section { .section-grid { display: flex; flex: 1; flex-wrap: wrap; }//.section-grid .destination-block { width: 22.66%; margin-right: 3%; margin-top: 35px; position: relative; @include border-radius(5px); overflow: hidden; &:nth-child(4n) { margin-right: 0; } .destination-title-wrap { background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.8)); background: -moz-linear-gradient(transparent, rgba(0,0,0,0.8)); background: -ms-linear-gradient(transparent, rgba(0,0,0,0.8)); background: -o-linear-gradient(transparent, rgba(0,0,0,0.8)); background: linear-gradient(transparent, rgba(0,0,0,0.8)); position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; display: flex; flex: 1; flex-wrap: wrap; justify-content: flex-end; align-items: center; @include transition(all ease 0.35s); .destination-title { margin: 0; font-size: 1.125em; display: flex; flex: auto; a { color: #fff; } svg { margin-right: 5px; } }//.destination-title .destination-tour-count { color: #fff; font-size: 0.875em; display: flex; flex: auto; justify-content: flex-end; } }//.destination-title-wrap &:hover .destination-title-wrap { padding-top: 60px; padding-bottom: 30px; } }//.destination-block }//.pop-destination-section @media screen and (max-width: 1199px) { .pop-destination-section { .destination-block { width: 31.33%; &:nth-child(4n) { margin-right: 3%; } &:nth-child(3n) { margin-right: 0; } }//.destination-block }//.pop-destination-section }//max-width: 1199px @media screen and (max-width: 1024px) { .pop-destination-section { .destination-block { width: 48%; &:nth-child(3n) { margin-right: 3%; } &:nth-child(2n) { margin-right: 0; } }//.destination-block }//.pop-destination-section } @media screen and (max-width: 767px) { .pop-destination-section { .section-title { margin-bottom: 0; } .section-grid { flex-direction: column; }//.section-grid .destination-block { width: 100%; margin-right: 0; }//.destination-block }//.pop-destination-section }//max-width:767px