@media (max-width:1366px) and (min-width:1200px){
.homeBanner h2 {margin-top: 60px;margin-bottom: 25px;font-size:42px;}	
.blog-left {width:690px;}
.footer-left::before {left:-30px;right:inherit;width:130px;height:130px;}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
body {background-size:100% 225px;}
header {padding-bottom:0}	
.logo img {width:100%;}
.menu > ul > li > a, .menu > ul > li > ul > li > a {font-size: 16px;}
.homeBanner h2 {font-size: 36px;margin-top: 25px;margin-bottom: 20px;}
.blog-left {max-width: 560px;}
.blog-left .blog-info {width:430px;}
#mainContent h1 {margin-top:50px;}
span.service-title {padding: 6px 0px;font-size: 13px;left: 0;width:100%}
.service-bottom p {min-height:115px}
section.bottom-logo ul li {width:135px;}
section.join-us h4 {font-size:20px;}
.news-signup h3 {font-size:26px}
.news-signup {margin-top:-40px;}
.footer-left::before {left:-30px;right:inherit;width:130px;height:130px;}
.innerBanner {margin-bottom:30px;}
.innerBanner h1 {font-size:36px;margin-top:40px;}
.inner-slider-img {margin-top:15px;}
.innerBanner::before {background-size:98% 90%}
.blog-list-image {width:200px;height:200px;}
.proList {width:300px;height:300px;}
.proList .productName {margin: 20px 0px 10px;}
}
@media (min-width:768px) and (max-width:991px) {
body {background-size:100% 160px;}
h2, .h2{font-size:28px;margin-bottom: 15px;margin-top: 15px;}
h3, .h3{font-size:26px;margin-bottom: 15px;margin-top: 15px;}
h4, .h4{font-size:24px;margin-bottom: 15px;margin-top: 15px;}
h5, .h5{font-size:22px;margin-bottom: 10px;}
h6, .h6{font-size:20px;margin-bottom: 10px;}
.innerContent .lead {margin-top:15px;}
.innerContent ul, .innerContent ol {margin:20px 0}
.headerRight {top: 10px;}	
.menu > ul > li > a, .menu > ul > li > ul > li > a {padding: 3px 9px;font-size: 14px;}
.menu > ul > li > ul {width:230px}
.sub-menu a::before {font-size: 12px;line-height: 40px;}
section.search img {width: 14px;}
section.search {padding:3px;}
.menu > ul > li:last-child > a {padding-right:0}
.logo img {width:100%;top:0}
.social {margin:0}
.social.clearfix li a {font-size:15px;}
.homeBanner h2 {font-size:26px;font-weight:500;margin-top:15px;margin-bottom:15px;}
#mainContent h1 {font-size:28px;margin-top: 50px;margin-bottom: 25px;}
span.service-title {padding: 6px 0px;font-size: 14px;left: 0;width:100%}
.services {width:50%}
.blog-left {max-width:435px;}
.blog-left .blog-panel {margin-right:15px;}
.blog-left .blog-info {width:315px;}
.blog-left .blog-info h4 {font-size:18px}
.blog-left .blog-list {padding-top:20px;padding-bottom:20px;}
section.bottom-logo ul {padding:25px 0}
section.bottom-logo ul li {width:95px;margin-right:8px;}
section.join-us h4 {font-size:20px;margin-bottom:0;}
.news-signup h3 {font-size:28px}
.footer-left::before {width: 130px;height: 130px;left: -20px;}
.footer-bottom {font-size:14px}
.footer-left ul li {padding-left:25px;}
.footer-top ul li, .footer-top ul li a {font-size:16px}
.innerBanner h1 {font-size: 26px;margin-top:15px;}
.inner-slider-img {margin-top:0px;}
.innerBanner::before {background-size:98% 100%}
.innerBanner {margin-bottom:20px;padding: 15px 0px;}
.blog-list-image {width:135px;height:135px;}
.blog-list-page h4 {font-size:20px}
.blog-list-text .blog-panel, .blog-post-detail .blog-panel {font-size:14px;margin-bottom:0}
.blog-list-text .blog-panel strong, .blog-post-detail .blog-panel strong {font-size: 18px;margin: 0px 3px;}
.wrapper {margin-top:20px;} 
.mem-photo {width:160px;height:160px;}
.mem-photo img {width:100%}
.proList {width:225px;height:225px;}
.proImg {margin-top:50px}
.proImg img {width: 80px;}
.proList .productName {font-size:18px;margin: 10px 0px 12px;}
.proList .price {top:-35px}
} 
@media (max-width:767px) {
h2, .h2{font-size:24px;margin-bottom: 15px;margin-top: 10px;}
h3, .h3{font-size:22px;margin-bottom: 15px;margin-top: 10px;}
h4, .h4{font-size:20px;margin-bottom: 15px;margin-top: 10px;}
h5, .h5{font-size:18px;margin-bottom: 10px;}
h6, .h6{font-size:16px;margin-bottom: 10px;}
header {padding-top:10px;}
.innerContent .lead {margin-top:15px;font-size:20px;margin-top: 10px;font-weight:400}
.innerContent ul, .innerContent ol {margin:15px 0}	
nav.menu {display:none !important;}	
.logo {margin-top:0;text-align:center;}
.logo img {width: 240px;max-width: inherit;position: relative;top:0;float:none;margin:0 auto;}
.social {margin-top:10px;}
.social.clearfix > ul {text-align: center;}
.social.clearfix li:last-child {padding-right:0}
.mean-bar {background:#a6141a}
.sub-menu a::before {display:none}
i.fa.fa-search {color: rgb(238, 242, 194);position: relative;z-index: 999999;}
i.fa.fa-search:hover, #search-menu:hover, #search-menu:hover i {color: rgb(238, 242, 194)}
h3.assistive-text {display: block;position: absolute;left: 42px;color: rgb(238, 242, 194);font-size: 20px;top:2px}
section.homeBanner {bottom:5px;}
section.homeBanner::before {background-size:cover}
.bubble-link a, .bubble-link {display:none;}
.homeBanner h2 {font-size:22px;margin:15px 0;font-weight:500;}
#mainContent h1 {font-size:24px;margin-top:20px;margin-bottom:15px;}
.service-top {padding-top: 0px;}
.social.clearfix li {padding:0 10px;}
.social.clearfix li a {font-size:14px}
.social.clearfix li a i {position:relative;bottom:1px;}
.all-post {margin-bottom:50px;margin-top:50px;padding-left:90px;}
.all-post::before {left:15px;top: 5px;width: 60px;height: 60px;line-height: 60px;}
.all-post h2 {font-size:30px;}
#blogLeft {padding-left: 15px;padding-right: 15px;}
.blog-left {padding:0;}
.blog-left .blog-panel {margin-bottom:5px;margin-right:0;margin-top:0}
.blog-left .blog-info {padding-top:5px;width:100%;}
.blog-left .blog-info h4 {font-size:20px;font-weight:500}
section.bottom-logo {padding:0 15px;}
section.bottom-logo ul {padding:15px 0;display:table;text-align:center;}
section.bottom-logo ul li, .news-singup-form .field {margin-bottom: 15px;}
.news-signup {margin-top:0}
.news-singup-form {padding: 30px 20px;}
.news-signup h3 {margin-bottom:20px;font-size:22px;}
#joinRight {padding:0}
section.join-us h4 {font-size:20px;margin-bottom:0;margin-top:30px}
.footer-left::before {display:none}
.footer-bottom {font-size:14px}
.footer-left ul li {padding-left:22px;}
.footer-top ul li, .footer-top ul li a, .footer-top ul li:before {font-size:16px}
.footer-top h3 {margin: 5px 0px 5px;font-size:22px}
.footer-left {padding-bottom:0}
.footer-right {padding-top:0}
.footer-top ul {margin-bottom:0}
.footer-bottom .right {text-align:center}
.footer-bottom {font-size: 12px;padding:8px 0;line-height:24px;text-align:center}
.footer-bottom a {padding-right: 10px;}
.footer-bottom a::after {right:2px}
.innerBanner {bottom:5px;margin-bottom:15px;}
.innerBanner::before {background-size:cover;}
.inner-slider-img {display:none}
.innerBanner h1 {font-size: 24px;padding: 30px 0px 45px;margin:0}
.blog-list-image {margin-bottom:25px}
.pagination, a#previouspage, a#nextpage, a#previouspage:focus, a#nextpage:focus, a#previouspage:hover, a#nextpage:hover {margin-top:0;margin-bottom:15px}
.fb-like {border:0}
.sideWidget, span.blogLink a, span.blogLink a:focus {margin-bottom:20px}
.blog-list-page {margin-bottom: 15px;}
.blog-list-text {padding-bottom:15px}
.blog-list-text .blog-panel, .blog-post-detail .blog-panel {font-size:14px;margin-bottom:0}
.blog-list-text .blog-panel strong, .blog-post-detail .blog-panel strong {font-size: 18px;margin: 0px 3px;}
.well.blog {font-size:16px;line-height:28px;padding:15px}
.wrapper {margin-top:15px;}
.team {padding:30px 0px 15px}
.mem-photo {margin-bottom:20px;}
.col-md-6.col-sm-6.col-xs-12.cartImg.text-right {display: none;}
.proList {width:290px;height:290px;margin-bottom:25px}
.proImg {margin-top:30px}
.cartLink {display: block;text-align: center;margin-top: 20px;font-size: 16px;}    
}
@media (max-width:767px) and (min-width:360px) {
.mean-bar {top:155px !important;}	
section.bottom-logo ul li {display: inline-table;width: 49%;text-align: center;vertical-align: middle;}
}
@media (max-width:360px) {
.footer-right ul li span {display:block;clear:both;float:left;width:100% !important}
.footer-right ul li span:nth-of-type(1)::after {display:none}
}
@media (width:640px) {.blog-left .blog-info {padding-top: 0;width: 85%;margin-left: 2%;}	}
@media (max-width:767px) and (min-width:640px) {
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {font-size:16px}
.proInfo .productitemcell {padding-top:20px}
}
@media (max-width:639px) {
.shop-cart table th {display:none}
.shop-cart table td {display:block;clear:both;float:left;width:100%;position:relative}
.shop-cart table td:before {content: attr(data-title);font-weight:500}
.proInfo .productitemcell {padding:0;height:auto;margin:0}
}