/*-------------- media section ---------------*/

@media screen and (max-width: 1600px) and (min-width: 1400px) {
  .sidebar-filter.p-0 {
    width: 300px;
  }

  .shop-right-main {
    width: calc(100% - 300px);
  }

  .author-download .name {
    display: none;
  }
}

@media screen and (max-width: 1600px) and (min-width: 1400px) {

}

@media(max-width:1400px) {
  .utility-btn-holder .download-text {
    display: block;
  }

  a.download-button.in-modal {
    font-size: 16px;
    padding: 9px 20px;
    gap: 10px;
    height: auto;
  }

  .slider-left-content {
    padding: 150px 0px;
    border-radius: 30px;
    margin-bottom: -10%;
  }

  section#slider {
    padding-top: 7%;
  }

  .download-button {
    width: 100%;
    height: 30px;
    gap: 10px;
    display: flex;
  }

  span.download-text {
    display: none;
  }

  .author-download .name {
    display: none;
  }

  .sidebar-filter.p-0 {
    width: 300px;
  }

  .shop-right-main {
    width: calc(100% - 300px);
  }
}

@media screen and (max-width: 1399px) and (min-width: 1200px) {}

@media(max-width:1199px) {
  .grid-item.col-lg-3.col-md-6.col-12 {
    width: 30% !important;
  }
  #appoinment .appoinment-shortcode{
    padding: 20px;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
  .container.main_title ,.banner-top,.above_title{
    padding: 6% 0 0 0;
}
  
  .primary_nav {
    width: 26vw;
    gap: 0px;
  }

  section#slider+section {
    margin-top: 50px;
  }

  .slider-left-content {
    padding: 100px 0px;
    margin-bottom: -10%;
  }

  #menu-primary-menu {
    display: flex;
  }

  .main-navigation li {
    padding: 12px 20px;
  }

  #slider .slider-spider-img,
  .page-template .slider-spider-img,
  .archive .slider-spider-img {
    max-height: 190px;
    max-width: 110px;
    object-fit: cover;
  }

  .slider-heading {
    font: 700 36px / 49px Outfit;
  }

  .theme-para {
    font: 400 14px / 25px Outfit;
  }

  #slider .theme-para {
    margin-bottom: 0 !important
  }

  .slider-right-mask-img::after {
    mask-size: cover;
    width: 100%;
    max-width: 445px;
    height: 465px;
  }

  .slider-right-mask-img .img-man {
    right: -24%;
    top: -28px;
    height: 100%;
  }

  .slider-review {
    bottom: -10px;
    left: -35px;
  }

  #slider .slidder-inner-content-row {
    padding-bottom: 10%;
  }

  .right-small-img {
    max-height: 95px;
    max-width: 95px;
  }

  .social-heading-main {
    display: none;
  }

  .about-right-col {
    padding-left: 0 !important;
  }

  .about-year {
    left: 4%;
    top: 10%;
  }

  .about-contact-main {
    left: 5%;
    bottom: 66px;
  }

  #about-us .theme-btn {
    padding: 10px 10px;
  }

  section h2 {
    font: 700 28px / 44px Outfit !important;
  }

  span.counter-num {
    font: normal normal bold 33px / 33px Outfit;
  }
  section.join-counter .container{
    padding: 60px;
  }
  #choose-sec .about-img-one {
    max-width: 340px;
    max-height: 310px;
  }

  #choose-sec .choose-video-main-inner {
    right: -17%;
    margin-top: -12%;
  }

  #choose-sec .choose-beetle {
    max-height: 90px;
    max-width: 90px;
    right: 33px;
    top: 23%;
  }

  #choose-sec .choose-content-main h6 {
    font: 500 13px / 29px Outfit;
  }

  #choose-sec .choose-points {
    grid-gap: 10px;
    margin-top: 10px;
  }

  #counter-sec .counter-inner {
    padding: 15px;
  }

  #counter-sec .recrd_inner {
    font: normal normal bold 32px / 29px Outfit;
  }

  #popular-product .product-title a {
    font: 600 17px / 30px Outfit;
  }

  .news-man-img {
    margin-top: -24% !important;
    height: unset !important;
  }

  .woocommerce-product-gallery__wrapper {
    width: 385px;
  }

  .single.single-product .meta-field-call {
    width: 36%;
    gap: 15px;
  }

  .single.single-product .bold-rating span {
    font: 500 65px / 80px Outfit;
  }

  .sbi_item,
  .sbi_photo {
    height: unset;
  }

  .wc-block-components-sidebar-layout .wc-block-components-main {
    margin-right: 20px !important;
  }

  .main-navigation a {
    font: 500 14px / 24px Outfit;
  }

  #faq-sec .que-img {
    right: -25px;
  }

  .shop.shop-product .popular-pro-box {
    margin-right: 10px;
    width: unset;
  }

  h2.product-title {
    font: 700 28px / 32px Outfit;
  }

  .product-title a,
  .product-name a,
  .related.products li a {
    font: 600 16px / 20px Outfit;
  }

  #counter-offer .offer-man {
    height: 350px;
  }
}

@media(max-width:1199px) {
  .pop-grid-items {
    grid-template-rows: repeat(12, 35px);
  }
  button.close-one{
    left: -4%;
    top: -45px;
    font-size: 30px;
  }
}

@media screen and (max-width:1023px) {
 
  .dropdown-btn {
    font-size: 16px;
  }

  nav#site-navigation ul li a {
    font-size: 18px;
    font-family: outfit;
  }

  /* header{
    height: unset;
  } */
  body:not(.home) .slider-spider-img {
    display: none;
  }

  #header .search-buttons {
    margin-top: -1px;
  }

  .main-navigation .current-menu-item a:after {
    display: none;
  }

  .toggle-nav {
    display: block;
  }

  .toggle-nav i {
    font-size: 26px;
    color: #FFF;

  }

  .sidenav .close-sidebar {
    position: relative;
    font-size: 32px;
    display: block;
    padding-right: 7%;
    color: #ffffff;
    cursor: pointer;
    cursor: pointer;
    text-align: right;
  }

  .main-navigation ul li.current-menu-item a {
    border-top: none !important;
  }

  .main-navigation ul li>ul {
    opacity: 1;
    /* display: block !important; */
    visibility: visible !important;
    transform: none;
    box-shadow: unset;
    padding: 0;
    margin: 0;
  }

  .main-navigation ul li a:before,
  .main-navigation ul li a:before {
    background-color: transparent;
  }

  .main-navigation ul li:hover>ul {
    /* display: block !important; */
    padding: 0;
    color: #000000;
  }

  .main-navigation ul li {
    height: auto;
  }

  .main-navigation ul li ul li ul {
    position: unset;
  }

  .main-navigation ul li ul {
    display: none;
    position: relative !important;
  }

  .main-navigation ul ul li a:hover {
    transition: unset;
  }

  .headerbar {
    display: block !important;
    margin: 0;
  }

  .main-navigation ul ul li {
    padding: 0px 12px;
    margin: 0px 0 0px 0;
  }

  .main-navigation ul ul li a {
    padding-left: 16px;
    color: #ffff !important;
  }


  .header-inner {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .sticky.stickynavbar .header-inner {
    padding-top: unset;
    padding-bottom: unset;
  }

  .main-navigation ul li.current-menu-item a {
    border-top: none !important;
  }

  .main-navigation ul li>ul {
    opacity: 1;
    /* display: block !important; */
    visibility: visible !important;
    transform: none;
    box-shadow: unset;
    padding: 0;
    margin: 0;
  }

  .main-navigation ul li a:before,
  .main-navigation ul li a:before {
    background-color: transparent;
  }

  .main-navigation ul li:hover>ul {
    /* display: block !important; */
    padding: 0;
    color: #000000;
  }

  .main-navigation ul li ul li ul {
    position: unset;
  }

  .main-navigation ul li ul {
    display: none;
    position: relative !important;
  }

  .main-navigation ul ul li a:hover {
    transition: unset;
    /* padding: 12px 27px; */
  }

  .headerbar {
    display: block !important;
    margin: 0;
  }

  .main-navigation ul ul li {
    padding: 0px 12px;
    margin: 0px 0 0px 0;
  }




  #sidebar1 .close-sidebar.mobile-menu {
    position: relative;
    font-size: 32px;
    display: block !important;
    padding-right: 7%;
    color: #fff;
    cursor: pointer;
    cursor: pointer;
    text-align: right;
  }

  #sidebar1 {
    height: 100%;
    width: 0;
    position: fixed !important;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #339D55;
    overflow-x: hidden;
    transition: .9s;
    padding-top: 8px !important;
  }

  #sidebar1 ul li a {
    color: #fff !important;
    border-bottom: none;
  }

  #sidebar1 ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    height: auto;
    z-index: 11111;
    transform: scale(1) !important;
  }

  #sidebar1 ul li:hover>ul {
    display: block !important;
    transition: all .4s ease;
  }

  #sidebar1 ul ul {
    background: #fff;
    border-top: 4px solid var(--color-red);
    visibility: hidden;
    display: none !important;
    opacity: 0;
    animation-name: fadeOutUp;
    transform: scale(0) !important;
    transform-origin: top left;
    transition: all 0.3s ease-out;
  }

  @keyframes fadeOutUp {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
  }

  .main-navigation ul ul {
    width: 100%;
  }

  .main-navigation ul ul,
  .main-navigation ul ul li {
    background: transparent !important;
  }

  .main-navigation ul ul li {
    display: block;
    padding-left: 1px;
    border-bottom: none;
  }

  .main-navigation ul ul ul li {
    padding-left: 15px;
  }

  .main-navigation li {
    position: relative;
  }

  #contentwoocom {
    margin-top: 3rem;
  }

  .sbi_item,
  .sbi_photo {
    height: unset;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
 
  .banner-top,.above_title {
    padding: 6% 0 0;
}
  #our-newsletter .theme-btn {
    font: 500 13px / 19px Outfit;
    padding: 10px 10px;
  }

  .test-content,
  #our-client .theme-para {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .quote-img {
    max-width: 85%;
  }

  .client-img-quote {
    width: 65px;
    height: 65px;
  }

  .client-img-quote svg {
    height: 50px;
    width: 40px;
    margin-top: 3px;
  }

  .error-page .error-heading {
    font: 496 30px / 36px Outfit;
  }

  .bradcrumbs {
    gap: 5px;
  }

  .meta-heading {
    font: 500 14px / 18px Outfit;
  }

  #single-post .author-name {
    font: normal normal 600 14px / 18px Outfit;
  }

  .alert.alert-minimalist {
    width: 55% !important;
  }

  .Discount-offer-text-box {
    font: 500 13px / 19px Outfit;
  }

  .single.single-post .bradcrumbs a,
  .single.single-post .bradcrumbs span {
    font: normal normal 600 12px / 19px Outfit;
  }
}

@media screen and (max-width: 1023px) and (min-width: 992px) {
  .join-counter h2 {
    font: 700 28px / 44px Outfit !important;
  }
  section.join-counter .container{
    padding: 50px;
  }
  span.counter-num {
    font: normal normal bold 33px / 33px Outfit;
  }
  #appoinment h5{
    font: 600 16px / 27px Outfit;
  }
  .container.main_title {
    padding: 6% 0 0 0;
  }
  .banner-top,.above_title {
    padding: 65px 0 0;
}

  .page-template .slider-spider-img,
  .archive .slider-spider-img {
    max-height: 190px;
    max-width: 110px;
  }

  .slider-heading {
    font: 700 37px / 50px Outfit;
  }

  .slider-right-mask-img .img-man {
    top: -53px;
    height: 100%;
    right: -22%;
  }

  .slider-right-mask-img::after {
    mask-size: cover;
    width: 100%;
    max-width: 417px;
    height: 440px;
  }

  #slider .slidder-inner-content-row {
    padding-bottom: 11%;
  }

  .right-small-img {
    max-height: 85px;
    max-width: 85px;
  }

  .slider-review {
    bottom: -14px;
    left: -42px;
  }

  .slider-right-mask-img {
    top: 75px;
  }

  .social-heading-main {
    display: none;
  }

  .about-year {
    left: 4%;
  }

  .about-contact-main {
    left: 4%;
    bottom: 15%;
  }

  .about-right-col {
    padding-left: 0 !important;
  }

  #about-us .theme-btn {
    padding: 8px 10px;
  }

  .about-year h4 {
    font: 800 36px / 35px Outfit;
  }

  #counter-offer .offer-man {
    margin-top: -8px;
    margin-top: -25px;
  }

  .counter-offer-inner {
    padding: 10px 0;
  }

  section h2 {
    font: 700 27px / 32px Outfit;
  }

  .counter-offer-inner {
    gap: 10px !important;
  }

  .theme-para {
    font: 400 14px / 25px Outfit;
  }

  #choose-sec .choose-video-main-inner {
    margin-top: -16%;
    right: -21%;
  }

  #choose-sec .choose-content-main h6 {
    font: 500 13px / 29px Outfit;
  }

  #choose-sec .about-img-one {
    max-width: 360px;
    max-height: 312px;
  }

  #choose-sec .choose-points {
    grid-gap: 10px;
  }

  #counter-sec .counter-inner {
    padding: 10px;
  }

  #counter-sec .recrd_inner {
    font: normal normal bold 30px / 29px Outfit;
  }

  #popular-product .product-title a {
    font: 600 16px / 28px Outfit;
  }

  .woocommerce-product-gallery__wrapper {
    width: 385px;
  }

  .single.single-product .meta-field-call {
    width: 36%;
  }

  .single.single-product .bold-rating span {
    font: 500 60px / 80px Outfit;
  }

  .wc-block-components-sidebar-layout .wc-block-components-main,
  .wc-block-components-sidebar {
    width: 100% !important;
  }

  .wc-block-components-sidebar-layout .wc-block-components-main {
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }

  .above_title {
    padding: 65px 0;
  }

  #faq-sec .que-img {
    right: -20px;
  }

  .shop.shop-product .popular-pro-box {
    margin-right: 10px;
    width: unset;
  }

  .product-title a,
  .product-name a,
  .related.products li a {
    font: 600 16px / 30px Outfit;
  }

  #choose-sec .choose-beetle {
    right: 15px;
    top: 23%;
    max-height: 85px;
    max-width: 85px;
  }
}



@media screen and (max-width:991px) {
  .footer-cols .row{
    gap: 25px 0;
  }
  section.join-counter h2 {
    font: normal normal bold 30px / 48px Outfit;
  }
  .card-image::before{
    width: 100%;
  }
  .container.main_title{
    padding: 10% 0 0 0;
  }
  .grid-item.col-lg-3.col-md-6.col-12 {
    width: 50% !important;
  }

  button.close-one {
    font-size: 30px;
    left: -6%;
    top: -40px;
  }

  .utility-btn-holder a.save-post-button,
  .collection-btn {
    line-height: 20px;
    padding: 6px 20px;
    font-size: 16px;
  }

  div#myNewModal .container {
    max-width: 690px;
  }

  input.search-home {
    width: 320px;
    height: 46px;

  }

  h2.section-heading,
  section.design-earn h2,
  h2.main-head {
    font: normal normal bold 24px / 30px Outfit;
  }

  p.section-heading-text,
  section.design-earn p {
    font: normal normal normal 16px / 20px Outfit;
  }

  a.theme-button {
    font: normal normal 500 14px / 16px Outfit;
    padding: 12px 16px;
  }

  section#our-newsletter input[type="submit"] {
    font: normal normal normal 14px / 23px Outfit;
  }

  .slider-left-content {
    padding: 50px 0px;
    border-radius: 20px;
    margin-bottom: -27%;
  }

  section#slider+section {
    margin-top: 30px;
  }

  .card-image {
    width: 210px;
    height: 160px;
  }

  h3.category-title {
    font: normal normal 600 20px / 30px Outfit;
  }

  p.category-description {
    font: normal normal normal 12px / 20px Outfit;
  }

  .slick-next {
    right: -18px;
  }

  .custom-prev {
    left: -18px;
  }

  .plan-left,
  .plan-right {
    width: 100%;
    text-align: center;
  }

  .plan-card .row {
    justify-content: center !important;
    gap: 10px;
  }
  .table-wrapper table, .table-wrapper th, .table-wrapper td{
    padding: 20px 14px;
  }
  .community-card h4{
    font: normal normal 600 20px / 26px Outfit;
  }
  .table-wrapper th{
    font: normal normal 600 17px / 25px Outfit;
  }
  section.commection td {
    font: normal normal normal 16px / 25px Outfit;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  section.join-counter .container{
    padding: 50px;
  }
  span.counter-num {
    font: normal normal bold 35px / 40px Outfit;
  }
  .freedom-card {
    padding: 12px;
  }
  .outer {
    padding: 45px 30px;
  }
  section.join-newletter h3 {
    font: normal normal bold 27px / 34px Outfit;
  }
  .primary_nav{
    width: 50vw
  }
  .top-bar-contact img {
    max-width: 70%;
  }

  #slider .slider-spider-img,
  .page-template .slider-spider-img,
  .archive .slider-spider-img,
  .privacy-policy .slider-spider-img {
    max-height: 165px;
    max-width: 110px;
  }

  #slider .slidder-inner-content-row {
    padding-top: 8%;
    padding-bottom: 10%;
  }

  .slider-right-mask-img::after {
    height: 470px;
    width: 445px;
    mask-size: cover;
    margin: 0 auto;
  }

  .slider-right-mask-img .img-man {
    max-width: 60%;
    right: -33%;
    top: -63px;
    height: 100%;
  }

  .right-mosquito-img {
    top: 7%;
    left: 23%;
  }

  .right-small-img {
    max-height: 85px;
    max-width: 85px;
    bottom: 45%;
    left: 15%;
  }

  .bottom-social-icons {
    max-width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .slider-review-content h6 {
    font: 600 16px / 22px Outfit;
  }

  .slider-review-content p {
    font: 500 14px / 18px Outfit;
  }

  .slider-review {
    bottom: 27px;
    left: 80px;
  }

  #slider .slider-cock-img {
    left: 0;
    bottom: 1%;
    width: 130px;
    height: 80px;
  }

  .slider-social-heading {
    font: 500 18px / 28px Outfit;
  }

  .slider-heading {
    font: 700 36px / 45px Outfit;
  }

  .about-images-main {
    max-width: 85%;
    margin: 0 auto;
  }

  .about-right-col {
    padding-top: 10%;
  }

  .about-year {
    left: 21%;
    top: 20%;
  }

  .about-contact-main {
    padding: 11px 19px;
    gap: 25px;
    left: 25%;
    bottom: 12px;
  }

  #counter-offer>.container {
    padding: 0 35px 35px;
  }

  .counter-offer-inner {
    padding-top: 20px;
  }

  #choose-sec .about-img-one {
    max-width: 425px;
  }

  .choose-images-main {
    max-width: 90%;
    margin: 0 auto;
  }

  #gallery .gallery-main {
    grid-template-rows: repeat(5, 40px);
  }

  section h2 {
    font: 700 28px / 35px Outfit;
  }

  #our-newsletter h2 {
    font: 700 24px / 28px Outfit;
  }


  .blog-title a {
    font: 700 16px / 24px Outfit;
  }

  .contactpage-details h3 {
    font: 600 28px / 30px Outfit;
  }

  #counter-sec .recrd_inner {
    font: normal normal bold 28px / 29px Outfit;
  }

  .woocommerce-product-gallery__wrapper {
    width: 290px;
    height: 440px;
  }

  .woocommerce-page div.product div.summary {
    gap: 15px;
    float: right;
  }

  h2.product_title.entry-title {
    font: 600 30px / 49px Outfit;
  }

  .woocommerce-product-details__short-description p {
    font: normal normal normal 14px / 24px Outfit;
  }

  .single.single-product .woocommerce-tabs.wc-tabs-wrapper .desc-head:after {
    width: 80%;
    left: 23%;
  }

  .single.single-product .bold-rating span {
    font: 500 40px / 80px Outfit;
  }

  .woocommerce div.product div.images {
    float: left;
  }

  .single.single-product .meta-field-call {
    margin-left: 20px;
    gap: 18px;
  }

  .single.single-product .meta-field-call {
    padding: 18px 10px;
  }

  .single.single-product .commentlist .star-rating {
    right: 20% !important;
  }

  .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100% !important;
  }

  .is-medium table.wc-block-cart-items .wc-block-cart-items__row {
    grid-template-columns: 185px 132px !important;
    grid-gap: 20px;
  }

  .wc-block-cart-item__image {
    width: unset !important;
    ;
  }

  #services-cat-pills-tab {
    margin-bottom: 20px;
  }

  .bradcrumbs {
    gap: 4px;
  }

  .title-box h1 {
    font: normal normal bold  24px / 31px Outfit;
  }

  .news-img::after {
    right: 0;
    width: 160px;
  }

  .comment-body>p,
  .comment-body>.reply {
    padding-left: 19%;
  }

  .shop.shop-product .popular-pro-box {
    margin-right: 10px;
    width: unset;
  }

  .product-title a,
  .product-name a,
  .related.products li a {
    font: 600 16px / 30px Outfit;
  }

  ins .woocommerce-Price-amount bdi,
  .product-price ins .woocommerce-Price-amount.amount,
  .item-details-table ins .woocommerce-Price-amount.amount,
  ins.wc-block-components-product-price__value.is-discounted {
    font: normal normal 600 16px / 22px Outfit;
    color: #000000;
  }

  #faq-sec .que-img {
    right: -24px;
  }

  #choose-sec .choose-beetle {
    right: 130px;
    top: 9%;
  }

  #menu-quick-menu {
    margin-bottom: 45px !important;
  }

  #footer h3 {
    margin-bottom: 15px;
  }

  #sidebar .media.post-thumb {
    display: block;
  }

  #sidebar .widget_recent_entries img {
    width: 100%;
  }

  #sidebar .media-body {
    padding-left: 0 !important
  }

  .news-beetle-img {
    right: -20px;
    top: 38%;
  }
  .utility-btn-holder .social-share-icon-main{
    top: 30px;
  }
}

@media(min-width:767px) {
  .filter-res {
    display: none;
  }

}

@media screen and (max-width: 767px) {
  
  .plan-left a{
    font: normal normal normal 16px / 23px Outfit;
    padding: 7px 20px;
  }
  .isbest {
    font: normal normal 600 16px / 23px Outfit;
  }
  .pricing-right{
    max-height: 100%;
  }
  section.join-newletter h3 {
    font: normal normal bold 30px / 35px Outfit;
  }
  .community-row{
    gap: 10px 0;
  }
  .sell-content-grid{
    margin-top: 10%;
  }
  .why-choose-us .feature-card,section.why-choose-us p.feature-text{
    max-width: unset;
  }
  .table-wrapper th,.section.commection td {
    font: normal normal 600 16px / 22px Outfit;
  }
  .table-wrapper{
    overflow: scroll;
  }
  .table-wrapper table, .table-wrapper th, .table-wrapper td,section.commection td{
    text-align: center;
  }
  .table-wrapper tbody tr td:first-child,.section.commection td {
    font: normal normal 400 16px / 20px Outfit;
  }
  section.join-counter .container{
    padding: 25px;
  }
  .primary_nav {
    width: 50vw;
}
section.sell-content-main h2,section.why-choose-us h2,section.join-counter h2 {
  font: normal normal bold 24px / 30px Outfit;
}
  .banner-top,.above_title {
    padding: 15% 0 0;
}
.creative-freedom-inner{
  gap: 20px;
}
.freedom-card{
  opacity: 1;
}
section.join-newletter .outer{
  width: 100%;
}
.join-left,.join-right{
  text-align: center;
}
a.button-sell-content{
  margin: 0 auto;
}
.outer {
  padding: 50px 25px;
}
  #appoinment .appoinment-shortcode{
    padding: 20px;
  }
  #appoinment h5 {
    font: 600 16px / 27px Outfit;
  }
  #appoinment p {
    font: 400 14px / 20px Outfit;
  }
  .filter-mobile-button {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .blog-img-outer img{
    width: 100%;

  }

  button.close-one {
    left: -4%;
    top: -27px;
    background: #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .utility-btn-holder {
    justify-content: center;
  }

  header.entry-header {
    text-align: center;
    margin-top: 20px;
  }

  .button-group {
    justify-content: center;
  }

  .image-description,
  .file-info {
    text-align: center;
  }

  .section-head-wrap {
    justify-content: center !important;
  }

  .sidebar-filter {
    transform: translateX(-100%);
  }

  .sidebar-filter.active-filter {
    transform: translateX(0%);
    transition: 0.3s ease-in-out;
    
  }

  h6.top-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
    justify-content: space-between;
  }

  .sidebar-filter {
    position: absolute;
    left: 0;
    z-index: 9;
    /* height: calc(100% - 120px); */
  }

  .sidebar-filter.filter-open {
    transform: translateX(-100%);
  }

  .shop-right-main {
    width: 100%;
  }
  .pricing-table {
    margin-bottom: 20px;
  }

  .single.single-post .bradcrumbs a,
  .single.single-post .bradcrumbs span {
    font: normal normal 600 13px / 19px Outfit;
  }

  input.search-home {
    width: 180px;
    /* height: 36px; */
  }

  h2.section-heading {
    font: normal normal bold 26px / 30px Outfit;
  }

  p.section-heading-text {
    font: normal normal normal 14px / 15px Outfit;
  }

  .design-earn-left {
    padding: 40px 0px 20px;
  }

  .earn-img-wrapper {
    max-width: 324px;
    margin: 0px auto;
    position: unset;
  }

  h2.section-heading,
  section.design-earn h2 {
    text-align: center;
  }

  p.section-heading-text,
  section.design-earn p {
    font: normal normal normal 16px / 20px Outfit;
    text-align: center;
  }

  .design-earn-left {
    text-align: center;
  }
}

@media screen and (max-width:767px) {
  .sell-content-main a.theme-button{
    margin: 0 auto;
  }
  .container.main_title{
    padding: 10% 0 0 0;
    text-align: center; 
  }
  .pop-grid-items {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(12, 65px);
    grid-gap: 15px;
    padding: 0px;
  }

  .grid-item.popular-posts:nth-child(1) {
    grid-column: span 3;
    grid-row: span 3;
  }

  .grid-item.popular-posts:nth-child(3) {
    grid-column: span 3;
    grid-row: span 3;
  }

  .grid-item.popular-posts:nth-child(4) {
    grid-row: span 3;
    grid-column: span 3;
  }

  .grid-item.popular-posts:nth-child(5) {
    grid-column: span 3;
    grid-row: span 3;
  }

  .grid-item.popular-posts:nth-child(6) {
    grid-row: span 3;
    grid-column: span 3;
  }

  .grid-item.popular-posts:nth-child(7) {
    grid-column: span 3;
    grid-row: span 3;
  }

  .grid-item.popular-posts:nth-child(8) {
    grid-row: span 3;
    grid-column: span 3;
  }

  .grid-item.popular-posts:nth-child(9) {
    display: none;
  }

  .grid-item.popular-posts:nth-child(10) {
    grid-row: span 2;
    grid-column: span 6;
  }

  section#our-newsletter {
    padding: 50px 0px;
  }

  .summary.entry-summary ins bdi {
    color: #000;
    font: normal normal 600 20px / 22px Outfit;
  }

  .summary.entry-summary del .woocommerce-Price-amount bdi {
    color: #000000;
    opacity: 0.5;
  }

  .search_form form {
    width: 100%;
  }

  .page-template .slider-spider-img,
  .archive .slider-spider-img,
  .single .slider-spider-img,
  .privacy-policy .slider-spider-img {
    display: none;
  }

  .slider-right-mask-img .img-man {
    height: 100%;
    width: 100%;
  }

  #counter-offer .offer-man {
    height: 100%;
  }

  section h2 {
    font: 700 28px / 40px Outfit;
  }

  #our-newsletter {
    overflow-x: hidden;
    padding: 0;

  }

  .counter-offer-inner {
    margin-bottom: 29%;
  }

  #choose-sec .modal-contents {
    width: 80%;
  }

  .popular-pro-box,
  #professionals-team .team-inner-content {
    background: #319852;
    background: #339D55;
  }

  .product-title a,
  .product-content p,
  ins .woocommerce-Price-amount bdi,
  .product-price ins .woocommerce-Price-amount.amount,
  .item-details-table ins .woocommerce-Price-amount.amount,
  #professionals-team .team-inner-content .service-title h4,
  #professionals-team .team-inner-content .team-desig,
  del .woocommerce-Price-amount bdi,
  .product-price del .woocommerce-Price-amount.amount,
  .item-details-table del .woocommerce-Price-amount.amount,
  .wc-block-components-product-price__regular {
    color: #fff;
  }

  .content-overlay {
    display: block;
  }

  .product-icon {
    opacity: 1;
  }

  .blog-detail {
    text-align: center;
  }

  #slider .slider-cock-img {
    display: none;
  }

  #about-us .theme-btn {
    margin-bottom: 20px;
  }



  #counter-offer>.container {
    padding: 30px 35px 35px;
  }

  #counter-sec .counter-inner {
    gap: 10px;
  }

  #counter-sec .recrd_inner {
    font: normal normal bold 28px / 29px Outfit;
  }

  .news-content-main::after {
    inset: 0 0.1% 0 0;
  }

  .newsletter-content {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    padding: 20px 0;
  }

  .news-form-main {
    gap: 4px;
    justify-content: center;
  }

  .news-form-main .theme-btn {
    padding: 0;
  }

  .news-content-main::after,
  .appoinment-content-main::after {
    clip-path: unset;
  }

  .news-beetle-img {
    display: none;
  }

  .news-img::after {
    content: unset;
  }

  .apoinment-content .theme-btn {
    margin: 0 auto;
  }

  #our-client .slick-dots {
    justify-content: center;
    bottom: -43px;
  }

  #professionals-team .owl-stage-outer {
    padding-top: 8%;
  }

  #footer,
  #single-post,
  #single-services-problem,
  .outer_dpage {
    text-align: center;
  }

  .custom-social-icons {
    margin-bottom: 30px;
    justify-content: center;
  }

  #footer ul {
    margin-bottom: 30px;
    display: block;
  }

  #footer h3 {
    margin-bottom: 4px;
  }

  .contact-page {
    text-align: center;
    padding: 20px;
  }
  .contac_form{
    max-width: 100%;
  }
  .contactpage-details {
    margin-bottom: 25px;
  }

  .post-meta-inner {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    text-align: center;
  }

  .meta-heading {
    font: 500 14px / 20px Outfit;
  }

  .social-share-icon-main {
    justify-content: center;
    opacity: 1;
    right: 0;
    left: 0;
    top: 21px;
  }

  .social-share-icon-main a {
    margin: unset;
  }

  .single-blog-content {
    margin-top: 20px;
  }

  #single-post .single-author-image {
    width: 40px;
    height: 40px;
  }

  #single-post .author-name {
    font: normal normal 600 14px / 26px Outfit;
  }

  #single-post .comment-respond {
    max-width: 100%;
    margin-top: 20px;
  }

  #single-post #commentform {
    justify-content: center;
  }

  .error-page .error-heading {
    font: 500 28px / 36px Outfit;
  }

  .error-page .error-para {
    font: 400 16px / 27px Outfit;

  }

  .meta-heading i {
    margin-right: 5px;
  }

  .shop.shop-product .popular-pro-box {
    width: unset;
  }

  .product-thumbnail:after {
    display: block;
  }

  .wishlist_table.mobile li .product-add-to-cart {
    opacity: 1;
  }

  .single.single-product #reviews {
    display: block;
    margin-top: unset;
  }

  .woocommerce-product-gallery__wrapper {
    width: 100%;
    height: 100%;
  }

  .woocommerce-page div.product div.summary,
  .woocommerce div.product div.images {
    width: 100%;
  }

  .single.single-product {
    text-align: center;
  }

  h2.product_title.entry-title {
    font: 600 25px / 25px Outfit;
  }

  .single.single-product .woocommerce-tabs.wc-tabs-wrapper .desc-head:after {
    top: 33px;
    width: 78%;
    margin: 0 auto;
  }

  .single.single-product .comment_container {
    display: block;
  }

  .single.single-product .comment_container img.avatar {
    position: absolute !important;
    ;
    width: 32px !important;
    height: auto !important;
  }

  .single.single-product #comments {
    padding: 20px;
    border-top: unset;
  }

  .single.single-product .commentlist .star-rating {
    right: unset !important;
  }

  .single.single-product .description p {
    text-align: left;
    padding-top: 10px;
  }

  .single.single-product .comment-text p.meta {
    font: 400 14px / 25px Outfit !important;
  }

  .single.single-product form.cart {
    display: flex;
    flex-direction: column;
  }

  .Discount-offer-img-box img {
    width: 40px;
    height: 40px;
  }

  .single.single-product .single_add_to_cart_button {
    float: unset !important;
    margin: 10px 0;
  }

  .single.single-product .bold-rating span {
    font: 500 55px / 80px Outfit;
  }

  .rating-sale {
    border-right: unset !important;
  }

  .single.single-product #comments {
    margin-top: unset;
  }

  .location-box h4 {
    font: 500 16px / 25px Outfit;
  }

  .location-box .location-address {
    font: 400 16px / 27px Outfit;
  }

  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  .is-mobile.wc-block-components-sidebar-layout .wc-block-components-main,
  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
    width: 100% !important
  }

  .wc-block-components-product-name {
    margin: 0 auto;
    font: normal normal 600 20px / 20px Outfit !important;
  }

  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
    margin-bottom: 15px;
  }

  .wc-block-components-quantity-selector {
    margin: 0 auto !important;
  }

  .single-cat-post-title {
    font: 500 16px / 26px Outfit;
  }

  #services-cat-pills-tabContent {
    text-align: center;
  }

  #services-cat-pills-tabContent .post-title {
    font: normal normal 600 26px / 26px Outfit;
  }

  div#services-cat-pills-tab,
  .post-extra-content img {
    margin-bottom: 20px;
  }

  .post-extra-content h4 {
    font: 500 22px / 28px Outfit;
  }

  .single.single-post .bradcrumbs {
    display: block;
  }
  .title-box h1 ,.breadcrumb-holder{
    font: normal normal bold 20px / 22px Outfit;
    text-align: center;
  }
  .bradcrumbs{
    justify-content: center;
    padding: 5px 0 !important;
  }
  #comments {
    display: block;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item,
  .wc-block-components-order-summary .wc-block-components-order-summary-item__description,
  .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    display: block !important;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__image,
  .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    width: 100% !important
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    max-width: unset !important;
  }

  .wp-block-woocommerce-checkout-order-summary-block del.wc-block-components-product-price__regular.wc-block-components-order-summary-item__regular-individual-price {
    color: #000;
  }

  .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
    text-align: center;
  }

  .related.products .cart-btn a:before {
    left: 0;
  }

  #single-pest-problem,
  #support-page {
    text-align: center;
  }

  #support-page .half-width,
  #support-page ul {
    display: block;
    text-align: left;
  }

  .comment-author.vcard {
    justify-content: center;
    margin-bottom: 10px;
  }

  .comment-list {
    width: 100%;
  }

  .comment-body>p,
  .comment-body>.reply {
    padding-left: unset;
  }

  h1.slider-heading {
    color: #fff;
    font: normal normal bold 34px / 45px Outfit;
  }

  div#vw-sticky-menu {
    padding: 10px 0px;
  }

  section#slider {
    padding-top: 17%;
  }

  .author-download img {
    width: 24px !important;
    border-radius: 50% !important;
  }

  a.author {
    font-size: 12px;
  }

  a.download-button {
    font-size: 12px;
  }

  .post-options {
    transform: translateY(0%);
    animation: none !important;
  }

  .product-btns-wrap {
    transform: translate(0);
    animation: none !important;
  }
}

@media screen and (max-width:575px) {
  .utility-btn-holder .social-share-icon-main{
    top: 30px;
  }
  .community-card{
    margin-bottom: 20px;
    text-align: center;
  }
  .freedom-img-wrap::after{
    opacity: 1;
  }
  .join-newletter .wpcf7-spinner {
    right: -15px;
  }
  span.counter-num {
    font: normal normal bold 28px / 32px Outfit;
    margin-bottom: 0;
  }
  .counter.recrd_inner{
    text-align: center;
  }
  .join-counter-row{
    gap: 20px;
  }
  .grid-second-row{
    margin-left:unset;
  }

  .container.main_title{
    padding: 15% 0 0 0;
    text-align: center; 
  }
  .user-menu-modal {
    top: 90%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    right: 20px;
  }

  .popular-searches strong {
    font-size: 14px;
  }

  .popular-searches ul li a {
    font: normal normal normal 15px / 20px Outfit;
  }

  a.more-btn {
    font-size: 14px;
  }

  .utility-btn-holder a.download-button {
    max-width: 100%;
  }

  .grid-item.col-lg-3.col-md-6.col-12 {
    width: 100% !important;
  }

  div#myNewModal {
    padding: 20px;
  }

  div#myNewModal .container {
    margin-top: 10%;
  }

  div#filters button {
    font-size: 12px;
    gap: 5px;
  }

  button.button img {
    width: 15px;
    height: 15px;
  }

  button.close-one {
    left: -5%;
    top: -25px;
    background: #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .user-menu-modal {
    width: 10rem;
  }

  .primary_nav {
    width: 100vw;
    height: 100vh;
  }

  .preimum-icon {
    width: 15px;
    height: 15px;
  }

  .site-header.sticky-header {
    top: 0 !important;
  }

  .translate.col-lg-2 form,.gtranslate_wrapper{
    max-width: max-content;
    margin: 0px auto;
  }

  p.copyright-text {
    text-align: center !important;
  }

  .footer-payment {
    justify-content: center;
  }

  a.download-button {
    max-width: 35px;
  }

  a.save-post-button {
    font-size: 14px;
  }

  .topbar-cart-content i {
    font-size: 14px;
  }

  input.search-field {
    font: 400 11px / 17px Outfit;
  }


  .theme-btn {
    padding: 8px 16px;
  }

  .slider-heading {
    font: 700 26px / 40px Outfit;
  }


  .bottom-social-icons {
    max-width: 70%;
    bottom: 3%;
    right: 0;
    margin: 0 auto;
    left: 0;
    text-align: center;
  }

  .slider-social-heading {
    font: 500 16px / 28px Outfit;
    margin-bottom: 5px;
  }

  .slider-social-main i {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .slider-review {
    display: none !important;
  }

  .slider-right-mask-img .img-man {
    right: -20%;
    top: -31px;
    max-width: 251px;
  }

  .topbar-cart-content {
    gap: 10px;
  }

  .top-bar-contact img {
    max-width: 60%;
  }

  #slider .slider-spider-img {
    display: none;
  }

  .theme-btn {
    padding: 8px 25px;
    font: 500 12px / 19px Outfit;
  }

  .search_form {
    width: 165px;
  }

  .toggle-nav i {
    font-size: 24px;
  }

  section h2 {
    font: 700 26px / 40px Outfit;
  }

  #pests-problem .owl-carousel {
    margin-top: 20px;
  }

  #about-us .about-images-main {
    grid-template-rows: repeat(2, 50px);
  }

  .about-right-col-inner {
    width: 85%;
    margin: 0 auto;
  }

  .about-year {
    padding: 15px;
    left: 11%;
    top: 20%;
  }

  .about-year h4 {
    font: 800 26px / 20px Outfit;
  }

  .about-year p {
    font: 600 14px / 12px Outfit;
  }

  #about-us .about-images-main .abot-img-two {
    grid-column-start: 6;
  }

  .about-contact-main {
    left: 10%;
    bottom: -2px;
    padding: 6px 10px;
    gap: 9px;
  }

  .about-contact-main i {
    font-size: 16px;
  }

  .about-contact-main h5 {
    font: 400 14px / 20px Outfit;
  }

  .about-contact-main a {
    font: 500 16px / 20px Outfit;
  }


  .offer-img-main::after {
    width: 75%;
    left: -11px;
  }

  .counter-btn-main {
    margin-bottom: 20px;
  }

  .choose-images-main {
    max-width: 95%;
    margin: 0 auto 30px;
  }

  .choose-main-img::after {
    left: -14px;
    bottom: -11px;
    width: 208px;
    height: 100px;
  }

  #choose-sec .about-img-one {
    max-width: 235px;
  }

  #choose-sec .choose-video-main-inner {
    right: -37%;
    max-width: 65%;
  }

  #videoBtn i {
    top: 31%;
    width: 50px;
    height: 50px;
    font-size: 16px;
    line-height: 45px;
  }

  #choose-sec .choose-content-main h6 {
    font: 500 13px / 18px Outfit;
    padding-top: 10px;
  }

  #counter-sec .counter-inner {
    gap: 15px;
  }

  #faq-sec .accordion-button {
    font: 500 14px / 22px Outfit;
  }

  #faq-sec form .theme-btn p input,
  .news-form-main .theme-btn p input,
  #appoinment .theme-btn p input {
    font: 500 13px / 19px Outfit;
    padding: 5px 15px 5px;
  }

  .news-img {
    margin-top: 20px;
    text-align: center;
  }

  .apoinment-content {
    padding: 20px 0;
  }

  .quote-img {
    max-width: 85%;
  }

  #our-client .slick-dots {
    justify-content: center;
  }

  #professionals-team .team-inner-content .team-social-icon-box-main {
    height: 35px;
  }

  #professionals-team .owl-stage-outer {
    padding-top: 15%;
  }

  #gallery .gallery-main {
    grid-template-rows: repeat(6, 20px);
  }

  section {
    padding: 20px 0;
  }

  .theme-para {
    font: 400 13px / 19px Outfit;
  }

  .news-man-img {
    margin-top: unset;
  }

  .contactpage-details h3 {
    font: 600 24px / 26px Outfit;
  }

  .single.single-product .quantity {
    width: 100%;
  }

  #services-category-main .cat-images-main {
    grid-template-rows: repeat(4, 47px);
  }

  .title-box.banner-img {
    background-size: 100% 100%;
  }

  .bradcrumbs {
    padding: 5px 0;
  }

  .bradcrumbs a,
  .bradcrumbs span {
    font: 600 20px / 22px Outfit;
  }

  #faq-sec .que-img,
  #choose-sec .choose-beetle {
    display: none;
  }

  .alert.alert-minimalist {
    width: 95% !important;
    padding: 10px 8px;
    right: 6px !important;
  }

  #vission-mission img,
  #our-values img {
    margin-bottom: 20px;
  }

  #services-cat-pills-tabContent p {
    font: 400 14px / 25px Outfit;
  }

  #services-category-main .check-icon,
  #services-cat-pills-tabContent .check-icon {
    margin-top: 5px;
  }

  .summary.entry-summary .wishlist_text {
    display: block !important;
    margin: 0 auto;
  }

  #single-pest-problem .pests-img {
    margin: 0 auto 20PX;
  }

  #appoinment .appoinment-form-inner {
    padding: 20px;
  }

  #appoinment span.wpcf7-list-item-label {
    font: normal normal normal 13px / 26px Outfit;
  }


  #appoinment h3 {
    text-align: center;
    margin-bottom: 10px;
  }

  .appoinment-heading {
    font: 600 20px / 30px Outfit;
  }

  form#searchform {
    flex-wrap: wrap;
    width: 100%;
    background-color: #0000;
    backdrop-filter: none;
  }

  input.search-home {
    width: 300px;
    height: 36px;
    max-width: 100%;
  }

  h1.slider-heading {
    color: #fff;
    font: normal normal bold 22px / 30px Outfit;
  }

  #taxonomy_dropdown {
    width: 90px;
    height: 36px;
    font: normal normal 600 14px / 23px Outfit;
  }

  button.search-submit {
    font: normal normal normal 14px / 23px Outfit;
    padding: 10px 30px 10px 40px;
  }

  .profile-search {
    gap: 10px;
    font-size: 14px;
  }
  .profile-search div, .profile-search a{
    font-size: 14px;
  }
/* .profile-search a {
  padding-top: 5px;
  } */
  #slider .slidder-inner-content-row {
    padding-top: 10%;
  }

  .slider-left-content {
    margin-bottom: 0;
  }

  h1.slider-heading {
    padding: 10px;
  }

  section#slider+section {
    margin-top: 0px;
  }

  button.custom-prev.slick-prev.slick-arrow,
  button.custom-next.slick-next.slick-arrow {
    display: none !important;
  }

  .slick-dots {
    position: unset !important;
    margin-top: 20px;
  }

  .slick-dots li button {
    border-radius: 50%;
    background: #000;
    width: 10px;
    height: 10px;
  }

  .slick-dots li.slick-active button {
    background-color: var(--primary) !important;
  }

  section.featuress {
    max-width: 90%;
    margin: 0px auto;
  }

  section.featuress>.container {
    padding: 20px 20px;
  }

  .feature-card h4 {
    font: normal normal bold 18px / 20px Outfit;
    margin-bottom: 5px;
  }

  p.feature-text {
    font: normal normal normal 14px / 16px Outfit;
  }


  .feature-img-wrap {
    width: 37px !important;
    height: 37px !important;
  }

  .slider-left-content {
    padding: 40px 10px;
  }

  #category-grid {
    grid-template-columns: repeat(6, 1fr);
  }

  #category-grid .fav-card:nth-child(8) {
    grid-row: span 2;
    grid-column: span 3;
  }

  .fav-card:nth-child(6) {
    grid-row: span 2;
    grid-column: span 2;
  }

  #category-grid .fav-card:nth-child(7) {
    grid-column: span 2;
    grid-row: span 2;
  }

  #category-grid .fav-card:nth-child(3) {
    grid-column: span 3;
    grid-row: span 3;
  }

  #category-grid .fav-card:nth-child(8) {
    display: none;
  }

  .fav-card h3 a {
    font: normal normal 500 16px / 20px Outfit;
    color: #fff;
  }

  .fav-card h3 {
    position: absolute;
    left: 10px;
    top: 6px;
  }

  .fav-card {
    border-radius: 15px;
  }

  h2.section-heading {
    text-align: center;
  }

  p.section-heading-text {
    text-align: center;
  }

  .section-head-wrap {
    justify-content: center !important;
  }

  section.design-earn {
    padding: 0;
    margin-top: 20px;
  }

  .pop-grid-items {
    grid-template-rows: repeat(12, 35px);
  }
}


@media screen and (max-width:375px) {
  .profile-search a, .user-profile{
    padding-right: 10px;
 }
 .profile-search div, .profile-search a {
  font-size: 13px;
}
 .user-profile img {
  width: 20px;
 }
 .profile{
  gap: 10px;
 }
 .banner-top ,.above_title{
  padding: 25% 0 0;
}

}