
/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1024px) {

.hidemobile5 {
	display: none !important;
}

#bannerrow {
	display: inherit;
}
#bannermenu {
	display: inherit;
}
#bannermodule {
	display: inherit;
}
#modulestop {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#modulesbottom {
	display: inherit;
}
#pre-footer {
	display: inherit;
}
#footer {
	display: inherit;
}


}
/* per restringere top menu fino px 1170 */
@media screen and (min-width: 1024px) and (max-width: 1170px) {
	#bannermenu ul.menu > li > a, #bannermenu ul.menu > li > span.separator,
#bannermenu ul.maximenuck > li > a, #bannermenu ul.maximenuck > li > span.separator{
	margin-right: 15px;
}

.item-132{background-image:url('/images/arrow_down.png');background-position: 93% 50%;background-repeat:no-repeat;}
.item-132:hover  {background-image:url('/images/arrow_up.png');}
.item-396{background-image:url('/images/arrow_down.png');background-position: 93% 50%;background-repeat:no-repeat;}
.item-396:hover  {background-image:url('/images/arrow_up.png');}

}
/**/ 

@media screen and (min-width: 950px) and (max-width: 1024px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 950px !important;
}

.hidemobile4 {
	display: none !important;
}

#bannerrow {
	display: inherit;
}
#bannermenu {
	display: inherit;
}
#bannermodule {
	display: inherit;
}
#modulestop {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#modulesbottom {
	display: inherit;
}
#pre-footer {
	display: inherit;
}
#footer {
	display: inherit;
}


}

@media screen and (min-width: 758px) and (max-width: 950px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#bannerrow {
	display: inherit;
}
#bannermenu {
	display: inherit;
}
#bannermodule {
	display: inherit;
}
#modulestop {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#modulesbottom {
	display: inherit;
}
#pre-footer {
	display: inherit;
}
#footer {
	display: inherit;
}


}

@media screen and (min-width: 375px) and (max-width: 758px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 524px !important;
}

.hidemobile2 {
	display: none !important;
}

#bannerrow .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannerrow .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermenu {
	height: auto !important;
}
#bannermenu ul {
	height: auto !important;
}
#bannermenu li {
	float :none !important;
	width: 100% !important;
}
#bannermenu div.floatck {
	width: 100% !important;
}
#bannermodule {
	display: inherit;
}
#bannermodule {
	height: auto !important;
}
#bannermodule .logobloc {
	float :none !important;
	width: auto !important;
}
#modulestop .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulestop .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.moduletable_login .userdata {margin: 0 auto; width: 300px;}

#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}


/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#maintopmodule {
	display: inherit;
}
#maintopmodule {
	height: auto !important;
}
#maintopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centertopmodule {
	display: inherit;
}
#centertopmodule {
	height: auto !important;
}
#centertopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centerbottommodule {
	display: inherit;
}
#centerbottommodule {
	height: auto !important;
}
#centerbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#mainbottommodule {
	display: inherit;
}
#mainbottommodule {
	height: auto !important;
}
#mainbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#modulesbottom .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#pre-footer {
	display: inherit;
}
#pre-footer {
	height: auto !important;
}
#pre-footer .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	display: inherit;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}


}

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

#maintop > div.inner {height: auto;}

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 292px !important;
}

.hidemobile1 {
	display: none !important;
}
#bannerrow {height: auto;}
#bannerrow .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannerrow .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermenu {
	height: auto !important;
	color: #fff;
	position: absolute;
    top: 0;
    right: 0;
}
#bannermenu > div.inner {
    margin-top: 25px;
}
#bannermenu ul.nav.menu {
	background: #fff;
    width: 300px;
    margin-right: 10px;
}
#bannermenu ul {
	height: auto !important;
}
#bannermenu li {
	float :none !important;
	width: 100% !important;
}
#bannermenu ul.menu > li > a ,#bannermenu ul.menu > li > a:hover ,#bannermenu ul.menu > li.active > a, #bannermenu ul.menu > li.active > span.separator, #bannermenu ul.maximenuck > li.active > a, #bannermenu ul.maximenuck > li.active > span.separator{color: #666; text-align: left;}
#bannermenu div.floatck, #bannermenu li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#bannermenu div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#bannermenu .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px 32px 0 0 !important;
}
#bannermenu .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#bannermenu .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#bannermodule {
	display: inherit;
}
#bannermodule {
	height: auto !important;
}
#bannermodule .moduletable {float:right;}
#bannermodule .logobloc {
	float :none !important;
	width: auto !important;
}
#bannermodule > div.inner {
    padding: 10px;
    margin: 0 auto;
    float: none !important;
}
#bannermodule .nav > li:last-child {
    margin-top: 5px;
}
#bannermodule .nav > li:last-child > a {font-size: 15px; padding: 5px 4px 12px;}
#bannermodule .nav > li:first-child > a, .userservice .nav > li:first-child > a, .userservice .nav li > a {background: none;}
#bannermodule .nav > li > a {padding-right: 10px;}
div.userservice {padding-left:0;}
.userservice .nav > li > a {margin-right: 6px;padding-right: 0px;}
#modulestop .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulestop .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#maintopmodule {
	display: inherit;
}
#maintopmodule {
	height: auto !important;
}
#maintopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#breadcrumbs {display: none;}
#left > div.inner {margin-top: 0;}
#leftAccordion {display: block;}
#noLeftAccordion {display: none;}
.accordion-heading {text-align: center;}
.accordion-group {border: 0;}
.accordion-inner {border-top: 0;}
a.accordion-toggle {color: #838383 !important; font-size: 33px !important;}
#center ul {margin: -5px 0px 3px 8px;}
#centertopmodule {
	display: inherit;
}
#centertopmodule {
	height: auto !important;
}
#centertopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centerbottommodule {
	display: inherit;
}
#centerbottommodule {
	height: auto !important;
}
#centerbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#mainbottommodule {
	display: inherit;
}
#mainbottommodule {
	height: auto !important;
}
#mainbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#maintopvarious input.inputbox {width: 90%;}
#modulesbottom .flexiblemodule {
	width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modulestop {margin-top: 0;}
#modulesend2 h2.item-title {font-size: 30px;line-height: 34px;padding: 0 0 20px 0;}
#modulesend2 ul.list-c {width: 100% !important;}
#modulesend2 .list-c > li.b {width: auto !important;}
#pre-footer {
	display: inherit;
}
#pre-footer {
	height: auto !important;
}
#pre-footer .logobloc {
	float :none !important;
	width: auto !important;
}
#pre-footer ul.menu {max-width: 300px;}
#pre-footer .nav > li a {background: none; padding: 0 12px;}
#footer {
	display: inherit;
}

#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}

/* custom css */
#bannerlogo > div.inner {margin-top: 0; margin-left: 0;}
.logo img {width: 150px;padding: 10px;}
.moduletable_playerhome {border-top: 1px #fff solid; padding-top: 10px;}
.custom_playerhome {margin:0;}
.moduletable_playerhome .custom_playerhome h1, .moduletable_playerhome .custom_playerhome h2{font-size: 42px !important;}
.jw-skin-vapor .jw-display-icon-container {border-radius: 50%;border: 5px solid #f3b62f;padding: 10px;font-size: 18px;}
#maintop #videoContainer {
	width: 97%;
    left: 0;
    top: 0;
    position: relative;
    margin: 0;
    margin-top: 32px;
    height: auto;
    border: 5px #fff solid;
    background: #fff;
}
#maintop #buttonActions .btn {margin: 0 5px; font-size: 22px;}
.button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active{
	padding: 10px 18px 20px;
}
.sectiontitle {font-size: 30px;line-height: 34px;}
.witening, .witening li, .witening:hover {color: #333;}
#precontent p {font-size: 35px;line-height: 45px;padding: 18px;}
#precontent p img {display: none;}
.blog-featured_home h2.item-title {font-size: 2.7em;line-height: 1.7em;padding: 27px 0 40px 0;}
#precontent > div.inner { height: auto;}
.thumbnail div.thumb {text-align: center; float: none !important;}
.thumbnail div.thumb img {width: 65%;}
.thumbnail .caption {width: 100%;}
.brands .pull-left, .brands .pull-right {float: none;}
.brands img {margin:10px 0;}
.moduletable_login .userdata {margin: 0 auto; width: auto;}
.userdata .control-group {float: none;}
.userdata > div{}
.moduletable_login input.input-small {width: 200px !important;}
.osm_inputbox.inputbox, .osm-container .input-small, .osm-container select.input-small, select#card_type, select#exp_month, select#exp_year, #osm-profile-page input.vat, .osm-container .input-small, .osm-container select.input-small {width: 95% !important;}
#osm-singup-page form.form-horizontal .control-label {width: 98%;}
.payment-container{width: auto;}
input.vat {width: 70% !important;}

.slider-a {width: auto}
.rgba .slider-a li img {width: auto;}
.bx-controls.bx-has-controls-direction {display: none}
#precontent .bigarrow {display: none;}
.list-c > li {width: 33%;margin: 0;}
#modulesend2 .list-c > li {width: auto;}
.custom_slider.bg-blue.contacts {display: none;}
}

@media screen and (max-width: 1024px) {
  #bannermenu div.floatck, #bannermenu li.item-132 > ul.nav-child {display:none!important;}
  
}

@media screen and (min-width: 1024px) {
#left{display:none;}
.column.main {    width: 100%;} 
.item-132 .nav-child{display:block;text-transform:uppercase;}
}


@media screen and (max-width: 767px) {
 .product-info > div.row-fluid > .span8 {padding-right:0px!important;}
 .comment_position_left {background-image:url('/images/marketplace/arrow_comm_up.png');background-position:58% 100%;background-repeat:no-repeat;padding:15px;text-align:center;}
.comment_position_right {    margin-top: 0px !important; }

}
