@media screen and (max-width:991px) {
a.meanmenu-reveal { display: none; }
.mean-bar {  width: 100%; position: relative;  padding: 0px 0;  z-index: 999999; background:#41362a; float:left; min-height:58px; }
a.meanmenu-reveal { width:30px; padding:0; position: absolute; top:14px; right:10px !important; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-weight: 700; }
a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 5px; }
.mean-nav { float: left; width: 100%; background: #4f4234; position:absolute; top:58px;}
.mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none;}
.mean-nav ul li { position: relative; float: left; width: 100%; }
.mean-nav ul li.mean-last{ border-bottom:2px solid #41362a; }
.mean-nav ul li:first-child a{border-top:0;}
.mean-nav ul li a { display: block; float: left; width:100%; padding: 10px 15px; margin: 0; text-align: left; color: #fff; border-bottom:1px solid #41362a; text-decoration: none; transition: none 0s ease 0s !important;font-size:14px; }
.mean-nav ul li li a {background:#4a3f32; width:100%; padding:10px 30px;  opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; letter-spacing:1px;}
.mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
.mean-nav ul li li li a { width:100%; padding: 10px 45px; color:#fff;background:#53473a; }
.mean-nav ul li li:first-child a{border-top:0;}
.mean-nav ul li a:hover { background: #564839;}
.mean-nav ul li a.mean-expand { width:38px; height:38px; border: none !important; padding:7px !important; text-align: center; position: absolute; right: 0; top:1px; z-index: 2; font-weight: normal; font-size:25px !important; }
.menuName{font-size:16px; float:left; padding:10px 0 0 0; height:31px; font-weight:bold; color:#fff; position:relative; left:15px; top:10px; font-weight:normal;}
.langDrop{display:none;}
#header .rightCol{width:auto;}
#nav{margin-right:20px;}
.sliderArea li .details{width:45%; padding-top:14%;}
.list li{width:33.33%;}
.list .details p{font-size:12px;}
.ideaList{padding:30px 0;}
.ideaList .list{padding:30px 0 10px 0;}
#footer .topCol .fLink li{padding:0 9px;}
#footer .topCol .fLink{margin:0 0 0 20px;}
.loginArea{padding:40px 0 60px 0;}
.loginArea h3{padding-bottom:30px;}
.formArea .countryDrop{width:38%;}
.myAccBtn ul{padding:5px 5px 0 5px;}
.largeProduct ul li img{width:100%;}
.idArea .supportArea button{width:auto;}
.idArea .supportBy li p, .idArea .supportBy li .name p{padding-bottom:5px;}
}
@media screen and (max-width:768px) {
#nav ul li{padding:0 12px;}
.list .details p{height:80px; overflow:hidden;}
#nav{margin-right:10px;}
#header .login{padding-right:15px;}
#footer .topCol .social li{margin-right:3px;}
#footer .topCol .fLink{margin:0;}
#footer .topCol .fLink li{padding:0 5px;}
#footer .topCol .fLink li a{font-size:12px;}
#footer .topCol .fLink{width:50%;}
.profile .userDetails h2{font-size:25px; padding-bottom:10px;}
.profile .phone .col{float:none; margin:0 0 20px 0;}
}
@media screen and (max-width:640px) {
.sliderArea li .view{width:100%;}
.sliderArea li .view img{width:100%;}
.sliderArea li .details{width:100%; position:static; float:left;  padding:20px;}
.sliderArea li .details h2{font-size:22px; line-height:24px; padding-bottom:5px;}
.sliderArea li .details h2 span{font-size:18px;}
.sliderArea li .details p{padding-bottom:10px;}
#logo{width:100%; text-align:center; float:none;}
#header .rightCol{width:370px; margin:20px auto 0 auto; float:none;}
.list li{width:50%;}
.ideaList{padding:15px 0 20px 0;}
.ideaList .list{padding:15px 0 0 0;}
#footer .topCol{padding:15px 0;}
#footer .topCol .social{width:100%;}
#footer .topCol .social ul{width:100%; text-align:center;}
#footer .topCol .social li{margin:0 5px; float:none; display:inline-block;}
#footer .topCol .fLink{width:100%; padding:20px 0 15px 0;}
#footer .topCol .fLink li{padding:0 10px;}
#footer .topCol .baouLogo{width:100%; text-align:center;}
#footer .bottomCol .copyRight{width:100%; text-align:center; padding-bottom:15px;}
#footer .bottomCol ul{width:100%; text-align:center;}
#footer .bottomCol ul li{padding:0 12px;}
/*----Ideas----*/
.container h3{font-size:26px; padding:15px 0;}
.formArea{padding:20px 0;}
.formArea .formCol{margin-bottom:20px;}
.formArea .formCol.pullTop{padding-top:84px;}
.formArea .bottomCol{margin:0; padding-top:15px;}
.formArea .bottomCol button{margin-top:10px;}
.attachment li{width:24%; margin:0 1% 1% 0;}
.attachment li.addMoreBtn{width:100%; padding:20px 0 0 0; margin:0;}
.attachment li.addMoreBtn .addMore{display:inline-block;}
.checkbox.largeLabel{padding:0 20px;}
.formArea .countryDrop.fullDrop{width:100%;}
.myIdea li .ideaDetails{width:60%;}
.profile .rightCol, .myAccBtn{width:100%;}
.profile .rightCol, .myAccBtn .fa{float:right;}
.profile .leftCol{width:100%; margin-top:20px;}
.profile .userDetails h2{font-size:22px;}
}
@media screen and (max-width:480px) {
#header{padding:15px 0 8px 0;}
#nav{width:100%; margin:15px 0 0 0; text-align:center;}
#nav ul li{display:inline-block; float:none;}
#header .rightCol{width:205px;}
.sliderArea li .details h2{font-size:18px; padding:0;}
.sliderArea li .details h2 span{font-size:14px;}
.ideaList .tabbingArea .tabsNav .tabsAnchor{font-size:14px; padding:10px 15px; line-height:13px;}
.filterBar{position:relative; margin:12px 0 0 0; top:auto; right:auto; text-align:right;}
.filterBar .sub li{text-align:left;}
.filterBar a{font-size:13px;}
.list .details h2{font-size:15px;}
.list .details .smallText{padding-bottom:5px;}
.ideaList button{width:100%; height:35px; line-height:35px;}
.breadcrumb{padding:7px 0;}	
.loginArea{width:100%;}
.loginArea{padding:20px 0 40px 0;}
.loginArea h3{text-align:center;}
.formArea .leftCol, .formArea .rightCol{padding:0; width:100%;}
.formArea label{font-size:15px; padding-bottom:5px;}
.formArea .formCol.pullTop{padding:0;}
.formArea button{width:100%; height:35px; line-height:35px;}
.myAccBtn{width:100%; margin:15px 0;}
.myAccBtn a{display:inline-block;}
.container h3{font-size:23px; padding:15px 0;}
.breadcrumb li{padding-right:15px;}
.breadcrumb li:after{right:5px;}
.backLink{float:none; display:table;}
.addLink {display: table;float: none;}
.myIdea li .ideaPhoto{width:40%;}
.myIdea li .ideaDetails{width:100%; padding:10px 0;}
.myIdea li .ideaDetails .date{padding-top:7px;}
.myIdea li{border-bottom:1px solid #e9e9e9; padding:15px 0;}
.myIdea li:last-child{border:0;}
.myIdea{padding:0;}
.myAccBtn ul li:last-child a{border-bottom:1px solid #a4a3a3;}
.profile .myAccBtn a{display:block;}
.profile .userPhoto{width:35%;}
.profile .userDetails{width:100%; padding:15px 0 0 0;}
.profile .userDetails h2{padding-bottom:20px;}
.profile .userDetails .backLink{margin:10px 0 0 0;} 
.profile .leftCol{margin-top:5px;}
.profile{padding:5px 0 20px 0;}
.detailsSlider{margin-bottom:10px;}
.idArea h2{font-size:17px;}
.idArea{padding:20px 0;}
.idArea .supportArea button{padding:0 20px; font-size:12px;}
.idArea .supportArea{padding:12px;}
.loginArea .form{padding:20px;}
}
@media screen and (max-width:360px) {
#header{padding:15px 0 8px 0;}
.sliderArea li .details{padding:10px;}
.filterBar{top:3px;}
.list li{width:100%; margin-bottom:10px;}
.list .details p{height:auto; overflow:auto;}
.ideaList{padding:15px 0 10px 0;}
#footer .topCol .fLink li{padding:0 5px;}
.ideaList .tabbingArea .tabsNav .tabsAnchor{font-size:12px; line-height:14px; padding:7px 10px;}
.formArea .bottomCol .checkbox label{font-size:11px;}
.attachment li{width:49%; margin:0 1% 1% 0;}
.myIdea li .ideaPhoto{width:50%;}
.profile .address p, .profile .email p, .profile .phone p{padding:0 0 0 35px;}
.idArea .otherIdeas.list ul{margin:0; width:100%;}
.idArea .otherIdeas.list li{margin:0 0 10px 0; width:100%;}
.loginArea .capchaCode .codeText{width:40%;}
.loginArea .capchaCode .codeText img{width:100%;}
.loginArea .checkbox{margin-left:20px;}
.loginArea .resend button{font-size:12px;}
}