thurf6g

.blis{position:relative; background:$(body.background.color); margin:0 0 0px; display: block; width:100%; float:left; } .resp-desk,.resp-desk1 {display: none; text-transform: uppercase; font-weight: 600;} .resp-desk {padding:10px 6px 10px 2%; float:left; } .resp-desk a, .resp-desk1 a{color: #fff;} .menu {display: block; float:left; position:relative;} .menu li {display: inline-block; position: relative; z-index: 10;} .menu li.home {margin-left: 3px; } .fa-home{font-size:16px;} .menu li a {font-size: 12.4px; padding: 8px 12px; font-weight:600; text-transform: uppercase; text-decoration: none; display: block; color: #fff; transition: all 0.2s ease-in-out 0s; letter-spacing:.8px;} .menu li a:hover,.menu li:hover>a {color: #fff;} .menu ul {visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 150px; position: absolute; left: 0px; background: #363b3f; z-index: 9; transform: translate(30px,0px); transition: all 0.4s ease-out;} .menu ul li {display: block; float: none; background: none; margin: 0; padding: 0;} .menu ul li a {color: #ddd; display: block; font-size: 13px; font-weight: normal; padding: 8px 12px; text-transform: none;} .menu ul li a:hover,.menu ul li:hover>a {background: #2A2E31; color: #fff;} .menu li:hover>ul {visibility: visible; opacity: 1; transform: translate(0,0);} .menu ul ul {left: 149px; top: 0px; visibility: hidden; opacity: 0; transform: translate(0px,30px); transition: all 0.4s ease-out;} .menu li>ul ul:hover {visibility: visible; opacity: 1; transform: translate(0,0);} .home-link{display:none;} .fa-home{font-size:16px;} .with-ul:after {border-color: #ddd #ddd transparent transparent; border-image: none; border-style: solid; border-width: 4px; content: ""; height: 0; margin-left: 5px; margin-top: -4px; position: absolute; top: 50%; width: 0;} .with-ul:after{top:auto; margin:7px 0 0 6px; border-color: #fff transparent transparent;} .sit-ul:after {border-color: transparent #ddd #ddd transparent ; border-image: none; border-style: solid; border-width: 4px; content: ""; height: 0; right: 5px; position: absolute; top: 48%; width: 0;} @media (max-width: 800px) { .menu{display: none;} .menu {width:100%; text-align:center;} .menu li {display: block; margin: 0;} .menu ul li a{margin-left:32px; border:0;} .menu li a{border:0; color: #fff;} .menu li a:hover,.menu li:hover>a, .menu ul li a, .menu ul li a:hover,.menu ul li:hover>a {background:#444444; color:#fff;} .menu ul {visibility: hidden; border-bottom:0; opacity: 0; top: 0; left: 0; padding:0; width: 100%; background:none; transform: initial;} .menu li:hover>ul {visibility: visible; opacity: 1; position: relative; transform: initial;} .menu ul ul {left: 0; transform: initial;} .menu li>ul ul:hover {transform: initial;} .main-nav{background:none; border-bottom:none;} .resp-desk {display: block; margin-top:0px;} } @media (max-width: 500px) { .resp-desk {padding-left:3.5%; } } @media (max-width: 340px) { .resp-desk {padding-left:4.6%; } }

Search This Blog

trymmm;

thurf6g

Comments

Post a Comment