/*tablet*/
@media all and (max-width: 1280px) {
.slider-video {
left: -40%;
width: 175% !important;
}
}
@media all and (max-width: 1199px) {
.navbar {
height: 84px;
}
}
@media all and (max-width: 991px) {
.vietnamDetail {
order: 1;
}
.scrollTop {
text-align: center;
position: absolute;
color: #4ea3ff;
width: 70px;
border-radius: 10px 10px 0px 0px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
right: 0;
left: 0;
bottom: -40px;
}
.leftPageMenuDetail {
display: none;
}
.supplierForm {
width: 90%;
}
.vietnamImg {
height: 400px;
order: 2;
}
#lab_video_text_wrap {
height: 300px;
}
.subNav {
display: none;
}
.swiper-container {
margin-top: 0%;
}
.nav {
top: 0px;
position: fixed;
z-index: 200;
background-color: #fff;
}
.wrapper {
margin-top: 66px;
}
.leftMainMenuDetail {
display: none;
}
.mobileTop {
margin-top: 20px;
}
.copyright {
display: block;
float: inherit;
}
.collapse:not(.show) {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.dropdown-item {
padding: 10px;
border-bottom: 1px solid #ffffff;
white-space: inherit;
}
.searchInput {
width: 80%;
}
.deskTopCat {
display: none;
}
.mobileCloseBtn {
z-index: 9999;
position: absolute;
right: 20px;
padding: 10px;
font-size: 1.8rem;
cursor: pointer;
}
.searchOverlay {
display: block !important;
position: relative;
}
.searchWarp::before {
display: none;
}
.mr-auto li {
border-bottom: 0px solid #ebebeb !important;
}
.navbar-expand-lg {
width: 100%;
padding: 0px 10px;
}
.navbar-nav li {
padding: 20px 0px;
border-bottom: 1px solid #ebebeb;
}
.form-inline {
margin: 0px 0px;
}
.mobileCat {
display: block;
}
.navbar-collapse {
left: 0px;
z-index: 200;
width: 100%;
overflow-y: auto;
height: 100%;
top: 0px;
padding: 10px 20px;
position: fixed;
background-color: rgba(255, 255, 255, 1);
}
.SearchWarp {
width: 100%;
}
}
@media all and (max-width: 767px) {
.productImg {
margin-bottom: 20px;
}
.backBtn {
float: inherit;
margin-left: 15px;
}
.productImg::after {
border-right: 0px solid #cdcdcd;
}
.swiper-container-horizontal > .swiper-pagination {
bottom: 10px;
}
.nav {
top: 0px;
position: fixed;
z-index: 200;
background-color: #fff;
}
.wrapper {
margin-top: 66px;
}
.mainPageMenuBtn {
margin-top: 20px;
}
.swiper-container {
height: 400px;
}
#lab_video_text_overlay h2 {
font-size: 1.6em;
}
#lab_video_text_overlay p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#lab_video_text_overlay {
padding: 0px 20px;
}
}
@media all and (min-width: 580px) {
}
@media all and (max-width: 650px) {
#lab_video_text_wrap {
height: 250px;
}
#lab_video_text_overlay h2 {
font-size: 2em;
}
#lab_video_text_overlay p {
font-size: 0.9em;
}
}
/*mobile*/
@media all and (max-width: 500px) {
.searchInput {
width: 66%;
}
.navbar-brand {
padding: 12px 0px;
width: 40%;
}
.swiper-button-prev,
.swiper-button-next {
width: 10px;
height: 18px;
margin-top: -22px;
-moz-background-size: 10px 44px;
-webkit-background-size: 10px 44px;
background-size: 10px 44px;
}
.swiper-container {
height: 325px;
}
}
@media all and (max-width: 480px) {
.navbar {
height: 64px;
}
.wrapper {
margin-top: 62px;
}
.slider-video {
width: 200% !important;
}
}