/* ---------------------------------------------------------------- Responsive CSS -----------------------------------------------------------------*/ @media (min-width: 960px) and (max-width: 1200px) { .container { width: 930px; } .col_half, .col_two_third.block { width: 100%; margin-right:0; } .block { background-color: #f7f7f5; height: 530px; overflow: hidden; } .block.isText { height:430px !important; width:48%; } .block.isPack { height:545px !important; width:48%; } .block-lg { height:1100px !important; } .col_two_third.block { width: 100%; margin-right:0; background-color: #f7f7f5; height: 350px; overflow: hidden; } .col_one_third.last_col.block, #section6 .col_one_fourth { width:32% !important; margin-right:2.66% !important; height:350px; } .col_one_third.last_col + .col_half, #section6 .col_two_fourth { width:65.33%; margin-right:0; height:350px; } .col_one_fourth.block-lg, .col_one_fourth.block-lg + .col_one_fourth, .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth { width:48%; } .col_one_fourth.block-lg { margin-right:4%; } .col_one_fourth.block-lg + .col_one_fourth, .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth { margin-right:0; height:540px !important; } .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth + .col_one_fourth.last_col { margin-right:2% !important; height:260px !important; clear:both; } .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth + .col_one_fourth.last_col + .col_three_fourth.last_col { height:260px !important; } #section1 .col_btn_wrapper .col_btn { height:215px /*160px*/ !important; } #section6 .col_btn_wrapper { width:100% !important; margin-right:0 !important; height:auto !important; } #section6 .col_btn_wrapper .col_btn { width:48% !important; margin-right:4% !important; height:330px !important; } #section6 .col_btn_wrapper .col_btn:nth-child(even) { margin-right:0 !important;} #staticFooter .col_one_fourth { width: 50% !important; height: 320px; margin: 0 !important; } /* IMPRESSION */ #wrapper.impression #section1 .col_one_fourth { width:48% !important; } #wrapper.impression #section1 .isCategory, #wrapper.impression #section1 .col_btn_wrapper { height:535px !important; } /* CREATON */ #wrapper.creation #section1 .col_btn_wrapper .col_btn { height:200px !important; } #wrapper.creation #section1 .block.isText { height:auto !important; width:100%; margin-bottom:40px; } #wrapper.creation #section1 .col_two_third + .col_one_third { width:100% !important; } #wrapper.creation #section1 .col_two_third + .col_one_third a .col_btn { width:23.5% !important; margin-right:2% !important; font-family:'imprimoiBold', 'Lato'; } #wrapper.creation #section1 .col_two_third + .col_one_third a:nth-child(4) .col_btn { margin-right:0 !important; } #wrapper.creation #section1 .col_two_third + .col_one_third .col_search button.col_one_third { width:25.34% !important; } #wrapper.creation #section2 .col_two_third.block { width:74.5% !important; margin-right:2% !important; height:260px !important; } #wrapper.creation #section2 .col_one_third.block { width:23.5% !important; margin-right:0 !important; height:260px !important; } #wrapper.creation #section3 .col_one_fourth { width:49% !important; } #wrapper.creation #section3 .col_one_fourth:nth-child(even) { margin-right:0 !important; } /* WEB */ #wrapper.web #section1 .col_btn_wrapper .col_btn { height:200px !important; } #wrapper.web #section1 .block.isText { height:auto !important; width:100%; margin-bottom:40px; } #wrapper.web #section1 .col_two_third + .col_one_third { width:100% !important; } #wrapper.web #section1 .col_two_third + .col_one_third a .col_btn { width:23.5% !important; margin-right:2% !important; font-family:'imprimoiBold', 'Lato'; } #wrapper.web #section1 .col_two_third + .col_one_third a:nth-child(4) .col_btn { margin-right:0 !important; } #wrapper.web #section1 .col_two_third + .col_one_third .col_search button.col_one_third { width:25.34% !important; } #wrapper.web #section2 .col_half.block.isAnimated.nobottommargin { margin-bottom:20px !important; } #wrapper.web #section2 .col_half.block.isText { height:530px !important; } #wrapper.web #section3 .col_one_fourth { width:49% !important; } #wrapper.web #section3 .col_one_fourth:nth-child(even) { margin-right:0 !important; } #wrapper.web #section3 .col_one_fourth.isPack:nth-child(3) { margin-right:2% !important; } } @media (min-width: 768px) and (max-width: 959px) { .container { width: 738px; } .col_half, .col_two_third.block { width: 100%; margin-right:0; } .block { background-color: #f7f7f5; height: 425px; overflow: hidden; } .block.isText { height:430px !important; width:48%; margin-right:0; } #section2 .block.isText { margin:0 7px !important; } .block-lg { height:870px !important; } /* SECTEURS */ .col_one_three { width:50% !important; } .col_one_three { margin-right:0 !important; } #product li { width: 33.33%; } .col_two_third.block { width: 100%; margin-right:0; background-color: #f7f7f5; height:280px; overflow: hidden; } .col_one_third.last_col.block, #section6 .col_one_fourth { width:100% !important; margin-right:0 !important; height:auto !important; } .col_one_third.last_col + .col_half, #section6 .col_two_fourth { width:100%; margin-right:0; height:420px; } .col_one_fourth.block-lg, .col_one_fourth.block-lg + .col_one_fourth, .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth { width:48%; } .col_one_fourth.block-lg { margin-right:4%; } .col_one_fourth.block-lg + .col_one_fourth, .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth { margin-right:0; height:425px; } .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth + .col_one_fourth.last_col { margin-right:2% !important; height:210px !important; } .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth + .col_one_fourth.last_col + .col_three_fourth.last_col { height:210px !important; } #section1 .col_btn_wrapper .col_btn { height:160px !important; } #section6 .col_btn_wrapper { width:100% !important; margin-right:0 !important; height:auto !important; } #section6 .col_btn_wrapper .col_btn { width:48% !important; margin-right:4% !important; height:330px !important; } #section6 .col_btn_wrapper .col_btn:nth-child(even) { margin-right:0 !important;} #staticFooter .col_one_fourth { width: 50% !important; height: 320px; margin: 0 !important; } /* IMPRESSION */ #wrapper.impression #section1 .col_one_fourth { width:48% !important; } #wrapper.impression #section1 .isCategory, #wrapper.impression #section1 .col_btn_wrapper { height:420px !important; } /* CREATON */ #wrapper.creation #section1 .col_btn_wrapper .col_btn { height:160px !important; } #wrapper.creation #section1 .block.isText { height:auto !important; width:100%; margin-bottom:40px; } #wrapper.creation #section1 .col_two_third + .col_one_third { width:100% !important; } #wrapper.creation #section1 .col_two_third + .col_one_third a .col_btn { width:23.5% !important; margin-right:2% !important; font-family:'imprimoiBold', 'Lato'; } #wrapper.creation #section1 .col_two_third + .col_one_third a:nth-child(4) .col_btn { margin-right:0 !important; } #wrapper.creation #section1 .col_two_third + .col_one_third .col_search button.col_one_third { width:25.34% !important; } #wrapper.creation #section3 .col_one_fourth { width:49% !important; margin-right:2% !important; } #wrapper.creation #section3 .col_one_fourth:nth-child(even) { margin-right:0 !important; } /* WEB */ #wrapper.web #section1 .col_btn_wrapper .col_btn { height:160px !important; } #wrapper.web #section1 .block.isText { height:auto !important; width:100%; margin-bottom:40px; } #wrapper.web #section1 .col_two_third + .col_one_third { width:100% !important; } #wrapper.web #section1 .col_two_third + .col_one_third a .col_btn { width:23.5% !important; margin-right:2% !important; font-family:'imprimoiBold', 'Lato'; } #wrapper.web #section1 .col_two_third + .col_one_third a:nth-child(4) .col_btn { margin-right:0 !important; } #wrapper.web #section1 .col_two_third + .col_one_third .col_search button.col_one_third { width:25.34% !important; } #wrapper.web #section2 .col_half.block.isAnimated.nobottommargin { margin-bottom:20px !important; } #wrapper.web #section2 .col_half.block.isText { margin:0 4% 0 0 !important; height:425px !important; } #wrapper.web #section3 .col_one_fourth { width:49% !important; margin-right:2% !important; } #wrapper.web #section3 .col_one_fourth:nth-child(even) { margin-right:0 !important; } } @media (min-width: 480px) and (max-width: 767px) { .container { width: 95%; box-sizing:border-box; } #menu { display:none !important; } #triggermenu { display:block !important; } #map_canvas { margin-top:40px !important; } .col_btn_wrapper { display:none !important; } .col_half, .col_half > .col_half, .col_two_third.block { width: 100%; margin-right:0; } .col_half > .col_half:first-child { margin-bottom:20px !important; } .col_three_fourth { width:100% !important; } /* SECTEURS */ .col_one_three { width:100% !important; margin-right:0 !important; } #product li { width: 50%; } h1.font-l.bottommargin-sm { text-align:center; margin-bottom:20px !important; } .block { background-color: #f7f7f5; height: auto !important; overflow: hidden; } .block.isText { height:400px !important; width:100%; margin:0 !important; } .block-lg { height:auto !important; display:table; } .col_two_third.block { display:table; width: 100%; margin-right:0; background-color: #f7f7f5; height:280px; overflow:auto; } .col_one_third.last_col.block, #section6 .col_one_fourth { width:100% !important; margin-right:0 !important; height:auto !important; } .col_one_third.last_col + .col_half, #section6 .col_two_fourth { width:100%; margin-right:0; height:auto !important; } .col_one_fourth.block-lg, .col_one_fourth.block-lg + .col_one_fourth, .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth { width:100% !important; } .col_one_fourth.block-lg { margin-right:4%; } .col_one_fourth.block-lg + .col_one_fourth, .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth { margin-right:0; height:425px; } .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth + .col_one_fourth.last_col { margin-right:0 !important; height:auto !important; display:table; width:100% !important; } .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth + .col_one_fourth.last_col + .col_three_fourth.last_col { height:auto !important; display:table; } .col_btn_wrapper { width:100% !important; margin-right:0 !important; height:auto !important; } .col_btn_wrapper .col_btn { width:48% !important; margin-right:4% !important; height:330px !important; } .col_btn_wrapper .col_btn:nth-child(even) { margin-right:0 !important;} #staticFooter .col_one_fourth { width:100% !important; height:470px; margin: 0 !important; } #footer .col_one_fourth { width:100% !important; margin:0 !important;} #footer .col_two_fourth { width:100% !important; } #footer .col_two_fourth ul { margin:0 auto !important; } #footer .col_one_fourth.textright { text-align:center !important; } /* IMPRESSION */ #wrapper.impression #section1 .isCategory { width:48.5% !important; margin-right:3% !important; text-align:center; } #wrapper.impression #section1 .isCategory:nth-child(even) { margin-right:0 !important; } #wrapper.impression #section1 .isCategory:nth-child(3), #wrapper.impression #section1 .isCategory:nth-child(7), #wrapper.impression #section1 .isCategory:nth-child(8) { width:100% !important; } #wrapper.impression #section1 .isCategory { height:370px !important; } #wrapper.impression #section1 .isCategory h3 { font-size:22px !important; } /* CREATON */ #wrapper.creation #section1 .col_btn_wrapper .col_btn { height:320px !important; } #wrapper.creation #section1 .block.isText { height:auto !important; width:80%; margin:0 auto 40px !important; text-align:center; float:none !important; } #wrapper.creation #section1 .col_two_third + .col_one_third { width:100% !important; } #wrapper.creation #section1 .col_two_third + .col_one_third .col_btn { width:49% !important; margin-right:2% !important; font-family:'imprimoiBold', 'Lato'; } #wrapper.creation #section1 .col_two_third + .col_one_third .col_btn.last_col { margin-right:0 !important; } #wrapper.creation #section1 .col_two_third + .col_one_third .col_search button.col_one_third { width:25.34% !important; } #wrapper.creation #section3 .col_one_fourth { width:49% !important; margin-right:2% !important; margin-bottom:15px !important; } #wrapper.creation #section3 .col_one_fourth:nth-child(even) { margin-right:0 !important; } /* WEB */ #wrapper.web #section1 .col_btn_wrapper .col_btn { height:320px !important; } #wrapper.web #section1 .block.isText { height:auto !important; width:80%; margin:0 auto 40px !important; text-align:center; float:none !important; } #wrapper.web #section1 .col_two_third + .col_one_third { width:100% !important; } #wrapper.web #section1 .col_two_third + .col_one_third .col_btn { width:49% !important; margin-right:2% !important; font-family:'imprimoiBold', 'Lato'; } #wrapper.web #section1 .col_two_third + .col_one_third .col_btn.last_col { margin-right:0 !important; } #wrapper.web #section1 .col_two_third + .col_one_third .col_search button.col_one_third { width:25.34% !important; } #wrapper.web #section3 .col_one_fourth { width:49% !important; margin-right:2% !important; margin-bottom:15px !important; } #wrapper.web #section3 .col_one_fourth:nth-child(even) { margin-right:0 !important; } } @media (min-width: 480px) and (max-width: 615px) { #wrapper.creation #section1 .col_btn_wrapper .col_btn, #wrapper.web #section1 .col_btn_wrapper .col_btn { height:220px !important; } .col_btn_wrapper .col_btn { height:250px !important; } #wrapper.impression #section1 .isCategory { width:100% !important; margin-right:0 !important; text-align:center; } #wrapper.impression #section1 .isCategory { height:400px !important; } } @media (max-width: 479px) { .container { width: 95%; box-sizing:border-box; } #menu { display:none !important; } #triggermenu { display:block !important; } #map_canvas { margin-top:40px !important; } .col_btn_wrapper { display:none !important; } .col_half, .col_half > .col_half, .col_two_third.block { width: 100%; margin-right:0; } .col_half > .col_half:first-child { margin-bottom:20px !important; } .col_three_fourth { width:100% !important; } .block { background-color: #f7f7f5; height: auto !important; overflow: hidden; } .block.isText { height:350px !important; width:100%; margin:0 !important; } .block-lg { height:auto !important; display:table; } .col_two_third.block { display:table; width: 100%; margin-right:0; background-color: #f7f7f5; height:280px; overflow:auto; } .col_one_third.last_col.block, #section6 .col_one_fourth { width:100% !important; margin-right:0 !important; height:auto !important; } .col_one_third.last_col + .col_half, #section6 .col_two_fourth { width:100%; margin-right:0; height:auto !important; } .col_one_fourth.block-lg, .col_one_fourth.block-lg + .col_one_fourth, .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth { width:100% !important; } .col_one_fourth.block-lg { margin-right:4%; } .col_one_fourth.block-lg + .col_one_fourth, .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth { margin-right:0; height:425px; } .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth + .col_one_fourth.last_col { margin-right:0 !important; height:auto !important; display:table; width:100% !important; } .col_one_fourth.block-lg + .col_one_fourth + .col_one_fourth + .col_one_fourth.last_col + .col_three_fourth.last_col { height:auto !important; display:table; } .col_btn_wrapper { width:100% !important; margin-right:0 !important; height:auto !important; } .col_btn_wrapper .col_btn { width:48% !important; margin-right:4% !important; height:180px !important; } .col_btn_wrapper .col_btn:nth-child(even) { margin-right:0 !important;} #staticFooter .col_one_fourth { width:100% !important; height:320px; margin: 0 !important; } #footer .col_one_fourth { width:100% !important; margin:0 !important;} #footer .col_two_fourth { width:100% !important; } #footer .col_two_fourth ul { margin:0 auto !important; } #footer .col_one_fourth.textright { text-align:center !important; } /* IMPRESSION */ #wrapper.impression #section1 .isCategory { width:100% !important; margin-right:0 !important; text-align:center; } #wrapper.impression #section1 .isCategory { height:370px !important; } /* CREATON */ #wrapper.creation #section1 .col_two_third.block.isText { height:auto !important; width:90% !important; margin:0 auto 40px !important; text-align:center; float:none !important; } #wrapper.creation #section1 .col_two_third + .col_one_third { width:100% !important; } #wrapper.creation #section1 .col_two_third + .col_one_third .col_search button.col_one_third { width:25.34% !important; } /* WEB */ #wrapper.web #section1 .col_two_third.block.isText { height:auto !important; width:90% !important; margin:0 auto 40px !important; text-align:center; float:none !important; } #wrapper.web #section1 .col_two_third + .col_one_third { width:100% !important; } #wrapper.web #section1 .col_two_third + .col_one_third .col_search button.col_one_third { width:25.34% !important; } /* SECTEURS */ h1.font-l.bottommargin-sm { text-align:center; margin-bottom:20px !important; } .col_one_three { width:100% !important; margin-right:0 !important; } #product li { width:100%; text-align:center; } }