@media only screen and (max-width: 736px) {
	.portfolio-1 .div-cards-protifolio-1 {
		margin: 0 auto;
		background: transparent;
	}
	.d-portfolio-landing .card-portfolio-a{
		padding: 20px 8px !important;
	}
	.div-filter-portfolio-1 {
		justify-content: flex-start !important;
	}
	.hero-3-video {
		flex-direction: column !important;
		height: auto !important;
	}
	.col-box-certificates {
		transform: none;
	}
	.d-text-large-hero-bg-noise-in{
		flex-direction: column;
	}
	.box-content-product-tp-wcc{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.summary.entry-summary{
		margin: 0 !important;
	}
	.products.tp .col-md-4.col-lg-4.col-xxl-3{
		margin: 11px 0;
	}
	.woocommerce .comment-form-author{
		width: 100% !important;
	}
	.woocommerce .comment-form-email{
		width: 100% !important;
	}
	.sidebar-wcc-tp{
		width: 100%;
	}
	.woocommerce-result-count{
	display: none;
	}
	.top-page-zeo-one-topigo-shop-page{
		justify-content:start !important;
	}
	.pr-slider{
		padding: 0 !important;
	}
	.row-tp-dashboard-wcc{
		max-width: 100%;
		margin: 0 auto !important;
	}
	.woocommerce-MyAccount-navigation{
		width: 100% !important;
	}
	.div-item-content-account-tp-wc {
		max-width: 100%;
	}
	.woocommerce-cart-form__cart-item.cart_item{
		background: var(--tp-box-color) !important;
		border-top: 1px solid var(--tp-green);
	}
	.woocommerce-column--shipping-address{
		margin: 20px 0;
	}
	.woocommerce-MyAccount-content .woocommerce-Address{
		margin: 15px 0;
	}
.img-noise-hero-alpha-02{
    margin-left: 0 !important;
    margin-bottom: 19px;
}
	.hero-bg-noise-in{
		padding: 124px 12px !important;
	}
	nav[aria-label="breadcrumb"] {
		background-color: var(--tp-box-color);
		font-size: 14px;
	}
	.video-background{
		justify-content: center !important;
		padding: 0 !important;
		height: 268px !important;
	}
	.video-background video{
		max-width: 100% !important;
		width: 90% !important;
	}
	.hero-3-video{
		padding: 0 !important;
		margin-top: 130px !important;
	}
	.div-item-timeline-3{
		margin: 0 auto !important;
		float: none !important;
	}
	.d-bottom-hero-bg-noise-in {
		flex-direction: column-reverse !important;
		justify-content: space-between !important;
	}
	.hero-dark-02{
		padding-top:15px !important; 
	}
	.section-about-video::before{
		display: none !important;
	}
	.div-item-timeline-3{
		float: none;
	}
	.btn-previous-page {
		background-color: var(--tp-body-color);
	}
	.div-about-video {
		width: 92% !important;
		margin: 33px auto !important;
	}
	.d-about-3{
		padding: 15px !important;
	}
	.head-box-portfolio-det-1 {
		padding: 20px 4px;
		width: 95% !important;
	}
	.title-blog{
		margin: 25px 0;
	}
	.head-content{
		border-top: none !important;
	}
	.posts-blog{
		padding: 21px 0 !important;
	}
	.content-blog {
		margin-top: 0;
	}
	.div-content-sect-404 {
		width: 95%;
	}
	.ul-div-category-blog {
		justify-content: flex-start;
	}
	.quote-box02 {
		justify-content: center;
	}
	.text-about-3 .content-text-about-3{
		margin-bottom: 26px;
	}
	.quote-box02 span {
		width: 12px;
		position: absolute;
		opacity: 0.3;
	}
	.quote-box02 span.bottom-spn-q2 {
		display: none !important;
	}
	.card-sm-post {
		flex-wrap: wrap;
		justify-content: center;
	}
	.card-portfolio-a{
		padding: 20px 8px !important;
	}
	.item-data-and-cat-card-portfolio-a{
		font-size: 11px;
	}
	.content-portfolio-text{
		width: 100%;
	}
	.card-sm-post:hover {
		background: transparent;
		box-shadow: none;
	}
	.card-sm-post img {
		width: 80%;
	}
	.blog-posts-1 .d-posts-right-sm-1 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.card-sm-post .body-sm-card-post {
		width: 80%;
	}
	.b2-blog {
		padding: 21px 15px !important;
	}
	.head-div-section-blog-det2{
		width: 100% !important;
		padding: 4px !important;
	}
	.section-blog-by-slider{
		width: 100% !important;
	}
	.comment-list{
		padding: 0;
	}
	.bottom-text-content-blog{
		margin: 0 !important;
		padding-bottom: 10px;
	}
	.text-content-blog{
		margin-bottom: 0 !important;
	}
	.card-sm-post .top-card-sm-post {
		max-width: 100%;
	}
	.d-timeline-1 .show-d-timeline-1 {
		width: 100%;
	}
	.d-portfolio-2 .div-items-slider-portfolio-2 {
		border-radius: 0;
	}
	.bg-comments-2 {
		display: none;
	}
	.d-comments-2 .d-slider-comments-2 {
		width: 90%;
	}
	.wrapper-comments-2 .item-card-comments-2 {
		padding: 20px;
	}
	.div-contact-2 .img-d-contact-2 img {
		border-radius: 22px;
	}
	.item-card-services-2:hover {
		transform: scale(1);
	}
	.card-timeline-1:hover {
		transform: scale(1);
	}
	.contact-1 .div-contact-1 {
		padding: 0;
	}
	.footer-1 {
		flex-direction: column;
	}
	.footer-1 .text-footer-1 {
		margin: 20px 0;
	}
	.d-text-comments-3 p {
		padding-left: 0;
	}
	.image-card-portfolio-3 img {
		width: 100%;
		height: 127px;
	}
	.d-footer-3 {
		flex-direction: column;
	}
	.btns-and-link-d-hero-04-1 {
		justify-content: center;
	}
	.btns-and-link-d-hero-04-1 .div-btn-d-hero-04-1 {
		border-left-color: transparent;
		margin-left: 0;
	}
}
@media only screen and (max-width: 674px) {
	.comment-form-author, .comment-form-email, .comment-form-url {
		width: 90% !important;
	}
	.det-blog {
		width: 100% !important;
		padding: 27px 8px !important;
	}
}
@media only screen and (max-width: 768px) {
	.head-3-div {
		display: none;
	}
	.header-mobile-o32 {
		display: flex;
	}
	.text-head-box-blog-det-1 {
		width: 97% !important;
	}
	.btn-change-theme-mobile-btn {
		display: flex;
	}
	.flex-div-head-blog-deatlis {
		flex-wrap: wrap;
		justify-content: center;
	}
	.text-box-section-blog-det2 {
		background: transparent !important;
		width: 100% !important;
		position: relative !important;
		box-shadow: none !important;
	}
	.image-box-section-blog-det2 img {
		max-width: 100% !important;
	}
	.post-card-blog-2style {
		padding: 10px !important;
	}
	.slider-swiper-portfolio2 {
		height: 80%;
	}
	.comment-form-url {
		display: inline-flex !important;
	}
	.comment-respond {
		width: 100% !important;
		margin-bottom: 0 !important;
	}
}
@media only screen and (max-width: 794px) {
	.title-large-hero-3-bg {
		font-size: calc(1.375rem + 1.5vw);
		transform: translate(0,0);
	}
	.d-head-hero-3-c {
		flex-direction: column-reverse;
		align-items: center;
	}
}
@media only screen and (max-width: 587px) {
	.title-large-bg {
		right: auto !important;
		left: 1px;
	}
	.div-menu-mobile-3 {
		display: none;
	}
	.header-mobile-o32 {
		display: flex;
	}
}
@media only screen and (max-width: 991px) {
	.buttons-timeline-3 {
		height: 100px;
		margin: 15px 0;
	}
}
@media only screen and (max-width: 771px) {
	.section-hero-2 .d-hero-2 {
		height: auto;
	}
}
@media (max-width: 992px) {
	.timeline {
		padding: 15px;
	}
	.timeline:after {
		border: 0;
	}
	.timeline .timeline-row:nth-child(odd) {
		padding: 0;
	}
	.timeline .timeline-row:nth-child(odd) .timeline-time {
		position: relative;
		top: 0;
		right: 0;
		text-align: right;
		margin: 0 0 17px 0;
	}
	.timeline .timeline-row:nth-child(odd) .timeline-content {
		margin: 0;
	}
	.timeline .timeline-row:nth-child(odd) .timeline-content:before {
		display: none;
	}
	.timeline .timeline-row:nth-child(odd) .timeline-content:after {
		display: none;
	}
	.timeline .timeline-row:nth-child(even) {
		padding: 0;
	}
	.timeline .timeline-row:nth-child(even) .timeline-time {
		position: relative;
		top: 0;
		right: 0;
		margin: 0 0 17px 0;
		text-align: left;
	}
	.timeline .timeline-row:nth-child(even) .timeline-content {
		margin: 0;
	}
	.timeline .timeline-row:nth-child(even) .timeline-content:before {
		display: none;
	}
	.timeline .timeline-row:nth-child(even) .timeline-content:after {
		display: none;
	}
	.col-lg-4.d-left-div-content-services-1 {
		padding: 0 21px !important;
	}
	.section-hero-1 {
		height: auto;
	}
	.title-blog {
		width: 100% !important;
	}
	.head-content {
		justify-content: center;
		padding: 25px 0 !important;
	}
}
@media only screen and (max-width: 768px) {
	.hero-dark-02 {
		height: auto;
	}
}