.Delicious_area{ padding-bottom: 110px; padding-top: 150px; .tablist_menu{ border-bottom: 1px solid #115683; margin-bottom: 60px; .nav{ margin-bottom: 0px; li{ margin: 0 25px; @media #{$mobile_device} { margin: 0 4px; } a{ padding: 0 12px 27px 12px; @include transition(.3s); .single_menu{ .icon{ i{ font-size: 50px; color: #0084ff; } } h4{ margin-bottom: 0; font-size: 16px; font-weight: 400; color: #596672; font-family: $font1; } } &.active { position: relative; .single_menu{ .icon{ i{ color: #0010f3; } } h4{ color: #d50059; } } &:before{ position: absolute; left: 0; width: 100%; height: 2px; content: ''; background: #ff0000; bottom: 0; } } } } } } @media #{$mobile_device} { padding-bottom: 50px; } .single_delicious{ margin-bottom: 50px; @media #{$mobile_device} { display: block !important; } @media #{$tablet_device}{ display: block !important; } .thumb{ @include border-radius(10px); img{ @include border-radius(10px); } } .info{ padding-left: 28px; @media #{$mobile_device}{ padding-left: 0; margin-bottom: 15px; margin-top: 20px; } @media #{$tablet_device}{ padding-left: 0; margin-top: 30px; } h3{ font-size: 24px; color: #0084ff; font-weight: 400; font-family: $font1; } p{ font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 0; margin-top: 15px; margin-bottom: 16px; } span{ display: block; font-weight: 400; font-size: 26px; color: #ff007b; } } } }