/**********SLIDER**************/
@media screen and (max-width: 550px) {
.bx-wrapper .bx-prev { width:25px !important; height:33px !important; margin-top:-17px !important}
.bx-wrapper .bx-next { width:25px !important; height:33px !important; margin-top:-17px !important}
}

/***********MOBILE MENU / HEADER ***************************/
@media screen and (max-width: 950px) {

#logo_top{ display:none;}
#menu_top{display:none;}
#lang_wrapper{display:none;}


#logo_top_mobile{display:block}
#menu_mobile_button{display:block;}
}


@media screen and (min-width: 951px) {
#mobile_menu{display:none;}
body{overflow:auto !important}
}



/**************INDEX RIGHT BOX***************************/
@media screen and (max-width: 1080px) {
#index_right{ padding-top:20px; font-size: 14px;line-height: 23px;}
}
@media screen and (max-width: 800px) {
#index_left{float:none; width:100%;}
#index_right{float:none; width:100%;}
#index_right{ padding-top:80px; font-size: 16px;line-height:30px;}
}

/******************INDEX FLIPPING CARDS*****************************/
@media screen and (max-width: 1020px) {
.partners_element {width: calc(100% * 1/2 - 20px);}
.flipper img{max-width:inherit}
}
@media screen and (max-width: 720px) {
.front{ width:100%}

.partners_element {width: calc(100% - 20px);}
.flipper img{max-width:inherit}
}


/**********************PARTNERS*****************************/
@media screen and (max-width: 800px) {
.partner_image{float:none; width:100%}
.parnter_left{float:none; width:100%; margin-top:20px}
}

/***************LIST PRODUCTS*************************/
@media screen and (max-width: 850px) {
.list_products>li {width:calc(100% * 1/2 - 15px); }
}

@media screen and (max-width: 550px) {
.list_products>li {width:calc(100% - 15px); }
}


/****************DETAILS PRODUCT******************/
@media screen and (max-width: 700px) {
#thumbs_list li{width:calc(100% * 1/4 - 8px); margin-right:10px !important}
#thumbs_list li:nth-child(4n+5){ margin-right:0px !important;}
}
@media screen and (max-width: 450px) {
#thumbs_list li{width:calc(100% * 1/2 - 8px); margin-right:10px !important}
#thumbs_list li:nth-child(2n+3){ margin-right:0px !important;}
}



/****************CONTACT******************/
@media screen and (max-width: 850px) {
#contact_image{display:none;}
#register_form.contact{width:100%}
}


/****************FOOTER*****************************/
@media screen and (max-width: 760px) {
#footer > div:nth-child(1) {float: none; text-align:center }
#footer > div:nth-child(2) {float: none; text-align:center; margin-top:20px; margin-bottom:20px }

}