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

    .header-top {
    right: 0;
    0: 30px
    left: 0;
    background: #fff;
    padding: 0px 30px;
}

.banner-caps {
    bottom: 0;
    text-align: right;
    padding: 0px 30px;
}

.cap-area p {
    width: 100%;
}
.header-top .logo-brand:after{ display: none; }

.header-top {
    position: relative;
}
.contact-header {
    color: #5a5a5a;
    font-size: 14px;
}

.header-top .logo-brand {
    width: 180px;
}

.contact-header p b {
    font-size: 18px;
}
.img-pr-d {
    width: 80px;
    height: 80px;
}
.what-we-are {
    padding: 40px 70px;
    background-position: -80px center;
}

.what-we-are .what-content {
    background: transparent;
}

}

    

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

    
.what-we-are {
    background-size: cover;
    padding: 10px 20px;
}

.what-we-are .what-content {
    background: #fff;
    padding: 28px 20px;
}
.product-h-display {
    margin-bottom: 55px;
}

h3.product-d-head {
    text-align: center;
}
ul.dropdown.menu li {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.menu {
    width: 100%;
}

.top-bar-left {
    width: 100%;
}

.title-bar {
    height: 58px;
    line-height: 58px;
    padding: 0px 21px;
}

section.news {
    padding: 50px 0px 30px 0px;
}

section.product-disply {
    padding: 40px 0px 20px 0px;
}

.contact-header {
    text-align: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
}
section.banner-container > img {
    height: calc( 100vh - 183px);
    object-fit: cover;
    min-height: 300px;
}
.header-top .logo-brand {
    margin: 18px 0px;
    padding: 0px 15px;
    width: 260px;
}

.contact-header {
    margin-bottom: 0;
    background: #086a41;
    color: #fff;
    padding: 5px 15px;
}

.contact-header p {
    display: inline-block;
}

.contact-header p b {
    font-size: 14px;
}
.header-top {
    padding: 0px;
}
}