| Current Path : /home/azimutno/azimutno/www/demo/templates/template_gailly/css/ |
| Current File : /home/azimutno/azimutno/www/demo/templates/template_gailly/css/mobile.css |
/* ---------------------------------------
Responsive design code
-----------------------------------------*/
@media screen and (min-width: 1024px) {
.hidemobile5 {
display: none !important;
}
#langue01 {
display: inherit;
}
#banner1 {
display: inherit;
}
#module1 {
display: inherit;
}
#module2menu {
display: inherit;
}
#promo01 {
display: inherit;
}
#promo02 {
display: inherit;
}
#promo03 {
display: inherit;
}
#modules1 {
display: inherit;
}
#footer {
display: inherit;
}
}
@media screen and (max-width: 1024px) {
img {
max-width: 100% !important;
height: auto !important;
}
.container {
width: 950px !important;
}
.hidemobile4 {
display: none !important;
}
#langue01 {
display: inherit;
}
#banner1 {
display: inherit;
}
#module1 {
display: inherit;
}
#module2menu {
display: inherit;
}
#promo01 {
display: inherit;
}
#promo02 {
display: inherit;
}
#promo03 {
display: inherit;
}
#modules1 {
display: inherit;
}
#footer {
display: inherit;
}
}
@media screen and (max-width: 950px) {
.container {
width: 758px !important;
}
.hidemobile3 {
display: none !important;
}
#langue01 {
display: inherit;
}
#banner1 {
display: inherit;
}
#module1 {
display: inherit;
}
#module2menu {
display: inherit;
}
#promo01 {
display: inherit;
}
#promo02 {
display: inherit;
}
#promo03 {
display: inherit;
}
#modules1 {
display: inherit;
}
#footer {
display: inherit;
}
}
@media screen and (max-width: 758px) {
.container {
width: 524px !important;
}
.hidemobile2 {
display: none !important;
}
#langue01 {
height: auto !important;
}
#langue01 .logobloc {
float :none !important;
width: auto !important;
}
#banner1 {
height: auto !important;
}
#banner1 .logobloc {
float :none !important;
width: auto !important;
}
#banner1 img {
display :block !important;
margin: 0 auto !important;
}
#module1 {
height: auto !important;
}
#module1 .logobloc {
float :none !important;
width: auto !important;
}
#module2menu {
height: auto !important;
}
#module2menu .logobloc {
float :none !important;
width: auto !important;
}
#promo01 {
height: auto !important;
}
#promo01 .logobloc {
float :none !important;
width: auto !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;
}#promo02 {
height: auto !important;
}
#promo02 .logobloc {
float :none !important;
width: auto !important;
}
#promo03 {
height: auto !important;
}
#promo03 .logobloc {
float :none !important;
width: auto !important;
}
#modules1 .flexiblemodule {
width: 100% !important;
float: none;
}
#modules1 .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#footer {
height: auto !important;
}
#footer .logobloc {
float :none !important;
width: auto !important;
}
}
@media screen and (max-width: 524px) {
.container {
width: 292px !important;
}
.hidemobile1 {
display: none !important;
}
#langue01 {
height: auto !important;
}
#langue01 .logobloc {
float :none !important;
width: auto !important;
}
#banner1 {
height: auto !important;
}
#banner1 .logobloc {
float :none !important;
width: auto !important;
}
#banner1 img {
display :block !important;
margin: 0 auto !important;
}
#module1 {
height: auto !important;
}
#module1 .logobloc {
float :none !important;
width: auto !important;
}
#module2menu {
height: auto !important;
}
#module2menu .logobloc {
float :none !important;
width: auto !important;
}
#promo01 {
height: auto !important;
}
#promo01 .logobloc {
float :none !important;
width: auto !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;
}#promo02 {
height: auto !important;
}
#promo02 .logobloc {
float :none !important;
width: auto !important;
}
#promo03 {
height: auto !important;
}
#promo03 .logobloc {
float :none !important;
width: auto !important;
}
#modules1 .flexiblemodule {
width: 100% !important;
float: none;
}
#modules1 .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#footer {
height: auto !important;
}
#footer .logobloc {
float :none !important;
width: auto !important;
}
}