@media only screen and (min-width: 100px) and (max-width: 1699px) {
    .service-content h3.blog_title {
        height: 35px;
    }   

    @keyframes top-left{
		0%{
			top: -20px;
			right: 0;
		}
		50%{
			top: 30px;
			right: -60px;
		}
		100%{
			top: -20px;
			right: 0;
		}
	}
	.product-slider .slick-next {
		right: -30px;
	}
	.product-slider .slick-prev {
		left: -30px;
	}
	.about-tree {
        width: 70px;
    }
	.about-us:before {
		top: 20px;
	}
	section.page-about-us {
		padding: 100px 0;
	}
	.our_values_list:before {
		left: -20px;
	}
	.valeus_item h2:before {
		left: -40px;
	}
	.our_values_list {
		padding-left: 20px;
	}
	.two-trees:before, .two-trees:after {
		width: 70px;
		z-index: -1;
	}
}
/*for-large-dekstop view-1200*/

@media only screen and (min-width: 100px) and (max-width: 1399px) {
	.banner-title {
		padding: 40px 40px;
	}
	.main-menu ul li a {
		font-size: 18px;
	}
	section.about-us {
		padding: 120px 0 80px 0px;
	}
	.about-tree {
        width: 50px;
    }
	.about-us:before {
        top: 0px;
        width: 110px;
        height: 110px;
    }
	.banner-img img {
		height: 820px;
	}
	.contact-image img {
		width: 100%;
	}
	.web-title h2 {
		font-size: 46px;
		line-height: 1.2;
	}
	.service-item {
		padding: 30px 30px;
	}
    .service-content h3.blog_title {
        font-size: 32px;
        line-height: 1.1;
        height: 30px;
    }
	section.page-about-us {
        padding: 60px 0 20px 0px !important;
    }
	.inner-header .inner-header-title h2 {
		font-size: 40px;
	}
	section.contact-us-page.spacing {
		padding: 60px 0;
	}
	.page-blog {
		padding: 60px 0px 60px 0px;
	}
	.blog-main-item {
		padding: 30px;
	}
	section.single-service.spacing {
		padding: 70px 0 60px 0px;
	}
	.single-content h2 {
		font-size: 30px;
	}
	body.woocommerce-shop .product-box-main {
		padding: 0px;
	}	
	.shop-page-sec-main ul.products {
		row-gap: 60px;
		column-gap: 14px;
	}
	.shop-page-sec {
		padding: 60px 0px;
	}
	.single-data-item {
		padding-top: 70px;
	}
	.single-product  .product-box-main {
		padding: 0px 0px;
	}
	.related.products ul.products {
		gap: 14px;
	}
	body.woocommerce-account h2 {
		font-size: 26px;
	}
	.product-box-main .product-box-image {
		padding: 0 70px;
	}
}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {
    .product-box-main .product-box-image {
        margin-bottom: 90px;
		padding: 0 70px;
    }
	.product-box-main {
		padding: 0px 10px;
	}
    .product-box-main .product-box-image:before {
        bottom: -70px;
    }
	.web-btn a, .web-btn input {
		padding: 8px 25px;
		font-size: 18px;
	}
	.web-title h4 {
		font-size: 16px;
	}
	.main-menu ul li a {
        font-size: 16px;
    }
	.main-menu ul {
		gap: 36px;
	}
	.body-green:before {
		top: -80px;
	}
	.about-img {
		padding-left: 30px;
	}
	.product-box-main a.add_to_cart_button {
		padding: 10px 25px;
	}
	.spacing {
		padding: 60px 0px;
	}
	.contact-title {
		margin-bottom: 60px;
	}
	.web-title h2 {
        font-size: 42px;
    }
	.blogs .service-item-2 {
		margin-top: 0px !important;!i;!;
	}
	.footer-title h6 {
		font-size: 18px;
	}
	.shop-page-sec-main ul.products li.product {
        width: 32% !important;
    }
	.inner-header .inner-header-title h2 {
        font-size: 36px;
    }
	.inner-header-title {
		margin-top: 40px;
	}
	.inner-header {
		height: 500px;
	}
	section.page-about-us .about-img {
		padding-right: 0px;
	}
	.about-list ul {
		padding-top: 10px;
	}
	.about-list ul li {
		padding-left: 70px;
	}
	.about-list ul li:before {
		width: 36px;
		background-size: contain;
	}
	.valeus_item h2 {
		font-size: 20px;
	}
	.valeus_item h2:before {
		top: 0px;
	}
	.single-content-img img {
		height: 350px;
	}
	.quote-form-main h2 {
		font-size: 22px;
	}
	.single-pro-content-main button.single_add_to_cart_button {
		width: 300px;
	}
	.related.products ul.products {
        gap: 12px;
    }
	.woocommerce-Tabs-panel h2, .related.products > h2 {
		font-size: 26px;
	}
	.single-pro-content-main h1.product_title {
		font-size: 26px;
	}
	body.single-product .woocommerce-tabs ul li a {
		font-size: 16px;
	}
	body.woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
		margin-top: 50px;
	}
	.video-item {
        padding: 0px 60px;
    }
    .video-sec {
        padding: 0px 0px 110px 0px;
    }
}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
	.main-logo {
		width: 80px;
		margin: 0 auto 0px 0;
	}
	.main-logo::before {
		display: none;
	}
	.about-us:before {
        top: -20px;
        left: 50px;
    }
	section.about-us {
        padding: 100px 0 50px 0px;
    }
	.form-input {
		margin-bottom: 30px;
	}
	.banner-btn {
		padding-top: 10px;
	}
	.web-title h2 {
        font-size: 40px;
        padding-bottom: 20px;
    }
	.services_title {
		flex-wrap: wrap;
		gap: 20px;
	}
	.footer-content {
		margin-bottom: 20px;
	}
	.statement h6 {
		text-align: center;
	}
	.statement.privacy ul {
		justify-content: center;
		margin-top: 10px;
	}
	footer.footer {
		padding-top: 0px;
	}
	.header-icons ul li a {
		font-size: 20px;
	}
	.about-img {
        padding-left: 0px;
    }
	.inner-header .inner-header-title h2 {
        text-align: center;
    }
	section.page-about-us .row {
		flex-direction: column-reverse;
		gap: 30px;
	}
	section.contact-us-page.spacing {
        padding: 40px 0 100px 0px;
    }
	.two-trees:before, .two-trees:after {
		width: 50px;
		height: 200px;
	}
	section.blog-page .service-img img {
		height: 200px;
	}
	.page-blog .service-content {
		margin-top: 20px;
	}
	.single-service .row {
		flex-direction: column-reverse;
		gap: 20px;
	}
	section.single-service.spacing {
        padding: 50px 0 100px 0px;
    }
	.shop-page-sec-main ul.products li.product {
        width: 48% !important;
        margin-bottom: 0px !important;
    }
	.related.products ul.products li.product {
		width: 48%;
	}
	.related.products ul.products {
        gap: 27px;
        row-gap: 60px;
    }
	body.woocommerce-cart .wc-block-cart__main table.wc-block-cart-items {
        margin-top: 70px;
        margin-bottom: 15px;
    }
	.wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper, table.wc-block-cart-items tbody tr.wc-block-cart-items__row {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
	.woocommerce-checkout form.wc-block-checkout__form {
		margin-bottom: 70px;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 100%;
		margin-bottom: 20px;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100%;
		padding-left: 0px;
	}
	.woocommerce-Tabs-panel iframe {
		width: 100%;
		height: 400px;
	}
	.video-item {
        padding: 0px 30px;
    }
    .video-icon a {
        width: 60px;
        height: 60px;
        font-size: 18px;
    }
    .video-item::before, .video-item::after {
        width: 50px;
    }
    .video-sec {
        padding: 0px 0px 100px 0px;
    }
.policy-content-main h2 {
    font-size: 34px;
}
.policy-content-main h4 {
    font-size: 20px;
}
}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
	.product-box-main .product-box-image {
        padding: 0 50px;
    }
}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
	.container {
		width: 98%;
	}
	.main-logo {
        width: 70px;
        margin: 0 auto 0px 0;
    }
	.banner-title {
        padding: 25px 25px;
		margin-top: 0px;
    }
	.web-title h2 {
        font-size: 30px;
		padding-bottom: 15px;
    }
	.web-title h4 {
        font-size: 13px;
    }
	.web-title h4:after {
		width: 22px;
		height: 88px;
		right: -70px;
	}
	p {
		font-size: 15px;
	}
	.web-btn a, .web-btn input {
        font-size: 15px;
    }
	.header-icons ul li a {
        font-size: 18px;
    }
	.about-tree {
        width: 30px;
    }
	.about-us:before {
        top: -30px;
        left: 20px;
		width: 100px;
        height: 100px;
    }
	.spacing {
        padding: 50px 0px;
    }
	.footer-links {
		margin-bottom: 15px;
	}
	.footer-bottom-main {
		border-radius: 10px;
		padding: 15px 15px;
	}
	footer.footer {
        padding-top: 0px;
        padding-bottom: 30px;
    }
	.search-modal-body {
		width: 85%;
	}
	.search-modal-body a {
		top: 20px;
		right: 20px;
	}
	.product-box-main {
		padding: 0px 0px;
	}
	.product-box-main .product-box-image {
		padding: 0 30px;
		margin-bottom: 55px;
	}
	.product-box-main .product-box-image:before {
		bottom: -40px;
		left: 50%;
		width: 90%;
		height: 80px;
	}
	.product-box-content h2.woocommerce-loop-product__title {
		font-size: 14px !important;
	}
	.product-slider .slick-next {
        right: 0px;
    }
	.product-slider .slick-prev {
        left: 0px;
    }
	.product-slider .slick-arrow {
		font-size: 30px;
		top: 20%;
		z-index: 1;
	}
	.product-box-main a.add_to_cart_button {
        padding: 8px 25px;
        font-size: 15px;
		margin-top: 15px !important;
    }
	.form-input {
        margin-bottom: 20px;
    }
	.service-item {
        padding: 20px 20px;
        flex-wrap: wrap;
    }
.service-content h3.blog_title {
        font-size: 26px;
        height: 30px;
    }
	.service-item.service-item-2 .service-content {
		padding: 20px 20px;
		margin: 0 20px;
		top: -120px;
	}
	.blogs {
		padding-bottom: 0px;
	}
	.inner-header {
        height: auto;
        padding: 130px 0px 110px 0px;
    }
	.inner-header .inner-header-title h2 {
        font-size: 28px;
    }
	.inner-header-title {
        margin-top: 30px;
        padding: 15px 40px;
    }
	.about-content.web-title {
		margin: 0 0px;
	}
	.about-list ul li:before {
        width: 26px;
        left: 0;
    }
	.about-list ul li {
        padding-left: 40px;
        font-size: 15px;
    }
	.our_values_list:before {
        left: 0;
    }
	section.page-about-us {
        padding: 20px 0 20px 0px !important;
    }
	.valeus_item h2:before {
        left: -30px;
        font-size: 18px;
    }
	.valeus_item {
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.music-btn {
		bottom: 15px;
		right: 15px;
	}
	.music-btn a {
		font-size: 18px;
		width: 50px;
		height: 50px;
	}
	section.contact-us-page.spacing {
        padding: 20px 0 100px 0px;
    }
	.contact-us-page .web-title {
		padding-bottom: 20px !important;
	}
	.two-trees:before, .two-trees:after {
        width: 30px;
        height: 140px;
        z-index: -1;
    }
	.blog-page-content h3 {
		font-size: 26px !important;
	}
	.service-content.blog-content h3 {
		padding-bottom: 15px;
	}
	.blog-main-item {
        padding: 20px;
        border-radius: 20px;
    }
	.page-blog {
        padding: 20px 0px 50px 0px !important;
    }
	section.blog-page .service-item {
		padding: 20px 20px;
	}
	.blog-page .row .col-xl-4 {
		margin-bottom: 25px !important;
	}
	section.single-service.spacing {
        padding: 20px 0 100px 0px;
    }
	.single-content-img img {
        height: 220px;
    }
	.single-content h2 {
        font-size: 26px;
        padding-bottom: 0px;
    }
	.shop_count_main_item {
		padding-bottom: 20px;
		flex-wrap: wrap;
		gap: 15px;
		justify-content: center;
		margin-bottom: 50px;
	}
	.shop-page-sec-main ul.products {
        row-gap: 40px;
        column-gap: 13px;
    }
	.shop-page-sec {
        padding: 30px 0px 80px 0px;
    }
	.single-pro-image-main ol.flex-control-nav li img {
		height: 60px !important;
	}
	.single-data-item {
        padding-top: 30px;
    }
	.single-pro-content-main p.price {
		font-size: 16px !important;
	}
	.single-pro-content-main h1.product_title {
        font-size: 24px;
    }
	.single-pro-content-main .woocommerce-product-details__short-description li {
		font-size: 15px;
	}
	.single-pro-content-main button.single_add_to_cart_button {
        width: 200px;
    }
	.single-pro-image-main .woocommerce-product-gallery {
		gap: 10px;
	}
	.single-pro-image-main ol.flex-control-nav li {
		margin-bottom: 0px !important;
	}
	.single-pro-content-main button.single_add_to_cart_button, body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button, body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
		font-size: 16px;
	}
	.related.products ul.products {
        gap: 13px;
        row-gap: 40px;
    }
	.woocommerce-Tabs-panel h2, .related.products > h2 {
        font-size: 24px;
    }
	.woocommerce-message a.button {
		float: left !important;
		margin-top: 10px;
	}
	body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block {
        font-size: 15px;
    }
	.woocommerce-cart .inner-header-title, .woocommerce-checkout .inner-header-title, .woocommerce-account .inner-header-title {
		margin-top: 50px;
	}
	.woocommerce-cart .inner-header, .woocommerce-checkout .inner-header, .woocommerce-account .inner-header {
		padding: 130px 0px 80px 0px;
	}
	body.woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
        margin-top: 30px;
    }
	body.woocommerce-account .main {
		margin: 60px 0px 70px 0px;
	}
	body.woocommerce-account h2 {
        font-size: 22px;
    }
	.responsive-menu-main {
		padding: 20px 20px;
	}
	.responsive-icon {
		top: 30px;
		right: 20px;
	}
	.responsive-logo {
		width: 70px;
		margin-bottom: 20px;
	}
	.woocommerce-Tabs-panel iframe {
		height: 250px;
	}
	.product-box-content span.price {
		font-size: 14px !important;
	}
	.single-pro-content-main table.variations ul.variable-items-wrapper li.variable-item {
		padding: 0px 8px !important;
		font-size: 14px !important;
		height: 40px;
	}
	.single-pro-content-main table.variations th.label {
		font-size: 14px;
	}
	body.single-product .woocommerce-tabs ul {
		flex-wrap: wrap;
		row-gap: 5px;
	}
	.video-item::before, .video-item::after {
        width: 30px;
    }
    .video-item {
        padding: 0px 15px;
    }
    .page-template-home .our_products {
        padding-bottom: 20px;
    }
    .video-sec {
        padding: 0px 0px 70px 0px;
    }
    .video-icon a {
        width: 50px;
        height: 50px;
        font-size: 15px;
    }
.policy-content-main h2 {
        font-size: 30px;
        text-align: center;
    }
.policy-content-main ul li {
    font-size: 15px;
}
}

/*for-small_mobile view-320*/

@media only screen and (min-width: 100px) and (max-width: 374px) {
	.shop-page-sec-main ul.products {
        column-gap: 11px;
    }
}