/*tablet*/
@media only screen and (min-width: 701px) {
.contents_title,
.contents_title_hk {
margin-top: 0;
flex-direction: row;
justify-content: center;
font-size: 45px;
width: 100%;
}
.contents_title::after {
margin-top: 2px;
margin-left: 20px;
content: url(//cdn.shopify.com/s/files/1/0345/6565/2617/files/pages-our-mission--title-large.svg?v=3245493942780549861);
}
}
@media all and (max-width: 1199px) {}
@media all and (max-width: 991px) {}
@media all and (min-width: 1500px) {
.navbar-expand-lg {
width: 80%;
}
}
@media all and (max-width: 768px) {
.navbar-brand {
position: relative;
}
.halfWrap {
width: 100%;
}
.modal {
margin-left: 7px;
}
.modal-dialog {
max-width: 100%;
}
.ciWrap {
text-align: left;
}
.rightMarginTop {
margin-top: 0px !important;
}
.functionTablelist ul li {
width: 49%;
}
.functionTableTitle {
width: 100%;
}
.productColorBox {
width: 45%;
}
.videoRow {
display: block;
}
.videoCard {
width: 100%;
padding: 10px;
margin: 0px 0px;
}
small {
display: block;
}
.text-right {
text-align: center !important;
}
.productColor {
padding: 0 15px;
}
.navbar-expand-lg {
width: 100%;
}
.mobileTextCenter {
text-align: center;
}
.mobileTop {
margin-top: 20px;
}
}
/*mobile*/
@media all and (max-width: 580px) {
.navbar-brand {
width: 40%;
}
.scrollToTop {
bottom: 20px;
right: 20px;
}
}
@media all and (max-width: 480px) {
.productColorBox {
width: 100%;
}
.socialIcon {
width: 24px;
padding-top: 5px;
}
.navbar-nav li {
margin: 0px 2px;
}
.functionTablelist ul li {
width: 100%;
}
}
@media all and (max-width: 320px) {
.socialIcon {
width: 20px;
padding-top: 5px;
}
}