@media (min-width:992px){
body{background: }
header{position: relative;}
header .navbar{position: fixed;width: 100%;padding: 1.5625rem 0;z-index: 10000;}
header .navbar.opacity{opacity: 0;}
header .navbar.opacity1{opacity: 1;}
.fixed-top01{position: fixed!important;background: #000;padding: 0.3125rem 0!important;opacity: 1;transform: scale(1);transition: all .75s cubic-bezier(.7,0,.3,1)!important;}
.fixed-top01 img{max-width: 60%!important;}
#top-nav .navbar-nav{width:100%;}
#top-nav .navbar-nav>li>a{color: #333;text-align: center;padding: 0;color: #fff;font-size: 0.9375rem;}
#top-nav .navbar-nav>li>a>img{margin:0 auto;}
.sy-pro-list .media-pro .pro-img{width: 340px;height: 340px;overflow: hidden;}
.sy-pro-list .media-pro .pro-img img{transition: 0.35s;}
.sy-pro-list .media-pro .pro-img:hover img{transform:scale(1.2,1.2);}
.ny-pro .media-pro .pro-img{overflow: hidden;}
.ny-pro .media-pro .pro-img img{transition: 0.35s;}
.ny-pro .media-pro .pro-img:hover img{transform:scale(1.2,1.2);}
.ny-main .navbar{border-bottom:1px solid rgba(85,85,85,.2);}
.ny-about p{color: #666;line-height: 1.875rem;}
}
@media (max-width:991.98px){
.navbar-brand{width: 20%;}
header .navbar-toggler-icon{margin-top: 0.625rem;}
.p-80{padding: 2.5rem 0;}
.sy-banner .banner-caption h1{font-size: 1.125rem;}
.sy-banner .banner-caption h4{font-size: 0.75rem;}
.sy-title h4{font-size: 1.2rem;}
.sy-contact .media-contact h6{font-size: 0.75rem;}
.sy-contact .media-contact{margin-bottom: 1.875rem;}
.sy-message .btn{font-size: 1rem;display: block;}
}
@media (max-width:375.98px){

}