@media (min-width: 992px) and (max-width: 1199.98px) {
    #slider{height:670px}
    #slider .container .sliderText p{font-size:30px}
    #slider .container .sliderText h1{font-size:17px}
    #unified .container .unified-left p{font-size:14px}
    #service .container .content .service-right{-ms-grid-columns:repeat(auto-fit,minmax(33%,1fr));grid-template-columns:repeat(auto-fit,minmax(33%,1fr))}
    #service .container .content .service-right .feature-wrap h2{font-size:19px}
    }
    @media (min-width: 768.98px) and (max-width: 1024.98px) {
    #kslider{height:300px}
    }
    @media (min-width: 992px) and (max-width: 1199.98px) {
    #pSingle .container .Cfotorama{flex-basis:57%}
    }
    @media (min-width: 768px) and (max-width: 991.98px) {
    #unified .container .unified-right .swiper-container{height:250px}
    #pContent .container .list:before{width:90%}
    #pContent .container .list:hover:before{left:60%;transform:rotate(39deg)}
    #slider{height:600px}
    #slider .container .sliderText p{font-size:28px}
    #slider .container .sliderText h1{font-size:15px}
    #unified .container{/* height:275px; */}
    #unified .container .unified-left h1{font-size:35px}
    #unified .container .unified-left p{font-size:13px}
    #unified .container .unified-right .swiper-wrapper .sliderText .content{padding:0 10px 0 0;margin:auto 35px auto 0}
    #unified .container .unified-right .swiper-container .swiper-button-next{left:-10px;top: -70%;}
    #unified .container .unified-right .swiper-container .swiper-button-prev{left:-30px;top: -78%;}
    #unified .container .unified-right.left .swiper-wrapper .sliderText .content{padding:0 0 0 10px;margin:auto 0 auto 35px}
    #unified .container .unified-right.left .swiper-container .swiper-button-next{left: 28px;top: -70%;}
    #unified .container .unified-right.left .swiper-container .swiper-button-prev{left: 8px;top: -78%;}
    #service .container .center h2{font-size:35px}
    #service .container .center p{font-size:15px}
    #service .container .content .service-right{-ms-grid-columns:repeat(auto-fit,minmax(33%,1fr));grid-template-columns:repeat(auto-fit,minmax(33%,1fr))}
    #service .container .content .service-right .feature-wrap h2{font-size:16px}
    #news .container .content .inner-content .news-desc h4 a{font-size:17px}
    #news .container .content .inner-content .news-desc h3 a{font-size:16px}
    #footer .container .content .footerMiddle{overflow:hidden}
    #footer .container .content .footerMiddle .footer-menu .footermenu-item{font-size:13px;width:84px;line-height:31px}
    }
    @media (min-width: 576px) and (max-width: 767.98px) {
    #pContent .container .list:before{width:90%}
    #pContent .container .list:hover:before{left:22%;top:-50%;transform:rotate(37deg)}
    #pContent .container .list{flex:0 0 45%}
    #slider{height:550px}
    #slider .container .sliderText{width:376px;bottom:13%;left:40px}
    #slider .container .sliderText p{font-size:25px}
    #slider .container .sliderText h1{font-size:14px}
    #unified{padding:20px 0 10px}
    #unified .container{display:flex;flex-direction:column;grid-template-columns:none;grid-gap:unset}

    #service{padding:20px 0 25px}
    #service .container .content{display:flex;flex-direction:column;grid-template-columns: 1fr!important;grid-gap:unset;margin:15px 0 0;}
    #service .container .center h2{font-size:35px}
    #service .container .center p{font-size:15px}
    #service .container .content .service-left{display:flex;padding:0 35px;align-items:center;margin-bottom:15px}
    #service .container .content .service-right{-ms-grid-columns:repeat(auto-fit,minmax(40%,1fr));grid-template-columns:repeat(auto-fit,minmax(40%,1fr));margin:0 35px}
    #service .container .content .service-right .feature-wrap h2{font-size:19px}
    #news .container .content{-ms-grid-columns:repeat(auto-fit,minmax(40%,1fr));grid-template-columns:repeat(auto-fit,minmax(40%,1fr))}
    #shortcut{padding:25px 0 0}
    #shortcut .container{-ms-grid-columns:repeat(auto-fit,minmax(32%,1fr));grid-template-columns:repeat(auto-fit,minmax(32%,1fr));grid-gap:0 25px}
    #shortcut .container .shortcut-box{margin-bottom:25px}
    }
    @media (max-width: 768.98px) {
    #productContent .container{flex-direction:column}
    #productContent .container .right{position:unset;width:100%;margin-top:20px}
    #shortcut .container{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}
    #curtain .content .box{flex:1 0 48%}
    #curtain .content .box:last-child{border-left:unset;border-top:1px solid #fff}
    #productContent .container .left{width: 100%!important;}
    #campaignContent .container{flex-direction: column;}
    #seeCampaign .container .list .single{flex: 1 0 48%;}
    #unified .container .unified-right{margin-bottom:10px}
    }
    @media (max-width: 575.98px) {
    #curtain .content .box{flex:1 0 100%;border-left:unset;border-top:1px solid #fff}
    #shortcut .container{-ms-grid-columns:1fr;grid-template-columns:1fr}
    #kslider{height:250px}
    #kslider .mainSliderText p{font-size:25px}
    #pContent .container .list{flex:1 0 100%;margin:10px 0}
    #pSingle .container .text .buttons .buton p{font-size:12px}
    #pContent .container .list:before{width:90%}
    #pContent .container .list:hover:before{left:68%;top:21px;transform:rotate(99deg)}
    #productContent .container .right p{font-size:14px}
    #productContent .container .right h2{font-size:18px}
    #newsList .container .list{border-left:unset;flex-direction:column;align-items:center;height:400px;margin:5px}
    #newsList .container .list .newsLeft{height:200px;flex-basis:unset}
    #newsList .container .list .newsRight .text{max-width:unset;margin:0 20px}
    #newsList .container .list .newsRight .text .triangle{display:none}
    #newsList .container .list .newsRight .text h1{margin:15px 0}
    #newsList .container .list .newsLeft img{object-fit:contain}
    #newsList .container .list .newsRight{border-left:unset}
    .newsDetail img,.newsText,.page-news-detail-footer{grid-column:unset!important;grid-row:unset!important}
    .newsText{padding-top:20px}
    #Newscontent .newsDetail{grid-template-columns:1fr;grid-template-rows:180px auto auto}
    #Newscontent .newsDetail .swiper-container.gallery-top{max-height:280px}
    .page-contact .contact-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
    .page-contact .boxes{padding:0;margin-bottom:30px;height:250px}
    .dacPageList a{flex:1 0 100%}
    #seeCampaign .container .list .single{flex: 1 0 100%;}
    #seeCampaign .container .pageTitle h1{font-size: 20px;}
    .center p{font-size: 15px;}
    }
    @media (max-width: 992px) {
    #pSingle .container .Cfotorama{flex-basis:100%}
    #pSingle .container .text{margin:60px 0 0}
    #hcontent .container .text .icon{margin-bottom:15px}
    #pSingle .container .text .buttons{width:93%;left:unset}
    #pSingle .container .text .buttons .buton{flex-basis:29%}
    #header nav .brand-logo{padding:6px 0}
    #service .container .content {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(48%, 1fr));grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));grid-gap: 0 25px;margin: 30px 0 0 0;}

    }
    @media (max-width: 767px) {
    #footer .container .content{display:flex;flex-direction:column;align-items:center;grid-template-columns:none;grid-gap:unset}
    #footer .container .content .footerLeft{align-items:center;justify-content:center}
    #footer .container .content .footerLeft .footerAddress{margin-top:15px}
    #footer .container .content .footerMiddle{display:flex;flex-direction:row;align-items:center;margin-top:30px}
    #footer .container .content .footerMiddle .footer-menu > div{justify-content:center}
    #footer .container .content .footerMiddle .footer-menu .footermenu-item{text-align:left;margin-top:-5px;width:90px;font-size:13px}
    #footer .container .content .footerRight{align-items:center;justify-content:center}
    #footer .container .content .footerRight .footerSocial{margin-top:16px}
    #footer .container .content .footerRight .footerText{padding-top:19px;text-align:center}
    }
    @media (max-width: 575.98px) {
    #header nav .brand-logo img{width:70%}
    #slider{height:400px}
    #slider .container .sliderText{display:none}
    #slider .container .sliderText p{font-size:18px}
    #slider .container .sliderText h1{font-size:14px}
    #unified{padding:20px 0 10px}
    #unified .container{display:flex;flex-direction:column;grid-template-columns:none;grid-gap:unset}
    #unified .container .unified-left h1{font-size:35px}
    #unified .container .unified-left{margin-bottom:10px}
    #unified .container .unified-right .swiper-wrapper .sliderText{display:none}
    #unified .container .unified-right.backup .swiper-wrapper .sliderText{display: block;}
    #unified .container .unified-right .swiper-container{height:unset}
    #unified .container .unified-right .swiper-wrapper .swiper-slide{height:250px}
    #unified .container .unified-right .swiper-container .swiper-button-next{height:32px;margin:0;text-align:right;left:-16px;font-size:25px}
    #unified .container .unified-right .swiper-container .swiper-button-prev{height:32px;text-align:left;left:14px;font-size:25px;margin-top:-32px}
    #unified .container .unified-right.left .swiper-container .swiper-button-next{height:32px;margin:0;text-align:right;left:-16px;font-size:25px}
    #unified .container .unified-right.left .swiper-container .swiper-button-prev{height:32px;text-align:left;left:14px;font-size:25px;margin-top:-32px}
    #service{padding:20px 0 25px}
    #service .container .content{display:flex;flex-direction:column;grid-template-columns:none;grid-gap:unset;margin:15px 0 0}
    #service .container .center h2{font-size:35px}
    #service .container .center p{font-size:16px}
    #service .container .content .service-left{display:none}
    #service .container .content .service-right{-ms-grid-columns:repeat(auto-fit,minmax(40%,1fr));grid-template-columns:repeat(auto-fit,minmax(40%,1fr));margin:0 35px}
    #service .container .content .service-right .feature-wrap{display:flex;flex-direction:column;align-items:center}
    #service .container .content .service-right .feature-wrap i{font-size:30px;height:63px;width:63px;padding:13px 0}
    #service .container .content .service-right .feature-wrap h2{font-size:17px;padding:10px 7px;text-align:center}
    #news .container .content{-ms-grid-columns:repeat(auto-fit,minmax(60%,1fr));grid-template-columns:repeat(auto-fit,minmax(60%,1fr));margin:4px 0 0}
    #news .container .content .inner-content .news-desc{height:150px}
    #news .container .content .inner-content .news-desc h4 a{font-size:17px}
    #shortcut{padding:25px 0 0}
    #shortcut .container{-ms-grid-columns:repeat(auto-fit,minmax(60%,1fr));grid-template-columns:repeat(auto-fit,minmax(60%,1fr));grid-gap:0 25px}
    #shortcut .container .shortcut-box{margin-bottom:25px}
    }
    @media (max-width: 1199.98px) {
    .container{padding:0 20px}
    }