@media (min-width:992px){
    .ny-pro .media-pro .pro-img>img{transition:.4s;}
    .ny-pro .media-pro .pro-body{position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(0,0,0,0);transition:.4s;transform:translate(-50%,-50%);}
    .ny-pro .media-pro .pro-body span{position:absolute;top:50%;left:50%;display:block;display:flex;overflow:hidden;width:100%;height:100%;border:0 solid #dadada;transition:.4s;transform:translate(-50%,-50%);flex-direction:column;justify-content:center;align-items:center;}
    .ny-pro .media-pro .pro-body span img{transition:.4s;transform:translateY(-2000%);}
    .ny-pro .media-pro .pro-body span h3{color:#fff;font-size:18px;transition:.4s;transform:translateY(-2000%);}
    .ny-pro .media-pro .pro-body span a{display:inline-block;padding:.625rem 1.125rem;background:#b70810;color:#fff;transition:.4s;transform:translateY(2000%);}
    .ny-pro .media-pro:hover .pro-body{background:rgba(0,0,0,.6);}
    .ny-pro .media-pro:hover span{width:85%;height:85%;border:3px solid #dadada;}
    .ny-pro .media-pro:hover .pro-img>img{transform:scale(1.4,1.4);}
    .ny-pro .media-pro:hover .pro-body span img{transform:translateY(0);}
    .ny-pro .media-pro:hover .pro-body span h3{transform:translateY(0);}
    .ny-pro .media-pro:hover .pro-body span a{transform:translateY(0);}
}
@media (max-width:1199px){.navbar-brand{padding:13px 15px;}
.navbar-nav>li>a{margin:23px 0;padding:7px 14px;}
.ainfo{min-height:444px;}
.abox{padding:10px 10px 20px 0;}
.abox h1{line-height:30px;}
section.about{min-height:699px;}
}
@media (max-width:991px){.navbar-brand img{max-height:27px;}
.navbar-nav>li>a{margin:14px 0;padding:5px 14px;font-size:12px;}
.abox h1{padding-bottom:7px;font-size:16px;line-height:30px;}
.slide{margin-top:59px;}
.abox{padding:10px 10px 0 0;}
.sy-contact{margin-left:0;padding:0 10px;}
.ny-pro .media-pro .pro-img>img{transition:.4s;}
.ny-pro .media-pro .pro-body{position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(0,0,0,0);transition:.4s;transform:translate(-50%,-50%);}
.ny-pro .media-pro .pro-body span{position:absolute;top:50%;left:50%;display:block;display:flex;overflow:hidden;width:100%;height:100%;border:0 solid #dadada;transition:.4s;transform:translate(-50%,-50%);flex-direction:column;justify-content:center;align-items:center;background: rgba(0,0,0,.3)}
.ny-pro .media-pro .pro-body span img{transition:.4s;transform:translateY(0);}
.ny-pro .media-pro .pro-body span h3{color:#fff;font-size:1.125rem;transition:.4s;transform:translateY(0);}
.ny-pro .media-pro .pro-body span a{display:inline-block;padding:.625rem 1.125rem;background:#b70810;color:#fff;transition:.4s;transform:translateY(0);}
.ny-main{padding: 20px 0;}
.pn .next{float: left;margin-top: 5px;}
}
@media (min-width:768px) and (max-width:991px){
#carousel-example-generic,.ny-banner{margin-top: 59px;}
}
@media (max-width:767px){body{font-size:14px;}
.navbar-brand{padding:20px 0 0 10px;}
.navbar-brand img{max-height:40px;}
.navbar-toggle{margin:20px 10px 20px 0;background-color:#eee;}
.navbar-toggle .icon-bar{background-color:#555;}
.navbar-nav>li>a{margin:0;padding:10px 10px;color:#fff;font-size:15px;}
.dropdown-menu>li>a{color: #fff;}
section.about{padding:0;margin: 0}
.ainfo p.p70{text-align: left;text-indent: 2em;}
#carousel-example-generic,.ny-banner{margin-top: 75px;}
.ainfo{min-height:700px;}
.sy-about,.sy-news,.sy-products{margin-top:20px;}
.sy-contact{margin-left:0;padding:30px 15px;}
.abox{padding:20px 0 20px;}
.abox h1{font-size:20px;line-height:35px;}
.news .media-heading a{font-size:16px;}
.about-tit h2{font-size:24px;}
.sy-icon{text-align: center;}
.sy-icon img{margin:10px auto;}
.sy-icon span{text-align: left;}
.sy-message{margin-top: 30px;}
}