@charset "utf-8";
/* CSS Document */


 @media (min-width:992px) {
 .top-menu ul li a:after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: #fd0000;
 visibility: hidden;
 -webkit-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
 transition: all ease-in-out 0.5s;
 -moz-transition: all ease-in-out 0.5s;
 -webkit-transition: all ease-in-out 0.5s;
 -o-transition: all ease-in-out 0.5s;
 -ms-transition: all ease-in-out 0.5s;
 -khtml-transition: all ease-in-out 0.5s;
}
.top-menu ul li:hover a:after {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 visibility: visible;
}
.top-menu ul li:hover a {
 color:#fd0000;
}
.top-menu ul li.current-menu-item > a {
 color:#fd0000;
}
.top-menu ul li.current-menu-item > a:after {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 visibility: visible;
}
.top-menu ul li:last-child {
 margin-right:0;
}
 .header_bottom.fix {
position:fixed;
width:100%;
z-index:999;
opacity:1 !important;
padding:10px 0;
top:0;
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
border-bottom:1px solid #CCC;
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
 .header_bottom.fix .logobox {
 max-width:120px;
}
.header_bottom.fix .top-menu {
 float: right;
 margin-top: 8px;
}
}
@media (min-width:768px) {
	.home-slideshow .slide .con .mobile_view{display:none;}
}
 @media (max-width:1199px) {
.footer_bottom ul {
 width: 103%;
}
 .contact_detailbox h4 {
 font-size: 17px;
 width: 100%;
}
}
@media (max-width: 991px) {
 .header_top {
 min-height: 80px;
 background: #FFF;
 padding: 15px 0;
}
.logobox {
 max-width: 130px;
 margin: -76px 0 0 0;
}
.header_bottom {
 padding: 0;
}
.top-menu {
 margin-top: 0!important;
}
.header_top ul li a {
 color: #000;
}
.header_top ul li {
 padding: 0px 17px;
}
.header_top ul {
 padding: 12px 38px 0 0;
}
#main {
 padding: 30px 0;
}
h2 {
 font-size: 26px;
 margin-bottom: 20px;
}
p {
 margin-bottom: 20px;
}
.sea2 {
 padding-top: 10px;
}
.product_box {
 margin-top: 20px;
}
.cycle-pager {
 bottom: 15px;
}
.top-menu ul li a:hover, .top-menu ul li:hover > a, .top-menu ul li.current-menu-item > a {
 color: #ffffff;
 background: #fe0000;
}
.home-slideshow .slide h1 {
 font-size: 24px;
 margin-bottom:10px;
}
.home-slideshow .slide p {
 font-size: 15px;
 line-height: 24px;
}
.cycle-pager span {
 width: 14px;
 height: 14px;
}
.footer_bottom ul {
 width: 100%;
}
.subbanner h3 {
	font-size: 26px;
	width: 100%;
	padding:  0;
	text-align: center;
}
.subbanner {
	min-height: auto;
	padding: 20px 0;
}
.breadcrumb {
	margin: 0;
	width: 100%;
	text-align: center;
}
.submenu_box {
 margin-bottom:30px;
 padding-bottom: 20px;
 min-height: auto;
}
.single_product_dels .product_box {
 max-width:550px;
 margin:0 0 30px 0;
}
.home-slideshow .slide .con{width:62%;}
}
@media (max-width: 767px) {
 .sea2 .col-xs-12 {
 width:50%;
}
 .header_top ul {
 padding: 12px 46px 0 0;
}
.footer_top .col-xs-12 {
 width:50%;
}
.sea3 {
 margin-top: 35px;
}
.footer_top {
 background: #000000;
 padding: 10px 0 20px 0;
}
.footer_widgetbox {
 margin-top:30px;
}
p {
 line-height:26px;
 font-size: 16px;
}
 .footer_bottom ul li:last-child {
 display: block;
 text-align: center;
 float: none;
 margin-top:5px;
}
.footer_bottom ul {
 text-align: center;
}
.footer_bottom {
 padding: 15px 0;
}
.product_area .col-xs-12 {
 width:50%;
}
.contact_detailbox {
 margin-bottom: 20px;
}
#map_canvasone iframe {
 width: 96%;
}
#map_canvas iframe {
 width: 96%;
}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="tel"] {
 margin: 0 0 10px;
}
.contact_form textarea {
 margin: 0 0 10px;
}
.service_box {
 margin-bottom: 20px;
}
.banrboxarea .col-xs-12 {
 width:50%;
}
.home-slideshow .slide .con .paragraph{display:none;}
.home-slideshow .slide .con .mobile_view img{width: 100%; max-width: 150px;}

}
@media (max-width: 639px) {
 .sea2 .col-xs-12 {
 width:100%;
}
 .product_box {
 max-width: 400px;
 width: 100%;
 margin: 20px auto 0 auto;
}
.footer h3 {
 margin-bottom: 18px;
}
.contact_widgetbox ul li {
 margin-bottom: 15px;
}
.contact_widgetbox ul.socalbox {
 margin-top: 15px;
}
.footer_widgetbox ul li {
 margin-bottom: 10px;
}
.home-slideshow .slide h1 {
 font-size: 20px;
 margin-bottom: 4px;
}
.home-slideshow .slide p {
 font-size: 12px;
 line-height: 18px;
}
h2 {
 font-size: 22px;
 margin-bottom: 15px;
}
p {
 line-height: 24px;
 font-size: 15px;
 margin-bottom: 15px;
}
.cycle-pager span {
 width: 10px;
 height: 10px;
 border: 1px solid #fff;
}
.top-menu ul li a {
 font-size: 14px!important;
 line-height: 16px!important;
}
 .subbanner h3 {
 font-size: 24px;

}


.pagination > li > a, .pagination > li > span {
 padding: 20px 20px;
}
.bandbox {
 margin-bottom: 10px;
}
}
 @media (max-width: 479px) {
.header_top ul {
 display: none;
}
.cycle-pager {
 bottom: 0px;
}
.header_top {
 min-height: 68px;
 padding: 0;
}
.logobox {
 max-width: 110px;
 margin: -63px 0 0 0;
}
h2 {
 font-size: 19px;
 margin-bottom: 15px;
}
#main {
 padding: 20px 0;
}
.footer_top .col-xs-12 {
 width: 100%;
}
.footer_widgetbox {
 margin-top: 20px;
 height:auto!important;
 text-align:center;
}
.product_area .col-xs-12 {
 width:100%;
}
.subbanner h3 {
	font-size: 20px;
	
	width: 100%;
	text-align: center;
	
}
.subbanner {
 min-height: auto;
 
}

.banrboxarea .col-xs-12 {
 width:100%;
}
.single_product_tital h3 {
 font-size: 17px;
}
.back_btn {
 line-height: 22px;
 padding: 0 5px 0 19px;
 font-size: 8px;
}

.home-slideshow .slide .con .mobile_view img{width: 100%; max-width: 90px;}
}