.navbar {     padding: 1% 0;     transition: all 0.6s ease; } .scrolled {     background: #010101d9;     transition: all 0.6s ease;     padding: 0.5% 0;     border-bottom: 1px solid #fff; } .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link:visited {     color: #fff;     text-decoration: none;     font-weight: 500;     text-transform: uppercase;     margin: 2px 14px;     font-size: 14px;     position: relative;     transition: 0.6s ease;     padding: 2px 0px; } .navbar-expand-lg .navbar-nav :last-child a {     border-right: 0px solid #a88332; } .navbar-expand-lg .navbar-nav a:hover, .navbar-expand-lg .navbar-nav a:focus {     text-decoration: none;     transition: 0.6s ease; } .navbar-nav .nav-link:before {     content: '';     position: absolute;     bottom: 0;     background: #fff;     height: 2px;     left: 0;     transition: 0.6s ease;     width: 0%; } .navbar-brand img {     max-width: 100%;     transition: all 0.6s ease; } .scrolled .navbar-brand {     width: 13%;     transition: all 0.6s ease; } .scrolled .collapse.navbar-collapse {     margin: 2% 0 0;     transition: all 0.6s ease; } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active:before, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {     width: 100%; } .navbar-dark .navbar-nav .nav-link:focus:before, .navbar-dark .navbar-nav .nav-link:hover:before {     width: 100%;     transition: 0.6s ease; } .carre {     position: absolute;     right: 1px;     top: 0%;     font-size: 11px;     color: #fff; }     .carre a {         text-decoration: none;         color: #fff;         font-weight: 500;         text-transform: uppercase;         padding: 0 0;         transition: 0.6s ease;     }         .carre a:hover {             color: #a9852d;             text-decoration: none;             transition: 0.6s ease;         } .mobhide {     display: none; } .navbar-expand-lg .navbar-nav .nav-link.quickenq {     background: #fff;     color: #030102;     padding: 7px 14px;     border-radius: 19px;     margin: -5px 6px 0 7px;     cursor: pointer; }     .navbar-expand-lg .navbar-nav .nav-link.quickenq:before {         content: unset;     } @media only screen and (min-width:1401px) and (max-width:1500px) {     .navbar-dark .navbar-brand {         width: 17%;     }     .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link:visited {         font-size: 12px;     }     .carre a {         font-size: 12px;     }     .scrolled {         padding: 0.8% 0;     }     .purvanklogo {         text-align: right;         width: 12%;     } } @media only screen and (min-width:1301px) and (max-width:1400px) {     .navbar-dark .navbar-brand {         width: 17%;     }     .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link:visited {         font-size: 12px;     }     .carre a {         font-size: 12px;     }     .scrolled {         padding: 0.8% 0;     }     .purvanklogo {         text-align: right;         width: 12%;     } } @media only screen and (min-width:1201px) and (max-width:1300px) {     .navbar-dark .navbar-brand {         width: 17%;     }     .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link:visited {         font-size: 12px;     }     .carre a {         font-size: 12px;     }     .scrolled {         padding: 0.8% 0;     }     .purvanklogo {         text-align: right;         width: 12%;     } } @media only screen and (min-width:1000px) and (max-width:1200px) {     .navbar-dark .navbar-brand {         width: 17%;     }     .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link:visited {         font-size: 12px;         margin: 2px 10px;     }     .carre a {         font-size: 12px;     }     .scrolled {         padding: 0.8% 0;     }     .purvanklogo {         text-align: right;         width: 12%;     }     .navbar-expand-lg .navbar-nav .nav-link.quickenq {         padding: 6px 8px;         font-size: 10px;     }     .carre {         right: 1px;         top: 0%;         font-size: 11px;     }         .carre a {             font-size: 11px;         } } @media only screen and (min-width:601px) and (max-width:999px) {     .navbar .main_container {         width: 100%;     }     .carre {         display: none;     }     .mobhide {         display: block;     }     .navbar {         border-bottom: 0px solid #dadada;         padding: 0;         background: #000;     }     .scrolled {         border-bottom: 1px solid #dadada;         padding: 0;     }     .navbar-brand {         width: 26%;         margin-right: 46%;         margin-left: 0;         padding: 3% 0;     }     .scrolled .navbar-brand {         width: 22%;         margin-right: 49%;         padding: 2% 0;     }     .scrolled .purvanklogo {         width: 20%;         top: 26px;         transition: all 0.6s ease;     }     .collapse.navbar-collapse {         margin: 2px 0 0;         transition: all 0.6s ease;     }     .scrolled .collapse.navbar-collapse {         margin: 2px 0 0;         transition: all 0.6s ease;     }     .purvanklogo {         position: absolute;         left: 32%;         top: 41px;         transition: all 0.6s ease;     }     .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link:visited {         color: #fff;         text-decoration: none;         font-weight: 500;         text-transform: uppercase;         margin: 0;         font-size: 14px;         position: relative;         transition: 0.6s ease;         padding: 14px 0;         border-bottom: 1px solid #fff;     }         .navbar-expand-lg .navbar-nav .nav-link.quickenq {             display: none;         } } @media only screen and (min-width:0px) and (max-width:600px) {     .navbar .main_container {         width: 100%;     }     .carre {         display: none;     }     .mobhide {         display: block;     }     .navbar {         border-bottom: 0px solid #dadada;         padding: 0;         background: #000;     }     .scrolled {         border-bottom: 0px solid #dadada;         padding: 0;     }     .navbar-brand {         width: 34%;         margin-right: 0;         margin-left: 0;         padding: 4% 0;     }     .scrolled .navbar-brand {         width: 35%;         margin-right: 0;         padding: 4% 0;     }     .scrolled .purvanklogo {         width: 25%;         top: 19px;     }     .collapse.navbar-collapse {         margin: 2px 0 0;         transition: all 0.6s ease;     }     .scrolled .collapse.navbar-collapse {         margin: 2px 0 0;         transition: all 0.6s ease;     }     .purvanklogo {         position: absolute;         left: 40%;         top: 18px;         transition: all 0.6s ease;         width: 28%;     }     .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link:visited {         color: #fff;         text-decoration: none;         font-weight: 500;         text-transform: uppercase;         margin: 0;         font-size: 13px;         position: relative;         transition: 0.6s ease;         padding: 14px 0;         border-bottom: 1px solid #fff;     }         .navbar-expand-lg .navbar-nav .nav-link.quickenq {             display: none;         } } @media only screen and (min-width:501px) and (max-width:600px) { } @media only screen and (min-width:401px) and (max-width:500px) { } @media only screen and (min-width:361px) and (max-width:400px) { } @media only screen and (min-width:321px) and (max-width:360px) { } @media only screen and (min-width:0px) and (max-width:320px) { }