|
@@ -1,60 +1,20 @@
|
|
@media screen and (max-width: 1450px) {
|
|
@media screen and (max-width: 1450px) {
|
|
header{
|
|
header{
|
|
&> nav{
|
|
&> nav{
|
|
- width: 90%;
|
|
|
|
|
|
+ width: 90%!important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-@media screen and (max-width: 1024px) {
|
|
|
|
- header > nav{
|
|
|
|
- width: 90%!important;
|
|
|
|
- }
|
|
|
|
- .gal{
|
|
|
|
- .title_gal{
|
|
|
|
- top: 15vw!important;
|
|
|
|
- max-width: 60%!important;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- #item{
|
|
|
|
- .content{
|
|
|
|
- // width: 80%!important;
|
|
|
|
- .icones{
|
|
|
|
- flex-wrap: nowrap!important;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
|
|
- #item .demander-votre-devis,
|
|
|
|
- #sublog .demander-votre-devis{
|
|
|
|
- width: 300px!important;
|
|
|
|
- height: 110px!important;
|
|
|
|
- a{
|
|
|
|
- display: inline-flex!important;
|
|
|
|
- }
|
|
|
|
- p:nth-of-type(2){
|
|
|
|
- display: none!important;
|
|
|
|
- }
|
|
|
|
- img{
|
|
|
|
- margin-left: 20px!important;
|
|
|
|
- margin-top: 0px!important;
|
|
|
|
|
|
+@media screen and (max-width: 1080px) {
|
|
|
|
+ header{
|
|
|
|
+ &> nav{
|
|
|
|
+ width: 100%!important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- #devis{
|
|
|
|
- .txt{
|
|
|
|
- width: 35%!important;
|
|
|
|
- }
|
|
|
|
- .demander-votre-devis{
|
|
|
|
- -webkit-transform: translate(0%, -125%)!important;
|
|
|
|
- transform: translate(0%, -125%)!important;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
|
|
|
|
- width: 50%!important;
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
|
|
|
|
-@media screen and (max-width: 960px) {
|
|
|
|
|
|
+@media screen and (max-width: 1024px) {
|
|
header nav{
|
|
header nav{
|
|
position: relative;
|
|
position: relative;
|
|
width: 90%;
|
|
width: 90%;
|
|
@@ -279,6 +239,276 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .gal{
|
|
|
|
+ .title_gal{
|
|
|
|
+ top: 15vw!important;
|
|
|
|
+ max-width: 60%!important;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ #item{
|
|
|
|
+ .content{
|
|
|
|
+ // width: 80%!important;
|
|
|
|
+ .icones{
|
|
|
|
+ flex-wrap: nowrap!important;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ #item .demander-votre-devis,
|
|
|
|
+ #sublog .demander-votre-devis{
|
|
|
|
+ width: 300px!important;
|
|
|
|
+ height: 110px!important;
|
|
|
|
+ a{
|
|
|
|
+ display: inline-flex!important;
|
|
|
|
+ }
|
|
|
|
+ p:nth-of-type(2){
|
|
|
|
+ display: none!important;
|
|
|
|
+ }
|
|
|
|
+ img{
|
|
|
|
+ margin-left: 20px!important;
|
|
|
|
+ margin-top: 0px!important;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ #devis{
|
|
|
|
+ .txt{
|
|
|
|
+ width: 35%!important;
|
|
|
|
+ }
|
|
|
|
+ .demander-votre-devis{
|
|
|
|
+ -webkit-transform: translate(0%, -125%)!important;
|
|
|
|
+ transform: translate(0%, -125%)!important;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ #newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
|
|
|
|
+ width: 50%!important;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+@media screen and (max-width: 960px) {
|
|
|
|
+ // header nav{
|
|
|
|
+ // position: relative;
|
|
|
|
+ // width: 90%;
|
|
|
|
+ // .dropmenu{
|
|
|
|
+ // background: white;
|
|
|
|
+ // display: none;
|
|
|
|
+ // position: absolute;
|
|
|
|
+ // left: -6%;
|
|
|
|
+ // top: 100px;
|
|
|
|
+ // width: auto!important;
|
|
|
|
+ // height: auto;
|
|
|
|
+ // &>ul{
|
|
|
|
+ // flex-direction: column!important;
|
|
|
|
+ // &>li{
|
|
|
|
+ // text-align: left;
|
|
|
|
+ // &>ul{
|
|
|
|
+ // margin: auto;
|
|
|
|
+ // &>li{
|
|
|
|
+ // text-align: left;
|
|
|
|
+ // margin-left: 10px;
|
|
|
|
+ // a{
|
|
|
|
+ // font-family: $Regular;
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // &> a{
|
|
|
|
+ // border: none;
|
|
|
|
+ // line-height: 2rem;
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // &.active{
|
|
|
|
+ // display: block;
|
|
|
|
+ //
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // .logo{
|
|
|
|
+ // margin: auto;
|
|
|
|
+ // }
|
|
|
|
+ // .navTrigger {
|
|
|
|
+ // cursor: pointer;
|
|
|
|
+ // width: 30px;
|
|
|
|
+ // height: 25px;
|
|
|
|
+ // margin: auto 0;
|
|
|
|
+ // left: 0;
|
|
|
|
+ // top: 0;
|
|
|
|
+ // bottom: 0;
|
|
|
|
+ // }
|
|
|
|
+ // .navTrigger i {
|
|
|
|
+ // background-color: $light-blue;
|
|
|
|
+ // border-radius: 2px;
|
|
|
|
+ // content: '';
|
|
|
|
+ // display: block;
|
|
|
|
+ // width: 100%;
|
|
|
|
+ // height: 4px;
|
|
|
|
+ // }
|
|
|
|
+ // .navTrigger i:nth-child(1) {
|
|
|
|
+ // -webkit-animation: outT 0.8s backwards;
|
|
|
|
+ // animation: outT 0.8s backwards;
|
|
|
|
+ // -webkit-animation-direction: reverse;
|
|
|
|
+ // animation-direction: reverse;
|
|
|
|
+ // }
|
|
|
|
+ // .navTrigger i:nth-child(2) {
|
|
|
|
+ // margin: 5px 0;
|
|
|
|
+ // -webkit-animation: outM 0.8s backwards;
|
|
|
|
+ // animation: outM 0.8s backwards;
|
|
|
|
+ // -webkit-animation-direction: reverse;
|
|
|
|
+ // animation-direction: reverse;
|
|
|
|
+ // }
|
|
|
|
+ // .navTrigger i:nth-child(3) {
|
|
|
|
+ // -webkit-animation: outBtm 0.8s backwards;
|
|
|
|
+ // animation: outBtm 0.8s backwards;
|
|
|
|
+ // -webkit-animation-direction: reverse;
|
|
|
|
+ // animation-direction: reverse;
|
|
|
|
+ // }
|
|
|
|
+ // .navTrigger.active i:nth-child(1) {
|
|
|
|
+ // -webkit-animation: inT 0.8s forwards;
|
|
|
|
+ // animation: inT 0.8s forwards;
|
|
|
|
+ // }
|
|
|
|
+ // .navTrigger.active i:nth-child(2) {
|
|
|
|
+ // -webkit-animation: inM 0.8s forwards;
|
|
|
|
+ // animation: inM 0.8s forwards;
|
|
|
|
+ // }
|
|
|
|
+ // .navTrigger.active i:nth-child(3) {
|
|
|
|
+ // -webkit-animation: inBtm 0.8s forwards;
|
|
|
|
+ // animation: inBtm 0.8s forwards;
|
|
|
|
+ // }
|
|
|
|
+ // @-webkit-keyframes inM {
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: rotate(45deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @keyframes inM {
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: rotate(0deg);
|
|
|
|
+ // transform: rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: rotate(45deg);
|
|
|
|
+ // transform: rotate(45deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @-webkit-keyframes outM {
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: rotate(45deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @keyframes outM {
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: rotate(0deg);
|
|
|
|
+ // transform: rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: rotate(45deg);
|
|
|
|
+ // transform: rotate(45deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @-webkit-keyframes inT {
|
|
|
|
+ // 0% {
|
|
|
|
+ // -webkit-transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: translateY(9px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: translateY(9px) rotate(135deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @keyframes inT {
|
|
|
|
+ // 0% {
|
|
|
|
+ // -webkit-transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: translateY(9px) rotate(0deg);
|
|
|
|
+ // transform: translateY(9px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: translateY(9px) rotate(135deg);
|
|
|
|
+ // transform: translateY(9px) rotate(135deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @-webkit-keyframes outT {
|
|
|
|
+ // 0% {
|
|
|
|
+ // -webkit-transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: translateY(9px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: translateY(9px) rotate(135deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @keyframes outT {
|
|
|
|
+ // 0% {
|
|
|
|
+ // -webkit-transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: translateY(9px) rotate(0deg);
|
|
|
|
+ // transform: translateY(9px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: translateY(9px) rotate(135deg);
|
|
|
|
+ // transform: translateY(9px) rotate(135deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @-webkit-keyframes inBtm {
|
|
|
|
+ // 0% {
|
|
|
|
+ // -webkit-transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: translateY(-9px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: translateY(-9px) rotate(135deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @keyframes inBtm {
|
|
|
|
+ // 0% {
|
|
|
|
+ // -webkit-transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: translateY(-9px) rotate(0deg);
|
|
|
|
+ // transform: translateY(-9px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: translateY(-9px) rotate(135deg);
|
|
|
|
+ // transform: translateY(-9px) rotate(135deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @-webkit-keyframes outBtm {
|
|
|
|
+ // 0% {
|
|
|
|
+ // -webkit-transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: translateY(-9px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: translateY(-9px) rotate(135deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // @keyframes outBtm {
|
|
|
|
+ // 0% {
|
|
|
|
+ // -webkit-transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // transform: translateY(0px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 50% {
|
|
|
|
+ // -webkit-transform: translateY(-9px) rotate(0deg);
|
|
|
|
+ // transform: translateY(-9px) rotate(0deg);
|
|
|
|
+ // }
|
|
|
|
+ // 100% {
|
|
|
|
+ // -webkit-transform: translateY(-9px) rotate(135deg);
|
|
|
|
+ // transform: translateY(-9px) rotate(135deg);
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
.gal{
|
|
.gal{
|
|
.title_gal{
|
|
.title_gal{
|
|
max-width: 80%!important;
|
|
max-width: 80%!important;
|