.cutter_muster{ padding-top: 134px; padding-bottom: 130px; @media #{$mobile_device}{ padding-top: 60px; padding-bottom: 60px; } @media #{$tablet_device}{ padding-top: 80px; padding-bottom: 80px; } .single_master{ margin-bottom: 20px; .thumb{ position: relative; z-index: 2; img{ width: 100%; } .social_link{ position: absolute; left: 0; right: 0; text-align: center; bottom: 0; padding: 30px 0; @include transform(translateY(-40px)); @include transition(.3s) ; opacity: 0; a{ margin: 0 10px; font-size: 20px; color: #fff; &:hover{ color: #BC9321; } } } } .master_name{ h3{ font-size: 20px; font-family: $font1; color: #4A3600; font-weight: 400; margin-top: 25px; margin-bottom: 0; } p{ font-size: 14px; margin-bottom: 0; color: #919191; } } &:hover{ .social_link{ @include transform(translateY(0px)); opacity: 1; } } } } .find_bg_1{ background-image: url(../../static/img/team/img.png); } .find_us_area{ .single_find{ padding-bottom: 10px; } .find_info{ background: #BC9321; padding: 70px 0 60px 80px; @media #{$mobile_device}{ padding: 20px; } .find_info_title{ font-size: 42px; font-weight: 400; position: relative; color: #fff; padding-bottom: 20px; margin-bottom: 55px; @media #{$mobile_device}{ font-size: 25px; } &::before{ position: absolute; content: ""; background: #fff; width: 100px; height: 2px; left: 0; bottom: 0; } } background: #BC9321; .single_find{ i{ font-size: 30px; color: #fff; } .find_text{ padding-left: 20px; h3{ font-size: 16px; color: #000; font-weight: 400; } p{ color: #fff; font-size: 18px; font-weight: 400; @media #{$mobile_device}{ font-size: 15px; } } } } } .book_btn{ margin-top: 34px; a{ background: transparent; font-size: 16px; font-weight: 400; border: 1px solid #fff; color: #fff; padding: 14px 20px; display: inline-block; &:hover{ background: #fff; color: #000 !important; border: 1px solid #fff; } } } }