@media only screen and (max-width: 1100px) {
    .container{
        /* width: 95%; */
    }
    section{
        overflow: hidden;
    }
    div#myNav {
       position: fixed;
       top: 0px;
       bottom: 0px;
       background: #f6cf4b;
       right: 0px;
       width: 70%;
       z-index: 999;
       box-shadow: 0px 0px 10px #4b4747;
       max-width: 300px;
   }
   #myNav ul li:last-child a:hover {
    background: none;
    border: none;
    color: #000;
}

#myNav ul li:last-child a.page-scroll.active{
    color: #46ad88;
    border-radius: 0px;
}
#myNav ul li a.page-scroll.active{
    padding: 14px 3px;
}
.navBar {
    flex-wrap: wrap;
    padding: 11px 0px;
}

.navBar .logo {
    /* width: 100%; */
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
}

div#myNav ul {
    /* display: flex; */
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
}

div#myNav {
    display: none;
    width: 100%;
}

.header.sticky .navBar {
    padding: 0px 0px 0px 0px;
}

.header.sticky .navBar .logo {
    display: none;
}

#myNav ul li:last-child a {
    background: none;
    color: #000;
    padding: 0px;
    border: none;
}

#myNav ul li:last-child a img {
    display: none;
}

.meni-icon {
    display: block;
    font-size: 22px;
    color: #3d3c36;
}

.close-icon {
    display: block;
    text-align: right;
    padding: 7px;
}

#myNav ul li {
    display: block;
    padding: 5px 21px;
    white-space: nowrap;
    line-height: normal;
}

#myNav ul li a {
    /* color: #fff; */
    padding: 0px;
}

#myNav ul li:last-child a {
   padding: 0px; 
}

.close-icon i {
   background: white; 
   color: red; 
   padding: 6px 7px; 
}

.top-war {
    display: none;
}

.navBar .logo img {
    height: 56px;
    width: auto;
}

section.main-benner .container {
    width: 100%;
    padding: 0px;
}

section.main-benner {
    padding: 0px;
}

.heading .main-heading {
    font-size: 24px;
}

.heading .pera p {
    font-size: 15px;
}

.heading {
    width: 100%;
}

section.aboutus .aboutflex {
    display: block;
}

section.aboutus .aboutflex .fl, section.aboutus .aboutflex .fr {
    width: 100%;
    text-align: center;
}

body {
    line-height: 24px;
    font-size: 14px;
}

section#products {
    padding: 27px 0px;
}

section#aboutus {
    padding: 32px 0px;
}

section.aboutus .aboutflex .fr {
    padding-top: 22px;
}

.owl-nav {
    display: none;
}

.owl-dots {
    display: block;
}

.footer-links-sec .footer-links .links {
    width: 100%;
}

.footer-links-sec {
    padding: 22px 0px;
}

.footer-links-sec .footer-links .links .title {
    font-size: 18px;
    padding-top: 14px;
    padding-bottom: 5px;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px;
}


}