@media (min-width: 768px) {
  .btn-toggle {display:none;}
 .hotitem img {max-width:180px;}
 #menu.fix-menu .category {display:block !important;}
 .not-home #search-bar.col-sm-7 {width:50%;}
 .not-home #search-bar +  .col-sm-2 {width:20%;}

} 
@media (max-width:1500px) { 
 .product-control ,.container {width:95% !important;}
 .common-home .container {width:100% !important;}
 
 .catename > span {font-size:15px;}
 .wrap-menu-item > .catename img {width:20px;}
 .module.category .wrap-menu-item {padding:0 5px;}
 
}
@media (max-width:1300px) {
  .article-last .article-dt .caption h4 {margin:0;}
  .article-last .article-dt .caption h4 + .desc {
  display: block;
  height: 40px;
  overflow: hidden;
  position: relative; }
.product-bottom {padding-top:40px;}
 
#top .container {width:100% !important;}

 }  
 
 @media (min-width:1198px) and (max-width: 1320px) {
			#search .bootstrap-select.catesearch.manuoption , #search .input-lg   { width: 150px !important; }
			#search button.btn-default:last-child {padding: 0 15px 0 0px; } 	
 }  
@media (max-width:1200px) {
	.wrap-menu-item > .catename { 
  height: 40px;
  line-height: 40px; 
  padding:0;   }
  .catename a {  font-size: 14px; }
.product-thumb .price {font-weight:300;}
 
  .product-thumb .caption p {margin:0;}
  #column-left .category > h3::before {
 
	  font-size:11px;
  }
 .article .article-dt h4 {font-size:18px;} 
.article .row > div#content.col-sm-9:first-child {left:0;}
.article .art-info > div {width:100%;}
.article .art-info > div img {width:100%; max-width:400px;margin:0 auto;position:relative;}
.product-bottom {padding-top:20px;}

 
.wrap-feature .col-xs-6 {width:100%;}
.wrap-feature .wrap-price {
  display: block;
  position: relative;
}
.wrap-feature > div {padding:0 20px;}
.prop-cart {
  padding: 0 5px;
  width: 100%;
  font-size: 12px;
}
.wrap-price  {font-size:14px;}
#product {
  display: table;
  margin: 0 auto;
}
#product > div {
  position: relative !important;
  width: 100% !important;
  margin: 4px 0;
  text-align: left;
  right: 0 !important;
}
.footer-about { padding-left: 35px; }
 header {height:auto;}
#search-bar {margin-bottom:10px;}

}

@media (max-width:1100px) {
 .hd-content h2 {font-size:17px !important;}
.nav-tabs h4 {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 30px;
	margin: 5px 0;}
 .nav-tabs > li > a {padding:0 10px;}
 
  .wrap-menu-item > .catename { 
  height: 35px;
  line-height: 35px;
 }
.catename button {   line-height: 35px; }
.category {padding:10px 0;}
#menu .nav > li > a {
  font-size: 14px !important;
  padding: 15px  ;
}
.top-contact {font-size:14px;}
.catename button { height: 40px; right: 10px; }
.category > div > div {  padding: 0 10px; }
.category.cate-sidebar > h3, .total-job h3 {font-size:18px;}
 
.common-home #content {margin-top:10px;}
.tab-content > span {font-size:14px;}
.product-thumb .button-group button span {font-size:14px;}
.product-thumb .button-group button {width:100%;left:0;}
.wrap-book > .product-layout.col-sm-3 {
  width: 25%;
  margin: 0;
  padding: 0;
}
  .article-last .article-dt .caption h4 {font-size:17px;}
 .article h1 {font-size:22px;}
 .catechild {padding:0 15px;}
 .main-subcate {
  border-bottom: 1px solid #fff !important;
}
#column-left .category.popup .collapse {min-width:300px;}
.catechild ,.category > div > div   {  padding: 0 5px; }
.category .catename.second { padding-left:5px;}
.category a + a {
  display: block;
  font-size: 14px;
  height: 20px;
  width: 20px;
  z-index: 100;
}
.category .catename.first {line-height:30px;}
.category .catechild ul li a {padding:0 !important;}
#menu .dropdown-inner-mega {padding:20px;}
#menu .dropdown-inner-mega > .container > div {width:33.3%;}
 #menu .dropdown-inner-mega .main-cate > a {font-size:16px;}
 
}

@media (max-width: 992px) {
	
.wrap-article-latest > .row > div {border-right:1px solid #888 !important; }
.wrap-article-latest  > .row > .project-last {border-bottom:none !important; } 
#column-left.col-sm-3, #column-right.col-sm-3 ,
.common-home .category.cate-sidebar, .common-home .hotitem.col-sm-3 
     {
  width: 25%;
}
  
 .common-home  .slide.col-sm-9  {
	  width:75%;
	  padding:0;
 }

.info-belowslide li {width:32.9%;}
 #logo {display:inline-block;position:relative;}
 #logo img { max-width: 100px; }
 #search{top:10px;}

.product-page .wrap-desc {border:none;}
.social-top{top:15px;}
#toc-footer-bottom .container > div {
	width: 48%;
	min-height: 300px;
	margin: 0;
	left: 5%;
}
footer .extra-contact li {	height: 40px; }
.quo-popup { 
	max-width: 95%;
	left: 2.5%;
}	
.quo-popup > div {
	padding: 0;
}
.quo-popup .form-group > div , .quo-popup .form-group > label   {width:100%;}	
	

}


@media (max-width: 990px) {
	.container {width:100%;}
   .total-job {font-size:16px;padding:15px 0 15px 5px;}
   .total-job span {font-size:14px;margin-right:10px;}
   .video-wrapper iframe {  width:80%; height:60%;  }
   .wrap-menu-item > .catename img {width:20px;}
   .category.cate-sidebar > h3::before { display:none;}
   .info-belowslide li  ,.info-belowslide {  line-height: 40px;height: 40px; font-size:15px; }
   .product-page .glass-spec img {   max-width: 100px;  }
   .product-page .glass-spec img + span {font-size:15px;}
   .product-page .glass-spec {  padding: 15px 25px 10px; }
   #top {padding:0;}
#form-language { 
	     top: -50px;
  }
 #form-language ul img {  width: 25px; }

}


@media (max-width: 900px) {
aside h3 {font-size:18px;}
#column-left .catename a, #column-right .catename a, #column-left .category a, #column-right .category a, .sidebar a
,aside .panel-body .checkbox label 
{font-size:13px !important;line-height:30px; font-weight:400; height:30px;}
.filter_option h3, .filter_option h3 span {
  font-size: 16px;
  height: 30px;
}
 .reset {font-size:14px;}
 .filter-nav .heading-title h2 {font-size:22px;}
 .filter-nav li {   font-size: 12px;
  line-height: 20px;
  padding: 0 5px; }
 
 .wrap-menu-item > .catename img {width:15px;}
#menu .col-xs-offset-3 {
  margin-left: 22%;
}
#top {line-height:18px;}
.wrap-subscribe .input-group {
	width: 80%;
	left: 10%;
}
#cnt-newletter {min-height:200px;}




}
  
@media (max-width:767px) { 
.h2, h2 { font-size: 24px; }
h1{font-size:28px;}
h4{font-size:16px;}
.welcome div {  font-size: 14px; }

h3{font-size:18px;}
.product-control #content.col-sm-6, .product-control #content.col-sm-9 {
	margin-left:0px;
	margin-right:0px;
}
aside  .h2,  aside .h3, aside h1, aside h2, aside h3 {
	margin-bottom:0;
}
.article .row > div#content.col-sm-9:first-child {width:100%;}
/*SEARCH*/
 #menu.fix-menu {  height: 40px; }


/*** SLIDE ***/
.combine-slide + .banner-slide > div:first-child img , .combine-slide + .banner-slide > div:last-child img {padding:0;}
.banner-slide > div {width:50%;display:table-cell;}
.common-home .slide.col-sm-9 ,   .common-home .hotitem.col-sm-3 {max-width:100%; width:100%;}
.common-home .col-sm-offset-3 {margin-left:0%;}
.slide-wrap {margin-right:0;}
/**** LAYOUT ***/
.common-home #content, aside {
	width:100% !important; 
	clear:both;
}

#wrap-header {
	  overflow:hidden;
}

/****SIDEBAR ***/
aside .product-layout {width:50%;}
 
 aside h3 + .inactive {
  display: none;
  height: 0;
  opacity: 0;
}
#column-left.col-sm-3, #column-right.col-sm-3 {

  margin-bottom: 15px;
  margin-top: 5px;
}
#column-left {border:none !important;}
#top .social {
  position: absolute;
  text-align: center;
  top: 10px;
  z-index: 100;
}
#top .social li {display:block;line-height:10px;}
 
 
.slide-wrap img, .slide-wrap .img-responsive ,#wrap-content-top .slide {padding:0;}

#wrap-content-top > .container {padding:0;}
header > .container {height:auto;}
footer {padding-bottom:15px;}
footer .container { padding: 0 15px; }
.powered {text-align:center;}
footer .text-right ,footer .text-left ,#toc-footer-top ul{text-align:center;}
footer img {margin:0 auto; display:block;}
.menu-logo-inner {height:auto;}
.dropdown-inner-mega {min-width:auto !important;padding:10px;max-height:500px;overflow-y:auto;}
.dropdown-menu.mega {padding:0;}
 
#menu .dropdown-inner-mega > div {min-height:auto;}
#menu.menu-center .navbar-nav {float:left;}
h3.latest span::after ,h3.featured span::after{display:none;}
#content .latest + .row  ,#content .featured + .row{padding:30px 0;}
.visible-xs.social {text-align:center;}
#wrap-content-top .slide {margin:0;width:100%;}

 
#menu.fix-menu .btn-navbar {background:transparent !important;color:#fff  !important;margin:0;}
#menu .btn-navbar i {font-size:22px;color:#fff;}
.hd-content h2 {margin:10px 0;font-size:20px;}
.common-home #content {padding:0;}
#column-left + #content {
  left: 0;
  margin-left: 0; }
  aside {margin:20px 0;}
   aside h3 {line-height:40px;font-size:20px !important;margin-bottom:10px;}
 
#menu .navbar-collapse {border-color:#eee;}
#menu.menu-center .navbar-nav {
  float: none;
  text-align: center;
  width: 100%;
}

.custom-banner > div:first-child img, .custom-banner > div:first-child span ,.custom-banner > div:last-child img, .custom-banner > div:last-child span {padding:0;}
.custom-banner  > div  {width:100%;} 
/* author book **/
.wrap-book > .product-layout.col-xs-4 {
  width: 33%;
  margin: 0;
  padding: 0;
}
#author .owl-item {   padding: 0; }
.author-hd {font-size:25px;}
.author-hd + span {font-size:14px;}
#author.owl-carousel   {  margin-top: -30px ; }
#search {right:0;}
.au-profile img {max-width:150px;}
.wrap-event {margin:0;}
.au-profile h5, .au-book h5 {margin:7px 0;}
.product-profile-info .table-course { width:92%;}
.video-wrapper iframe {  width:80%; height:50%;  }
#author .owl-pagination {display:none;}
/** product **/
.product-thumb .button-group button span {font-size:14px;padding:0;}
.product-thumb .button-group button {width:100%;left:0;}
.product-thumb .price {font-size:14px;}
.product-thumb .caption { min-height: 120px; }

/*article*/
 
#article-latest .article-dt .caption > div:first-child  {min-height:auto;}
#article-latest  .article-dt .date-day { 
  font-size: 15px;
  padding: 0px 15px; }
 #article-latest   .article-dt h4 a {font-size:16px;}
  
  /**TAB **/
  .nav-tabs li:first-child  {margin-top:20px;}
 .nav-tabs li:last-child {margin-bottom:20px;}
 .nav-tabs h4 {  margin: 0;  line-height: 30px; text-align:center; }
.nav-tabs > li {width:100%;margin-bottom:3px;}
.nav-tabs > li > a {text-align:left;}
.tab-content , .tab-content .row  {margin:0 !important;}
.tab-content > span {
  font-size: 14px !important;
  top: 0px !important;
}
.tab-content .owl-carousel {  overflow:hidden !important;}
 .tab-content .owl-carousel .product-thumb {padding:0;}
 .common-home .catehome_viewall { top:-30px;}
 .product-control #content.col-xs-12 , .product-control #content.col-sm-6 {width:98%;}
 aside .product-thumb .caption h4 {height:55px;}
 .list-menu  {display:none;}
 
 .top-contact {top:0;}
 #top .social {top:0; font-size:13px;}
 #top .social li {line-height:20px;}
 .account {padding-top:10px;}
  .info-belowslide { border:none; font-size:12px  ; height:90px; margin-top:15px;}
    .info-belowslide li {display:table;margin-bottom:-1px;width:100%;border:1px solid #eee; height:30px;  line-height:30px !important;}
	.box-wrap > h3 {font-size:25px;}
	.box-wrap > h3 > span + span {  left:  0; top: 22px; width: 90%; left:5%; }
	
#column-left {
  background:#fff;
  border-right: 1px solid #ccc;
  bottom: 0;
  box-shadow: 0px 0px 5px #aaa;
  display: block;
  left: -300px;
  margin: 0 -5px 0 0;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding:50px 20px  !important;
  position: fixed;
  top: -5px;
  transition: all 0.3s ease-in-out 0s;
  width: 300px !important;
  z-index: 20000;
  border-radius:0;

}
 
#column-left.open {	 left: 0px; 	}
 #column-left + #content {padding-left:15px;}
.not-home .product-layout {padding:0 10px;}
.product-page #content {padding-right:0;}
.welcome img {
  max-width: 40%;
  left: 30%;
  display: block;
  position: relative;

}
.welcome > div:last-child > div {
  height: auto;
  padding: 0px 10px;
 }
.welcome > div:last-child > div h2 {
  margin: 0;
  font-size: 22px;
}

.latest-wrap h3::before {display:none !important;} 

.info-shop h3 {
	font-size: 25px;
	padding-top: 20px;
}
.category-banner .box-wrap > div > div span {font-size:17px;line-height:10px;}
.common-home .catehome_viewall {top:20px;}
#submitemaila {font-size:15px; width:80px;}
.wrap-subscribe,.footer-social {padding:15px 0;}
.wrap-subscribe::before {top:30px;}
footer .social i {
  font-size: 15px;
  line-height: 30px;
  width: 30px;
} 
header > .container > div {
	padding: 0;
	display: inline-block;
}
  #cart{width:auto;}
  .wrap-advsearch.mobi-search   {  top:-22px; visibility:visible;opacity:1; z-index:100;position:absolute; min-width:250px;}
  
  #wrap-content-top {top:-9px;}
  .welcome > div {margin-bottom:20px;}
  #article-latest .article-dt > .image {padding:0;}
 
#owl-vertical {right:-10px;}
.pull-left + .main-image {left: 110px;}
 
#search .form-control {min-width:auto;width:400px;}
#search .input-lg { 
	font-size: 15px;
	text-align: center;
	padding: 0;
}
#search .input-lg {
	height: 35px;
	line-height: 35px; 
}
#search .btn-lg { height: 35px; }
 
#search .bootstrap-select.catesearch.cateoption {width:120px !important;}
#search .bootstrap-select.catesearch {left:0;}
#search .bootstrap-select.catesearch > .btn {font-size:12px;}
#logo  img {max-width:90px;} 
.main-image {
	position: relative;
	float: none !important;
	width: 70%;
	left: 15%;
}
.pull-left  + .main-image {position:absolute; float: left !important; width: auto;
	left: 110px;}
 .product-bottom h2 , .product-bottom .price h2 span{font-size:20px;}
 .main-image img {  max-width:400px; }
 .social-top{top:0px;width:100%;font-size:14px;}
 
.social-top li > a {line-height:10px !important;}
 #toc-footer-bottom { padding-top: 20px; }
#toc-footer-bottom > .container > div {
	width: 100%;
	min-height: auto; 
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 20px 10px;
	left:0;
}

#toc-footer-bottom > .container > div:last-child {border-bottom:none;}

 
}
 @media (max-width: 600px) { 
 #top .container > .col-xs-6 {
  display: block;
  height: 40px;
  position: relative;
  width: 100%;
}
 #top {height:80px;}
 .wrap-feature > div {width:100%;}
.wrap-feature .col-xs-6 {
  width: 50%;
}
.wrap-feature .wrap-price {
  display: inline-block;
  position: absolute;
  text-align: left;
  width:100%;
  left:0;
}
.social-top li:last-child { 
	 line-height:10px;
}

 
 }
 @media (max-width: 500px) {  
   .product-layout.col-xs-4  {width:50%;}
   .wrap-images  {padding:0;}
   .nav-tabs h4 {font-size:16px;}
   .tab-heading {width:90% !important;}
   h3 {font-size:20px;}
 .fa-stack {
  height:2em;
  width: 1em;
}
.outofstock {font-size:20px;}
.product-bottom {font-size:14px;}
   .caption h4{font-size:14px;line-height:19px; }
    .product-thumb  .wrap-price {line-height:18px;}
   .product-thumb .caption {  padding: 5px; min-height:100px;}
   #wrap-content-bottom .tab-content {margin-top:50px;}
   .wrap-category .nav-tabs > li {
  display: block;
  float: right;
  position: relative;
  text-align: right; }
  .article-dt .date-day {font-size:14px;}
 .article-last .caption > .col-xs-9 { width:100%; }
.article-last .caption > .col-xs-3 { width:40%; }
.bootstrap-select.catesearch {width:50px !important;}
.bootstrap-select.catesearch .filter-option {text-indent:9999px !important;}
.bootstrap-select.catesearch button + .dropdown-menu.open {right:-45px;}
 .powered > .container > div {width:100%;text-align:center;}
  .powered  {height:auto;}
 .product-bottom  > div {padding:0;}
 .article .article-dt h4 {font-size:16px;}
 .article .article-dt {width:50%;}
 
	.art-create {margin-top:0; height:60px;}
	 
.tab-content .banner  {width:30%;}
.tab-content .item{width:70%;}
.tab-content .banner .banner-text {font-size:13px;}
 .tab-content .banner .tri-arrow {
	 border-width:0 20px 20px;
	 top:-10px;
 }
 .tab-content .product-thumb .button-group button .fa    { height:15px; line-height:0 !important;}
 #cart .dropdown-menu {max-width:300px;}
 .product-control .product-layout {width:100%; padding:0 20px;}
 #content > h2 { line-height: auto;  text-align: center; font-size:17px; line-height:20px;}
 .info-shop-bottom .col-xs-6 {width:96% !important;}
 .category-banner .box-wrap > div , .wrap-tab > div {width:100%; margin:0;}
.slide-wrap img, .slide-wrap .img-responsive { 
	min-height: 250px; }
.product-layout.col-xs-6 {
	width: 50%;
	padding: 0 7.5px;
}
 
#logo img { 	max-width: 70px; }
.welcome { 
	padding: 0px 10px 120px 10px;
} 
 .social-top img { 
     max-width:25px !important;
 }
  .social-top li { width:100% !important};
 
 }
  @media (max-width:550px) {  
   #search .form-control{width:auto; }
  
  }
  
  
  @media (max-width:450px) { 
 .footer-logo, .extra-contact {width:100%; padding:0;}
  .footer-logo img {max-width:100px;}
  .product-bottom > div.col-xs-6 {left:15%; width:70%;}
  .related .col-xs-6 {width:100%;}
  .main-image img {  max-width:220px; }
  .social-top {  font-size: 12px; }
 }
 
 @media (max-width: 350px) { 
   .product-layout.col-xs-4  {width:100%;}
   footer img {width:100%;}
.wrap-feature .wrap-price {
  display: table;
  position: relative;
  text-align: left;
  width: 100%;
}
   
 }