@media screen and (min-width: 240px) and (max-width: 500px) {
  .toggle_icon {
    display: block;
    float: right;
    width: auto;
    margin: -34px 5px 19px 0px;
    position: relative;
    height: 34px;
    padding: 6px 0px;
    z-index: 10;
  }
  .toggle_icon b {
    width: 26px;
    height: 3px;
    background: #000;
    float: left;
    position: relative;
    transition: 0.2s ease-in-out;
  }
  .toggle_icon b:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 3px;
    background: #000;
    right: 0;
    transition: 0.2s ease-in-out;
    bottom: -10px;
  }
  .toggle_icon b:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 3px;
    background: #000;
    right: 0;
    bottom: -20px;
    transition: 0.2s ease-in-out;
  }
  .toggle_icon b.creatCross {
    transform: rotate(45deg) translate(0px, 0);
    margin: 12px 0 0 0;
  }
  .toggle_icon b.creatCross:after {
    opacity: 0;
  }
  .toggle_icon b.creatCross:before {
    transform: rotate(-90deg) translate(19px, 0px);
  }
  header {
    margin: 0px 0 0 0;
    padding-top: 17px;
    z-index: 999;
  }
  header .navListing {
    width: 82% !important;
    position: fixed;
    left: -82%;
    top: 0;
    margin: 0 !important;
    /* background: #151515; */
    background:#6c6364;
    height: 100vh;
    transition: 0.4s ease-in-out;
    border-right: 4px solid #fff;
    padding: 35px 0 0 0;
  }
  header .navListing li {
    width: 100%;
    float: left;
  }
  header .navListing li .sub-menu {
    position: relative !important;
    background-color: #343434 !important;
    width: 100% !important;
    top: 9px !important;
    float: left !important;
    padding: 0px 0px !important;
  }
  header .navListing li .sub-menu li a {
    padding: 11px 20px !important;
  }
  header .navListing li a {
    color: #fff !important;
    text-align: left;
  }
  header ul.activeMainNav {
    left: 0 !important;
  }
  header nav .topLogo {
    display: inherit;
    max-width: unset;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 0 0 25px 0;
  }
  header nav .topLogo img {
    width: 59%;
  }
  header nav .searchBar {
    margin: 0 0;
    width: auto;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  header nav .toprightList {
    float: left;
    padding: 0 0;
    margin: 24px 0px 0px 34px;
  }
  .imgOverlay {
    display: none;
  }
  .testemonialWrapper .testiInner .testiBlocks p {
    font-size: 13px;
    line-height: unset;
  }
  footer .footerInner .footBlock {
    float: left;
    margin: 15px 0;
  }
  .searchwrap .search .searchInp {
    width: 290px;
  }
  .getTouchWrap .smallContainer .mainTouch .contactForm {
    float: left;
    background: #fff;
    transform: translate(0, 0);
    box-shadow: none !important;
  }
  .getTouchWrap .smallContainer .mainTouch .contactForm main {
    padding: 0 0;
  }
  .getTouchWrap .smallContainer .mainTouch .contactDetails {
    float: left;
    margin: 0 0;
    padding: 16px 20px;
  }
  .sideBarContentLeft{
    padding-left: 15px;
  }
  .contentRight {
    padding-right: 15px;
}
.getTouchWrap{
    padding: 30px 15px 20px 15px;
}
.single-product .product {
  padding: 0 15px;
}
.woocommerce-products-header {
  padding-left: 15px;
  padding-right: 15px;
}
.woocommerce-breadcrumb{
  padding-left: 15px !important;
  padding-right: 15px!important;
}
}
@media screen and (min-width: 501px) and (max-width: 743px) {
  .toggle_icon {
    display: block;
    float: right;
    width: auto;
    margin: -34px 5px 19px 0px;
    position: relative;
    height: 34px;
    padding: 6px 0px;
    z-index: 10;
  }
  .toggle_icon b {
    width: 26px;
    height: 3px;
    background: #000;
    float: left;
    position: relative;
    transition: 0.2s ease-in-out;
  }
  .toggle_icon b:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 3px;
    background: #000;
    right: 0;
    transition: 0.2s ease-in-out;
    bottom: -10px;
  }
  .toggle_icon b:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 3px;
    background: #000;
    right: 0;
    bottom: -20px;
    transition: 0.2s ease-in-out;
  }
  .toggle_icon b.creatCross {
    transform: rotate(45deg) translate(0px, 0);
    margin: 12px 0 0 0;
  }
  .toggle_icon b.creatCross:after {
    opacity: 0;
  }
  .toggle_icon b.creatCross:before {
    transform: rotate(-90deg) translate(19px, 0px);
  }
  header {
    margin: 0px 0 0 0;
    top: 17px;
    z-index: 999;
  }
  header .navListing {
    width: 82% !important;
    position: fixed;
    left: -82%;
    top: 0;
    margin: 0 !important;
    background: #151515;
    height: 100vh;
    transition: 0.4s ease-in-out;
    border-right: 4px solid #fff;
    padding: 35px 0 0 0;
  }
  header .navListing li {
    width: 100%;
    float: left;
  }
  header .navListing li .sub-menu {
    position: relative !important;
    background-color: #343434 !important;
    width: 100% !important;
    top: 9px !important;
    float: left !important;
    padding: 4px 21px !important;
  }
  header .navListing li a {
    color: #fff !important;
    text-align: left;
  }
  header ul.activeMainNav {
    left: 0 !important;
  }
  header nav .topLogo {
    display: inherit;
    max-width: unset;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 0 0 25px 0;
  }
  header nav .topLogo img {
    width: 59%;
  }
  header nav .searchBar {
    margin: 0 0;
    width: auto;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  header nav .toprightList {
    float: left;
    padding: 0 0;
    margin: 24px 0px 0px 34px;
  }
  .imgOverlay {
    display: none;
  }
  .testemonialWrapper .testiInner .testiBlocks p {
    font-size: 13px;
    line-height: unset;
  }
  footer .footerInner .footBlock {
    float: left;
    margin: 15px 0;
  }
  .getTouchWrap .smallContainer .mainTouch .contactForm {
    float: left;
    background: #fff;
    transform: translate(0, 0);
    box-shadow: none !important;
  }
  .getTouchWrap .smallContainer .mainTouch .contactForm main {
    padding: 0 0;
  }
  .getTouchWrap .smallContainer .mainTouch .contactDetails {
    float: left;
    margin: 0 0;
    padding: 16px 20px;
  }
  .sideBarContentLeft{
    padding-left: 15px;
  }
  .contentRight {
    padding-right: 15px;
}
.getTouchWrap{
    padding: 30px 15px 20px 15px;
}
.single-product .product {
  padding: 0 15px;
}
.woocommerce-products-header {
  padding-left: 15px;
  padding-right: 15px;
}
.woocommerce-breadcrumb{
  padding-left: 15px !important;
  padding-right: 15px!important;
}
}
@media screen and (min-width: 744px) and (max-width: 899px) {
  .toggle_icon {
    display: block;
    float: right;
    width: auto;
    margin: -34px 5px 19px 0px;
    position: relative;
    height: 34px;
    padding: 6px 0px;
    z-index: 10;
  }
  .toggle_icon b {
    width: 26px;
    height: 3px;
    background: #000;
    float: left;
    position: relative;
    transition: 0.2s ease-in-out;
  }
  .toggle_icon b:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 3px;
    background: #000;
    right: 0;
    transition: 0.2s ease-in-out;
    bottom: -10px;
  }
  .toggle_icon b:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 3px;
    background: #000;
    right: 0;
    bottom: -20px;
    transition: 0.2s ease-in-out;
  }
  .toggle_icon b.creatCross {
    transform: rotate(45deg) translate(0px, 0);
    margin: 12px 0 0 0;
  }
  .toggle_icon b.creatCross:after {
    opacity: 0;
  }
  .toggle_icon b.creatCross:before {
    transform: rotate(-90deg) translate(19px, 0px);
  }
  header {
    margin: 0px 0 0 0;
    top: 17px;
    z-index: 999;
  }
  header .navListing {
    width: 82% !important;
    position: fixed;
    left: -82%;
    top: 0;
    margin: 0 !important;
    background: #151515;
    height: 100vh;
    transition: 0.4s ease-in-out;
    border-right: 4px solid #fff;
    padding: 35px 0 0 0;
  }
  header .navListing li {
    width: 100%;
    float: left;
  }
  header .navListing li .sub-menu {
    position: relative !important;
    background-color: #343434 !important;
    width: 100% !important;
    top: 9px !important;
    float: left !important;
    padding: 4px 21px !important;
  }
  header .navListing li a {
    color: #fff !important;
    text-align: left;
  }
  header ul.activeMainNav {
    left: 0 !important;
  }
  header nav .topLogo {
    display: inherit;
    max-width: unset;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 0 0 25px 0;
  }
  header nav .topLogo img {
    /* width: 59%; */
     width: 30%;
  }
  header nav .searchBar {
    margin: 0 0;
    width: auto;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  header nav .toprightList {
    float: left;
    padding: 0 0;
    margin: 24px 0px 0px 34px;
  }
  .imgOverlay {
    display: none;
  }
  .testemonialWrapper .testiInner .testiBlocks p {
    font-size: 13px;
    line-height: unset;
  }
  footer .footerInner .footBlock {
    float: left;
    margin: 15px 0;
  }
  .getTouchWrap .smallContainer .mainTouch .contactForm {
    float: left;
    background: #fff;
    transform: translate(0, 0);
    box-shadow: none !important;
  }
  .getTouchWrap .smallContainer .mainTouch .contactForm main {
    padding: 0 0;
  }
  .getTouchWrap .smallContainer .mainTouch .contactDetails {
    float: left;
    margin: 0 0;
    padding: 16px 20px;
  }
  .sideBarContentLeft{
    padding-left: 15px;
  }
  .contentRight {
    padding-right: 15px;
}
.getTouchWrap{
    padding: 30px 15px 20px 15px;
}
.single-product .product {
  padding: 0 15px;
}
.woocommerce-products-header {
  padding-left: 15px;
  padding-right: 15px;
}
.woocommerce-breadcrumb{
  padding-left: 15px !important;
  padding-right: 15px!important;
}
  
}
.woocommerce-products-header {
  z-index: 2 !important;
 
}/*# sourceMappingURL=responsive.css.map */