html body .botnav .internal .navbar {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.logo{
	position:fixed;
    left:0px;
    top:0px;
    height:220px;
    z-index:1;
    border-radius:10px!important;
    z-index:3;
    padding:10px;
}

html body {
    padding-top: 90px !important;
}

html body .logo img {
    width: auto !important;
    max-height: 128px !important;
}

.topnav{
	position:fixed;
    top:0px;
    left: 0;
    width:100%;
    height:90px;
    z-index:2;
}

.topnav .navbar {
    position: relative !important;
}

body .logo {
    height: auto !important;
    min-height: 90px !important;
}

.dummy-div {
    padding: 20px !important;
}

body .logo {
    z-index: 200;
}

body .logo img {
    max-width: 505px !important;
    margin: 0px !important
}

@media (max-width: 1900px) {

    body .navbar li {
        width: 170px !important;
    }

    body .logo {
        max-width: 505px !important;
    }

    body .logo img {
        max-width: 505px !important;
    }

}

@media (max-width: 1800px) {

    body .navbar li {
        width: 160px !important;
    }

    body .logo {
        max-width: 475px !important;
    }

    body .logo img {
        max-width: 475px !important;
    }

}

@media (max-width: 1700px) {

    body .navbar li {
        width: 150px !important;
    }

    body .logo {
        max-width: 450px !important;
    }

    body .logo img {
        max-width: 450px !important;
    }

}

@media (max-width: 1600px) {

    body .navbar li {
        width: 140px !important;
    }

    body .logo {
        max-width: 425px !important;
    }

    body .logo img {
        max-width: 425px !important;
    }

}

@media (max-width: 1500px) {

    body .navbar li {
        width: 130px !important;
    }

    body .logo {
        max-width: 400px !important;
    }

    body .logo img {
        max-width: 400px !important;
    }

}

@media (max-width: 1400px) {

    body .navbar li {
        width: 120px !important;
    }

    body .logo {
        max-width: 375px !important;
    }

    body .logo img {
        max-width: 375px !important;
    }

}

@media (max-width: 1300px) {

    body .navbar li {
        width: 110px !important;
    }

    body .logo {
        max-width: 350px !important;
    }

    body .logo img {
        max-width: 350px !important;
    }

}

@media (max-width: 1200px) {

    body .navbar li {
        width: 100px !important;
    }

    body .logo {
        max-width: 325px !important;
    }

    body .logo img {
        max-width: 325px !important;
    }
}

.topnav .navbar:before, .topnav .navbar:after {
  content:" ";
  display: table;
}

.topnav .navbar:after {
  clear: both;
}

.topnav .navbar a {
    border: 0 !important;
}

.topnav .navbar li:hover a,
.topnav .navbar a:active, 
.topnav li a.navbara-active {
    background-color: transparent !important;
}

.topnav .navbar {
  height: 90px;
}

.topnav .navbar li ul {
    display: block;
    opacity: 0;
}

.topnav .navbar ul li a {
    background: transparent !important;
}

.topnav .navbar > li {
  background: #34495e;
  float: left;
  position: relative;
  transform: skewX(25deg);
}

.topnav .navbar a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Arial, Helvetica;
  font-size: 14px;
}

.topnav .navbar li:hover {
  background: #e74c3c;
}
.topnav .navbar > li > a {
  transform: skewX(-25deg);
}

.topnav ul.navbar ul {
  position: absolute;
  width: auto;
  transform: skewX(-25deg);
  transform-origin: left top;
}

.topnav ul.navbar ul li {
  background-color: #34495e;
  position: relative;
  overflow: hidden;
}

.topnav ul.navbar ul > li > a {
  padding: 1em 2em;
}

.topnav ul.navbar ul > li:after {
  content:'';
  position: absolute;
  top: -125%;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 50px rgba(0, 0, 0, .9);
}

.topnav ul.navbar ul > li:nth-child(odd) {
  transform: skewX(-25deg) translateX(0);
}

.topnav ul.navbar ul > li:nth-child(odd) > a {
  transform: skewX(25deg);
}

.topnav ul.navbar ul > li:nth-child(odd):after {
  right: -50%;
  transform: skewX(-25deg) rotate(3deg);
}

.topnav ul.navbar ul > li:nth-child(even) {
  transform: skewX(25deg) translateX(0);
}

.topnav ul.navbar ul > li:nth-child(even) > a {
  transform: skewX(-25deg);
}

.topnav ul.navbar ul > li:nth-child(even):after {
  left: -50%;
  transform: skewX(25deg) rotate(3deg);
}

.topnav ul.navbar ul li {
  transition: .2s ease transform;
}

.topnav .navbar > li:hover ul, .topnav .navbar > li:hover ul li {
  opacity: 1;
  visibility: visible;
}

.topnav .navbar > li:hover ul li:nth-child(even) {
  transform: skewX(25deg) translateX(15px);
}

.topnav .navbar > li:hover ul li:nth-child(odd) {
  transform: skewX(-25deg) translateX(-15px);
}