/* ================== */
/* ================== */
@media screen and (max-width:1366px) {
  .latest-work-section .latest-main-col-one-2-stack {
    padding: 10px !important;
    padding-left: 50px !important;
  }

  .latest-main-col-two .latest-main-col-two-1-stack {
    padding: 10px !important;
    padding-right: 50px !important;
  }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
	
	.mtsnb .mtsnb-container {
		padding: 10px 10px !important;
	}
	body.has-mtsnb .wp-block-group.header-section-one {
		top: 40px !important;
	}

  .wp-block-columns.header-main-col-one .wp-block-column.logo-column {
    flex-basis: 50% !important;
    order: 1;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.header-social-column {
    flex-basis: 50% !important;
    order: 2;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.menu-column {
    flex-basis: 100% !important;
    order: 3;
    padding: 20px;
  }
  .wp-block-column.menu-column .wp-block-group.menu-colun-row {
    justify-content: center !important;
  }

  .banner-posts-right {
    position: unset;
    width: 520px !important;
  }

  .picked-section-two-right-col-group {
    margin-top: 0 !important;
  }

  .blog-category-block .grid-row article {
    flex-basis: 49%;
  }

  .blog-category-block .grid-row {
    gap: 10px;
  }

  .gutentor-slick-arrows {
    margin-top: unset !important;
    margin-bottom: 20px !important;
  }

  .wp-block-columns.picked-one-main-column .wp-block-column.style-post-main-col,
  .wp-block-columns.picked-one-main-column .wp-block-column.tab-section-column {
    flex-basis: 48% !important;
  }

  .contact-page .contact-page-row {
    flex-wrap: wrap !important;
  }

  .contact-page .contact-page-row .contact-page-left-col,
  .contact-page .contact-page-row .contact-page-right-col {
    flex-basis: 100% !important;
  }

  .contact-page .contact-page-row .contact-page-right-col {
    padding-left: 0px !important;
  }

  .wp-block-column.tab-section-column-two .grid-container {
    max-width: 100% !important;
  }

  .tab-section-column-two .gutentor-image-thumb img {
    width: 100% !important;
    height: 150px !important;
  }

}

@media screen and (max-width: 599px) {
	.wp-block-group.menu-colun-row button.wp-block-navigation__responsive-container-close {
		justify-content: end !important;
	}
	body.has-mtsnb header .wp-block-navigation__responsive-container.is-menu-open {
		padding-top: 5rem !important;
	}
	.mtsnb .mtsnb-container a {
		display: inline-block;
	}
	.wp-block-group.menu-colun-row button {
		width: 100% !important;
		margin-top: 0 !important;
		align-items: center !important;
		& svg {
			width: 50px !important;
		}
	}
  .wp-block-group.menu-colun-row .wp-block-navigation__responsive-container {
    background-color: #BD081C !important;
  }
}


@media screen and (max-width: 767px) {
	.wp-block-group.social-media-main-group .gutentor-element-advanced-text-link p {
		margin-bottom: 0 !important;
		margin-left: 10px;
	}
	.wp-block-cover.inner-blog-page-section .grid-row .gutentor-post {
		flex-basis: 100% !important;
		text-align: center;
	}
	.wp-block-column.contact-page-left-col {
		margin-bottom: 2rem !important;
	}


	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
		text-align: center;
	}
  .sidebar-blog-posts-archive .gutentor-post-image-box img {
    width: 100% !important;
  }
  .wp-block-columns.admin-col {
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap !important;
  }
  .wp-block-columns.admin-col .wp-block-column.author-col, .wp-block-columns.admin-col .wp-block-column.post-date-col {
    flex-basis: 33% !important;
    flex-grow: unset !important;
  }
  .wp-block-group.single-blog-page .entry-content.post-content p {
    text-align: center;
  }


  .wp-block-group.single-blog-page h2.wp-block-post-title {
    text-align: center;
  }
  .single-blog-page .post-info {
    top: unset !important;
    box-shadow: unset !important;
  }
  .wp-block-group.menu-colun-row button {
    justify-content: center;
  }

  .wp-block-column.picked-three-right-col .wp-block-group.banner-group {
    margin-top: 80px !important;
  }
  .wp-block-column.picked-three-right-col .grid-container {
    max-width: 100% !important;
  }
  .picked-three-right-col .gutentor-image-thumb img {
    width: 100% !important;
    height: 130px !important;
  }

  .wp-block-group.social-heading-row {
    justify-content: center;
  }

  .wp-block-group.picked-section-two-left-col-group .grid-container {
    max-width: 100% !important;
  }

  .wp-block-group.style-post-main-col-group-two .grid-container {
    max-width: 100% !important;
  }

  .wp-block-group.tab-section-column-two-group .grid-container {
    max-width: 100% !important;
  }

  .wp-block-column.tab-section-column .grid-container {
    max-width: 100% !important;
  }

  .footer-section .name-box,
  .newsletter-form .email-input {
    width: fit-content !important;
  }

  .wp-block-cover.blog-main-banner-section {
    min-height: 500px !important;
  }

  .contact-page .contact-page-row {
    padding: 15px !important;
  }

  .contact-page .contact-page-right-col {
    padding-left: 0px !important;
  }

  .contact-page .contact-page-left-col .wp-block-cover {
    padding: 0 !important;
  }

  .contact-page .contact-page-mail,
  .contact-page .contact-page-call {
    justify-content: center;
  }

  footer .newsletter-form button {
    width: fit-content !important;
  }

  .wp-block-group.footer-logo-img-group figure {
    text-align: center !important;
  }

  .wp-block-column.footer-col-one .wp-block-stackable-expand .stk-block-expand__show-button,
  .wp-block-column.footer-col-one .wp-block-stackable-expand .stk-block-expand__hide-button {
    display: block;
    text-align: center;
  }

  .wp-block-column.footer-col-three .newsletter-form {
    text-align: center;
  }

  .wp-block-group.footer-col-two-stack {
    align-items: center !important;
  }

  .wp-block-group.footer-col-two-stack {
    align-items: center !important;
  }

  .footer-section .gutentor-image-thumb img {
    width: 100% !important;
    height: 100% !important;
  }

  .footer-col-two .gutentor-post-image-box {
    width: 40% !important;
  }

  .footer-col-two .gutentor-post-item {
    margin-bottom: 40px !important;
  }
}

/*** singpe-product-page-css***/
@media screen and (max-width:320px) {
  .woocommerce-tabs.wc-tabs-wrapper a {
    font-size: 14px;
  }
}

@media screen and (max-width:425px) {
  .woocommerce-tabs .tabs.wc-tabs {
    margin: 0px !important;
    padding: 0px !important;
    display: flex;
    justify-content: start;
    gap: 20px;
    margin-bottom: 20px !important;
    border: navajowhite;
    margin-top: 20px !important;
    border-radius: 3px;
    text-align: center;
  }

  .single-product-page h2.woocommerce-Reviews-title {
    margin-bottom: 20px;
    text-align: center;
  }

  .single-product-page div#review_form_wrapper {
    font-family: 'Figtree';
    text-align: center;
  }

  .single-product-page input#submit {
    display: flex;
    background-color: #375D70;
    border-radius: 3px;
    font-size: 16px;
    margin-top: 18px !important;
    font-family: 'Figtree';
    padding: 12px 45px;
    margin: auto;
  }

  .single-product-page .wp-block-group.has-text-color.has-large-font-size.is-layout-constrained.wp-container-30.wp-block-group-is-layout-constrained {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .single-product-page .single-product-column-one {
    padding-left: 0px;
    text-align: center;
  }

  .single-product-page .wc-block-components-product-rating__stars {
    color: #5A898C;
    margin: auto;
  }

  .single-product-page .single_add_to_cart_button.button.alt.wp-element-button {
    padding: 17px 17px 18px 17px !important;
  }

  .single-product-page .wp-block-group.is-nowrap.is-layout-flex.wp-container-25.wp-block-group-is-layout-flex {
    justify-content: center;
  }

  .single-product-page form.cart {
    margin-bottom: 0px !important;
  }

  .single-product-page div#tab-description {
    background-color: white;
    font-family: 'Figtree';
    margin-bottom: 0;
    padding: 0px !important;
    text-align: center;
  }

  .single-product-page h2.wp-block-heading {
    text-align: center;
  }

  .single-product-page li {
    width: calc(100%/1 - 10px);
  }

  .single-product-page .gutentor-element-rating-box {
    text-align: center;
  }
}

@media screen and (max-width:768px) {
  .single-product-page .single-product-column-one {
    padding-left: 0px;
  }

  .single-product-page .wp-block-woocommerce-product-image-gallery {
    max-width: 100% !important;
    object-fit: contain;
  }

  .single-product-page h3.has-text-align-left.wp-block-post-title {
    text-align: left;
  }

  .single-product-page .wc-block-components-product-price {
    text-align: left;
  }

  .single-product-page .wp-block-button {
    /* text-align: center !important; */
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
    /* margin-top: 45px; */
  }

  .single-product-page .added_to_cart {
    float: none !important;
  }

}

@media screen and (max-width:320px) {
  .single-product-page .single_add_to_cart_button.button.alt.wp-element-button {
    padding: 10px 10px 16px 15px !important;
  }

  .single-product-page .star-rating {
    color: goldenrod;
    font-size: 12px !important;
  }

  .single-product-page h1.wp-block-post-title {
    font-family: 'Figtree';
    font-size: 26px;
  }

  .quantity input {
    padding: 10px;
  }

  .single-product-page input {
    padding: 10px !important;
  }

  .single-product-page .single_add_to_cart_button.button.alt.wp-element-button {
    padding: 12px 12px 12px 12px !important;
    font-size: 12px;
  }

  .single-product-page input#submit {
    margin: auto;
    display: flex;
    background-color: #375D70;
    border-radius: 3px;
    font-size: 16px;
    margin-top: 20px;
    font-family: 'Figtree';
    padding: 12px 45px;
  }

  .single-product-page .wp-block-button.wc-block-components-product-button.has-text-align-right {
    margin-top: 42px !important;
    margin: auto;
    text-align: center !important;
  }

  .single-product-page div#review_form_wrapper {
    font-family: 'Figtree';
    text-align: center;
  }

  .single-product-page h2.woocommerce-Reviews-title {
    margin-bottom: 20px;
    text-align: center;
  }
}

/*** search-page-css***/
@media screen and (max-width:1440px) {
  .search-page-section h1.alignwide.wp-block-query-title {
    font-family: 'Figtree';
    color: #494A48;
    padding-bottom: 20px !important;
    font-weight: 700;
    padding-top: 20px !important;
    /* margin-left: 30px !important; */
    margin-bottom: 0px;
  }


}

@media screen and (max-width:425px) {
  .search-page-section ul.columns-3 {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    column-gap: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .search-page-section li {
    width: 100%;
    object-fit: contain;
  }

  .search-page-section h3 {
    padding-top: 0px;
    text-align: center;
  }

  .search-page-section a {
    font-size: 16px;
  }

  .search-page-section .wc-block-components-product-price {

    text-align: center;
  }

  .search-page-section .gutentor-element-rating-box {
    text-align: center;
  }

  .search-page-section .wp-block-button.wc-block-components-product-button.has-text-align-center {
    text-align: center !important;
    margin-top: 50px;
  }

  .added_to_cart {
    float: none;
  }

  .search-page-section h1.alignwide.wp-block-query-title {
    padding-bottom: 10px;
    font-size: 22px;
    text-align: center;
  }

  .search-page-section a.added_to_cart.wc-forward {
    font-size: 12px;
  }
}

@media screen and (max-width:320px) {
  .search-page-section button {
    font-size: 12px !important;
  }

  .search-page-section h1.alignwide.wp-block-query-title {
    padding-bottom: 10px !important;
    font-size: 22px;
    margin-left: 0px !important;
    padding-top: 10px !important;

  }
}

/***our blogs***/
@media screen and (max-width:425px) {
  div#our-blogs {
    margin-bottom: 0px !important;
    margin-top: 10px !important;
  }

}

@media screen and (max-width:768px) {
  .single-blog-page .stk-row.stk-inner-blocks {
    margin-top: -38px;
  }

  #respond {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    margin: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    padding: 18px;
    margin-top: 30px;
    border-radius: 10px;
  }

  .comment-reply-title {
    text-align: left;
    padding-top: 20px;
    padding-left: 30px;
    font-weight: 600;
  }

  .wp-block-comment-template li {
    padding: 10px;
    display: flex;
    width: 100%;
    margin: auto;
    margin-bottom: 25px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
  }

  img.avatar.avatar-60.photo.wp-block-avatar__image {
    border-radius: 50% !important;
    margin-bottom: 20px;
  }

  .single-blog-page p label {

    letter-spacing: 0px;

  }

}

/************************** single-blog-page-css-425px *********************/

@media screen and (max-width:425px) {
  .comment-reply-title {
    text-align: center !important;
    margin-bottom: 25px !important;
    padding-top: 40px;
    padding-left: 30px;
    font-weight: 600;
  }

  .single-blog-page h2.wp-block-post-title {
    margin-top: 20px;
    text-align: center !important;
  }

  .comment-form p.form-submit.wp-block-button {
    order: 4;
    text-align: center;
    padding-top: 30px;
  }

  .single-blog-page figure.single-post-image.wp-block-post-featured-image {
    height: 300px;
  }

  .single-blog-page img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {

    border-radius: 0px !important;
  }


  .blog-inner-image .col-lg-6.col-md-6.col-sm-12.blog-left-img {
    height: 50%;
  }

  .blog-inner-image .col-lg-6.col-md-6.col-sm-12.blog-right-img {
    height: 50%;
    margin-top: 20px;
  }

  .single-blog-page .stk-row.stk-inner-blocks {
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }

  .single-blog-page .wp-block-columns.category-social-icon {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .single-blog-page .pagination {
    border-top: 1px solid;
    padding-top: 15px !important;
    border-bottom: 1px solid;
    padding-bottom: 15px;
  }

  .wp-block-comment-template .wp-block-columns.is-layout-flex.wp-container-38.wp-block-columns-is-layout-flex {
    width: 100%;
    margin-top: 20px;
  }

  .wp-block-comment-template .wp-block-columns.is-layout-flex.wp-container-41.wp-block-columns-is-layout-flex {
    width: 100%;
  }

  #respond {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    margin: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    padding: 18px;
    margin-top: 30px;
    border-radius: 10px;
  }
}

/*********************** 320px css-single-blog-page *********************/

@media screen and (max-width:320px) {
  .single-blog-page figure.single-post-image.wp-block-post-featured-image {
    height: 300px;
    padding: 0px !important;
    margin: 0px !important;
    margin-bottom: 5px !important;
  }

  .blog-main-content p {
    font-size: 16px;
  }

  .more-info p.img-before-content {
    font-size: 16px;
  }

  .more-info p.img-after-content {
    font-size: 16px;
  }

  #submit {
    background-color: #6D00E7;
    border-radius: 3px;
    font-family: 'Figtree';
    padding: 10px 10px;
    letter-spacing: 0px;
    font-size: 14px;
  }

  .single-blog-page img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: 100%;
    border-radius: 0px !important;
  }


  .post-author {
    display: inline-block;
  }

  .blog-inner-image .col-lg-6.col-md-6.col-sm-12.blog-left-img {
    height: 50%;
  }

  .blog-inner-image .col-lg-6.col-md-6.col-sm-12.blog-right-img {
    height: 50%;
  }

  .single-blog-page .blog-right-img img {
    margin-top: 10px;
  }

  .single-blog-page .blog-inner-image.row {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 400px;
  }

  .single-blog-page .stk-row.stk-inner-blocks {
    margin-top: 30px;
    display: flex;
    justify-content: center;
  }

  .single-blog-page .pagination {
    border-top: 1px solid;
    padding-top: 20px !important;
  }

  .single-blog-page .wp-block-columns.category-social-icon {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #commentform {
    display: flex;
    flex-direction: column;
    padding: 0px;
    padding-top: 0px;
  }

  .wp-block-comment-template li {
    padding: 10px;
    display: flex;
    width: 100%;
    margin: auto;
    margin-bottom: 25px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-top: 20px;
  }


}

/*** product-category-section-css*******/
@media screen and (max-width:768px) {
  .product-category-section a.added_to_cart.wc-forward {
    font-size: 13px !important;
    padding: 8px 10px 10px 8px;
    width: 100px !important;
  }

  .woocommerce.wc-block-catalog-sorting select.orderby {
    font-size: inherit;
    border: 1px solid;
    padding: 10px;
  }



}



@media screen and (max-width:425px) and (min-width:320px) {
  .product-category-section h3.has-text-align-left.has-text-color.wp-block-post-title {
    font-family: 'Figtree' !important;
    padding-top: 0px;
    text-align: center;
  }

  .product-category-section .wc-block-components-product-price {
    text-align: center;
  }

  .product-category-section .gutentor-element-rating-wrap {
    color: #5A898C;
    padding-left: 10px;
    text-align: center;
    margin-bottom: 8px;
  }

  .product-category-section .wp-block-button.wc-block-components-product-button.has-text-align-right.is-style-fill {
    opacity: 1;
    transition: 0.3s ease-in-out;
    position: relative;
    bottom: 0px;
    text-align: center !important;

  }

}

@media screen and (max-width:768px) {
  .search-page-section {
    padding-left: 0px;
    padding-right: 0px;
  }

  .search-page-section h1.alignwide.wp-block-query-title {
    font-family: 'Figtree';
    color: #494A48;
    padding-bottom: 10px;
    font-weight: 700;
    padding-top: 10px;
    margin-bottom: 0px;
    font-size: 28px;
    /* margin-left: 30px !important; */
  }

  .search-page-section a {
    text-decoration: none;
    font-family: 'Figtree';
    font-size: 18px;
    color: #494A48;
    text-transform: uppercase;
  }

  .search-page-section h3 {
    padding-top: 0px;
  }

  .search-page-section .wc-block-components-product-price {
    margin-bottom: 5px !important;
    font-size: 18px;
  }

  .search-page-section .gutentor-element-rating-wrap {
    color: #5A898C;
    font-size: 14px;
  }

  .wp-element-button,
  .wp-block-button__link {
    background-color: #375D70;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 11px !important;
  }

  .search-page-section a.added_to_cart.wc-forward {
    display: inline-block;
    color: white;
    background-color: #375D70;
    padding: 10px 8px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Figtree';
    margin-top: 0px;
    margin-left: 10px;
    width: 110px !important;
  }

}

/*********************** single-blog-page-csss 768px ********************************/
@media screen and (max-width:768px) {
  .single-blog-page img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: 100%;
    object-fit: cover !important;
    border-radius: 0px !important;
  }

  .single-blog-page .pagination {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding-top: 10px !important;
    padding-bottom: 10px;
  }

  .single-blog-page figure.single-post-image.wp-block-post-featured-image {
    height: 400px;
  }

  .single-blog-page .blog-inner-image.row {
    margin-top: 45px;
    margin-bottom: 45px;
    height: 250px;
  }

  .single-blog-page h2.wp-block-post-title {
    margin-top: 20px;
    text-align: left;
  }


  .wp-block-comment-template li {
    padding: 10px;
    display: flex;
    width: 100% !important;
    margin: auto;
    margin-bottom: 25px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-top: 20px;
  }

}

@media screen and (max-width:1024px) {
  .single-blog-page .blog-col-2 {
    flex-basis: 20% !important;
    text-align: center;
  }

  .wp-block-comment-template li {
    padding: 10px;
    display: flex;
    width: 80%;
    margin: auto;
    margin-bottom: 25px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-top: 20px;
  }

  #respond {
    width: 80%;
    display: flex;
    flex-direction: column;
    margin: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    padding: 18px;
    margin-top: 30px;
    border-radius: 10px;
  }

}

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

  #respond {
    width: 90%;
    display: flex;
    flex-direction: column;
    margin: auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);

    margin-top: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-bottom: 0px !important;
  }

  .comment-reply-title {
    text-align: center !important;
    margin-bottom: 20px !important;
    padding-top: 0px !important;
    padding-left: 30px;
    font-weight: 600;
  }

  .single-blog-page h2.wp-block-post-title {
    margin-top: 0px;
  }
}

/**** about-us-page-css***/
@media screen and (max-width:1920px) and (min-width:1024px) {
  .about_page_third_sec .content_col {
    padding-right: 50px !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  #trusted-by-25000-happy-marketers-and-developers-since-2023 {
    padding-top: 10px !important;
  }

}

@media screen and (max-width:425px) {
  .instagram-sec .wp-block-gallery {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .instagram-sec {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .instagram-sec .btn {
    position: relative;
    top: -24px;
  }

  .instagram-sec .heading {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width:1024px) and (min-width:767px) {
  .about_right_col .stk-row.stk-inner-blocks {
    column-gap: 0px !important;
  }

  .about_page_third_sec {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .about_right_col .stk-row.stk-inner-blocks {
    display: none;
  }

  .about_page_sec_one {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  #lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-sed-do-eiusmod-tempor-incididunt-ut-labore-et-dolore-magna-aliqua-ut-enim-ad-minim-veniam-quis-nostrud-exercitation-ullamco-laboris-nisi-ut-aliquip-ex-ea-commodo-consequat-duis-aute-irure-dolor-in-reprehenderit-in-voluptate-velit-esse-cillum-dolore-eu-fugiat-nulla-pariatur-excepteur-sint-occaecat-cupidatat-non-proident-sunt-in-culpa-qui-officia-deserunt-mollit-anim-id-est-laborum {
    display: none !important;
  }

  /* .banner-section {
  min-height: 350px !important;
} */
  .banner-section .banner-section-column-one.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 100% !important;
    position: absolute;
    left: 246px;
    top: 80px;
    color: white;
  }

  .content_col h2.stk-block-heading__text.has-text-color {
    font-size: 30px !important;
  }

  .content_col {
    margin-right: 20px !important;
  }

  .instagram-sec {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

}

@media screen and (max-width:768px) {
  section.wp-block-group.about_page_sec_one {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  #mastered-in-3-popular-app-for-every-designer {
    margin-bottom: 10px !important;
  }

  #want-to-work-toegether-and-create-an-amazing-products-with-me {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  #were-passionate-about-fashion-thats-not-only-stylish-but-also-sustainable-we-believe-that-fashion-has-the-power-to-inspire-uplift-and-empower-people-and-were-dedicated-to-bringing-you-the-latest-trends-and-designs-that-reflect-your-unique-personality-and-style {

    margin-bottom: 10px !important;
  }

  .about_left_col {
    padding-right: 0px !important;
  }

  .about_right_col h2.stk-block-heading__text.has-text-color.has-text-align-left {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .content_col h2.stk-block-heading__text {
    text-align: left !important;
  }

  .content_col h6.stk-block-heading__text {
    text-align: left !important;
  }

  .about_right_col.is-layout-flow {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .stk-7a06c50 {
    margin-bottom: 0px !important;
  }

  #lorem-ipsum-is-simple-dummy-text-of-the-printing-and-typesetting-industry {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }

  .wp-site-blocks .content_col.is-layout-flow.wp-block-column-is-layout-flow {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
  }

  .content_col h2.stk-block-heading__text.has-text-color {
    font-size: 30px !important;
    letter-spacing: 0px !important;
    line-height: 35px !important;
  }

  .instagram-sec .wp-block-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr);
    margin: 0;
    gap: 15px !important;
    margin-top: 0px;
  }

  .stk-0917e31 {
    padding-top: 20px !important;
    padding-right: 0px !important;
    padding-bottom: 20px !important;
    padding-left: 0px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
  }

  .content_col {
    margin-right: 0px !important;
  }

  #extraordinary-smart-gadgets {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width:425px) and (min-width:320px) {
  .about_right_col h2.stk-block-heading__text.has-text-color.has-text-align-left {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 25px !important;
    line-height: 35px !important;
  }

  .content_col h2.stk-block-heading__text.has-text-color {
    font-size: 25px !important;
    letter-spacing: 0px !important;
    line-height: 30px !important;
    text-align: center !important;
    /* padding-top: 10px;
    padding-bottom: 10px; */
  }

  .content_col h6.stk-block-heading__text {
    text-align: center !important;
  }

  .instagram-sec .stk-block-heading:first-child .stk-block-heading__text:not([contenteditable]) {
    margin-top: 0px !important;
    font-size: 30px !important;
    line-height: 30px !important;
  }

  #section-5ab6781f-3c62-4952-8ab1-bd03a72c3107 {
    height: 210px !important;
    background-image: url(https://preview.wpradiant.net/pattern/theme-images/professional-vlogger-pro/video-bg-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .about_right_col h2.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .about_right_col h2.stk-block-heading__text.has-text-color.has-text-align-left.has-text-align-center-mobile {
    font-size: 16px !important;
    padding: 0px 20px !important;
    line-height: 25px !important;
    font-family: 'figtree' !important;
    color: black !important;
    margin-top: 0px !important;
  }

  .aboutus-col-two-row {
    justify-content: center !important;
    align-items: center !important;
  }

  .stk-ce44e7b span.stk-button__inner-text {
    font-size: 16px !important;
    line-height: 25px !important;
    letter-spacing: 0px !important;
  }

  .content_col h2.stk-block-heading__text.has-text-color.has-text-align-left.has-text-align-center-mobile {
    font-size: 22px !important;
    line-height: 25px !important;
    letter-spacing: 0px !important;
  }

  .single-blog-page .blog-category ul {
    padding-left: 0px !important;
    gap: 20px !important;
    display: flex !important;
    justify-content: center !important;
  }

  #commentform {
    display: flex;
    flex-direction: column;
    padding: 30px;
    padding-top: 0px;
    align-items: center !important;
  }

}

/************** add-to-cart-page-css*****************************/


@media screen and (max-width:425px) {
  .woocommerce-page .wp-block-heading {
    margin: 15px !important;
    text-align: center;
  }

  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {

    width: 80% !important;
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;

  }

  .woocommerce-page .cart-collaterals h2 {
    font-family: 'Figtree';
    text-align: center;
  }

  .coupon .button.wp-element-button {
    width: 50% !important;
    padding: 12px 14px !important;
    border-radius: 3px;
    margin-left: 5px;
  }
}

@media screen and (max-width:320px) {
  .coupon .button.wp-element-button {
    width: 48% !important;
    padding: 8px 8px !important;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 10px;
    font-weight: 700;
  }

  .woocommerce-page .woocommerce-cart-form #coupon_code {
    width: 50%;
    margin-right: 0;
    padding-left: 0px;
    padding-right: 0px;
    height: 40px;
  }

  .wc-proceed-to-checkout a {
    color: white !important;
    font-size: 16px !important;
  }
}

/************ shop-page *****************/
@media screen and (max-width:1024px) {
  .shop-page img.attachment-woocommerce_single.size-woocommerce_single {
    margin-left: 0px;
    height: 300px !important;
    object-fit: cover !important;
  }

  .shop-page .professional-vlogger-pro-section10 .add_to_cart_button {
    padding: 10px 12px !important;
    border-radius: 3px !important;
    background-color: #375D70;
    font-size: 14px;
    position: relative;
    bottom: 10px;
    margin-right: 20px;
  }

  .shop-page a.added_to_cart.wc-forward {
    background-color: #375D70;
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    margin-top: -10px;
    margin-right: 20px;
  }

}

@media screen and (max-width:768px) {
  .shop-page a.added_to_cart.wc-forward {
    background-color: #375D70;
    color: white;
    text-decoration: none;
    padding: 8px;
    border-radius: 3px;
    margin-top: 0px;
    width: 100px;
    font-size: 12px;
  }

  .wp-block-button {
    text-align: right !important;
    position: relative;
    bottom: 40px;

  }

  .shop-page .professional-vlogger-pro-section10 .add_to_cart_button {
    padding: 10px 12px !important;
    border-radius: 3px !important;
    background-color: #375D70;
    font-size: 14px;
    position: relative;
    bottom: 10px;
    margin-right: 32px;
  }

  .shop-page a.added_to_cart.wc-forward {
    background-color: #375D70;
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    margin-top: -10px;
    margin-right: 32px !important;
  }
}

@media screen and (max-width:425px) and (min-width:320px) {
  #extraordinary-smart-gadgets {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  .video_col {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

  }

  #lorem-ipsum-is-simple-dummy-text-of-the-printing-and-typesetting-industry {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  .shop-page h3.has-text-align-left.wp-block-post-title {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    text-align: center;
  }

  .shop-page .has-text-align-left {
    text-align: center;
  }

  .shop-page .gutentor-element-rating-box {
    text-align: center;
    margin-bottom: 10px;
  }

  .shop-page .wp-block-button {
    position: relative;
    bottom: 12px;
    text-align: center !important;
  }

  .shop-page a.added_to_cart.wc-forward {
    background-color: #375D70;
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    margin-top: 0px;
    margin-right: 0px !important;
  }

  .shop-page .wp-block-button {
    bottom: 12px;
    text-align: center !important;
    display: flex;
    justify-content: center;
  }

  .shop-page .professional-vlogger-pro-section10 .add_to_cart_button {
    padding: 10px 12px !important;
    border-radius: 3px !important;
    background-color: #375D70;
    font-size: 14px;
    position: relative;
    bottom: 0px !important;
    margin: auto;
  }

  .shop-page .shipping-taxable {
    width: calc(100%/1);
  }

  .shop-page img.attachment-woocommerce_single.size-woocommerce_single {
    margin-left: 0px;
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
  }

  h6.stk-block-heading__text.has-text-color.has-text-align-right.has-text-align-left-tablet.has-text-align-center-mobile {
    text-align: center !important;
  }

  #section-1ae82975-2b1d-4d9c-af6a-8f11b35b5773 {
    height: 200px !important;
    background-image: url(https://preview.wpradiant.net/pattern/theme-images/professional-vlogger-pro/video-bg-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


}


@media screen and (max-width:420px) {
	.banner-posts-right.gutentor-blog-grid .video-play-icon {
		top: 0 !important;
		transform: translate(-50%, 50%) !important;
	}
}

@media screen and (max-width:575px) {
  .sidebar-blog-posts-archive .gutentor-post-item {
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .sidebar-blog-posts-archive .gutentor-post-content h3 {
    text-align: center !important;
  }

  .sidebar-blog-posts-archive .gutentor-post-item .gutentor-post-content {
    width: 100% !important; 
    padding-left: 0 !important;
  }
  .sidebar-blog-posts-archive .gutentor-post-image-box {
    width: 100% !important;
    margin-bottom: 0px !important;
  }
  .sidebar-blog-posts-archive .gutentor-post-image-box img {
    width: 100% !important;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.logo-column {
    flex-basis: 50% !important;
    order: 1;
  }
  div.wp-block-columns.header-main-col-one .wp-block-column.logo-column {
    padding: 10px 20px 10px 20px !important;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.header-social-column {
    flex-basis: 50% !important;
    order: 2;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.menu-column {
    flex-basis: 100% !important;
    order: 3;
  }
  .wp-block-column.menu-column .wp-block-group.menu-colun-row {
    justify-content: center !important;
  }
  .banner-posts-right .gutentor-entry-meta-secondary {
    justify-content: center;
    column-gap: 10px !important;
	  flex-wrap: wrap;
  }

  .banner-posts-right {
    position: unset;
    width: 100% !important;
    padding: 0px 20px !important;
  }
  .wp-block-columns.social-media-column-one .wp-block-group.soical-row, .wp-block-columns.social-media-column-two .wp-block-group.soical-row {
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
  }
  .wp-block-column.picked-three-right-col .grid-container .gutentor-post-item {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
    text-align: center;
    gap: 15px;
    margin-bottom: 2rem !important;
  }
  .picked-three-right-col .gutentor-post-image-box {
    width: 150px !important;
  }



  .wp-block-columns.social-media-column-one,
  .wp-block-columns.social-media-column-two {
    justify-content: center;

    & .wp-block-column {
      flex-basis: 50% !important;
      flex-grow: unset !important;
    }
  }

  .wp-block-group.picked-section-two-left-col-group .gutentor-slick-arrows {
    margin-top: 0 !important;
    justify-content: center;
    margin-bottom: 20px;
  }

  .Picked-one-section .tab-section-column .gutentor-image-thumb img {
    width: 150px !important;
    height: 150px !important;
  }

  .tab-section-column-two .gutentor-image-thumb img {
    width: 150px !important;
    height: 150px !important;
  }

  .tab-section-column-two .gutentor-post-image-box {
    width: 100% !important;
  }

  .tab-section-column .gutentor-post-item,
  .wp-block-column.tab-section-column-two .gutentor-post-item {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
    text-align: center;
    margin-bottom: 2rem !important;
  }

  .tab-section-column .gutentor-post-image-box {
    width: 100% !important;
  }

  .tab-section-column .gutentor-post-content {
    width: 100% !important;
    padding-left: 0 !important;
    text-align: center;
  }
}

@media screen and (max-width:320px) {
  .shop-page a.added_to_cart.wc-forward {
    background-color: #375D70;
    color: white;
    text-decoration: none;
    padding: 10px;
    border-radius: 3px;
    margin-top: 2px !important;
    margin-right: 0px !important;
  }

  .wp-block-button {
    text-align: center !important;
    position: relative;
    bottom: 40px;

  }

  #extraordinary-smart-gadgets {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  .about_right_col h2.stk-block-heading__text.has-text-color.has-text-align-left {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 25px !important;
  }

  section.wp-block-group.about_page_sec_one {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
  }

  section.wp-block-group.about_page_sec_one {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
  }

  .about_left_col.is-layout-flow.wp-block-column-is-layout-flow {
    padding: 0px 0px !important;
  }

  .wp-site-blocks h6.stk-block-heading__text.has-text-color.has-text-align-left {
    padding: 0px 10px;
  }

  .about_right_col h2.stk-block-heading__text.has-text-color.has-text-align-left.has-text-align-center-mobile {
    padding: 0px 10px !important;
  }


}

@media screen and (max-width:425px) {
  .single-product-page h3.has-text-align-left.wp-block-post-title {
    text-align: center;
  }

  .single-product-page .wc-block-components-product-price {
    text-align: center;
  }

}

@media screen and (max-width:1199px) and (min-width:992px) {
  header nav ul {
    column-gap: 3.5rem !important;
  }
	.wp-block-column.logo-column {
		flex-basis: 20% !important;
	}
	.wp-block-column.menu-column {
		flex-basis: 55% !important;
	}
	.wp-block-column.header-social-column {
		flex-basis: 25% !important;
	}
	
}

/*********** portfolio page responsive css *****************************************/
@media screen and (max-width:1024px) and (min-width:992px) {
  .latest-work-section {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  #illustrations-for-skygo {
    margin-bottom: 10px !important;
  }

  #illustrations {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-bbbe0f3 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-cdd6a08 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-button-group.stk-block-button-group.stk-block.stk-f428d21 {
    margin-bottom: 0px !important;
  }

  #graphics-for-rooted {
    margin-bottom: 10px !important;
  }

  #graphic-branding {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-c361b36 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-770e6d2 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-button-group.stk-block-button-group.stk-block.stk-2ec9bf0 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .latest-works-heading-stack {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

}

@media screen and (max-width:991px) and (min-width:768px) {
	.wp-block-group.social-media-main-group .gutentor-element-advanced-text-link p {
		margin-bottom: 0 !important;
		margin-left: 10px;
	}


  .sidebar-blog-posts-archive .gutentor-post-image-box img {
    width: 100% !important;
  }
  .wp-block-columns.admin-col .wp-block-column {
    flex-basis: 30% !important;
    flex-grow: unset !important;
  }
  .picked-three-right-col .gutentor-image-thumb img {
    width: 100% !important;
    height: 130px !important;
  }
  .wp-block-group.picked-three-post-group .grid-container {
    max-width: 100% !important;
  }

  .wp-block-group.picked-three-post-group .grid-container .gutentor-image-thumb img {
    width: 100% !important;
  }

  .wp-block-column.picked-three-right-col .grid-container {
    max-width: 100% !important;
  }


  .wp-block-columns.social-media-column-one,
  .wp-block-columns.social-media-column-two {
    justify-content: space-between;

    & .wp-block-column {
      flex-basis: 32% !important;
    }
  }

  .picked-section-two .grid-container {
    max-width: 100% !important;
  }

  .footer-section .footer-main-col {
    column-gap: 30px !important;
    row-gap: 60px !important;
  }

  .wp-block-columns.footer-main-col .wp-block-column.footer-col-one,
  .wp-block-columns.footer-main-col .wp-block-column.footer-col-two {
    flex-basis: 47% !important;
    flex-grow: unset !important;
  }

  .footer-section .name-box,
  .newsletter-form .email-input {
    width: fit-content !important;
  }

  footer .newsletter-form button {
    width: max-content !important;
  }


  .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .wp-block-columns .wp-block-column {
    flex-basis: 100% !important;
  }

  .what-do-section .gutentor-element-progressbar-horizontal-wrap {
    height: 10px !important;
  }

  .what-do-section .what-do-col {
    flex-direction: column-reverse;
  }

  .what-do-section .what-do-col-two {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .latest-work-section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .latest-work-section .latest-works-heading-stack {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  #latest-works {
    margin-bottom: 10px !important;
  }

  .latest-work-section h2.stk-block-heading__text.has-text-color {
    font-size: 32px !important;
    line-height: 42px !important;
    letter-spacing: 0px !important;
  }

  .latest-work-section .latest-main-col-one-2-stack {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  #illustrations-for-skygo {
    margin-bottom: 10px !important;
  }

  #illustrations {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-bbbe0f3 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-cdd6a08 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-button-group.stk-block-button-group.stk-block.stk-f428d21 {
    margin-bottom: 0px !important;
  }

  .latest-work-section .latest-main-col-one-1-stack {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

  }

  .latest-main-col-two {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    flex-direction: column-reverse !important;
  }

  .latest-main-col-one {
    flex-direction: column !important;
  }

  #graphics-for-rooted {
    margin-bottom: 10px !important;
  }

  #graphic-branding {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-c361b36 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-770e6d2 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-button-group.stk-block-button-group.stk-block.stk-2ec9bf0 {
    margin-bottom: 10px !important;
  }

  .wp-block-group.latest-main-col-two-1-stack {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}


@media screen and (max-width:374px) and (min-width:320px) {
	.mtsnb .mtsnb-container {
		padding: 10px 20px !important;
	}
	body.has-mtsnb .wp-block-group.header-section-one {
		margin-top: 58px !important;
	}
}

@media screen and (max-width:474px) and (min-width:375px) {
	.mtsnb .mtsnb-container {
		padding: 10px 10px !important;
	}
	body.has-mtsnb .wp-block-group.header-section-one {
		margin-top: 36px !important;
	}
	
}

@media screen and (max-width:599px) and (min-width:475px) {
	body.has-mtsnb .wp-block-group.header-section-one {
		position: relative;
		top: 36px;
		z-index: 5;
	}
	body.has-mtsnb .wp-block-group.header-section-one.sticky {
		top: 78px !important;
	}
}


@media screen and (max-width:767px) and (min-width:600px) {
	.mtsnb .mtsnb-container {
		padding: 10px 50px !important;
	}
	body.has-mtsnb .wp-block-group.header-section-one.sticky {
		top: 78px !important;
	}
	body.has-mtsnb .wp-block-group.header-section-one {
		position: relative;
		z-index: 5;
		top: 36px !important;
	}
}

@media screen and (max-width:767px) and (min-width:576px) {

	.mtsnb .mtsnb-container a {
		display: inline-block;
	}

  .wp-block-columns.header-main-col-one .wp-block-column.logo-column {
    flex-basis: 50% !important;
    order: 1;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.header-social-column {
    flex-basis: 50% !important;
    order: 2;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.menu-column {
    flex-basis: 100% !important;
    order: 3;
    padding: 20px;
  }
  .wp-block-column.menu-column .wp-block-group.menu-colun-row {
    justify-content: center !important;
  }

  .banner-posts-right {
    position: unset;
    width: 520px !important;
  }
  .banner-posts-right .gutentor-entry-meta-secondary {
    justify-content: center;
    column-gap: 10px !important;
    flex-wrap: nowrap;
  }

  .wp-block-columns.social-media-column-one,
  .wp-block-columns.social-media-column-two {
    justify-content: space-between;

    & .wp-block-column {
      flex-basis: 32% !important;
      flex-grow: unset !important;
    }
  }

  .wp-block-group.picked-section-two-left-col-group .gutentor-slick-arrows {
    margin-top: 0 !important;
    justify-content: center;
    margin-bottom: 20px;
  }

  .Picked-one-section .tab-section-column .gutentor-image-thumb img {
    width: 100% !important;
  }

  .wp-block-column.tab-section-column-two .gutentor-image-thumb img {
    width: 100% !important;
  }

  .blog-category-block .grid-container {
    max-width: 100% !important;

    & .grid-row {
      gap: 10px !important;

      & article {
        flex-basis: 49%;
        margin-bottom: 0px !important;
      }
    }
  }
}

@media screen and (max-width:767px) and (min-width:425px) {
  .latest-work-section {
    padding: 10px !important;

  }

  .latest-work-section .latest-works-heading-stack {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  #latest-works {
    margin-bottom: 10px !important;
  }

  .latest-work-section h2.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 36px !important;
    letter-spacing: 0px !important;
  }

  .latest-work-section .latest-main-col-one-2-stack {
    justify-content: center !important;
    align-items: center !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
  }

  #illustrations-for-skygo {
    margin-bottom: 10px !important;
  }

  #illustrations {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-bbbe0f3 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-cdd6a08 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-button-group.stk-block-button-group.stk-block.stk-f428d21 {
    margin-bottom: 0px !important;
  }

  .latest-work-section .latest-main-col-one-1-stack {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

  }

  .latest-main-col-two {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    flex-direction: column-reverse !important;
  }

  #graphics-for-rooted {
    margin-bottom: 10px !important;
  }

  #graphic-branding {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-c361b36 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-770e6d2 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-two-1-stack .wp-block-stackable-button-group.stk-block-button-group.stk-block.stk-2ec9bf0 {
    margin-bottom: 10px !important;
  }

  .wp-block-group.latest-main-col-two-1-stack {
    justify-content: center !important;
    align-items: center !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
  }

  .latest-work-section span.stk-button__inner-text {
    font-size: 14px !important;
    line-height: 16px !important;
    letter-spacing: 0px !important;
  }

}

@media screen and (max-width:424px) and (min-width:320px) {
  .latest-work-section {
    padding: 5px !important;

  }

  .latest-work-section .latest-works-heading-stack {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  #latest-works {
    margin-bottom: 10px !important;
  }

  .latest-work-section h2.stk-block-heading__text.has-text-color {
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
    text-transform: capitalize !important;
  }

  .latest-work-section .latest-main-col-one-2-stack {
    justify-content: center !important;
    align-items: center !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
  }

  #illustrations-for-skygo {
    margin-bottom: 10px !important;
  }

  #illustrations {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-bbbe0f3 {
    margin-bottom: 10px !important;
  }

  .latest-main-col-one-2-stack .wp-block-stackable-subtitle.stk-block-subtitle.stk-block.stk-cdd6a08 {
    margin-bottom: 10px !important;
  }

  .latest-work-section span.stk-button__inner-text {
    font-size: 14px !important;
    line-height: 16px !important;
    letter-spacing: 0px !important;
  }

  .latest-main-col-two {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    flex-direction: column-reverse !important;
  }

  .wp-block-group.latest-main-col-two-1-stack {
    justify-content: center !important;
    align-items: center !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
  }

  #graphics-for-rooted {
    margin-bottom: 10px !important;
  }

  #graphic-branding {
    margin-bottom: 10px !important;
  }

  .latest-work-section p.stk-block-subtitle__text.stk-subtitle.has-text-color.has-text-align-center-mobile {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
  }

  figure.wp-block-gallery {
    gap: 10px !important;
  }

  .digital-gallery-section .gallery-col-group-one-2 {
    padding-left: 0px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 10px !important;
    flex-direction: column !important;
    margin-top: 10px !important;
  }

  .digital-gallery-section .gallery-col-group-two {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0px !important;
    margin-top: 10px !important;
  }

  .digital-gallery-section .portfolio-container {
    padding: 0px !important;
  }

  .latest-work-section h4.stk-block-heading__text.has-text-color.has-text-align-center-mobile {
    font-size: 20px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
  }

}

/*********** service-page ************************/
@media screen and (max-width:1024px) and (min-width:992px) {
  .service-section .kt-info-box816254_165639-24 {
    margin-top: 30px !important;
  }

  .kt-info-box816254_1b77d6-e9 .kt-blocks-info-box-link-wrap {

    margin-top: 0px !important;
  }


}

@media screen and (max-width:768px) and (min-width:425px) {
  .footer-section-two h2.stk-block-heading__text.has-text-color.has-text-align-center {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    letter-spacing: 0px !important;
  }

  .food-cat-box .gutentor-image-thumb img {
    width: 300px !important;
    height: 210px !important;
    object-fit: fill !important;
  }

  .style-cat-box .gutentor-image-thumb img {
    width: 300px !important;
    height: 210px !important;
    object-fit: fill !important;
  }

  .living-cat-box .gutentor-image-thumb img {
    width: 300px !important;
    height: 210px !important;
    object-fit: fill !important;
  }

  .gadget-cat-box .gutentor-image-thumb img {
    width: 300px !important;
    height: 210px !important;
    object-fit: fill !important;
  }
}

@media screen and (max-width: 991px) {
  div.wp-block-group.header-section-one .wp-block-group.blog-container {
    padding-left: 20px !important;
  }
  .wp-block-group.main-banner-text-grp {
    background-color: #faebd7ba !important;
    padding: 10px !important;
    border-radius: 10px !important;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.logo-column::before {
    box-shadow: unset !important;
    border-right: 0px !important;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.logo-column {
    padding: 10px 20px 10px 20px !important;  
  }
  div.wp-block-columns.header-main-col-one .wp-block-column.logo-column .wp-block-group.logo-column-row {
    padding-left: 0 !important;
  }
}


@media screen and (max-width: 1399px) {
  .wp-block-columns.header-main-col-one .wp-block-column.logo-column::before {
    transform: unset !important;
    border-right: 10px solid #000;
    background-color: #ff0000;
    height: unset !important;
      box-shadow: -18rem 0 0 #FF0000;
  }
  .wp-block-group.header-section-one .wp-block-group.blog-container {
    padding-left: 0 !important;
  }
  .blog-main-banner-section .wp-block-cover.blog-container {
    padding: 0px 20px !important;
  }
  .wp-block-columns.header-main-col-one .wp-block-column.logo-column .wp-block-group.logo-column-row {
    top: unset !important;
    padding-left: 20px !important;
  }

  .wp-block-group.blog-container {
    padding: 0px 20px !important;
  }

  .wp-block-group.main-banner-text-grp {
    margin-top: unset !important;
  }
  .banner-posts-right {
    right: 2rem !important;
  }
}


@media screen and (max-width: 1399px) and (min-width: 1200px) {
	.wp-block-column.menu-column nav ul {
		gap: 4rem !important;
	}
  .wp-block-group.main-banner-text-grp {
    margin-top: unset !important;
  }
  .banner-posts-right {
    right: 2rem !important;
  }
}


@media screen and (max-width: 1599px) and (min-width: 1400px) {
  .wp-block-group.main-banner-text-grp {
    margin-top: unset !important;
  }
  .banner-posts-right {
    right: 2rem !important;
  }
}

@media screen and (max-width: 1920px) and (min-width: 768px) {
  .main-banner-text-grp.animate__zoomInLeft {
    animation: zoomInLeft;
    animation-duration: 1.5s;
    --animate-delay: 0s;
  }

  .style-post-main-col.animate__bounceInLeft {
    animation: bounceInLeft;
    animation-duration: 1.5s;
    --animate-delay: 0s;
  }

  .tab-section-column.animate__bounceInDown {
    animation: bounceInDown;
    animation-duration: 1.5s;
    --animate-delay: 0s;
  }

  .tab-section-column-two.animate__bounceInRight {
    animation: bounceInRight;
    animation-duration: 1.5s;
    --animate-delay: 0s;
  }
  
  .banner-posts-right.animate__fadeInDown {
    animation: fadeInDown;
    animation-duration: 1.5s;
    --animate-delay: 0s;
  }
}