/*  #Mobile (Portrait) width of 320px 
================================================== */


@media only screen and (max-width: 767px) {

/**********************************************************************************************
TOP MENU (override the superfished topmenu)									
***********************************************************************************************/
#header_logo {position:relative;margin:auto; top:0; padding:4px; width:100%;}
.logo{text-align:center;margin:auto;}
#header-inner{ padding:40px 0px 10px 0px; width:100%; max-width:768px;}
.blockuserinfo, #header_user, .blocksupport{top:5px; padding-top:5px; padding-bottom:5px;}
.blockuserinfo {margin-left:2%;}
#search_block_top{position:relative;left:18%; top:0px;}
#search_block_top .searchbox{top:0px;}
#menu-trigger{color:#6a6a6a; background-color:#2a2929;}
#menu-custom {margin-top:40px;}
#social_block{display:none;}
#infomenu {position:absolut;top:0; width:98%; margin:auto; left:1%; text-align:center; padding:3px auto;}
#infomenu section {display:inline-block; color:#fff;}
#infomenu section > div:after{content:"|";padding:0 5px; } 
/* ************************************************************************************************
BANNER
************************************************************************************************ */
.show .leftbutton{background:url(../images/bannerbtn.png) no-repeat 0 -62px;cursor:pointer;position:absolute;left:0px;top:25%;width:20px;height:62px;z-index:99; background-size:20px 248px;}/*WL added background image and removed the image on the tpl*/
.show .leftbutton:hover{background-position: 0 0;}/*WL add this line for hover*/
.show .rightbutton{background:url(../images/bannerbtn.png) no-repeat 0 -186px; cursor:pointer;position:absolute;right:0px;top:25%;width:20px;height:62px;z-index:99;background-size:20px 248px;}
.show .rightbutton:hover{background-position:0 -124px;}/*WL add this line for hover*/
.show .selectimg{overflow:hidden;position:absolute;bottom:5px;left:0;width:100%;text-align:center;z-index:1; margin:auto;} /*WL added margin:auto; width:1260px change to width:100%;*/
/* ************************************************************************************************
PROMOTION PAGE
************************************************************************************************ */
.bundle-wrapper h2{line-height:1.25em;}
.bundle_product {width:40%!important;min-height:120px;}
.bundle-discount{width:100%; margin:auto; padding-bottom:10px; padding-top:1%;}
.bundle_product a > img {width:70%;}
.bundle_product h3 {line-height:1em;}
.original_price, .discount_price{display:inline-block; margin-left:5px;}
.original_price{font-size:16px; }
.discount_price{font-size:20px;}
.bundle-discount .exclusive{maring-top:10px; margin-left:5px;}

/******************************************************
NEWSLETTER BLOCK
*******************************************************/
.footer-bg-mob #newsletter_block_left { width:100%; height:100%; padding-bottom:100px; margin:auto;  margin-bottom:10px;}
.footer-bg-mob #newsletter_block_left h4{margin-left:0px; margin-top:10px;text-align: center;width:100%;}
.footer-bg-mob #newsletter_block_left p, #newsletter_block_left p.inputemail, #newsletter_block_left .button_form
{display:inline-block; margin:5px 2px 5px 4px; }
#newsletter_block_left .button_form{ width: 100px;}
.footer-bg-mob .newletter_block_content{text-align: center;}
#newsletter_block_left p, #newsletter_block_left p.inputemail{float:none;}
#newsletter_block_left .button_form{float: none;}

/*.blockcms_footer {margin-top:200px;}*/

.footer-bg-mob .block h4 {margin-top:20px;padding:10px 20px; width:80%; border-bottom:1px dashed #2a2929; margin:auto; text-align:center;cursor:pointer;}
.footer-bg-mob .block:first-child > h4 {border:0;width:96%; padding:5px;margin:auto; text-align:left;}
.footer-bg-mob section.blocksocial{float:none;width:100%;}
.footer-bg-mob section.blocksocial h4 { padding:10px 20px;margin:auto!important;text-align:center;cursor:default;}
.footer-bg-mob .block ul li{padding:5px 10px; text-align:center;}
.footer-bg-mob section.blocksocial ul {margin:auto; text-align:center;padding-top:10px;}
.footer-bg-mob section.blocksocial ul li{padding:0px;}
.footer-bg-mob .copyright {display:block;width:90%; margin:auto; text-align:center; padding:15px; color:#999; }
.footer-bg-mob .selectlang {display:block;width:90%; margin:auto;text-align:center; padding:10px; text-transform:uppercase;}


/******************************************************
SIGN-IN PAGE
*******************************************************/
.registe .colcontent{float:none; width:100%; display:block; }
.social-login{border-top:1px solid #cfccc4; margin-top:100px;}
/******************************************************
CATEGORY PAGE
*******************************************************/
.category li{ margin:auto; width:98%;margin:18px auto 10px auto;}
.category li a img {width:92%; margin:auto;}
/******************************************************
PRODUCT PAGE
*******************************************************/
#product .changeul {}
#product .changeul li{display:block; margin:auto; width:98%; text-align:center!important;}
#product .changeul li+li{background:none; border-top:1px dashed #cfccc4;}
.groupsection > div, .groupsection > p { float:none!important;display:block; width:100%; height:100%;}
.groupsection p img{width:100%; height:100%; display:block; float:none!important;}
.featuresection .groupsection:nth-child(2n+1) > p {float:none;}
.groupsection > div{position:relative; display:block; float:none;transform: translateY(0%); text-align:center!important; margin:auto;}
.groupsection > div h3{width:100%; text-align:center!important; margin:auto;}
.groupsection {/*text-align: center;*/ margin: 2px; position: relative; resize:none; overflow:none; }
 
/****New Feature group - groupsection2****/
.groupfeature{width:100%;height:100%!important;}
.groupfeature, .groupfeature h3, .groupfeature > p{text-align:center!important; margin:auto;}
.groupfeature:before{height:auto!important; min-height:1px;}
.groupfeature > div{width: 98%!important; display:block;} 
.groupfeature > p img, .groupfeature > img{display:block;max-width:90%;text-align:center!important; margin:auto;} 
.featuresection .groupfeature > p, .featuresection .groupfeature:nth-child(2n+1) > p{float:none;clear:both;margin-top:0; padding-top:0;}
/****New Feature group - groupsection2 ENDS****/

#connecters_section span img{width:100%; height:auto;}
#connecters_section span{padding:1.5%;}
.wheretobuytab > table td {padding:2px;}
/* ************************************************************************************************
		SHOWS or OFF in MOBILE and DESKTOP
************************************************************************************************ */
.shows_desktop{display:none;}
.shows_mobile{display:block;}
.wheretobuytab table.shows_mobile{display:table;}

}




@media only screen and (min-width: 360px) and (max-width: 767px) {
/**********************************************************************************************
TOP MENU (override the superfished topmenu)									
***********************************************************************************************/
#header_logo {position:relative;margin:auto; top:0; padding:4px; width:80%;}
.logo{text-align:center;margin:auto;}
#header-inner{ padding:40px 0px 10px 0px; width:100%; max-width:768px;}
.blockuserinfo, #header_user, .blocksupport{top:5px; padding-top:5px; padding-bottom:5px;}
.blockuserinfo {margin-left:2%;}
#search_block_top{position:relative;left:20%; top:0px;}
#search_block_top .searchbox{top:0px;}
/******************************************************
NEWSLETTER BLOCK
*******************************************************/
#newsletter_block_left .button_form{ width: 118px;}	
	}