.logo-header {
    padding: 20px 102px 20px 170px;
    width: 120px;
    height: 100%;
    float: left;
}

img.img-phone {
    width: 100px;
    height: 30px;
    
}

a.navbar-info{
    padding-bottom: 0;
    padding-top: 0;
    display: block;
}

img.img-whats {
     width: 100px;
    height: 25px;
}

img.img-email {
    width: 200px;
    height: 27px;
}

.navbar {
      margin-bottom: 20px;
      padding-left:160px;
}

.navbar-nav {
        padding-left:125px;
}

.logo-nav {
    width: 140px;
    margin-top: 8px;
}

.bg-first-nav {
    background: #e5e5e5;
}

.header {
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     height: 90px;
     width: 100%;
     background-color: #e5e5e5;
     overflow: hidden;
     z-index: 1;
}

  .header .burger-container {
     position: relative;
     display: inline-block;
     height: 60px;
     width: 60px;
     cursor: pointer;
     float: right;
     transform: rotate(0deg);
     transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     user-select: none;
     display: none;
     -webkit-tap-highlight-color: transparent;
}

  .header .burger-container #burger {
     width: 18px;
     height: 8px;
     position: relative;
     display: block;
     margin: -4px auto 0;
     top: 50%;
}

.header .burger-container #burger .bar {
     width: 100%;
     height: 1px;
     display: block;
     position: relative;
     background: black;
     transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition-delay: 0s;
}

  .header .burger-container #burger .bar.topBar {
     transform: translateY(0px) rotate(0deg);
}

  .header .burger-container #burger .bar.btmBar {
     transform: translateY(6px) rotate(0deg);
}

  .header .icon {
     display: inline-block;
     position: absolute;
     height: 100%;
     line-height: 50px;
     width: 50px;
     height: 50px;
     text-align: center;
     color: black;
     font-size: 22px;
     left: 50%;
     transform: translateX(-50%);
}

  .header .icon.icon-bag {
     right: 0;
     top: 0;
     left: auto;
     transform: translateX(0px);
     transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition-delay: 0.65s;
}


 .header ul.menu {
    display: block;
    position: relative;
    height: 100%;
    width: 173px;
    margin-bottom: 0;
    margin-left : 16%;
    float: left;
    padding: 25px 0;
}

.header ul.menu li.menu-item{
    display: table-cell;
    padding-right: 34px;

}

.header ul.menu li.menu-item a {
     display: block;
     position: relative;
     font-family: 'Roboto', sans-serif;
     font-weight: 545;
     color: black;
     text-decoration: none;
     font-size: 23px;
     line-height: 2.35;
     width: 100%;
}

.header.menu-opened .logo-header{
        height: auto;
}
.header.menu-opened ul.menu li.menu-item {
    display: block !important;

}
.contact-info{
    position: relative;
    display: inline-block;
    float: right;
    padding-top: 5px;
    padding-right: 150px;
}

.header.menu-opened {
     height: 100%;
     transition: all 0.3s ease-in, background 0.5s ease-in;
     transition-delay: 0.25s;
}

.header.menu-opened .burger-container {
     transform: rotate(90deg);
}


.header.menu-opened .burger-container #burger .bar.topBar {
     transform: translateY(4px) rotate(45deg);
}

.header.menu-opened .burger-container #burger .bar.btmBar {
     transform: translateY(3px) rotate(-45deg);
}

.header.menu-opened ul.menu li.menu-item {
     transform: scale(1) translateY(0px);
     opacity: 1;
}

.content {
     font-family: 'Ek Mukta', sans-serif;
     padding: 67px 4% 0;
     text-align: justify;
     overflow: scroll;
     max-height: 100%;
}
  .content::-webkit-scrollbar {
     display: none;
}
  .content h2 {
     margin-bottom: 0px;
     letter-spacing: 1px;
}
  .content img {
     width: 95%;
     position: relative;
     display: block;
     margin: 75px auto 75px;
}
  .content img:nth-of-type(2) {
     margin: 75px auto;
}

@media only screen and (max-width: 1060px){
 .contact-info{
    display: none;
    }
}
    

@media only screen and (max-width: 768px){

.header {
     position: fixed;
     height: 80px;
    }

    .header ul.menu{
        display: none;
    }

.header .burger-container{
    display: block;
    height: 100px;
    width: 100px;
    }

  .header ul.menu li.menu-item {
     margin-top: 23px;
     opacity: 0;
     transform: scale(1.15) translateY(30px);
     transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.logo-header{
    padding-left: 40%;
    }

    .header ul.menu li.menu-item:nth-child(1) {
     transition-delay: 0.49s;
    }

  .header ul.menu li.menu-item:nth-child(2) {
     transition-delay: 0.42s;
    }

  .header ul.menu li.menu-item:nth-child(3) {
     transition-delay: 0.35s;
}

  .header ul.menu li.menu-item:nth-child(4) {
     transition-delay: 0.28s;
}

  .header ul.menu li.menu-item:nth-child(5) {
     transition-delay: 0.21s;
}

  .header ul.menu li.menu-item:nth-child(6) {
     transition-delay: 0.14s;
}

  .header ul.menu li.menu-item:nth-child(7) {
     transition-delay: 0.07s;
}

    .header ul.menu {
     position: relative;
     display: block;
     padding: 0px 48px 0;
     list-style: none;
    }
    }

    @media only screen and (max-width: 400px){

    .navbar-nav{
        padding-left: 0px;
    }

    .header{
        height: 70px;
    }

    .header ul.menu {
    display: block;
    list-style: none;
    width: auto;
    height: 100%;
    }

    .logo-nav {
    width: 130px;
    margin-top: 8px;
    }

    .logo-header{
    width: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 33%;
    }
}