@charset "utf-8";
/* CSS Document */
.header-userinfo .header-links li a,
.action ul .cart a:hover, .action li a:hover,.blog-read-more:hover,
.footer-area ul.toggle-footer li a:hover{
	color:#fff;
}
.footer-logo{
	border-bottom: 1px solid #eee;
}
/* Mobile */
@media(max-width:767px){
	.container{
		width:100%;
	}
	.header-userinfo .header-links li a::before {
		font-size:18px;
	}
	.header-middle .pos-logo{
		margin-top:0px;
		margin-bottom:15px;
	}
	.header-middle{
		padding-top:20px;
	}
	.container#banner{
		width:100%;
		margin:0px auto;
	}
	.header-middle{
		padding: 25px 0 0 0;
	}
	.container#Nav{
		margin: 0;
		width: 100%;
	}
	.container#Nav .breadcrumb{
		padding: 5px 0;
	}
	.breadcrumb > li + li::before {
		padding: 0;
	}
	#welcome_text .product-title h2{
		padding-top:20px;
		
	}
	#welcome_text .text{
		background-color:#FAFAFA;
		padding: 20px 10px 20px 10px;
		line-height:135%;
		margin: 0 15px 0 15px;
	}
	#welcome_text .product-title::before{
		background:0;
	}
	.service-area{
		margin-bottom: 10px;
		padding:0px;
	}
	.product-title{
		margin-bottom: 0;
	}
	.product-title h2{
		padding-top:30px;
	}
	.banner-box .banner-content{
		margin:0px 0 10px 0 ;
	}
	.banner-content h3{
		font-size: 28px;
	}
	.banner-content p {
		font-size: 18px;
		padding: 10px 0;
	}
	.banner-content p{
		padding-bottom:0;
		margin-bottom: 5px;
	}
	.banner-content a{
		font-size: 18px;
	}
	.shop-tab li.subj{
		width: 100%;
	margin-left: 5px;
	margin-bottom: 10px;
	}
	.topbar-category{
		margin-bottom: 0;
	}
	.tab-content .list-view{
		margin: 0px 15px;
	}
	.shop-category-product .single-product,
	.list-view-single{
		width: auto;
	}
	.list-view-single {
		width:auto;
	}
	.list-view-single div.col-xs-12{
		padding:0px;
	}
	.list-view .product-img a{
		padding: 0px;
	}
	.shop-category-product .single-product {
		margin-bottom: 10px;
	}
	.list-view .product-name a{
		font-size:26px;
	}
	.reviews .star-content{
		float:left;
		margin-right:5px;
		
	}
	.list-view .product-content .product-desc{
		clear:both;
		font-size: 18px;
		margin-top: 15px;
	}
	.list-view .product-content{
		padding-bottom: 25px;
	}
	.action .cart i{
		font-size: 14px !important;
	}
	.action ul .cart a{
		color:#fff
	}
	.blog-read-more{
		clear: both;
	}
	.blog-date{
		float:left;
	}
	.footer-logo{
		padding: 10px 0;
	}
	.footer-middle {
		padding-top: 5px;
	}
	.footer-area h4{
		font-size: 30px;
		margin: 0;
	}
	.footer-area h4{
		border-bottom: solid 1px	#eee;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	.blog-main .col-md-8{
		padding:0px;
		
	}
	.blog-main .article-main .soc-icon{
		text-align: center;
		margin: 10px 0 0 0;
	}
	.blog-main .article-body h2{
		line-height: 50%;
		line-height: 50%;
		text-align: center;
		border-bottom: solid 1px #eee;
		border-top: solid 1px #eee;
		padding: 10px 0 15px 0;
		margin: 10px 0 0 0;
	}
	.blog-main .article-body h2 a{
		font-size:26px;
	}
	.blog-main .article-body h4{
		float:left;
		margin:0 5px 15px 0;
		
	}
	.blog-main  .article-body h4 i{
		font-size: 14px !important;
	}
	.blog-main  .article-body #news_text{
		clear: both;
		line-height: 135%;
	}
	.product-detail-section  .shop-left{
		padding:0px;
	}
	.product-detail-section  .shop-left hr{
		display:none;
	}
	
	.product-detail-section  .shop-left h2.widget-title{
		text-align: center;
		margin: 0 0 25px 0;
	}
	.product-information .subj{
		margin: 15px 0 0 0;
	}
	.pull-right {
		margin-top: -20px;
	}
	.product-information div.button{
		margin: 25px 0 0 0;
		border-top: solid 1px    #eee;
		padding-top: 25px;
	}
	.product-detail-section #text_detail{
		line-height: 135%;
	}
	.mean-container .mean-nav ul li a{
		font-size:18px;
	}
	.mean-container .mean-nav ul ul  a{
		font-size: 16px;
		border-top: solid 1px #eee;
		color:#888;
		
	}
	.item .testimonial-p{
		font-size: 18px;
	}
	.author-content .content{
		padding-top:5px;
	}
	.content .content-name{
		font-size:20px;
		padding-bottom: 5px;
	}
	.testimonial-area{
		background-position:left top;
		height: 340px;
		padding: 50px 0 40px 0;
		margin-top: -10px;
	}
	.footer-logo img{
		    height: 50px;
	}
	.single-product .product-img .sale{
		width:55px;
		padding-top: 5px;
		height:55px;
	}
	.shop-right iframe{
		margin-top: 20px;
	}
	.product-detail-section #text_detail{
		margin-bottom: 15px !important;
	}
	.product-name a{
		font-size:20px;
	}
	#p_relate .single-product .price-box{
		margin-top: -3px;
	}
	.addthis_button_facebook_like{
		vertical-align: text-bottom;
	}
	#cart .block-form .form-control,
	.second-page-container input,
	textarea.form-control,
	input.form-control{
		font-size:18px;
	}
	#left div#order_bar img.logo{
		max-width: 100px!important;
	}
	.product-title h2{
		margin: 0 0 0 0!important;
	}
	.list-view-single:first-child { 
		margin-top:0px !important;
	}
	.foot-mar {
		margin-bottom: 0;
	}
	#p_relate .product-content{
		margin-bottom:25px;
	}
	.banner-box-content h4 {
		padding:10px;
	}
	#p_relate{
		margin-bottom:25px
		
	}
	.blog-main{
		margin-bottom:25px
	}
	#contact_page{
		margin-bottom:25px
	}
	.footer-area .footer-contact .add.address::before {
		content: "";
		float: left;
		margin-bottom: 0px!important;
	}	
}
/* Small iPad*/
@media(min-width:768px) and (max-width:991px){
	.header-userinfo .header-links li a::before {
		font-size: 20px;
	}
	.header-middle .pos-logo{
		margin-bottom: 25px;
	}
	.mean-container .mean-nav ul li a{
		font-size: 18px;
	}
	.mean-container .mean-nav ul ul  a{
		border-bottom: solid 1px #eee;
	}
	#welcome_text .product-title h2{
		padding-top:20px;
	}
	#welcome_text .text{
		background-color:#FAFAFA;
		padding: 20px 10px 20px 10px;
		line-height: 135%;
	}
	#welcome_text .product-title::before{
		background:0;
	}
	.service-area{
		border-bottom: none;
	margin: 0px;
	padding-bottom: 0px;
	padding-top:0px;
	}
	.product-title{
		margin-bottom: 0;
	}
	.banner-picture{
		margin-top:25px;
	}
	.banner-content p{
		font-size:20px;
	}
	.banner-content a{
		font-size:18px;
	}
	.content .content-email{
		margin-top: 25px;
		font-size: 18px;
	}
	.content .content-name{
		font-size: 26px;
	}
	.author-content .content{
		padding-top:0px;
		
	}
	.shop-tab li.subj{
		float:none;
		margin-bottom: 10px;
		margin-left: 5px;
	}
	.list-view-single{
		padding-bottom: 25px;
	}
	.list-view-mar{
		margin-top: 0;
	}
	.list-view .product-content .product-desc{
		font-size: 17px;
		margin-top:10px;
		clear:both;
	}
	.action ul .cart a i{
		font-size:13px !important
	}
	.blogs-carousel{
		margin-top:25px;
	}
	.list-view-single {
		padding-top:15px;
	}
	.topbar-category{
		margin-bottom: 10px;
	}
	.single-blog {
		overflow: hidden;
	}
	.footer-logo {
		padding: 20px 0;
	}
	.header-middle{
		padding: 25px 0 0px 0;
	}
	.blog-main div.col-md-8{
		padding-left: 0;
		padding-right:0;
		
	}
	.blog-main div.col-md-8 .article-head{
		margin-bottom:10px
	}
	.blog-main div.col-md-8 .article-main .article-footer{
		text-align: right;
		margin:25px 0 0 0;
	}
	.blog-main .article-body h2 a{
		font-size: 36px;
		margin: -35px 0 0 0;
		display: block;
		float: left;
		width: 75%;
		border-bottom: solid 1px #eee;
		padding: 0 0 15px 0;
	}
	
	.blog-main .article-body h4:first-child { 
		 clear:both;
	 }
	.blog-main .article-body h4{
		 float:left;
		 margin: 0 10px 0 0;
	 }
	 .blog-main .article-body h4 i{
		 font-size:14px!important;
	 }
	.blog-main .article-body #news_text{
		clear:both;
		padding: 15px 0 0 0;
		line-height: 135%;
	}
	.product-information .subj{
		font-size: 20px;
		color:#999;
		border-bottom: solid 1px #eee;
		padding-bottom: 15px;
		margin: 15px 0 0 0;
		border-top: solid 1px #eee;
		padding-top: 15px;
	}
	.pull-right ul{
		margin-top: -20px;
	}
	.product-information div.button{
		padding-top: 25px;
	}
	#cart .block-form .form-control,
	.second-page-container input,
	textarea.form-control,
	input.form-control{
		font-size:20px;
	}
	.footer-logo img{
		height:55px;
	}
	.footer-area ul.toggle-footer li {
		line-height:15px;
	}
	.list-view .reviews {
		float: left;
		margin: 0 15px 0 0;
	}
	.shop-right iframe{
		margin-top: 15px;
	}
	.product-name a{
		font-size:22px;
	}
	.reviews {
		float: left;
		margin: 5px 10px 0 0;
	}
	#p_relate,#news_text,#contact_page{
		margin-bottom:25px;
	}
	.PhotoAbout{
		width:100%;
	}
}
/* Medium NoteBook*/
@media(min-width:992px) and (max-width:1199px){
	.header-userinfo .header-links li a::before {
		font-size: 20px;
	}
	.header-middle .pos-logo{
		margin-bottom: 25px;
	}
	.mean-container .mean-nav ul li a{
		font-size: 18px;
	}
	.mean-container .mean-nav ul ul  a{
		border-bottom: solid 1px #eee;
	}
	#welcome_text .product-title h2{
		padding-top:20px;
	}
	#welcome_text .text{
		background-color:#FAFAFA;
		padding: 20px 10px 20px 10px;
		line-height: 135%;
	}
	#welcome_text .product-title::before{
		background:0;
	}
	.service-area{
		border-bottom: none;
	margin: 0px;
	padding-bottom: 0px;
	padding-top:0px;
	}
	.product-title{
		margin-bottom: 0;
	}
	.banner-picture{
		margin-top:25px;
	}
	.banner-content p{
		font-size:20px;
	}
	.banner-content a{
		font-size:18px;
	}
	.content .content-email{
		margin-top: 25px;
		font-size: 18px;
	}
	.content .content-name{
		font-size: 26px;
	}
	.author-content .content{
		padding-top:0px;
		
	}
	.shop-tab li.subj{
		float:none;
		margin-bottom: 10px;
		margin-left: 5px;
	}
	.list-view-single{
		padding-bottom: 25px;
	}
	.list-view-mar{
		margin-top: 0;
	}
	.list-view .product-content .product-desc{
		font-size: 17px;
		margin-top:10px;
	}
	.action ul .cart a i{
		font-size:13px !important
	}
	.blogs-carousel{
		margin-top:25px;
	}
	.list-view-single {
		padding-top: 35px;
	}
	.topbar-category{
		margin-bottom: 10px;
	}
	.single-blog {
		overflow: hidden;
	}
	.footer-logo {
		padding: 20px 0;
	}
	.header-middle{
		padding: 25px 0 0px 0;
	}
	.blog-main div.col-md-8{
		padding-left: 0;
		padding-right:0;
		
	}
	.blog-main div.col-md-8 .article-head{
		margin-bottom:10px
	}
	.blog-main div.col-md-8 .article-main .article-footer{
		text-align: right;
		margin:25px 0 0 0;
	}
	.blog-main .article-body h2 a{
		font-size: 36px;
		margin: -35px 0 0 0;
		display: block;
		float: left;
		width: 75%;
		border-bottom: solid 1px #eee;
		padding: 0 0 15px 0;
	}
	
	.blog-main .article-body h4:first-child { 
		 clear:both;
	 }
	.blog-main .article-body h4{
		 float:left;
		 margin: 0 10px 0 0;
	 }
	 .blog-main .article-body h4 i{
		 font-size:14px!important;
	 }
	.blog-main .article-body #news_text{
		clear:both;
		padding: 15px 0 0 0;
l		ine-height: 135%;
	}
	.product-information .subj{
		font-size: 20px;
		color:#999;
		border-bottom: solid 1px #eee;
		padding-bottom: 15px;
		margin: 15px 0 0 0;
		border-top: solid 1px #eee;
		padding-top: 15px;
	}
	.pull-right ul{
		margin-top: -20px;
	}
	.product-information div.button{
		padding-top: 25px;
	}
}
/* Large  PC */
@media(min-width:1200px){
	.container#banner{
		width:100%;
		padding-left:0px;
		padding-right:0px;
		margin-bottom: 15px;
	}
	.header-userinfo .header-links li a::before ,
	.header-userinfo .header-links li a:hover {
		font-size: 22px;
	}
	.main-menu ul li a{
		font-size:26px;
	}
	
	#welcome_text .product-title h2{
		padding-top:20px;
	}
	#welcome_text .text{
		background-color:#FAFAFA;
		padding: 20px 10px 20px 10px;
		margin: 0 15px;
		line-height: 155%;
		font-size: 22px;
	}
	#welcome_text .product-title::before{
		background:0;
	}
	.service-area{
		padding: 0 0 0px 0;
		margin-bottom:0px;
		border-bottom: none;
	}
	.main-menu ul li .version a{
		font-size:18px;
	}
	.banner-content p,
	.banner-content a{
		font-size: 20px;
	}
	.content .content-name{
		font-size:28px;
	}
	.content .content-email{
		font-size:18px;
	}
	.author-content .img img{
		border: solid 3px #fff;
	}
	.content .content-name{
		margin-bottom: 10px;
	}
	.tabs li a{
		display: block;
		padding: 15px 25px 15px 25px;
		background-color:#eee;
		border: solid 1px #ececec;
	}
	.tabs li{
		margin: 0;
	}
	ul.shop-tab li.subj{
		font-size: 36px;
		margin: 10px 25px 0 0;
		border-right: solid 3px #ccc;
		padding-right: 25px;
	}
	.list-view .product-name a{
		font-size:28px;
	}
	.list-view .product-content .product-desc{
		font-size: 18px;
		margin: 15px 0 15px;
	}
	.action .cart i{
			font-size: 16px!important;
	}
	.action ul .cart a span{
			font-size: 22px;
	}
	.footer-logo{
		padding: 20px 0;
	}
	.footer-logo img{
		max-height:100px;
	}
	.product-information .subj{
		font-size:38px;
	}
	.widget-title {
		margin-top: 0px;
		line-height: 0.9;
		border-bottom: solid 1px 	#eee;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.pull-right ul {
		margin-top: -10px!important;
	}
	.product-information  select{
		min-width:150px;
	}
	.product-information  select,
	.product-information  option{
		font-size: 14px;
	}
	.product-information div.button{
		padding-top:25px;
	}
	.product-name a{
		font-size: 22px;
		line-height: 0;
		margin-bottom: 20px;
		padding: 0px 0;
		display: block;
		
	}
	.accessories .reviews{
		margin:0px;
	}
	#p_relate{
		margin-bottom:25px;
		
	}
	#p_relate .product-title{
		margin-bottom: 10px;
	}
	.header-middle .pos-logo{
		margin-left:0px;
		text-align:center;
	}
	.shop-left{
			padding-left:0px;
	}
	.article-body h2 a{
		font-size: 32px;
		border-bottom: solid 1px #eee;
		padding: 0 0 10px 0;
		margin: 10px 0 0px 0;
		display: block;
	}
	.blog-main div.col-md-8{
		padding-left: 0
	}
	.article-body h4{
		float:left;
		margin: 0 15px 15px 0;
		
	}
	.article-body h4 i{
		font-size: 16px !important;
	}
	#news_text{
		line-height: 135%;
		clear:both;
	}
	.blog-main .article-head{
		margin: 25px 0 25px 0;
	}
	.main-menu ul li a i{
		font-size: 20px !important;
		
	}


	.banner-box-content h4{
		padding: 15px;
	}

	.footer-area h4{
		margin:0px;
	}
	.footer-area ul.toggle-footer li {
		line-height: 24px;
	}
	.footer-area ul.toggle-footer li{
		padding-top:0px;
	}
	.shop-right iframe{
		width:100%;
		margin-bottom: 10px;
	}
	.soc-icon{
		margin: 0 0 25px 0;
	}
	#cart .block-form .form-control,
	.second-page-container input,
	textarea.form-control,
	input.form-control{
		font-size:20px;
	}
	.about_us .PhotoAbout{
		float: left;
		width: 550;
		margin: 10px 25px 5px 0;
	}
	.banner-marg{
		height: 350px;
		overflow: hidden;
	}
	.single-blog{
		padding-bottom:10px;
	}
}
.banner-box-content{
	cursor: pointer;
}
header{
	border-bottom:none;
}
.cat_display{
	display:contents !important;
}
.banner-box-content h4{
		background:url(../SysIMG/opcity.png);
}

.shop-tab li a{
	width: auto;
	margin: 5px;
	padding: 2px 15px 2px 15px;
	background-color:#ececec;
	height: auto;
	border: solid 1px #eee;
}

.shop-tab li.active a{
	color:#000;
}

.single-product .product-img .sale{
	font-size:16px;
}

.price-box .old-price{
	font-size: 20px;
	margin: 0;
}

.star-content .fa-star{
	font-size:15px !important;
	color:#F3DE44;
}

.list-view-single{
	border-bottom: solid 1px #eee;
}

.action ul .cart a{
	line-height: 40px;
}


.latest-blog {
    background-color:     #F7F7F7;
	padding:25px 25px 0px 25px 
}

.blog{
	border: none;
}
.blog:hover{
	box-shadow:none;
}

.blog-content .blog-title a{
	font-size:24px;
}
.blog-content p,
.blog-read-more span{
	font-size:18px;
}
.blog .product-title h2{
	background-color:#F7F7F7;
}

.blog span.blog-date i{
	font-size: 12px !important;
}

.footer-area .footer-contact .add.chat::before {
    content: "\f1d7";
}
.footer-area .footer-contact .add,
.footer-area .footer-contact .add a{
	color:#fff;
}

#Map{
	width:100%;
	height:210px;
	margin: 0 0 25px 0;
}
.footer-bottom .address a,
.footer-bottom .address a:visited,
.footer-bottom .address a:hover{
	color:#fff;
font-size: 11px;
}

.breadcrumb{
	padding: 10px 0 10px 15px;
	background-color: #eee;
}

 input.form-control,
  select.form-control,
 textarea.form-control{
	background-color: #eaeaea;
	max-width: none;
	padding: 0px 10px 0px 10px;
	border: solid 1px #eee;
}

.form-contro{
	font-size:18px;
}

.pos-logo img{
	height:100px;
}

.pos-logo img {
    height: 100px;
    width: auto;
    display: inline-table;

}


	.product-title h2 span{
		font-size:30px;
	}
	.product-title h2{
		padding-top:30px;
		margin: 0 0 15px 0;
	}
	.topbar-category{
		margin-top:20px;
		margin-bottom: 20px;
	}



.article-body iframe{
	width:100%;
}

.about_us{
	line-height:135%;
	
}


.product-content img.img-responsive, .product-content #text_detail {
    width: 100%;
    max-width: 100%;
}
.footer-area .footer-contact .add.address::before {
    content: "";
    float: left;
    margin-bottom: 34px;
}