| Current Path : /home/azimutno/www/demo/templates/gailly_tha5/css/ |
| Current File : /home/azimutno/www/demo/templates/gailly_tha5/css/mobile.css |
/* ---------------------------------------
Responsive design code
-----------------------------------------*/
@media screen and (min-width: 1024px) {
.hidemobile5 {
display: none !important;
}
#langue {
display: inherit;
}
#banner {
display: inherit;
}
#slider {
display: inherit;
}
#nav1 {
display: inherit;
}
#menu_center {
display: inherit;
}
#module1 {
display: inherit;
}
#module2 {
display: inherit;
}
#module3 {
display: inherit;
}
#module4 {
display: inherit;
}
#module5 {
display: inherit;
}
#modules1 {
display: inherit;
}
#modules3 {
display: inherit;
}
#modules2 {
display: inherit;
}
#modules4 {
display: inherit;
}
#module6 {
display: inherit;
}
#footer {
display: inherit;
}
#azimutnord {
display: inherit;
}
}
@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;
}
#langue {
display: inherit;
}
#banner {
display: inherit;
}
#slider {
display: inherit;
}
#nav1 {
display: inherit;
}
#menu_center {
display: inherit;
}
#module1 {
display: inherit;
}
#module2 {
display: inherit;
}
#module3 {
display: inherit;
}
#module4 {
display: inherit;
}
#module5 {
display: inherit;
}
#modules1 {
display: inherit;
}
#modules3 {
display: inherit;
}
#modules2 {
display: inherit;
}
#modules4 {
display: inherit;
}
#module6 {
display: inherit;
}
#footer {
display: inherit;
}
#azimutnord {
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;
}
#langue {
display: inherit;
}
#banner {
display: inherit;
}
#slider {
display: inherit;
}
#nav1 {
display: inherit;
}
#menu_center {
display: inherit;
}
#module1 {
display: inherit;
}
#module2 {
display: inherit;
}
#module3 {
display: inherit;
}
#module4 {
display: inherit;
}
#module5 {
display: inherit;
}
#modules1 {
display: inherit;
}
#modules3 {
display: inherit;
}
#modules2 {
display: inherit;
}
#modules4 {
display: inherit;
}
#module6 {
display: inherit;
}
#footer {
display: inherit;
}
#azimutnord {
display: inherit;
}
}
@media screen and (min-width: 524px) and (max-width: 758px) {
img {
max-width: 100% !important;
height: auto !important;
}
.container {
width: 524px !important;
}
.hidemobile2 {
display: none !important;
}
#langue {
display: inherit;
}
#langue {
height: auto !important;
}
#langue .logobloc {
float :none !important;
width: auto !important;
}
#banner {
height: auto !important;
}
#banner .logobloc {
float :none !important;
width: auto !important;
}
#banner img {
display :block !important;
margin: 0 auto !important;
}
#slider {
display: inherit;
}
#slider {
height: auto !important;
}
#slider .logobloc {
float :none !important;
width: auto !important;
}
#nav1 {
height: auto !important;
}
#nav1 ul {
height: auto !important;
}
#nav1 li {
float :none !important;
width: 100% !important;
}
#nav1 div.floatck, #nav1 li > ul {
width: 100% !important;
position: relative !important;
display: block !important;
margin: 0 !important;
left: auto !important;
}
#nav1 div.maximenuck2 {
width: 100% !important;
position: relative !important;
display: block !important;
float: none !important;
}
#nav1 .mobileckhambuger_togglerlabel {
display: block !important;
font-size: 33px !important;
text-align: right !important;
padding: 10px !important;
}
#nav1 .mobileckhambuger_toggler + * {
display: none !important;
overflow-x: hidden;
}
#nav1 .mobileckhambuger_toggler:checked + * {
display: block !important;
}
#menu_center {
display: inherit;
}
#menu_center {
height: auto !important;
}
#menu_center .logobloc {
float :none !important;
width: auto !important;
}
#module1 {
display: inherit;
}
#module1 {
height: auto !important;
}
#module1 .logobloc {
float :none !important;
width: auto !important;
}
#module2 {
display: inherit;
}
#module2 {
height: auto !important;
}
#module2 .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;
}#module3 {
display: inherit;
}
#module3 {
height: auto !important;
}
#module3 .logobloc {
float :none !important;
width: auto !important;
}
#module4 {
display: inherit;
}
#module4 {
height: auto !important;
}
#module4 .logobloc {
float :none !important;
width: auto !important;
}
#module5 {
display: inherit;
}
#module5 {
height: auto !important;
}
#module5 .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;
}
#modules3 .flexiblemodule {
width: 100% !important;
float: none;
}
#modules3 .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#modules2 .flexiblemodule {
width: 100% !important;
float: none;
}
#modules2 .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#modules4 .flexiblemodule {
width: 100% !important;
float: none;
}
#modules4 .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#module6 {
display: inherit;
}
#module6 {
height: auto !important;
}
#module6 .logobloc {
float :none !important;
width: auto !important;
}
#footer .flexiblemodule {
width: 100% !important;
float: none;
}
#footer .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#azimutnord {
display: inherit;
}
#azimutnord {
height: auto !important;
}
#azimutnord .logobloc {
float :none !important;
width: auto !important;
}
}
@media screen and (max-width: 524px) {
img {
max-width: 100% !important;
height: auto !important;
}
.container {
width: 292px !important;
}
.hidemobile1 {
display: none !important;
}
#langue {
display: inherit;
}
#langue {
height: auto !important;
}
#langue .logobloc {
float :none !important;
width: auto !important;
}
#banner {
height: auto !important;
}
#banner .logobloc {
float :none !important;
width: auto !important;
}
#banner img {
display :block !important;
margin: 0 auto !important;
}
#slider {
display: inherit;
}
#slider {
height: auto !important;
}
#slider .logobloc {
float :none !important;
width: auto !important;
}
#nav1 {
height: auto !important;
}
#nav1 ul {
height: auto !important;
}
#nav1 li {
float :none !important;
width: 100% !important;
}
#nav1 div.floatck, #nav1 li > ul {
width: 100% !important;
position: relative !important;
display: block !important;
margin: 0 !important;
left: auto !important;
}
#nav1 div.maximenuck2 {
width: 100% !important;
position: relative !important;
display: block !important;
float: none !important;
}
#nav1 .mobileckhambuger_togglerlabel {
display: block !important;
font-size: 33px !important;
text-align: right !important;
padding: 10px !important;
}
#nav1 .mobileckhambuger_toggler + * {
display: none !important;
overflow-x: hidden;
}
#nav1 .mobileckhambuger_toggler:checked + * {
display: block !important;
}
#menu_center {
display: inherit;
}
#menu_center {
height: auto !important;
}
#menu_center .logobloc {
float :none !important;
width: auto !important;
}
#module1 {
display: inherit;
}
#module1 {
height: auto !important;
}
#module1 .logobloc {
float :none !important;
width: auto !important;
}
#module2 {
display: inherit;
}
#module2 {
height: auto !important;
}
#module2 .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;
}#module3 {
display: inherit;
}
#module3 {
height: auto !important;
}
#module3 .logobloc {
float :none !important;
width: auto !important;
}
#module4 {
display: inherit;
}
#module4 {
height: auto !important;
}
#module4 .logobloc {
float :none !important;
width: auto !important;
}
#module5 {
display: inherit;
}
#module5 {
height: auto !important;
}
#module5 .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;
}
#modules3 .flexiblemodule {
width: 100% !important;
float: none;
}
#modules3 .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#modules2 .flexiblemodule {
width: 100% !important;
float: none;
}
#modules2 .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#modules4 .flexiblemodule {
width: 100% !important;
float: none;
}
#modules4 .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#module6 {
display: inherit;
}
#module6 {
height: auto !important;
}
#module6 .logobloc {
float :none !important;
width: auto !important;
}
#footer .flexiblemodule {
width: 100% !important;
float: none;
}
#footer .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#azimutnord {
display: inherit;
}
#azimutnord {
height: auto !important;
}
#azimutnord .logobloc {
float :none !important;
width: auto !important;
}
}