@media (max-width:992px){ .style-box1,.style-box2,.style-box3,.style-box4,.style-box5 { width:33.3% !important; font-size:13px; } } @media (max-width:768px) { body { font-size:14px;} .container { padding:0; margin:0;} .article-body { padding:0px;} .offcanvas-toggler-right { padding:10px 20px;} .style-home-grid-news .nspCol2 {width:100% !important} .fcp-top { height:auto !important; padding:15px !important;background-repeat: no-repeat !important;} .fcp-top h3 {margin:20px 0!important } .en-gb .fcp-top h3 { line-height:1.4em;} .en-gb .m_list .mnwall-title a{ font-weight:normal;text-transform:unset} .en-gb .mnwall-title {padding:0 ;} .en-gb .mnwall-title a{line-height:18px !important; font-size:14px !important;} .product-intro-main{padding:0 !important;} .acc-intro{ padding:20px 15px !important;} .acc-top img { width:100%;} .accmore { position:relative !important; bottom:0 !important; left:10px;} .m_list .mnwall-img-div img { height:85px;} .m_list .mnwall-cover {width:35% !important; background:#fff; padding:5px; } .m_list .mnwall-title {padding:0 10px ; font-weight:bold;} .m_list .mnwall-desc { height:50px; color:#888 !important} .acc-body { padding:0 !important;} .acc-intro-main { margin:0 !important;} .left,.right{float:none;} .lxwm2_7 h3{margin:0;} .lxwm2, .lxwm2_1, .lxwm2_2, .lxwm2_3, .lxwm2_4, .lxwm2_6, .lxwm2_7, .lxwm2_5{width:100%;height:auto;padding:10px;} .portal_nav ul li { width:40% !important; margin:10px !important;} } .en-gb .acc-intro h3 {letter-spacing: 0px; font-size:18px;} .en-gb .lxwm2_3 span {width:500px;} .en-gb .accintro-text{ text-align:left;} .blog p {text-align:justify;padding:15px;} .style-box1,.style-box2,.style-box3,.style-box4,.style-box5 { width:32%; height:175px; display:inline-grid !important; } .style-box1 p,.style-box2 p,.style-box3 p,.style-box4 p,.style-box5 p{ line-height:3em;} .style-box1{ background:#f6f6f6 url(/images/icon/1.gif) no-repeat center 20px; } .style-box1:hover {background:#f6f6f6 url(/images/icon/2.gif) no-repeat center 20px; } .style-box1 a { text-align:center;width:100%; margin-top:90px; } .style-box2{ background:#ffffff url(/images/icon/3.gif) no-repeat center 20px; } .style-box2:hover {background:#ffffff url(/images/icon/4.gif) no-repeat center 20px; } .style-box2 a { text-align:center;width:100%; margin-top:90px; } .style-box3{ background:#f6f6f6 url(/images/icon/5.gif) no-repeat center 20px; } .style-box3:hover {background:#f6f6f6 url(/images/icon/6.gif) no-repeat center 20px; } .style-box3 a { text-align:center;width:100%; margin-top:90px; } .style-box4{ background:#ffffff url(/images/icon/7.gif) no-repeat center 20px; } .style-box4:hover {background:#ffffff url(/images/icon/8.gif) no-repeat center 20px; } .style-box4 a { text-align:center;width:100%; margin-top:90px; } .style-box5{ background:#f6f6f6 url(/images/icon/9.gif) no-repeat center 20px; } .style-box5:hover {background:#f6f6f6 url(/images/icon/10.gif) no-repeat center 20px; } .style-box5 a { text-align:center;width:100%; margin-top:90px; } .style-banner .sppb-container-inner { background:rgba(255, 255, 255, 0.81);width:35%; min-height:100%; position:absolute; bottom:0;padding-top:5%; } .style-banner .animated-text-words-wrapper { color:#4db1d8;} .content-menu { padding:0 ;} .content-menu li{ border: 1px solid #d6944c; display:inline-block; line-height:45px; min-width:13%; text-align:center;padding:0 15px; margin:10px 20px;height:48px;} .content-menu li:hover {background:#f4bb31 url(../hjimages/mb24.png) no-repeat center;border: 1px solid #ffffff;} .content-menu li:hover a { color:#fff !important;} .content-menu li.active { background: url(../hjimages/mb24.png) no-repeat center;border: 1px solid #ffffff;} .content-menu li.active a { color:#fff;} .style-product #mnwall_iso_container_3 { width:100.1% !important; } .style-row .sppb-col-md-6 { padding:0;} .style-row img {height:295px;width: 570px; background:#fff;} .style-row .sppb-addon{height:295px; } .style-row-info { padding:40px 115px; font-size:14px; line-height:2em;color:#666;} .style-row-info h3{font-size: 18px; color: #000; line-height:2em;} .style-row-info img {height:auto;width:auto;} .style-row-info .index-border { width: 55px; height:2px;border-bottom: 2px solid #4e7486; margin-bottom: 25px;} .style-row-info a { color:#ffae33; border:1px solid; padding:10px 40px; line-height:50px;} .style-row-info:hover a { color:#fff; border:1px solid; background:#ffae33} .style-page-news .article {/* border:0; */border-bottom:1px solid #ddd;margin-bottom: 40px;min-height: 300px;} .style-page-news .article-intro-image img { width:391px; height:250px;} .style-page-news h2 { font-size:18px !important; text-align:center; padding-top:30px;} .style-page-news .article-introtext {background: #fff;padding:20px 30px;height: 95px;overflow:hidden;} .style-page-news .readmore a{color:#f9ba2b !important; position:absolute; right:30px; bottom:110px;} .style-page-news .article-info { position:absolute; bottom:70px; right:30px; ;} .style-page-news .published {position:relative; bottom:-40px;} .style-home-grid-news .nspCol2 {width:48%} .style-home-grid-news .nspArt{ border:1px solid #f5f5f5; padding:30px !important; color:#666; margin:10px;} .style-home-grid-news .nspArt:hover{ background:#f6f6f6;} .style-home-grid-news h4 { font-size:18px !important;margin-left:130px !important} .style-home-grid-news h4 a { color:#000 !important; font-weight:700} .style-home-grid-news .nspText { margin-left:130px !important;font-size:14px; height:3em !important;overflow:hidden;} .style-home-grid-news .nspInfo {font-size:18px;color:#000; position:absolute; } .nspInfo1 { font-size:30px !important; width:2em !important; height:1.5em !important;overflow:hidden; margin-left:1em;} .nspInfo2 { margin-top:3em; margin-left:0.5em;text-indent:-1.1em; width:95px; overflow:hidden;} .style-mobile-menu ul { padding:0;} .style-mobile-menu li{list-style:none; display:inline-block; background:#dfdfdf; width:33.3%; text-align:center; border-right:3px solid #fff; margin-bottom:3px;line-height:2em;} .style-mobile-grid-news .nspArts { padding:0 15px;} .style-mobile-grid-news .nspArt { margin-bottom:20px;padding-bottom:20px !important; border-bottom:1px solid #dfdfdf } .style-mobile-grid-news .nspImage { float:left; margin-right:20px; } .style-mobile-grid-news h4 { margin-left:130px !important; font-size:1.2em !important; padding:0 !important;} .style-mobile-grid-news h4 a { color:#000;} .style-mobile-grid-news .nspText { color:#666; font-size:12px; height:58px; overflow:hidden; } .fcp-top {background:url(/statics/hjimages/mb25.jpg) repeat-x;padding: 30px 30px 0 30px; margin:0;border-bottom: 8px solid #f9ba2b;display: flex;height:400px;} .fcp-top h3 {line-height:2.3em;font-size: 24px;color: #262929;border-bottom: 1px solid #f9ba2b;margin:50px 0;} .fcp-top img { margin:auto; width:95%; max-height:340px;} .intro-text { line-height:2em;} .intro-links { position:absolute; bottom:0; right:0; display:none;} .intro-links1 { position:absolute; bottom:0; right:0;} .product-intro-main { padding:40px; background:#f5f5f5; } .product-intro-main p { line-height:2em;} .style-mega { background:#4db1d8; padding:8px 0 !important;} .style-mega li { font-size:13px; color:#fff;} .product-intro-bootom li { display:inline-block; border: 1px solid #f9ba2b;text-align: center;line-height: 46px; font-size: 18px; padding:10px 20px; min-width:220px;margin:40px 20px;} .product-intro-bootom li a { color: #262929; } .acc-body { background: url(/statics/hjimages/mb44.jpg); padding: 20px 60px;} .acc-intro {background:#fff url(../hjimages/mb61.png) bottom no-repeat;padding:60px 40px;;} .acc-intro h3 { background: url(../hjimages/mb58.png) no-repeat;height: 51px;line-height: 51px;text-align: center;font-size: 24px;color: #fff;letter-spacing: 2px;} .acc-click { width: 30px;background: url(../hjimages/mb59.png) no-repeat;height: 30px;position: absolute;bottom: 19px;right: 19px; cursor: pointer;} .accintro-text { min-height:120px; line-height:2em; font-size:14px; text-indent:2em; text-align:justify;} .accintro-links { float:right; } .accmore {position:absolute;bottom:120px;right:120px;color:#fff;background:#ffb100;border-radius:15px;padding:0px 8px;cursor:pointer; } .acc-intro-main { clear:both; margin:20px 60px; display:none;} .home-search { position:absolute; top:20px; right:0; z-index:100; width:320px;} .sb-icon-search{background: url(../images/s.png) right !important;} .sb-icon-search{ font-size:0 !important;} .home-case-grid figcaption p{ height:110px;overflow:hidden; line-height:2em; } .home_case img { height:330px !important;} .home_case .sppb-row { background:#fff; /*height:300px;*/ } .home_case h3 {border-bottom: 1px solid rgba(0,0,0,.1);text-align:center; color:#444;} .home_case .sppb-addon-image-layout-text{ color:#444; text-align:justify; line-height:2em; font-size:14px;} .home_case .sppb-btn { text-align:center; width:100%; color:#d27244;} .home_case img:hover { transform: scale(1.05);} .home_case .image-fit { overflow:hidden; transition: all 0.3s } .style_file ul { margin:0; padding:15px 0; border-bottom:1px solid #ddd;} .style_file li{ list-style:none; padding:0; margin:0; display:inline-block;} .file_title {width:48%;} .file_date { width:45%;} .file_link { width:5%;} .file_link img { width:35px;} .lang-inline { margin:0;} .lang-inline li{ list-style:none; display:inline-block; padding:0 5px; } .highlight { background:#fdff0a; } .portal_nav ul li { display:inline-block; padding:10px; border:1px solid #ccc; width:20%; margin:20px;text-align:center;background:#eee;} .portal_nav ul li:hover a { color:#4db1d8}