@media only screen and (max-width: 1348px) {
.menu ul li a {padding:0 24px 0 6px;}
.logo {padding:5px 0 0 10px;}
}
@media only screen and (min-width: 1260px) {
.menu > ul {display:block !important;}
}
@media only screen and (max-width: 1260px) {
.menu {float:right; border-left:1px solid #efefef; position:relative; height:72px; padding:17px 10px 0 10px;}
.menu a.showMobMenu {display:block; float: right; width:50px; height:36px; background:none; border-radius:3px; padding-top:9px;}
.menu a.showMobMenu i {display:block; height:3px;  background: #85bc43; width:60%; margin:0 auto 6px auto;}
.menu > ul {position:absolute; right:10px; top:52px; width:250px; z-index:100; background:rgb(241, 241, 241); display:none; border-radius:3px 0 3px 3px;}
.menu > ul > li {border-left:none; float:none;     border-bottom: 1px solid #e0e0e0;}
.menu > ul > li:last-child {border:none;}
.menu > ul > li > a {float:none; height:40px; line-height:40px; padding:0 28px 0 15px;}
.menu > ul > li > a:after {top:20px;}
.productSlider {padding:0 35px;}
.productSlider .owl-prev, .articleSlider .owl-prev {left:0;}
.productSlider .owl-next, .articleSlider .owl-next {right:0;}
.articleSlider {padding:0 35px;}

/*Start 27 May 2016*/
.menuPopup {width:100%; position:static;}
.menuPopup > ul > li > a {display:block; padding:10px 15px;}
.menuPopup ul li ul  {display:none !important;}
.menuPopup > ul > li.moreLnk > a:after {display:none;}
.lfttoRgt .menuPopup > ul > li > a {text-align:left;}
}

@media only screen and (max-width: 1023px) {
.listingLeft{width: 70%;}
.listingRight{width: 30%;}
.boxLeft{width: 30%;}
.boxRight{width:70%;}
.inputComn{width:280px;}
.numLeft{width:100%;}
.share{display: none;}
.socialIcons1{padding:10px 10px 10px 0;}
.numRight{width:100%;}
.communitLeft{margin: auto;padding: 18px 0;text-align: center;width: 100%;}
.communitRight{margin: auto;padding: 7px 0;width: 100%;text-align: center;}
.radioSection{float:none; margin-left:0;}
.searchBar{float:none;}
.radioSection{vertical-align:middle; margin-top:0;}
.boxRight{padding-left: 10px;}
}

@media only screen and (max-width: 999px) {
.radioSection{margin-left:0;}
.inputComn{width: 210px;}
.innerList img{width: 68px;}
.newsContent a{font-size: 12px;}
.bannerCon .responsive {padding:50px 10px 150px 10px;}
.bannerHd span {font-size:26px;}
.bannerBigHd {font-size:50px;}
.bannerTxt {font-size:20px;}
.btnBox {width:680px; margin-left:-340px;}
.btnBox a {width:49%;}
.homeTopTxt {font-size:30px;}
.mainHd {font-size:27px; padding-bottom:20px;}
.directoryBox {padding:20px 10px 20px 0;}
.communityBox {padding:20px 0 20px 10px;}
.dirComTab ul li {padding:0 0 0 15px;}
.dirComList {padding:10px 0 10px 0;}
.dirComList ul li {min-height:56px;}
.dirComList ul li .lft {width:62px;}
.dirComList ul li .lft img {width:100%;}
.dirComList ul li .rgt {padding:0 0 0 72px;}
.paddCon {padding:20px 0;}
.productSlider .item .hd {font-size:14px;}
.productSlider .item .hd span {font-size:13px;}
.bannerBox {padding:20px 0 0 0; overflow: hidden; width: 100%;}
.bannerBox.bot {padding:0 0 20px 0;}
.newsList ul li {padding:10px; font-size:14px; line-height:20px;}
.newsList ul li.half .date {font-size:14px; padding:10px 0 5px 0;}
.newsList ul li.half .hd {font-size:18px;}
a.whtBtnBig {font-size:13px; height:30px; line-height:28px; padding:0 10px;}
.rgtSpace {margin-right:5px;}
.spotlightBox {padding:10px;}
.spotlightBox .lft {padding:2px;}
.spotlightBox .rgt {padding:0 0 0 10px; font-size:14px; line-height:22px;}
.spotlightBox .rgt .hd {font-size:24px;}
.spotlightBox .rgt .hd span {font-size:18px;}
.whereBuy {padding:10px; font-size:14px; line-height:22px;}
.whereBuy span {font-size:26px; padding:15px 0 5px 0;}
.recListed {padding:20px 0 10px 0; width:34%; margin-right:2%;}
.footerHd {font-size:16px; padding:5px 10px;}
.recRating {padding:20px 0 10px 0; width:34%; margin-right:2%;}
.recentList ul li {min-height:50px;}
.recentList ul li .lft {width:50px;}
.recentList ul li .lft img {width:100%;}
.recentList ul li .rgt {padding:0 0 0 60px;}
.newsletter {padding:20px 0 10px 0; width:28%;}
.newsletter .txt {font-size:13px; line-height:20px;}
.footerLink {float:none; padding:15px 0; text-align:center;}
.footerLink a:first-child {margin-left:5px;}
.copy {float:none; padding:0 0 20px 0; text-align:center;}
.artcialesHeading ul li{width:48%;}
}
@media only screen and (min-width: 768px) {
.footerBox {display:block !important; height:auto !important;}
}
@media only screen and (max-width: 767px) {
.nameRight{display: block;margin: 10px auto;width: 100%;}
.newsContent a{font-size: 14px;}
.Subcategory a{font-size: 14px;}
.listingRight{display: block; margin:15px auto; max-width: 300px; padding: 0;width: 100%;}
.listingLeft.fl{ float:none !important;}
.listingRight.fr{float:none !important;}
.goinputComn{width:280px;}
.numberList{float: none;margin:15px 0;text-align: center;}
.listingLeft{width: 100%; padding:0; border:0;}
.listingRight{width: 100%; max-width:300px;}
.stock img{display: block;margin: 10px auto;max-width: 272px;width: 100%;}
header {height:auto;}
.innerList img{width: 90px;}

.readmore img{width: auto;}
.robot img{max-width: 250px;width: 100%;}
.communitLeft{padding: 10px 0;}
/*.logo {float:none; text-align:center; padding:5px 0; border-bottom:1px solid #efefef;}*/
.headerRgt {float:none;}
.menu {float:right; padding:10px; height:auto;}
.menu ul {right:inherit; right:10px; top:44px; border-radius:0 3px 3px 3px;}
.acLinkBx {border-left:none;}
.acLinkBx a.acLink {padding:10px 28px 10px 10px; height:auto;}
.acLinkBx a.acLink img {width:35px;     height: 35px;}
.acLinkBx a.acLink:after {top:26px;}
.bannerCon .responsive {padding:20px 10px;}
.bannerHd span {font-size:22px;}
.bannerBigHd {font-size:40px;}
.bannerTxt {font-size:18px; padding-bottom:20px;}
.bannerTxt span {margin:0 4px;}
.searchBox {height:44px; border:2px solid #fff;}
.searchInput {font-size:13px; padding:12px 10px;}
.searchBtn {top:5px;}
.optTxt {font-size:13px; text-align:left;}
.optTxt label {margin:0 0 5px 0; display:block;}
.btnBox {width:auto; position:static; margin:0;}
.btnBox a {width:280px; margin:10px auto 0 auto; padding:10px 5px; font-size:11px;}
.btnBox a span {font-size:18px;}
.btnBox a.lft {float:none;}
.btnBox a.lft:after {display:none;}
.btnBox a.rgt {float:none;}
.btnBox a.rgt:after {display:none;}
.homeTopTxt {padding:20px 0; font-size:20px;}
.mainHd {font-size:20px; padding-bottom:10px;}
.dirComCon .responsive {padding:0;}
.directoryBg {display:none;}
.communityBg {display:none;}
.directoryBox {float:none; width:100%; padding:20px 10px; background:url(../images/directory_bg.jpg) no-repeat center top; background-size:cover;}
.communityBox {float:none; width:100%; padding:20px 10px; background:url(../images/community_bg.jpg) no-repeat center top; background-size:cover;}
.dirComList ul li {margin-bottom:10px;}
.postBox {margin-bottom:10px; padding:10px;}
.newsList ul li {width:49%; margin:0 2% 2% 0; font-size:13px;}
.newsList ul li.half {width:100%; float:none; margin:0 0 2% 0 !important; clear:both;}
.newsList ul li:nth-child(2n) {margin-right:0;}
.spotlightBox {float:none; width:100%;}
.spotlightBox .lft {float:left; border:1px solid #d9d9d9; padding:3px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); width:40%;}
.spotlightBox .rgt {font-size:13px; line-height:20px;}
.spotlightBox .rgt .hd {font-size:20px; padding-bottom:5px;}
.spotlightBox .rgt .hd span {font-size:16px; padding-top:5px;}
.whereBuy {float:none; width:100%; margin-top:10px; font-size:13px; line-height:20px;}
.whereBuy span {font-size:22px;}
.clientSliderCon {height:81px; padding:0 0 0 150px;}
.clientSlider .item {height:80px; padding:10px 10px 0 10px;}
.clientHd {height:80px; width:151px; font-size:18px; padding:20px 0 0 10px;}
.clientHd span a {font-size:13px;}
.recListed {float:none; width:100%; margin-right:0; padding-bottom:0;}
.recRating {float:none; width:100%; margin-right:0; padding:0;}
.newsletter {float:none; width:100%; padding:0;}
.footerLink {line-height:21px;}
.footerBox{display:none;}
.footerHd {margin-bottom:10px; cursor:pointer; position:relative;}
.footerHd:before {content:'+'; position:absolute; right:10px; top:5px; color:#fff; font-size:17px;}
.active .footerHd:before {content:'-'; top:-3px; font-size:24px;}
.newsInputBx {margin-bottom:20px;}
.socialLink  {padding:10px 0;}
.footerBot {margin-top:10px;}
.articlesBoxes{padding:10px;}
.SortByNew select{height: 34px;}
}

@media only screen and (max-width: 639px) {
.radioSection.clearfix{width: 100%;margin: auto;text-align: center;float: none;}
.searchBar{display: block;float: none;margin: 10px auto 0;max-width: 100%;text-align: center;width: 100%;}
.inputComn{width: 100%;}
.communitLeft,.radioSection.clearfix{text-align:left;}
.articlesHead{text-align:center;}
.boxLeft{width: 100%;}
.boxRight{width: 100%;}
.artImg > img{width:100%; height: auto;}
.boxLeft{padding-right:0;}
.boxRight{margin-top: 10px;text-align: center;width: 100%;}
.articlesBoxes{background-color: #fff;border-bottom: 1px solid #cccccc;margin: 10px auto;max-width: 275px;padding: 10px;}
.aportCart{padding: 0 15px;}
.socialIcons{text-align:center;}
.nameDetails h1{font-size:18px;}
.nameSection > span{display:block;margin: 10px 0 0;}
.viewerListing li{display: block;font-size: 11px;padding: 3px 0;}
.viewerListingLeft.fl{float:none; width:100%;}
.viewerListingRight.fr{float:none; width:100%;margin: 10px 0;}
.replyLeave h1.fl{float:none; width:100%;}
.replyLeave a.fr{float:none; width:100%;}
.replyLeave span{display:block;}
.cmntLeft.fl{float: none;width: 100%;}
.cmntRight.fr{float: none;margin: 10px auto;width: 100%;}
.boxRight{padding-left: 0px;}
}

@media only screen and (max-width: 479px) {
.bannerBigHd {font-size:28px;}
.bannerTxt {font-size:15px; padding-bottom:10px;}
.topBox {height:auto;}
.topBox .hd {float:none; width:100%; padding-bottom:5px;}
.dirComTab {margin-bottom:-1px;}
.newsbtnBox .fl {float:none !important;}
.newsbtnBox .fr {float:none !important; padding-top:5px;}
.spotlightBox .lft {float:none; width:200px; margin:auto;}
.spotlightBox .rgt {float:none; width:auto; padding:15px 0 0 0; text-align:center;}
}