:root {
     --color-white: #fff;
     --color-orange: #FE5900;
}
    @media screen and (min-width: 1601px) and (max-width: 1750px) {
    .slider-main-right-wrap{
            margin-left: 13%;
        }
    }
 @media screen and (min-width: 1200px) and (max-width: 1600px) {
    .codedropz-upload-container {
     padding: 35px 35px;
    }
   .shop.shop-product .products{
        gap: 20px 13px;
    }
    .slider-main-right-wrap {
         height: 500px;
         width: 500px;
         margin-left: -10px;
         margin: 0 auto;
    }
    
    .images-slider .swiper-slide {
    width: 111px !important;
    }
    .thumb-wrap{
        margin-top: -50px;
        max-width: 700px;
        }
    .thumb-wrap::after{
    width: 716px;
    height: 175px;
    }
    .slider-main-img {
        height: 345px;
        width: 345px;
    }
    .swiper-title{
        bottom: 10px;
    }
    .thumb-nav{
            top: 50px !important;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    width: 100% !important;
    height: 100%;
    }
    
    .woocommerce div.product div.images {
      width: 45%;
    }
    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 59% !important;
    }
    .woocommerce-product-gallery__wrapper  .woocommerce-product-gallery__image{
        width: 450px !important;
    }
    .woocommerce-variation-add-to-cart{
             gap: 45px;
    }
 }
 @media screen and (max-width: 1023px){
     #sidebar1 {
         height: 100%;
         width: 0;
         position: fixed !important;
         z-index: 9999999;
         top: 0;
         right: 0;
         background: rgba(255, 246, 233, 1);
         overflow-x: hidden;
         transition: .9s;
         padding-top: 8px !important;
         animation: slideInRightMenu 1s;
    }
     @keyframes slideInRightMenu {
         0% {
             opacity: 0;
             -webkit-transform: translateX(296px);
             -ms-transform: translateX(296px);
             transform: translateX(296px);
        }
         100% {
             -webkit-transform: translateX(0px);
             -ms-transform: translateX(0px);
             transform: translateX(0px);
        }
    }
     .main-navigation ul li a {
         padding: 10px 15px;
         margin: 0;
    }
     #site-navigation a i {
         color: #000;
         font-size: 30px;
    }
     .toggle-nav {
         display: block;
    }
     .topbar-call{
         margin-left: 10px;
    }
     .sidenav .close-sidebar {
         position: absolute;
         top: 0;
         right: 25px;
         font-size: 36px;
         margin-left: 50px;
         display: block;
         color: var(--color-yellow);
    }
     .toggle-nav i {
         font-size: 25px;
         color: var(--downriver);
    }
     #close_nav {
         position: absolute;
              top: 5px;
        right: 20px;
         font-size: 26px;
         color: #0e2b5c;
         cursor: pointer;
         z-index: 99;
    }
     .menu>ul>li:hover:before, .menu>ul>li.current_page_item:before, .menu>ul>li.current-menu-item:before {
         display: none;
    }
     .nav ul li a {
         padding: 5px 10px;
    }
     .nav ul li ul li a:before {
         content: "\00BB \00a0";
         position: absolute;
         top: 4px;
         left: 4px;
    }
     #site-navigation ul>li.menu-item-has-children>a:after {
         right: -15px;
         top: 2px;
    }
     .main-navigation ul li>ul {
         opacity: 1;
         display: block !important;
         visibility: visible !important;
         transform: none;
         box-shadow: unset;
         padding: 0;
         top: 0;
         margin: 0;
         animation: unset;
         background: unset;
         position: unset;
    }
     .main-navigation ul ul li{
         padding: 0px 0px;
    }
     .nav ul li ul li a {
         padding-left: 20px !important;
    }
     .nav ul li ul li ul li a {
         padding-left: 30px !important;
    }
     .main-navigation ul ul {
         position: static;
         width: 100%;
         box-shadow: none;
         background: none 
    }
     .main-navigation li {
         display: block;
         padding: 0;
    }
     .sub-menu li a:after {
         background-color: unset;
    }
     .toggle-nav i {
         font-size: 20px;
         color: black;
         cursor: pointer;
    }
     .search-bar input[type="search"]{
         display: none;
    }
     .sticky {
         position: fixed !important;
         top: 0px;
         width: 100%;
         padding-bottom: 0 !important;
         z-index: 99;
         background-color: #fff;
         left: 0;
    }
     .slider-for .fa-arrow-right {
         left: 20%;
    }
     .main-header{
         display: none;
    }
     #site-navigation ul{
         text-align:left;
         display: block;
    }
}
 @media screen and (max-width: 1199px){
    .project-list .project-box img{
        height: 255px;
        width: 100%;
    }
    .price{
        font-size: 17px !important;
    }
    .meta-heading {
    font: 500 15px / 26px var(--font-one);
    }
     .about-img-main .abt-main-iner:nth-child(2){
         grid-column-end: 15;
    }
     .sub-head{
         font-size: 16px;
    }
     .about-img-main{
         width: 100%;
    }
     #bwt-footer ul li a{
         font: 500 14px / 26px var(--font-one);
    }
     .about_me a{
         font: 400 14px / 22px var(--font-one);
    }
     .about_me .phone-wrap a {
         font: 600 16px / 22px var(--font-one);
    }
     .phone-wrap i{
         font-size: 16px;
    }
}
 @media screen and (min-width: 1024px) and (max-width: 1400px) {
    .post-month-outer,.blog-inner-meta{
        font-size: 13px;
            gap: 8px;
    }
}
 @media screen and (min-width: 1150px) and (max-width: 1199px) {
        .thumb-wrap{
            max-width: 660px;
        }
        .thumb-wrap::after{
            width: 680px;
                height: 165px;
        }
 }
 @media screen and (min-width: 992px) and (max-width: 1149px) {
    .thumb-wrap{
     max-width: 542px;
    }
    .thumb-wrap::after{
        width: 560px;
        height: 165px;
    }
    .codedropz-upload-container {
     padding: 35px 30px;
    }
 }

 @media screen and (min-width: 992px) and (max-width: 1199px) {
     .pro-img, .wishlist-items-wrapper .product-thumbnail, .wishlist_table.mobile li .item-wrapper .product-thumbnail, .related.products li img{
        height: 200px;
        width: 200px;
    }
    .shop.shop-product .products{
        gap: 20px 13px;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    width: 100% !important;
    height: 100%;
    }
    .woocommerce div.product div.images {
    width: 40%;
    }   
    .woocommerce-variation-add-to-cart,.variations tbody{
               gap: 40px;
    }
    .woocommerce-page div.product div.summary {
    width: 58%;
    }
    .post-month-outer,.blog-inner-meta{
        font-size: 13px;
    }
    .post-date{
        display: flex;
        align-items: center;
        gap: 6px;
    }
     .slider-head{
         font-size: 35px;
         line-height: 50px;
    }
     .slider-main-right-wrap {
         height: 500px;
         width: 500px;
         margin-left: -10px;
    }
    
     .images-slider .swiper-slide{
           width: 105px !important;
    }
     .thumb-nav{
          top: 50px !important;
    }
     .custom-thumb-prev, .custom-thumb-next{
         width: 37px !important;
         height: 37px !important;
    }
     .slider-main-img {
         height: 250px;
         width: 250px;
    }
     .slider-review-wrap{
         margin-top: 5%;
    }
     .about-img-main .abt-main-iner:nth-child(2){
         grid-column-end: 15;
    }
     .ser-tab-wrap img {
         width: 60px;
         height: 60px;
    }
     .ser-title{
         font: 700 14px / 20px var(--font-one);
    }
     .test-content::before{
         width: 235px;
         height: 235px;
    }
     .main-head{
         font-size: 25px;
         line-height: 40px;
    }
     .choose-inner{
         padding: 15px;
    }
     .project-wrap{
         grid-template-rows: repeat(10, 35px);
    }
    .wc-block-components-sidebar-layout .wc-block-components-main {
        width: 60% !important;
        margin-right: 35px !important;
    }
}
 @media screen and (min-width: 768px) and (max-width: 991px) {
    .shop.shop-product .product-box-main {
    width: 48%;
    }

    .pro-img, .wishlist-items-wrapper .product-thumbnail, .wishlist_table.mobile li .item-wrapper .product-thumbnail, .related.products li img{
        height: 200px;
        width: 200px;
    }
      .wc-dnd-file-upload{
        width: 100%;
    }
    
    .woocommerce-page div.product div.summary{
            padding-left: 10px;
    }
    .shop.shop-product .products{
        gap: 20px 13px;
    }
    .woocommerce div.product div.images {
    width: 45%;
    }
    .woocommerce-variation-add-to-cart,.product-type-simple .cart{
        flex-direction: column-reverse!important;
        gap: unset!important;
    }
   .product-type-simple .upload-cart-btn-wrap{
            flex-direction: row;
        margin-top: 30px;
        gap: 10px;
        justify-content: flex-start;
    }
     .single.single-product  .product-type-simple .single_add_to_cart_button{
     padding: 9px 30px !important;
    }
    .variations tbody{
        gap: 30px;
    }
    .woocommerce div.product div.images {
     float: left;
    }
     .thumb-nav{
         top: 50px;
    }
     .swiper-title a{
         font: 700 16px / 25px var(--font-one);
    }
     .slider-head{
         font-size: 30px;
         line-height: 48px;
    }
     .slider-main-right-wrap {
        height: 360px;
        width: 360px;
         margin: 0 auto;
    }
     .slider-main-img {
         height: 275px;
         width: 275px;
    }
     .thumb-wrap{
         position: absolute;
         right: 0px;
  margin-top: -25px;
         width: 371px;
    }
    .thumb-wrap::after{
            width: 390px;
    height: 155px;
    }
     .images-slider .swiper-slide {
         width: 93px !important;
    }
     .custom-thumb-prev, .custom-thumb-next{
         width: 30px !important;
         height: 30px !important;
    }
     #slider{
         padding-top: 10%;
    }
     .slider-review-wrap{
         margin-top: 25px;
    }
     #slider .main-para{
         display: -webkit-box;
         -webkit-line-clamp:2;
         -webkit-box-orient: vertical;
         overflow: hidden;
         padding-bottom: 0 !important;
    }
     #testimonial .owl-carousel .owl-nav button, #category .owl-carousel .owl-nav button{
         top: 35%;
    }
     #testimonial .owl-prev, #category .owl-prev{
         left: -3%;
    }
     #testimonial .owl-next, #category .owl-next{
         right: -3%;
    }
     .about-counter-box h2{
         font-size: 26px;
         line-height: 40px;
    }
     .about-counter-box h5{
         font-size: 14px;
         line-height: 20px;
    }
     .choose-inner {
         padding: 6px;
    }
    .wc-block-cart-items__row{
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 15px;
  }
}
 @media screen and (max-width: 991px){
    .ser-meta-img{
        height: 75px;
    }
    .codedropz-upload-container {
        padding: 35px 30px;
    }
    .shop-page-filters{
        margin-bottom: 20px;
    }
    .row-print,.row-print-one{
         gap: 5rem 0;
    }
      .single_variation_wrap .woocommerce-variation-price{
        position: relative;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
        width: 100% !important;
        height: 100% !important;
         padding: 30px;
    } 
    .wc-block-components-totals-item{
            text-align: left;
    }
    .wc-block-cart-item__image{
    width: 100% !important;
    padding-right: unset !important;
        margin-bottom: 20px !important;
    }
    .wc-block-components-sidebar-layout .wc-block-components-main{
        width: 100% !important;
    }
    .post-month-outer,.blog-inner-meta {
    font-size: 13px;
    }
    .title-box h1 {
     font: 700 30px / 40px var(--font-one);
    }
    .above_title {
         padding: 20% 0 15%;
    }
     .choose-title{
         font: 700 15px / 22px var(--font-one);
    }
     .choose-img-box svg {
         width: 25px;
         height: 25px;
    }
     .copyright-text a, .copyright-text p{
         font-size: 14px;
    }
     .footer-border{
         gap: 35px 0 ;
          text-align: center;
    }
    .about_me a,.phone-wrap{
        justify-content: center;
    }
     .test-desc{
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;
    }
     .test-content::before{
         height: 205px;
    }
     .year-para{
         font-size: 15px;
    }
     /* .review-img img{
         width: 200px;
    } */
     #slider .theme-btn{
         padding: 10px 20px;
         font: 400 12px / 20px var(--font-one);
    }
     .ser-tab-wrap img {
         width: 50px;
         height: 50px;
    }
     .main-head{
         font-size: 25px;
         line-height: 35px;
    }
     .ser-title{
         font: 700 14px / 16px var(--font-one);
    }
     .about-counter-box p,#about-us .main-para{
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
    }
}
 @media screen and (min-width: 576px) and (max-width: 767px){
    .shop.shop-product .product-box-main {
    width: 48%;
    }
     #slider{
         padding-bottom: 15%;
    }
  .project-wrap .project-box {
        flex: 0 1 calc(50% - 10px);
        box-sizing: border-box;
        overflow: hidden;
    }
    .variations tbody{
  justify-content: space-between;
      gap: 20px;
    }
    .custom-variation-label span{
        font-size: 12px;
    }
}
 @media screen and (max-width: 767px){
    .product-type-simple .qib-button-wrapper{
            justify-content: center;
    }
    .is-mobile .wc-block-components-form .wc-block-components-checkout-step:after, .is-small .wc-block-components-form .wc-block-components-checkout-step:after{
        width: auto !important;
    }
        .codedropz-upload-container {
        padding: 35px 20px;
    }
    .single.single-product #comments {
        padding: 20px;
        border-top: unset;
    }
    #reply-title,#review_form_wrapper{
        text-align: center;
    }
   
    .single.single-product #reviews{
        display: block;
    }
    #sidebar{
        margin-top: 30px;
    }
    .contact-information-box a,#commentform .comment-form-rating{
        justify-content: center;
    }
    .services-wrap img,#about-us .main-head,.ser-btn-wrap .theme-btn,#contact .theme-btn{
        margin: 0 auto;
    }
    .services-wrap {
        text-align: center;
    }
    .slider-review-wrap{
        width: 100%;
        top: 8px;
                margin-bottom: 20px;
    }
    .woocommerce-variation-add-to-cart{
        gap: 15px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs{
        justify-content: center;
    }
    .price{
        font-size: 16px !important;
            line-height: 20px;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
        padding: 15px;
    }
    .woocommerce-Tabs-panel p{
        text-align: center;
    }
  .why-choose-grid{
  margin-top: 20px;
  }
  .custom-social-icons i{
    width: 33px;
    height: 33px;
    line-height: 33px;
  }
     .row-print{
         margin-top: 10%;
    }
 
   .project-wrap{
         display: flex;
         flex-wrap: wrap;
        justify-content: center;
    }
     .abt-points-main-one{
         margin-bottom: 20px;
    }
     .thumb-wrap::after{
         width: 540px;
         height: 150px;
         top: -10px;
    }
     .swiper-title{
         bottom: 40px;
    }
     .slider-content-wrap{
         padding-top: 25%;
         gap: 30px;
    }
     .slider-main-img {
         height: 300px;
         width: 300px;
    }
     .slider-head{
         font-size: 30px;
         line-height: 40px;
    }
     .images-slider .swiper-slide {
         width: 100px !important;
    }
      .thumb-wrap {
        max-width: 667px;
    }
    .thumb-wrap::after {
        width: 680px;
    }
     .slider-main-right-wrap{
         height: 400px;
         width: 400px;
         margin: 30px auto;
    }
     #feature {
         padding-top: 0;
         margin: 0 10px;
    }
     .services-wrap{
         margin-top: 20px;
    }
     #about-us .theme-btn{
         margin: 0 auto 24px;
    }
     .thumb-nav i{
         font-size: 12px;
    }
     .review-img{
         text-align: center;
    }
     .slider-para{
         margin: 0 auto;
    }
     .images-slider .swiper-wrapper{
                gap: 23px;
    }
     .thumb-nav{
        top: 50px !important;
    }
     .custom-thumb-prev, .custom-thumb-next{
         width: 35px !important;
         height: 35px !important;
    }
     #testimonial .owl-carousel .owl-nav button, #category .owl-carousel .owl-nav button{
         position: unset;
    }
     #testimonial .owl-carousel .owl-nav, #category .owl-carousel .owl-nav{
         display: flex !important;
         justify-content: center;
         gap: 10px;
         margin-top: 20px;
    }
     .main-head{
         font-size: 28px;
         line-height: 39px;
    }
     .abt-iner-img-wrap{
         text-align: center;
    }
     .about-img-main .abt-main-iner:nth-child(3){
         grid-row-end: 13;
    }
     .abt-main-iner h3{
         font-size: 24px;
    }
     .year-para{
         font-size: 13px;
    }
     .combo-img-wrap{
         width: 100%;
         height: 100%;
    }
     #plan .nav-pills{
         margin: 15px auto;
    }
     #plan .nav-pills{
         align-items: center;
         margin: 35px auto;
    }
    .middle-content{
            text-align: center;
    }
    .post-meta-inner {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
        text-align: center;
    }
    .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;
        text-align: center;
    }
    #single-post .single-author-image {
        width: 40px;
        height: 40px;
    }
    #single-post .author-name {
        font: normal normal 600 14px / 26px var(--font-one);
    }
    #single-post .comment-respond {
        max-width: 100%;
        margin-top: 20px;
    }
    #single-post #commentform {
        justify-content: center;
    }
    .meta-heading {
    font: 500 14px / 24px var(--font-one);
    }
    .comment-author.vcard {
    justify-content: center;
    margin-bottom: 10px;
  }
  .comment-body{
    text-align: center;
  }
        #comments {
        display: block;
    }

  .comment-list {
    width: 100%;
  }
  .comment-body>p,
  .comment-body>.reply {
    padding-left: unset;
  }

 .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
    display: flex !important;
   flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
  .wc-block-cart-item__total-price-and-sale-badge-wrapper{
    align-items: center !important;
    margin: 10px 0;
  }
  .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 var(--font-one) !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;
  }
    .woocommerce div.product div.images,.woocommerce-page div.product div.summary{
        width: 100%;
        text-align: center;
    }
   
  
}
 @media screen and (max-width: 575px){
    .ser-mets-img-wrap{
        grid-template-columns: repeat(2, 1fr);
    }
    .ser-meta-img{
        height: 115px;
    }
    .logo::before{
        content:unset;
    }
      .wc-dnd-file-upload{
        width: 100%;
    }
    .shop.shop-product .product-box-main{
        width: 100%;
    }
    .search-container{
        right: -10em;
    }
    section{
        overflow-x: hidden;
    }
    #cart{
        width: 290px;
        right: -50px;
    }
    .shop.shop-product .products{
        flex-direction: column;
    }
   
     .slider-main-right-wrap{
         height: 300px;
         width: 300px;
         margin: 0 auto;
    }
     .slider-main-img{
         height: 100%;
         width: 100%;
    }
     /* .thumb-wrap{
         position: relative;
         margin-top: -25px;
    } */
   #slider{
            padding-bottom: 53%;
   }
     .main-head {
         font-size: 24px;
         line-height: 30px;
    }
     .swiper-title{
         bottom: 50px;
    }
     .logo img{
         width: 100%;
         top: unset;
    }
     .logo::after{
         content: unset;
    }
     .slider-head{
         font-size: 32px;
         line-height: 45px;
    }
     .slider-main-img img{
         padding: 40px;
    }
     .swiper-title a{
         font: 700 16px / 25px var(--font-one);
    }
     .about-counter-box h2{
         font-size: 20px;
         line-height: 24px;
    }
     .about-counter-box h5{
         font-size: 13px;
         line-height: 20px;
    }
     .about-counter-box p{
         display: -webkit-box;
         -webkit-line-clamp: 1;
         -webkit-box-orient: vertical;
         overflow: hidden;
    }
     .about-img-main{
         grid-template-rows: repeat(11, 20px);
    }
     #our-product .theme-btn{
         margin: 15px auto 0;
    }
    
     .why-choose-grid{
         display: block;
         margin-top: 20px;
    }
     .slider-social-wrap{
         margin: 30px auto;
    }
     .blog-inner-meta{
         justify-content: center;
    }
     .blog-detail-inner>.row {
         gap: 10px 0;
    }
    .title-box h1 {
     font: 700 25px / 30px var(--font-one);  
    }
    .above_title{
        padding: 25% 0 15%;
    }
    #faq-sec .accordion-button, #faq-page .accordion-button {
    font: 600 14px / 23px var(--font-one);
    }
    .custom-variation-wrapper{
        justify-content: center;
    }
    .variations tbody{
        flex-direction: column;
        gap: 20px;
    }
    .wc-tabs-wrapper a{
        font-size: 13px;
    }
     .woocommerce-variation-add-to-cart,.product-type-simple .cart{
        flex-direction: column-reverse !important;
         gap: unset !important;
        margin-top: 10px !important;
    }
     .footer-col-one .wpcf7-spinner{
      right: 0px;
    }
     .thumb-wrap {
        max-width: 291px;
        margin-top: 13px;
    }
    
}
@media screen and (min-width: 501px) and (max-width: 600px) {
    .images-slider .swiper-slide {
        width: 82px !important;
    }
    .thumb-wrap::after {
        width: 487px;
        height: 138px;
    }
    .thumb-wrap {
        max-width: 475px;
     }
    .custom-thumb-prev, .custom-thumb-next {
        width: 30px !important;
        height: 30px !important;
    }
        .thumb-nav {
        top: 45px !important;
    }

}
@media screen and (min-width: 425px) and (max-width: 500px) {
    .thumb-wrap {
        max-width: 390px;
         margin-top: 30px;
    }
    .thumb-wrap::after {
        width: 405px;
             height: 145px;
    }
        .images-slider .swiper-slide {
        width: 90px !important;
    }
        .images-slider .swiper-wrapper {
        gap: 19px;
    }
}
@media screen and (max-width: 375px){
    .thumb-wrap::after {
        width: 306px;
        height: 150px;
}
}
 @media screen and (max-width: 320px){
        .thumb-wrap::after {
        width: 305px;
        height: 144px;
    }
     .thumb-wrap{
         padding: 10px 39px 10px 10px;
    }

    .images-slider .swiper-wrapper{
           gap: 22px;
    }
    .thumb-nav {
     top: 47px !important;
    }
 }