@media (max-width: 1280px) {
.lab_video_text_overlay {
margin-top: 90px;
}
.breadcrumb {
padding-top: 66px;
}
}
@media (max-width: 1190px) {
.stepCardWrap {
padding: 0px 15px;
}
}
@media (max-width: 1001px) {
.menu .menu__item:hover .dropdown-menu {
display: block;
width: 100%;
position: relative;
-webkit-animation: showMenuItems 0.6s ease;
animation: showMenuItems 0.6s ease;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.triangle {
display: none;
}
.pagination-detail {
display: none;
}
.table {
width: auto !important;
min-width: 1280px;
}
.sticky {
padding: 0 !important;
margin-bottom: 20px;
}
.sidebar-wrap {
min-height: auto;
}
.sidebar-item {
position: relative;
}
.table {
width: auto !important;
min-width: 1080px;
}
.btnWrap button {
width: 100%;
}
.accoutBtn {
display: inline-block !important;
margin-bottom: 10px !important;
}
.otherNews .newsItem .newsImg {
width: auto !important;
}
.otherNews .newsItem {
display: flex;
}
.filterItem {
padding: 20px;
}
.centerWrap {
padding: 50px 20px;
width: 100%;
}
.boxWrap {
margin: 0px 0%;
}
.logTab {
padding: 40px 10px !important;
text-align: left !important;
padding-bottom: 0px !important;
}
.logTab li {
display: inline-block;
vertical-align: top;
}
.mainSilder,
.subWrapper,
.breadcrumbWrapper {
margin-top: 130px;
}
.owl-nav {
display: none !important;
}
.hotItem button {
width: 16%;
margin: 2% 2%;
}
.filterItem {
display: none;
}
.mobileFilterBtn {
color: #fff;
display: block;
}
.ci {
padding: 20px;
}
.list {
list-style: none;
}
.benefitBox {
text-align: center;
width: 100%;
}
.quickSearch {
padding: 80px 20px 200px 20px;
}
.quickSearchForm .form-control {
font-size: 1rem;
border: 0px;
margin-bottom: 2px;
}
.breadcrumb {
padding-top: 56px;
}
.silderTextWrap {
width: 60%;
}
.lab_video_text_overlay {
margin-top: 140px;
}
.silderDetail {
line-height: 24px;
font-size: 1rem;
}
.mainDesItem {
padding: 0px 15px;
}
.mobileBorderTop {
padding-top: 20px;
border-top: 1px solid #cdcdcd;
padding-right: 20px;
}
.quickSubSearch {
padding: 0px 20px 40px 20px;
}
.mainWrapper {
padding: 50px 20px;
}
.srotPackGroupWrap label {
width: 100%;
}
}
@media (max-width: 768px) {
.stepCardWrap {
padding-left: 40px;
}
.lovetableHeard {
display: none;
}
.table {
width: auto !important;
min-width: 780px;
}
.mobile {
display: block !important;
}
.desktop {
display: none !important;
}
.slick-dots li button {
text-indent: -9999px;
border: 0px;
border-radius: 100px;
padding: 0 5px;
height: 10px;
width: 2px;
}
.mainSilder,
.subWrapper,
.breadcrumbWrapper {
margin-top: 150px;
}
.hotItem button {
width: 29%;
margin: 2% 2%;
}
.shipBoxWrap {
padding: 10px 15px;
}
.shipBox {
margin: 4px 0%;
width: 100%;
}
.resultLogo {
max-width: 100%;
}
.resultName {
max-width: 100%;
}
.resultTag {
max-width: 100%;
}
.rating-holder {
max-width: 100%;
}
.mobileMargin-auto {
margin: 20px auto !important;
}
.shardowBox {
padding: 20px;
}
.benefitBox svg {
width: 160px;
height: 160px;
}
.subscribe {
width: 100%;
}
.payBtn {
min-width: auto;
}
.moblieNoMargin {
margin: 0px !important;
}
.searchResultsDetail {
text-align: center;
}
.searchResultsPrice {
margin-top: 20px;
padding-top: 10px;
border-left: 0px dotted #cdcdcd;
border-top: 1px dotted #cdcdcd;
border-radius: 0px 0px 10px 10px;
}
.teamDetail {
padding: 40px 20px;
}
.swiper-slide {
width: 100%;
}
.teamBanner {
height: 300px;
}
.silderDetail {
font-size: 0.9rem;
}
.breadcrumbWrapper {
padding: 10px 0px;
}
.silderTextWrap {
width: 80%;
padding-left: 10%;
}
}
@media (max-width: 500px) {
.productBox .loveBtn {
right: -5px;
}
.haveItem {
right: 5px;
top: 5px;
}
.mainSilder,
.subWrapper,
.breadcrumbWrapper {
margin-top: 115px;
}
.newsImg {
width: 42%;
}
.productBox {
margin-bottom: 0px;
}
.productBoxWrap {
padding: 8px;
}
.hotWrapper {
padding: 50px 0px;
}
.slicker .slick-next {
right: 8%;
width: 22px;
}
.tabs-contentWrap {
padding: 20px 7px;
}
.mainTabWrap li {
width: 30%;
margin-bottom: 10px;
}
.slicker .slick-prev {
position: absolute;
left: 8%;
width: 22px;
}
.lab_video_text_overlay {
margin-top: 100px;
}
.aboutDes {
width: 100%;
}
.aboutImg {
width: 100%;
}
.mobileLeft {
margin-left: 0px !important;
}
.silderTextWrap {
width: 90%;
}
.flexSmColumn {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
}