/* =================================================================================== */
/*                                       GENERAL                                       */
/* =================================================================================== */


@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');


body {
    font-family: 'Work Sans', sans-serif;
}
.bleu { color: #222;}
a.bleu:hover { text-decoration: underline;}
.btn {
    border-radius: 0;
}
.btn-primary, .btn-info {
    color: #fff;
    background-color: #6410A7;
    border-color: #6410A7;
}
.btn-primary:hover, .btn-info:hover {
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}
/* .deco, .page-heading {
    padding: 20px 0;
    text-align: center;
    border: 1px solid #6410A7;
    margin: 10px 0 30px 0;
}
.page-heading {
    text-transform: uppercase;
} */
.deco, .page-heading {
    padding: 10px;
    text-align: center;
    /* border: 1px solid #6410A7; */
    margin: 10px 0 30px 0;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
.alert-danger {
    color: #000;
    background-color: #6410A78f;
    border-color: #6410A7;
    margin: auto;
}
.sidebar { display: none;}
.rouge {
    color: #6410A7;
}

.contact .contact_formulaire, .recrutement .contact_formulaire, .content_page {
    width: 100%;
}
.estimation .sidebar { 
    display: block;
    margin-top: 20px;
    background: transparent;
    text-align: left;
}
.estimation .contact_formulaire, .estimation .content_page {
    width: 66.6667%!important;
}
.estimation .sidebar .btn.intention_appel {
    text-align: left;
    padding: .5rem .75rem .5rem 0;
}
.estimation .img-thumbnail {
    border: 0;
}
.progress-bar {
    background-color: #6410A7;
}
a:hover {
    color: #6410A7;
}

/* =================================================================================== */
/*                                         INDEX                                       */
/* =================================================================================== */
.not-sticking .site-pusher {
    background: rgba(255, 255, 255, 0.6);
}

/* MOTEUR */
.moteur {
    background: transparent;
    top: 75%;
}
.moteur .container {
    background: rgba(255, 255, 255, 0.5);
}
.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border-bottom: 3px solid #6410A7;
    color: #000;
    font-size: 17px;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    color: #000;
}
.bs-actionsbox .btn-group button {
    background: #6410A7;
    color: #fff;
    border: 1px solid #fff;
}
.index .plusdecritere .plusc, .index .plusdecritere .plusm {
    color: #000;
}
.moteur .form-group {
    margin-bottom: 3px;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    padding: 7px 7px 0 7px;
}
/* Notre selection */
.home_heading {
    font-size: 28px;
    text-align: center;
    margin: 5% 0 6% 0;
    font-weight: 500;
    color: #6410A7;
}
.home_cont_selection .home_heading::before {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 36%;
    margin: 0 0 -14px 0;
}
.home_cont_selection .home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 36%;
    margin: -13px 0 0 auto;
}
.prod_accueil article {
    text-align: center;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-bottom: 2px solid #000;
}
.prod_accueil article:hover {
    border-bottom: 2px solid #6410A7;
}
.prod_accueil .info_titre, .prod_accueil .info_prix-hai, .info_prix sup, .prod_accueil .card_list {
    display: none;
}
.prod_accueil .info_prix {
    margin: 10px 0 15px 0;
    font-size: 18px;
    color: #6410A7;
    font-weight: 500;
}
.info_ville {
    font-weight: 500;
}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/*                                                               REF      lolo                                                         */
/* ------------------------------------------------------------------------------------------------------------------------------- */

.listeliens ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.listeliens ul li{
    width: calc(100% / 3);
    /* si 3 colonnes */
}

.listeliens a {
    color: #6410A7;
}

.listeliens a:hover {
  text-decoration: underline;
}

.ref p {
text-align:justify;
}

.ref h2, .page2ref h2 {
text-transform: uppercase;
color: #6410A7;
font-size: 21px;
font-weight: bold;
background: rgba(0,0,0,.15);
padding: 8px;
margin: 40px 0 20px 0;
border: none;
text-align: left;
}

.ref h1 {
    font-size: 28px;
    text-align: center;
    margin: 5% 0 6% 0;
    font-weight: 500;
    color: #6410A7;
}
.ref h1::before {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 25%;
    margin: 0 0 -14px 0;
}
.ref h1::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 25%;
    margin: -13px 0 0 auto;
}

/* PRESENTATION */
.home_cont_presentation {
    position: relative;
    background: transparent;
    color: #000;
    margin: 4%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.accroche {
    display: flex;
    padding: 20px 40px;
}
.bg-bleu {
    background: #6410A7;
}
.marginauto {
    margin: auto;
}
.accroche .h5-presentation {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.accroche .h5-presentation span {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
}
.accroche .h5-presentation::after {
    content: "";
    display: block;
    position: relative;
    background: #fff;
    height: 1px;
    width: 80px;
    margin: 20px auto 40px 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.home_cont_presentation p {
    text-align: justify;
}
.home_cont_presentation .accroche p {
    text-align: center;
}
.texte-presentation {
    color: #000;
    padding: 30px;
    margin: auto 0;
}
.texte-presentation .titre-prez{
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 1.25rem;
}
.texte-presentation a {
    color: #6410A7;
}
.texte-presentation a:hover {
    text-decoration: underline;
}
.home_cont_presentation strong {
    font-weight: 600;
}
.accroche p {
    text-transform: uppercase;
}
.home_cont_presentation .btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #000;
}


/* CATEGORIES */

.home_cont_categories .home_heading::before {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 41%;
    margin: 0 0 -14px 0;
}
.home_cont_categories .home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 41%;
    margin: -13px 0 0 auto;
}
.home_cont_categories .cat-infos-overlay {
    background: rgba(255,255,255,.65);
    color: #000;
    width: 43%;
}
.cat:hover .cat-infos-overlay {
    background: rgba(255,255,255,.75);
    width: 100%;
    height: 100%;
}
.home_cont_categories .cat-text, .home_cont_categories .cat-text-small {
    color: #000;
}
.home_cont_categories .cat-text::after {
    background: #000;
}


/* SERVICES */

.cat{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    cursor: pointer;
    margin-bottom: 20px;
}

.home_cont_services .cat-infos-overlay{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.75);
    color: #fff;
    width: 180px;
    height: 100%;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cat:hover .cat-infos-overlay{
    background: rgba(0,0,0,.75);
    width: 100%;
    height: 100%;
}

.home_cont_services .cat-text{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
}

.home_cont_services .cat-text::after{
    content: "";
    display: block;
    position: relative;
    background: #fff;
    height: 1px;
    width: 80px;
    margin: 20px auto 0 auto;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.cat:hover .cat-text::after{
    width: 150px;
}

.home_cont_services .cat-text-small{
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    display: block;
}

.home_cont_services .cat-text{
    margin-top: 0;
}

.cat{
    margin-bottom: 0;
}

.home_cont_services .home_heading::before {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 39%;
    margin: 0 0 -14px 0;
}
.home_cont_services .home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 39%;
    margin: -13px 0 0 auto;
}
.home_cont_services .cat-infos-overlay {
    background: rgba(255,255,255,.65);
    color: #000;
    width: 43%;
}
.cat:hover .cat-infos-overlay {
    background: rgba(255,255,255,.75);
    width: 100%;
    height: 100%;
}
.home_cont_services .cat-text, .home_cont_services .cat-text-small {
    color: #000;
}
.home_cont_services .cat-text::after {
    background: #000;
}





/* =================================================================================== */
/*                                       SERVICES                                      */
/* =================================================================================== */




/* =================================================================================== */
/*                                        GESTION                                      */
/* =================================================================================== */
.gestion .sous-titre span{
    background: #fff;
    border-radius: 50%;
    font-size: 21px;
    padding: 3px 12px;
}
.gestion .sous-titre {
    text-transform: uppercase;
    color: #6410A7;
    font-size: 21px;
    font-weight: 600;
    background: rgba(0,0,0,.15);
    padding: 8px;
    margin: 20px 0;
}
.gestion .titre {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}
/* .gestion p {
    text-align: justify;
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 18px;
} */
.gestion .ion-ios-arrow-thin-right {
    color: #6410A7;
    font-size: 30px;
    top: 5px;
}
.gestion .encadre {
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 5px 5px 5px rgba(0,0,0,.3);
    margin: 30px 0;
    text-align: center!important;
    border-radius: 10px;
}
.gestion .encadre .col-12{
    padding: 0;
}
.gestion .titre-col {
    background: #6410A7;
    color: #fff;
    padding: 0 15px;
    font-size: 1.5rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 133px;
    display: flex;
}
.gestion .titre-col2 {
    background: #6410A7;
    color: #fff;
    padding: 30px 15px;
    font-size: 1.5rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
}
.gestion .taux p {
    font-size: 14px;
    color: #4d4d4d;
    font-style: italic;
    text-align: center!important;
}
.gestion .taux {
    margin: 20px 0;
}
.gestion .taux span {
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.gestion .contenu-col {
    padding: 0 20px;
}
.gestion .contenu-col p{
    text-align: justify;
}
.gestion .row ul li {
    margin-left: 20px;
    list-style-type: disc;
    font-size: 18px;
}
.gestion hr {
    box-sizing: content-box;
    height: 0;
    margin: 5px 0;
    border: 0;
    border-top: 1px solid rgba(2, 74, 180, 0.21);
}
.gestion .btn  {
    margin: 20px 0;
}
.centre {
    text-align: center!important;
}
.margin0 {
    margin: 0;
}

.gestion p, .sundgau p, .service-vente p, .agence p, .service-location p, .syndic p {
    text-align: justify;
}
.centre p{
    text-align:center;
}
.f20 {
    font-size: 20px;
}
.cont_coordonnees p {
    text-align: center;
}
.sundgau .top_page {
    background-image: url(/assets/images/top_page/sundgau2_top.jpg);
}

/* =================================================================================== */
/*                                     FINANCEMENT                                     */
/* =================================================================================== */
.titre-h5 {
    text-transform: uppercase;
    color: #6410A7;
    font-size: 21px;
    font-weight: 500;
    background: rgba(0,0,0,.15);
    padding: 8px;
    margin: 40px 0 20px 0;
    line-height: 1.1;
}

.financement p a {
    color: #6410A7;
    text-decoration: underline;
}
.financement .ion-ios-arrow-thin-right {
    color: #6410A7;
    font-size: 25px;
    top: 5px;
}
.financement p span {
    background: #6410A7;
    color: #fff;
    border-radius: 50%;
    padding: 5px 12px ;
}
.financement p a {
    color: #6410A7;
    text-decoration: underline;
}

/* =================================================================================== */
/*                                     ESTIMATION                                      */
/* =================================================================================== */
.estimation h2 {
    text-transform: uppercase;
    color: #6410A7;
    font-size: 21px;
    font-weight: bold;
    background: rgba(0,0,0,.15);
    padding: 8px;
    margin: 40px 0 20px 0;
}

.estimation p a {
    color: #6410A7;
    text-decoration: underline;
}
.estimation .ion-ios-arrow-thin-right {
    color: #6410A7;
    font-size: 25px;
    top: 5px;
}



/* =================================================================================== */
/*                                        SYNDIC                                       */
/* =================================================================================== */
.syndic .ion-ios-arrow-thin-right,
.syndictertiaire .ion-ios-arrow-thin-right {
    color: #6410A7;
    font-size: 23px;
    top: 5px;
}
.uppercase {
    text-transform: uppercase;
}
h2.deco {
    text-transform: uppercase;
}

.syndic p.titre-mode {
    margin: 10px 0 3px 0;
    font-weight: 600;
}
.syndic p span, 
.syndictertiaire p span  {
    background: #6410A7;
    color: #fff;
    border-radius: 50%;
    padding: 5px 12px ;
}
.syndic p a,
.syndictertiaire p a {
    color: #6410A7;
    text-decoration: underline;
}

.syndictertiaire .sous-titre {
    text-align: center;
    font-size: 21px;
    font-weight: 500;
}


/* =================================================================================== */
/*                                   GESTION COMMERCE                                  */
/* =================================================================================== */
.gestioncommerce .row ul li {
    margin-left: 20px;
    list-style-type: disc;
}

/* =================================================================================== */
/*                                       LISTING                                       */
/* =================================================================================== */

.prod_listing > .listing_article article {
    background: #fff;
    color: #000;
}
/* .prod_listing > .listing_article article a {
    color: #fff;
} */
.prod_listing > .listing_article article .effect-cms .over_desc {
    background: #fff;
    border-top: 1px solid rgba(255,255,255,0.5);
}
.prod_listing > .listing_article article .info_numero,.prod_listing > .listing_article article  .info_prix-hai {
    color: #000;
    font-size: 12px;
    font-weight: 400;
}
.prod_listing > .listing_article article .info_type {
    font-size: 18px;
}
.prod_listing > .listing_article article .info_prix {
    font-size: 20px;
}
.prod_listing > .listing_article article .btn-primary.btn-sm {
    background-color: #000;
    color: #fff;
}
.prod_listing > .listing_article article .btn-primary.btn-sm {
    background-color: #000;
    color: #fff;
}


/* LISTING LOCATION */
.listing-location .titre {
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 500;
}
.listing-location .titre a {
    margin-left: 20px;
}
.listing-location .titre i {
    font-size: 30px;
    color: #6410A7;
    top: 4px;
}
.listing-location .titre .btn-primary {
    background-color: transparent;
    color: #000;
}
.listing-location .titre .btn-primary:hover {
    background-color: #6410A7;
    color: #fff;
}

/*PAGE DETAILS*/
.detail_taber .nav-link {
    padding: 10px;
}
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: #6410A7 !important;
    color: #fff;
    padding: 10px;
}
.detail_taber {
    border-bottom: 1px solid #6410A7;
}
.detail_header .titre:after {
    background: #6410A7;
}
.detail_header .crit span:nth-child(1) {
    font-weight: 600;
}
.retour_pret {
    font-size: 25px;
    font-weight: 700;
    color: #6410A7;
}
.retour_pret span {
    color: #6410A7;
}
.detail .page_heading {
    font-size: 22px;
    font-weight: 500;
    border-left: 2px solid #6410A7;
    padding-left: 10px;
}
.detail .info_titre {
    text-transform: inherit;
}
.detail .info_prix {
    padding: 0;
}
.detail .header-item {
    padding: 0;
}
.lafficheur li:hover, .lafficheur li.active {
    background-color: #6410A7 !important;
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #6410A7 !important;
}
.detail #descdetail{
    text-align: justify;
}
/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
    position: relative;
    background: #fff;
}
.detail .bloc-champ{
    background: #fff;
}

/* =================================================================================== */
/*                               COORDONNEES & FOOTER                                  */
/* =================================================================================== */
.home_cont_alertes {
    padding: 20px 10px;
    background: rgb(0, 0, 0);
    text-align: center;
    margin: 30px 0;
}
.cont_coordonnees {
    padding-bottom: 40px;
    background-color: #fff;
    color: #000;
}
footer {
    background-color: #000;
    padding: 30px 10px;
}
#bloc_fixed .bloc {
    background: rgba(220, 220, 220, 0.6);
    color: #000;
}
#bloc_fixed .bloc:hover {
    background: rgba(255,255,255,.85);
    right: 150px;
}
#bloc_fixed .bloc a {
    color: #000;
}
.cont_coordonnees .btn {
    margin: 10px 0;
}
.bloc-reseaux a {
    font-size: 30px;
    margin: 10px;
    color: #6410A7;
}
.bloc-reseaux a:hover {
    color: #022b68;
}
footer .liens_center .ma-widget-feedback.ma-widget-feedback--small {
    margin: auto;
}

.contact .form-group.c_objet {
    width: 100%;
}


aside.aside_contact {
    background-color: #797878;
}
.logo-crypto {
    width: 150px;
}

/* =================================================================================== */
/*                                      RESPONSIVE                                     */
/* =================================================================================== */

@media (min-width: 992px) {
    nav.menu {
        margin:  0;
        padding: 0 0 1px 00;
    }
    .index .not-sticking nav.menu {
        margin-top: 20px;
    }
    nav.menu ul  {
        margin-bottom: 11px;
    }
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 15px 15px;
        line-height: 1.2;
        color: #000;
        text-transform: uppercase;
        font-weight: 500;
    }
     nav.menu ul li:hover a.item-nav{
        border: 1px solid #000;
        padding: 14px 14px;
        background: rgba(255, 255, 255, 0.5);
    }
    .nav.menu .dropdown-menu a{
        border: none;
    }
    .dropdown-menu {
        min-width: 22px;
        font-size: 1rem;
        color: #292b2c;
        background-color: rgba(255,255,255,0.8);
        margin-top: 12px;
        border-radius: 0;
        border: 1px solid #000;
    }
    .dropdown-item {
        display: block;
        width: 100%;
        padding: 15px 1.5rem;
        clear: both;
        color: #212529;
        text-align: inherit;
        background: 0 0;
        border: 0;
        text-transform: uppercase;
        font-weight: 500;
    }
    .index .not-sticking .menu ul > li > a {
        color: #000;
        text-transform: uppercase;
        font-weight: 500;
    }
    .index .not-sticking .header__logo {
        display: block;
        height: 135px;
        padding:0;
    }
    .header__logo img {
        width: 200px;
        margin-bottom: 10px;
    }
    .index .not-sticking .header__logo img {
        width: 250px;
    }
    .coordonnees_heading img {
        width: 230px;
    }
    .video-contenu {
        width:50%;
        height:350px;
    }
}

@media (max-width: 991px) { 

    .header__logo img {
        width: 130px;
        margin-right: 8%;
    }
    .moteur {
        top: 50%;
    }
    .home_cont_selection .home_heading::before, .home_cont_selection .home_heading::after {
        width: 26%;
    }
    .home_cont_categories .home_heading::before, .home_cont_categories .home_heading::after {
        width: 36%;
    }   
    .index .prod_accueil, .detail .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    } 
    .prod_accueil article {
        width: calc(33% - 20px);
    }
    .info_ville, .prod_accueil .info_prix {
        font-size: 14px;
    }
    .home_cont_categories .cat-text, .home_cont_services .cat-text {
        font-size: 15px;
    }
    .home_cont_categories .cat-infos-overlay, .home_cont_services .cat-infos-overlay {
        width: 60%;
    }
    .home_cont_services .home_heading::before, .home_cont_services .home_heading::after {
        width: 33%;
    }
    h2 {
        font-size: 25px;
    }
    nav.menu ul li .dropdown-menu .dropdown-item {
        font-size: 14px;
    }
    .video-contenu {
        width:100%;
        height:400px;
    }
    .logo-crypto {
        width: 100px;
    }
   
    
}

@media (max-width: 768px) { 
    .financement h5,
    .gestion h5,
    .estimation h5,
    .syndic h5 {
        font-size: 17px;
    }
    .gestion .titre-col {
        font-size: 20px;
    }
    .gestion .taux span {
        font-size: 24px;
    }
    .home_heading {
        font-size: 20px;
    }
    .home_cont_selection .home_heading::before, .home_cont_selection .home_heading::after {
        width: 21%;
    }
    .home_cont_categories .home_heading::before, .home_cont_categories .home_heading::after {
        width: 32%;
    }
    .home_cont_services .home_heading::before, .home_cont_services .home_heading::after {
        width: 26%;
    }
    .cat {
        margin-bottom: 5px;
    }
    .coordonnees_heading img {
        width: 56%;
    }
    #content {
        margin-top: 30%;
    }
    .video-contenu {
        width:100%;
        height:400px;
    }
}

@media (max-width: 580px) { 
    .index .prod_accueil, .detail .prod_accueil {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
    .prod_accueil article {
        width: calc(100% - 20px);
    }
    .accroche h5 span {
        font-size: 30px;
    }
    .accroche h5 {
        font-size: 20px;
    }
    .moteur {
        top: 20%;
    }
    .video-contenu {
        width:100%;
        height:300px;
    }
    .logo-crypto {
        width: 80
    px
    ;
        margin-top: 10
    px
    ;
    }
}

@media (max-width: 420px) { 
    #content {
        margin-top: 30%;
    }
    .listing-location .titre {
        font-size: 15px;
    }
}



.centre {
    text-align: center!important;
}

.extranet {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 0;
}
@media (max-width: 991px) { 
    .logo-crypto {
        width: 80px;
    }
}
@media (max-width: 824px) and (min-width: 450px) and (orientation: landscape) {
    .logo-crypto {
        width: 80px!important;
    }
}