@media only screen and (max-width: 1100px) {
    .container{
        width: 95%;
    }

    .crossIcon {
    display: block;
}

.menuIcon {
    display: block;
}
.navbarListing {
    position: fixed;
    top: 0px;
    height: 100%;
    right: 0px;
    width: 0px;
    max-width: 80%;
    background: #0067fd;
    transition: 0.4s ease-in-out;
    padding: 0px;
    overflow-x: hidden;
    z-index: 999;
}
header .navbar .navbarListing ul li a:hover, header .navbar .navbarListing ul li a.active {
    border: none;
}
.navbarListing  .list{
    padding: 15px;
}


.navbarListing.main {
    width: 400px;
    transition: 0.4s ease-in-out;
}

header .navbar .navbarListing ul li {
    display: block;
    padding: 1px;
}

header .navbar .navbarListing ul li a {
    font-size: 15px;
}

.crossIcon {
    text-align: right;
}

.crossIcon i {
    color: #fff;
    font-size: 13px;
    border: 1px solid #fff;
    padding: 3px 4px;
}

.menuIcon {
    color: #ffffff;
    font-size: 24px;
}

header .navbar .let-connect a {
    padding: 12px 38px;
    font-size: 14px;
}

header .navbar .logo img {
    height: 48px;
}

section.mainBanner .bannerTxt .bannertxt-flex .bannerContent .txt .welcometxt {
    font-size: 36px;
}

section.mainBanner .bannerTxt .bannertxt-flex .bannerContent .txt h1 {
    font-size: 53px;
}

section.mainBanner .bannerTxt .bannertxt-flex .bannerContent .txt p {
    font-size: 27px;
}

section.mainBanner .bannerTxt .bannertxt-flex .fl .box-img .img {
    text-align: right;
    width: 100%;
}

section.conter-barnd {
    margin-top: -40px;
}

section.conter-barnd .circle_percent {
    font-size: 140px;
    width: 140px;
    height: 140px;
}

}

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

    .Top-Down-container {
    margin: 0 15px;
}

section.mainBanner .bannerTxt .bannertxt-flex .fl {
    width: 34%;
}

section.mainBanner .bannerTxt .bannertxt-flex .fl .box-img img {
    height: 138px;
}

.Top-Down-container {
    margin: 0px;
}

   section.mainBanner .bannerTxt .bannertxt-flex .bannerContent .txt h1 {
    font-size: 38px;
}

section.mainBanner .bannerTxt .bannertxt-flex .bannerContent .txt .welcometxt {
    font-size: 28px;
}

section.mainBanner .bannerTxt .bannertxt-flex .bannerContent .txt p {
    font-size: 19px;
}

section.conter-barnd .percent_text {
    font-size: 24px;
}

.heading h2 {
    font-size: 44px;
}

.next-heading h2 {
    font-size: 21px;
    padding-bottom: 10px;
}

section.aboutHome .about-flex .txt p {
    font-size: 14px;
    line-height: 23px;
}

.btn a {
    padding: 16px 25px;
    font-size: 14px;
}

.btn {
    margin-top: 12px;
}

section.aboutHome {
    padding: 60px 0px 30px 0px;
}

section.heading .serviceList ul li {
    width: 32%;
}

section.heading .serviceList ul {
    justify-content: center;
}

section.heading .serviceList ul li .service-img {
    height: 185px;
}

section.heading .serviceList ul li .txt p {
    font-size: 15px;
    margin: 0px;
}

footer .footer-items .list .footer-area:nth-child(1), footer .footer-items .list .footer-area:nth-child(6) {
    width: 100%;
}

footer .footer-items .list .footer-area {
    width: 23%;
}

footer {
    padding: 30px 0px;
}

footer .footer-items .list .footer-area:nth-child(6) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.conter-barnd .circle_percent {
    font-size: 100px;
    width: 100px;
    height: 100px;
}

section.packaging-items .packaging-items-slider .packagingsItems .itemSec {
    width: 31.33%;
}

section.packaging-items .packaging-items-slider .packagingsItems .itemSec .img {
    height: 152px;
}

section.packaging-items .packaging-items-slider .packagingsItems .itemSec .packContent h3 {
    font-size: 14px;
}

section.packaging-items .packaging-items-slider {
    padding: 0px;
}

section.packaging-items ul.nav.nav-pills a.nav-link {
    margin: 0px 10px;
}

section.packaging-items.packaging-listing ul.nav.nav-pills {
    justify-content: center;
}
.main-contact .form {
    width: 100%;
    padding: 25px;
}

section.contact-form {
    padding: 30px 0px;
}

.user-connect.map {
    position: relative;
    width: 100%;
}

.main-contact {
    padding: 0px;
}

.main-contact .form .heading h2 {
    font-size: 40px;
}

.user-connect.map .heading {
    padding: 0px 0px 12px 0px;
}

.add-loc {
    margin-bottom: 16px;
}
}


@media only screen and (max-width: 500px) {
    section.product-show .Image-left, .Image-right {
    width: 100%;
}

section.product-show .detail-list {
    padding: 0px;
    margin: 0px;
}

section.product-show .show-img {
    height: auto;
}

section.product-show .product-flex {
    padding: 15px 0px;
}

section.product-show {
    padding: 15px 0px;
}

.Top-Down-outer {
    margin: 0px;
}

section.product-show .detail-list {
    margin-top: 15px;
}

section.product-show .detail-list h2 {
    font-size: 22px;
}
    iframe {
    height: auto!important;
}
section.top-header {
    display: none;
}

header .navbar .logo img {
    height: 37px;
}

header .navbar .let-connect a {
    padding: 10px 16px;
    font-size: 11px;
}

header .navbar .let-connect a img {
    width: 8px;
}

section.mainBanner .flex-banner .fr {
    width: 100%;
}

section.mainBanner .bannerTxt .bannertxt-flex .fl {
    display: none;
}

section.mainBanner .bannerTxt {
    padding: 0px;
}

section.mainBanner .bannerTxt .bannertxt-flex .bannerContent .txt h1 {
    font-size: 28px;
    padding: 5px 0px;
}

header {
    position: relative;
}

.menuIcon {
    color: #0066ff;
}

header .navbar {
    align-items: center;
}

section.mainBanner .bannerTxt .bannertxt-flex .bannerContent .txt .welcometxt {
    font-size: 19px;
}

.btn {
    margin: 0px;
}

.btn a {
    padding: 12px 16px;
    font-size: 12px;
}

section.aboutHome {
    padding: 30px 0px 0px 0px;
}

section.aboutHome .about-flex .fl, section.aboutHome .about-flex .fr {
    width: 100%;
}

section.aboutHome .about-flex .fr .about-img {
    margin-top: 22px;
}

section.heading .serviceList ul li {
    width: 48%;
}

section.heading .serviceList ul li .service-img {
    height: 125px;
}

section.heading .serviceList ul li:after {
    height: 60%;
}

section.heading .serviceList ul li .txt p {
    padding: 0px;
    font-size: 14px;
}

.heading h2 {
    font-size: 40px;
}

section.heading .serviceList ul {
    padding-top: 12px;
}

section.packaging-items ul.nav.nav-pills {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
}

section.packaging-items ul.nav.nav-pills a.nav-link {
    white-space: nowrap;
    font-size: 12px;
    margin: 5px;
    padding: 6px 18px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .pack-img .img {
    height: 203px;
}

.packcount {}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .packagingArea .packContent .packcount {
    font-size: 12px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .packagingArea .packContent .pack-name h3 {
    font-size: 19px;
    line-height: 19px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .packagingArea .packContent .pack-name span {
    font-size: 12px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .packagingArea .packContent .sizeStock .cont span {
    font-size: 13px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .packagingArea .packContent .sizeStock .cont p {
    font-size: 12px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .packagingArea .packContent .sizeStock {
    padding: 10px 0px 0px 0px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .packagingArea .packContent .notetxt p {
    font-size: 13px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item .packagingArea .packContent .txt p {
    font-size: 13px;
    line-height: 21px;
}

section.packaging-items .packaging-items-slider .owl-carousel .owl-stage .owl-item {
    padding: 10px;
}

section.conter-barnd {
    margin: 0px;
}

section.conter-barnd .flex-brand .fl, section.conter-barnd .flex-brand .fr {
    width: 100%;
}

section.conter-barnd .flex-brand {
    flex-wrap: wrap;
}

section.conter-barnd:after {
   height: 60%;
   width: 100%;
}

section.conter-barnd .circle_percent {
    font-size: 90px;
    width: 90px;
    height: 90px;
    margin: 10px 0px;
}

section.conter-barnd .circle_inbox {
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
}

section.conter-barnd .conter-area .count p {
    font-size: 14px;
    margin: 0px;
}

section.conter-barnd .flex-brand .fr {
    margin-top: 27px;
}

section.conter-barnd .flex-brand .fr .band-heading h2 {
    font-size: 21px;
}

footer .footer-items .list .footer-area {
    width: 100%;
}

section.packaging-items {
    padding: 0px 0px 30px 0px;
}

.copyright {
    padding-top: 15px;
}
section.aboutHome.about .about-flex {
    flex-direction: column-reverse;
}
section.packaging-items .packaging-items-slider .packagingsItems .itemSec {
    width: 48%;
}

section.packaging-items .packaging-items-slider .packagingsItems .itemSec .img {
    height: 114px;
}

section.packaging-items .packaging-items-slider .packagingsItems .itemSec .packContent h3 {
    font-size: 13px;
}
.main-contact .form .heading h2 {
    font-size: 32px;
}

input.btn_main {
    font-size: 13px;
    padding: 10px 22px;
}

.form-control {
    height: 38px;
    font-size: 13px;
}

.map .heading {
    font-size: 28px;
}

.user-connect.map {
    padding: 12px 0px;
}

.card-body {
    padding: 0px 25px;
}

.card-body .add-loc a {
    font-size: 14px;
}

.card-body .add-loc i {
    font-size: 18px;
}

.main-contact.appo {
    padding: 12px;
}

table.table.appointment-table {
    width: 100%;
    overflow-x: auto;
    display: block;
}

table.table.appointment-table tr td, table.table.appointment-table tr th {
    font-size: 14px;
    white-space: nowrap;
    padding: 7px;
}

table.table.appointment-table tr {
    display: block;
    border: 1px solid #85888c42;
    width: 100%;
    padding: 0px;
    margin-bottom: 16px;
}

table.table.appointment-table tr td {
    width: 100%;
    display: block;
    border: none;
    color: #052656;
}

thead {
    display: none;
}

table.table.appointment-table {
    margin-top: 15px;
}

tbody {
    width: 100%;
    display: block;
}

table.table.appointment-table textarea:focus {
    outline: none;
}

table.table.appointment-table tr td:not(:last-child) {
    border-bottom: 1px solid #85888c42;
}

table.table.appointment-table tr td:first-child {
    display: none;
}

table.table.appointment-table tr td:nth-child(2):before {
    content: "First Name : ";
}

table.table.appointment-table tr td:nth-child(3):before {
    content: "Last Name : ";
}

table.table.appointment-table tr td:nth-child(4):before {
    content: "Email : ";
}

table.table.appointment-table tr td:nth-child(5):before {
    content: "Phone : ";
}

table.table.appointment-table tr td:nth-child(7):before {
    content: "Date : ";
}

table.table.appointment-table tr td:before{color: #073374;}
a.btn.btn-success.btn-xs.mb-2 {
    font-size: 11px;
}

a.btn.btn-danger.btn-xs {
    font-size: 13px;
}

}