/*tablet*/
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1199px) {
.functionTablelist ul li {
width: 49%;
}
}
@media all and (max-width: 991px) {
.bannerProductImg {
width: 100%;
top: 0px;
margin-bottom: -100px;
position: relative;
}
.bannerTitle {
text-align: center;
}
.bannerDes {
padding: 100px 0px 0px 0px;
}
.bannerDes p {
text-align: center;
width: 100%;
}
.bannerProductDes {
padding: 100px 0px 40px 0px;
}
}
@media all and (min-width: 1500px) {
.navbar-expand-lg {
width: 80%;
}
}
@media all and (max-width: 768px) {
.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;
}
}