@media only screen and (min-width : 0) and (max-width : 767px) {
body {font-size: 16px;line-height: 1.6}
.wraper-mobile {padding-left: 10px;padding-right: 10px}
/*Icon Hotline Bottom Body*/
#Mobile-Hotline { background: var(--color2); bottom: 0; display: block; padding: 10px; position: fixed; text-align: center; width: 100%; z-index: 999999999; }
#Mobile-Hotline a { color: #fff; font-size: 16px }
/*==========HOME BANNER*/	
.Grid-Banner {}
.Grid-Banner .col-item a{padding-top: 66%;position: relative;overflow: hidden}
.Grid-Banner .col-item a img {position: absolute;top: 0;width: 100%;height: auto;max-height: none;max-width: none;-o-object-fit:cover;object-fit:cover;left: 0}
/*Home Product Block*/
.slide-product {}
.product-owl-multi .ProductGroupNameLink {margin-bottom: 15px}
.product-owl-multi .ProductGroupNameLink a {font-size: 22px}
.product-owl-multi .dataNull80 {min-height: 50vw;background: #f1f1f1;border: 1px solid #eaeaea;margin-bottom: 30px;margin-top: 5px}
/*TITLE */
.section-divider a, .section-divider span {font-size: 22px}
/*FOOTER*/
footer.footer {padding-top: 30px;}
.Footer .copyrights {padding-bottom: 80px}
.Footer .container {padding-left: 15px;padding-right: 15px}
.Footer .secarea a, .Footer .secarea{font-size: 14px;line-height: 1.5}
.Footer ul li {margin-bottom: 4px}
.Footer h3, .Footer h4 {font-size: 18px}
/*PRODUCT PAGE*/
.productinfo-left-inner {padding-right: 0}
#Product .ProductMeta .ProductPriceNew {font-size: 22px}
/*PRODUCT SUPPORT*/
.Product-Support .col-item, .Product-Support a {font-size: 16px}
/*CONTEXT*/
.quickSpecs #Context ul li, .quickSpecs #Context ul li * {font-size: 16px}
/*PRODUCT LIST*/
.ProductRelate2 {}
.ProductRelate2 .ProductRelate .ProductName {font-size: 18px;display: block;line-height: 1.5}
.ProductRelate2 .ProductRelate ul {font-size: 16px}
.ProductRelate2 .ProductSerial, .ProductRelate2 .Visit {font-size: 14px}
.ProductRelate2 .ProductRelate #ProductRelate-Right {position: relative;-webkit-transform: none;-ms-transform: none;transform: none;padding-bottom: 15px;padding-top: 15px}
.ProductRelate2 .ProductRelate .ProductPriceNew {margin-bottom: 5px;display: block}
.ProductRelate2 .ProductRelate ul li {margin-bottom: 4px;}
/*ProductLinks*/
.Sidebar-ProductLinks .item .NewsName {font-size: 16px}
.Sidebar-ProductLinks .item .ProductPriceNew {font-size: 18px}
/*NewsLinks*/
#NewsRelate .NewsRelate .NewsName {font-size: 18px}
/*Menu Left */
.Menu-Left li a, #nav-right .panel-body ul li a, #nav-right .panel-heading .panel-title {font-size: 16px}
/*News Page*/
#News .Description, #News .Description *, #News #Context1, #News #Context1 * {font-size: 18px}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
body {font-size: 16px;line-height: 1.5}
.wraper-mobile {padding-left: 30px;padding-right: 30px}
/*FOOTER*/
footer.footer {padding-top: 30px}
.Footer .container {padding-left: 30px;padding-right: 30px}
/*TITLE*/
.section-divider a, .section-divider span, .product-owl-multi .ProductGroupNameLink a {font-size: 22px}
/*ProductLinks*/
.Sidebar-ProductLinks .item .NewsName {font-size: 16px}
.Sidebar-ProductLinks .item .ProductPriceNew {font-size: 18px}
/*Menu Left */
.Menu-Left li a, #nav-right .panel-body ul li a, #nav-right .panel-heading .panel-title {font-size: 16px}
/*News Page*/
#News .Description, #News .Description *, #News #Context1, #News #Context1 * {font-size: 18px}
/*PRODUCT PAGE*/
.productinfo-left-inner {padding-right: 0}
#Product .ProductMeta .ProductPriceNew {font-size: 22px}
/*PRODUCT SUPPORT*/
.Product-Support .col-item, .Product-Support a {font-size: 16px}
/*CONTEXT*/
.quickSpecs #Context ul li, .quickSpecs #Context ul li * {font-size: 16px}
}

 @media (min-width:992px) {
}
 @media (min-width:1200px) {
/*#Product*/
.Home-Product-20 {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%}
/*PRODUCTGROUP , NEWSGROUP STYLE  && ProductRelate3-------------------------------------------------------------*/
#Column-Left-Product { -webkit-box-flex: 0; -ms-flex: 0 0 19%; flex: 0 0 19%; max-width: 19%; }
#Column-Right-Product { -webkit-box-flex: 0; -ms-flex: 0 0 81%; flex: 0 0 81%; max-width: 81%;}
}