.post_main {
padding: 0px 0 65px;
}
.rowflex {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.flexleft {
flex:7;
display: flex;
flex-wrap: wrap;
}
.flexright {
flex:3;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.drug {
flex-basis: 47%;
flex-grow: 0;
margin:10px;
padding:10px;
}
.drug-img {
height: 200px;
overflow: hidden;
position: relative;
transition: all 0.4s ease;
}
.drug-img img {
min-width: 100%;
min-height: 100%;
max-width: 107%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
vertical-align: middle;
}
.drug>a:hover .drug-img{
transform: scale(1.1);
}
.drug a{
display: block;
height: 200px;
position: relative;
border: 1px solid rgb(69, 8, 193);
overflow: hidden;
margin-bottom: 25px;
}
.drug h3 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px 15px;
margin-bottom: 0;
background: hsla(0, 0%, 100%, .7);
text-align: center;
color: #222;
transition: all 0.4s ease;
font-size: 1.8rem; 
}
.drug>a:hover >h3{
background: rgb(69, 8, 193);
color: #fff;
}
.product {
flex-basis: 100%;
flex-grow: 0;
margin:10px;
padding:10px;
}
.recom-two{
display: inline-block; width: 50%;
padding: 5px 0;
font-size: .95em;
line-height: 1.5em;
height: 62px; transition: all 0.3s ease; margin: 0 auto;
background: #e6e9de;
color: var(--theme_color);
text-align: center;
}
.recom-two:hover{
width:100%;
box-shadow: 0 0 10px #ccc;
transition: allease 0.2s;
}
.recom-two span{
display: block;
font-size: 28px;
}
.rowtop{
margin: 10px;
padding: 10px;
}
.hotproduct{
background: var(--theme_color);
color: white;
font-size: 18px;
font-weight: bold;
padding: 12px 10px;
flex: auto;
text-align: center;
margin-top: 20px;
}
.slider {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
border: 1px solid #ddd;
box-shadow: 0 0 10px #dadcdf;
}
.slides {
display: flex;
transition: transform 0.5s ease-in-out;
}
.slide {
width: 100%;
position: relative;
text-align: center;
}
.slide img {
width: 100%;
object-fit: contain;
transition: all 0.5s;
}
.slide-text {
color: black;
text-align: center;
}
.slider-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
}
.slider-nav a {
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 10px;
text-decoration: none;
}      @media screen and (min-width: 320px) and (max-width: 1000px) {
.rowflex {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: normal;
}      .drug {
flex-basis: 100%;
flex-grow: 0;
margin: 10px;
padding: 10px;
}
.recom-two{
width: 100%;
}
}@font-face {font-family: 'icomoon';src: url(//www.musechem.com/static/new/global/css/icomoon.eot?geftw3);src: url(//www.musechem.com/static/new/global/css/icomoon.eot?geftw3#iefix) format('embedded-opentype'), url(//www.musechem.com/static/new/global/css/icomoon.ttf?geftw3) format('truetype'), url(//www.musechem.com/static/new/global/css/icomoon.woff?geftw3) format('woff'), url(//www.musechem.com/static/new/global/css/icomoon.svg?geftw3#icomoon) format('svg');font-weight: normal;font-style: normal;font-display: block;}[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-check-circle:before {content: "\e95e";}.icon-check-square:before {content: "\e95f";}.icon-check1:before {content: "\e960";}.icon-hour:before {content: "\e900";}.icon-address-3:before {content: "\e901";}.icon-address-location:before {content: "\e902";}.icon-angle-down:before {content: "\e903";}.icon-angle-left:before {content: "\e904";}.icon-angle-right:before {content: "\e905";}.icon-angle-up:before {content: "\e906";}.icon-blogger:before {content: "\e907";}.icon-blogger-alt:before {content: "\e908";}.icon-caret-down:before {content: "\e909";}.icon-caret-left:before {content: "\e90a";}.icon-caret-right:before {content: "\e90b";}.icon-caret-up:before {content: "\e90c";}.icon-check:before {content: "\e90d";}.icon-cog:before {content: "\e90e";}.icon-down-line:before {content: "\e90f";}.icon-download:before {content: "\e910";}.icon-edit:before {content: "\e911";}.icon-europe-map:before {content: "\e912";}.icon-facebook:before {content: "\e913";}.icon-facebooks-alt:before {content: "\e914";}.icon-false:before {content: "\e915";}.icon-fax-3:before {content: "\e916";}.icon-file-alt:before {content: "\e917";}.icon-filter:before {content: "\e918";}.icon-fire:before {content: "\e919";}.icon-globe-alt:before {content: "\e91a";}.icon-globe-americas:before {content: "\e91b";}.icon-hand-point-down:before {content: "\e91c";}.icon-hand-point-left:before {content: "\e91d";}.icon-hand-point-right:before {content: "\e91e";}.icon-hand-point-up:before {content: "\e91f";}.icon-handshake-1:before {content: "\e920";}.icon-headphone:before {content: "\e921";}.icon-headset:before {content: "\e922";}.icon-idea:before {content: "\e923";}.icon-key:before {content: "\e924";}.icon-lab:before {content: "\e925";}.icon-link:before {content: "\e926";}.icon-linkedin:before {content: "\e927";}.icon-linkedin-alt:before {content: "\e928";}.icon-microscope:before {content: "\e929";}.icon-minus-line:before {content: "\e92a";}.icon-news:before {content: "\e92b";}.icon-newspaper:before {content: "\e92c";}.icon-next-line:before {content: "\e92d";}.icon-pdf-1:before {content: "\e92e";}.icon-phone-volume:before {content: "\e92f";}.icon-pills:before {content: "\e930";}.icon-plus-line:before {content: "\e931";}.icon-previous-line:before {content: "\e932";}.icon-professional:before {content: "\e933";}.icon-quick:before {content: "\e934";}.icon-search-1:before {content: "\e935";}.icon-shopping-basket:before {content: "\e936";}.icon-shopping-cart:before {content: "\e937";}.icon-top-line:before {content: "\e938";}.icon-twitter:before {content: "\e939";}.icon-twitter-alt:before {content: "\e93a";}.icon-usa-map:before {content: "\e93b";}.icon-warning-2:before {content: "\e93c";}.icon-warning-3:before {content: "\e93d";}.icon-weibo:before {content: "\e93e";}.icon-weixin:before {content: "\e93f";}.icon-youtube:before {content: "\e940";}.icon-youtube-line:before {content: "\e941";}.icon-assurance:before {content: "\e942";}.icon-deep-knowledge-experience:before {content: "\e943";}.icon-high-security:before {content: "\e944";}.icon-most-cost-efficient:before {content: "\e945";}.icon-package:before {content: "\e946";}.icon-price-inquiry:before {content: "\e947";}.icon-quick-action:before {content: "\e948";}.icon-upgrade:before {content: "\e949";}.icon-blogger-o:before {content: "\e94a";}.icon-communication:before {content: "\e94b";}.icon-edit-1:before {content: "\e94c";}.icon-email-envelope:before {content: "\e94d";}.icon-facebook-o:before {content: "\e94e";}.icon-fax-print:before {content: "\e94f";}.icon-lightning-1:before {content: "\e950";}.icon-linkedin-o:before {content: "\e951";}.icon-minus-circle:before {content: "\e952";}.icon-minus-o:before {content: "\e953";}.icon-phone-simple:before {content: "\e954";}.icon-plus-circle:before {content: "\e955";}.icon-plus-o:before {content: "\e956";}.icon-search-line:before {content: "\e957";}.icon-star:before {content: "\e958";}.icon-star-line:before {content: "\e959";}.icon-twitter-o:before {content: "\e95a";}.icon-arrow-thin-right:before {content: "\e95b";}.icon-long-arrow-right:before {content: "\e95c";}.icon-bottle:before {content: "\e95d";}