/*
Theme Name: Love pet
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: 1200px;
}
body,h1,h2,h3,h4,h5,h6,p,span,li{
	font-family: "Roboto Condensed", sans-serif !important;
}
:root{
	--color-main: #393d72;
	--color-hong: #ff4880;
	--font-main: "Roboto Condensed", sans-serif;
}

header#header {
    position: absolute;
    top: 0;
    left: 0;
}
.header.show-on-scroll, .stuck .header-main {
    height: 70px !important;
    background-color: var(--color-main);
}
.btn_popup{
	padding: 10px 20px;
	background-color: var(--color-hong);
	color: #fff;
	border-radius: 6px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
}
.nav > li > a{
	font-family: var(--font-main) !important;
}
.header_btn{
	display: flex;
	align-items: center;
	gap: 20px;
}
.header_btn a{
	padding: 5px 20px;
	border-radius: 6px;
	background-color: var(--color-main);
	color: #fff;
	text-decoration: none;
	font-size: 15px;
}
.header:not(.transparent) .header-nav-main.nav > li.active > a{
	border-bottom: 3px solid #ff4880;
}
.header-nav.nav-left {
    justify-content: center;
    gap: 10px;
}
.header-main .nav > li > a {
    line-height: 16px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 900;
}
.home_ss2:before{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
	background-image: url(/wp-content/uploads/2026/01/pet-bg-1.png);
	z-index: 0;
	transform: scale(0.9);
}
.home_ss2 {
    background-image: url(/wp-content/uploads/2026/01/bg-chan.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.home_ss2 .bg_img{
	background-image: url(/wp-content/uploads/2026/01/Peach.png);
    background-position: center center;
    background-size: cover;
}
.home_ss2 .icon-box-img,.home_ss2  .icon-box-img .icon,.home_ss2  .icon-box-img .icon-inner{
	max-height: 105px;
	min-width: 105px;
	max-width: 105px;
	border-radius: 50%;
	overflow: hidden;
}
.home_ss2  .icon-box-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	padding: 0px;
}
.home_ss2 .col_element  .col-inner{
	display: flex;
	flex-direction: column;
	gap: 45px;
}
.home_ss2 .elment_1 .icon-box:nth-child(2){
	margin-left: -30px;
}
.home_ss2 .elment_2 .icon-box:nth-child(2){
	margin-left: 40px;
}
.home_ss3 .img_border img{
	border-radius: 12px;
}
.home_ss3 .row_2 .col{
	padding: 10px;
}
.home_ss3 .row_2 img{
	border-radius: 8px;
}
.home_ss2 .col_element h3 {
    font-size: 20px;
    color: var(--color-main);
    margin-bottom: 0px;
}
.home_ss2 .col_element p {
    font-size: 16px;
    color: var(--color-main);
    margin-bottom: 0px;
}
.custom_title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
}
.custom_title span{
	color: var(--color-hong);
	font-size: 18px;
	font-weight: 500;
	font-family: var(--font-main);
	text-align: center;
}
.custom_title h3{
	font-size: 36px;
	font-weight: 800;
	color: var(--color-main);
	text-align: center;
	font-family: var(--font-main);
	margin-bottom: 0px;
}
.custom_title p{
	font-size: 16px;
	font-weight: 500;
	font-family: var(--font-main);
}
.home_ss4 .icon-box{
	padding: 30px 45px;
	border-radius: 12px;
	height: 100%;
	background-color: #fff;
}
.home_ss4 .icon-box h3{
	font-size: 28px;
	color: var(--color-main);
	font-weight: 800;
	font-family: var(--font-main)
}
.home_ss4 .icon-box p{
	font-size: 16px;
	color: var(--color-main);
	font-weight: 400;
	font-family: var(--font-main)
}
.home_ss4 .row_2 .col-inner{
	height: 100%;
}
.home_ss4 .hong{
	background-color: var(--color-hong);
}
.home_ss4 .xanh{
	background-color: var(--color-main);
}
.home_ss4 .hong h3, .home_ss4 .xanh h3, .home_ss4 .xanh p, .home_ss4 .hong p{
	color: #fff;
}
.home_ss4 .icon-box-img img, .home_ss4 .icon-box-img svg {
    width: 75px;
    height: 75px;
    object-fit: contain;
}
.btn_love{
	margin: 0px;
	padding: 10px 30px;
	background-color: var(--color-main);
}
.home_ss6 .row_slider {
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
}
.home_ss6 .row_slider .col{
	padding: 0px;
}
.home_ss6 .box_video iframe {
    border-radius: 12px;
}
.home_ss6 .box_row_slider .col{
	padding-left: 30px;
}
.home_ss6 .box_row_slider h3{
	font-size: 26px;
	color: var(--color-main);
	font-weight: 800;
    line-height: 1.2;
}
.home_ss7 .custom_tab ul.nav {
    justify-content: center;
    gap: 30px;
}
.home_ss7 .custom_tab ul.nav a {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 11px 20px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--color-main);
}
.home_ss7 .custom_tab ul.nav .active a:before, .home_ss7 .custom_tab ul.nav li:hover a:before{
	display: none !important;
	opacity: 0 !important;
}
.home_ss7 .custom_tab ul.nav .active a, .home_ss7 .custom_tab ul.nav li:hover a{
	background-color: var(--color-main);
	color: #fff;
}
.home_ss8 .custom_title h3,.home_ss8 .custom_title p{
	color: #fff;
	text-align: left;
}
.home_ss10 .box{
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
}
.home_ss10 .box-text p{
	font-weight: 600;
	font-size: 16px;
	color: var(--color-main);
}
.footer_header .banquyen{
	border-left: 2px solid #322B6D;
	padding-left: 10px;
}
.footer_header .banquyen p{
	margin-bottom: 0px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.footer_header .banquyen h4{
	font-size: 16px;
	color: var(--color-hong);
	font-weight: 600;
}
.footer_ss .ux-menu-title, .footer_title h4{
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
}
.footer_ss .menu-item a{
	border: 0px;
	color: #f4f5ff;
	font-size: 16px;
	font-weight: 400;
}
.footer_ss .menu-item:hover a{
	color: var(--color-hong);
}
.form_contact {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
	justify-content: space-between;
}
.form_contact .box_form{
	max-width: calc(50% - 6px);
	flex-basis:  calc(50% - 6px);
}
.form_contact .noidung,.form_contact .submit{
	max-width: 100%;
	flex-basis:  100%;
}
.form_contact .box_form input{
	width: 100%;
	height: 45px;
	margin: 0px;
	border-radius: 5px;
}
.form_contact .box_form textarea {
    min-height: 100px;
	margin: 0px;
    border-radius: 6px;
}
.form_contact .submit input{
	background-color: var(--color-hong);
	font-size: 16px;
	font-weight: 500;
}
.wpcf7-spinner{
	display: none;
}
.gt_ss2 .row_2 .col{
	padding: 0px;
}
.gt_ss2 .row_2 .box{
	background-color: #f4f2ef;
}
.gt_ss2 .row_2 .box h4{
	font-size: 22px;
	font-weight: 600;
	color: var(--color-main);
	text-align: left;
	margin-bottom: 12px;
}
.gt_ss2 .row_2 .box p{
	color: var(--color-main);
	font-size: 16px;
}
.gt_ss2 .row_2 .col:nth-child(3) .box, .gt_ss2 .row_2 .col:nth-child(4) .box {
    flex-direction: row-reverse;
    display: flex;
	align-items: center;
}
.gt_ss2 .row_2 .col:nth-child(3) .box .box-image,.gt_ss2 .row_2 .col:nth-child(3) .box .box-text,
.gt_ss2 .row_2 .col:nth-child(4) .box .box-image,.gt_ss2 .row_2 .col:nth-child(4) .box .box-text{
	max-width: 50%;
	flex-basis: 50%;
}
.video-button-wrapper {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-button-wrapper a{
	color: #fff;
}
.gt_ss3 .row .col{
	padding-bottom: 0px;
}
.row_list_step .col{
	padding: 0px;
}
.row_list_step .row_step{
	margin-bottom: 30px;
}
.row_list_step .col_1, .row_list_step .col_3{
	max-width: 46%;
	flex-basis: 46%;
}
.row_list_step .col_2{
	max-width: 8%;
	flex-basis: 8%;
}
.row_list_step .col_1 .content{
	padding: 20px;
	background-color: #fff;
	color: var(--color-main);
	border-radius: 8px;
	position: relative;
}
.row_list_step .col_1 .content:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translatex(-50%);
    background-color: #fff;
    transform: translateY(-50%) rotate(45deg);
}
.row_list_step .col_1 .content h3{
	color: var(--color-main); 
	font-size: 22px
}
.row_list_step .col_2 .img {
    width: 40px !important;
    height: 40px;
    padding: 8px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.row_list_step .col_2 .img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.row_list_step .col_2 .col-inner{
	display: flex;
	align-items: center;
	justify-content: center;
}
.row_list_step .col_3 .since h4{
	color: #393D72C2;
	font-size: 18px;
	font-weight: 600;
}
.row_list_step .row_2, .row_list_step .row_4, .row_list_step .row_6{
	flex-direction: row-reverse;
}
.row_list_step .row_2 .col_1 .content:before, .row_list_step .row_4 .col_1 .content:before, .row_list_step .row_6 .col_1 .content:before{
	right: calc(100% - 10px);
}
.row_list_step .row_2 .col_3 .since h4, .row_list_step .row_4 .col_3 .since h4, .row_list_step .row_6 .col_3 .since h4{
	text-align: right;
}
.row_list_step > .box_step > .col-inner:before {
    content: "";
    height: calc(100% - 160px);
    width: 4px;
    background-color: var(--color-main);
    position: absolute;
    left: calc(50% - 15px);
    transform: translateX(-50%);
    top: 80px;
}
.lienhe_ss2 .row .col-inner{
	height: 100%;
}
.lienhe_ss2 .icon-box {
    background-color: var(--color-main);
    padding: 30px 20px;
    border-radius: 8px;
	height: 100%;
}
.lienhe_ss2 .icon-box .icon-box-img img,.lienhe_ss2 .icon-box .icon-box-img svg {
    filter: invert(1);
}
.lienhe_ss2 .icon-box-img,.lienhe_ss2 .icon-box-img .icon, .lienhe_ss2 .icon-box-img .icon .icon-inner{
	width: 60px;
	height: 60px;
}
.lienhe_ss2 .icon-box-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.lienhe_ss2 .icon-box-text h3{
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}
.lienhe_ss2 .icon-box-text p{
	color: #fff;
	font-weight: 400;
	margin-bottom: 0px;
	font-size: 16px;
}
.lienhe_ss3 .form_contact{
	gap: 25px;
}
.lienhe_ss3 .form_contact .box_form {
    max-width: calc(50% - 13px);
    flex-basis: calc(50% - 13px);
}
.lienhe_ss3 .form_contact .noidung,.lienhe_ss3 .form_contact .submit {
    max-width: 100%;
    flex-basis: 100%;
}
.product_detail{
	padding-top: 155px !important;
}
.single-product header{
	background-color: var(--color-main);
}
.widget_search {
		box-shadow: 0px 0px 3px #ccc;
		border-radius: 8px;
		padding: 20px;
		background-color: #f4f2ef;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		flex-direction: column;
		gap: 20px;
	}
	.is-divider{
		display: none;
	}
	.widget-title {
		color: var(--color-main);
		text-transform: capitalize !important;
		font-size: 18px !important;
	}
	.widget_search .searchform{
		width: 100%;
		display: flex;
		gap: 10px;
	}
	.widget_search .flex-row.relative {
		gap: 10px;
	}
	.widget_search .searchform input{
		border-radius: 5px;
		height: 45px;
		color: var(--color-main);
	}
	.widget_search .searchform button {
		background-color: var(--color-main);
		height: 45px;
		border-radius: 6px !important;
		width: 45px;
		margin: 0px !important;
	}
	.col_saidbar{
		min-height: 500px;
	}
.box_product_info .product_btn{
	display: flex;
	align-items: center;
	gap: 10px;
	
}
.box_product_info .product_btn .btn_mua {
    padding: 10px 20px;
    background-color: var(--color-hong);
    color: #fff;
    border-radius: 8px;
    flex: 1;
    text-align: center;
}
.box_product_info .product_btn .btn_ct{
	padding: 10px 20px;
    background-color: var(--color-main);
    color: #fff;
    border-radius: 8px;
    flex: 1;
    text-align: center;
}
.box_product_info .product_btn .btn_ct a{
	color: #fff;
}
.box_product_info .product_title{
	color: var(--color-main);
	font-size: 26px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px;
}
.product-extra-content{
	background-color: #f4f2ef;
	border-radius: 12px;
	color: var(--color-main);
	padding: 30px 16px;
}
.product-extra-content .product-section {
    border-top: 0px solid #ececec;
	padding-bottom: 50px;
}
.product-extra-content .product-section h2.title,.related-products-custom h2.title{
	display: flex;
	align-items: center;
	gap: 15px;
	color: var(--color-main);
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.product-extra-content .product-section img{
	width: 100%;
	margin-bottom: 16px;
	border-radius: 8px;
}
.product-extra-content .product-section h2.title img, .related-products-custom h2.title img{
	width: 30px;
	height: auto;
	object-fit: contain;
	margin: 0px;
}

.related-products-custom .products{
	display: flex;
	justify-content: space-between;
}
.related-products-custom .products .product-item {
    max-width: 33%;
    min-width: 33%;
	padding: 6px;
}
.related-products-custom .products .product-item a{
	display: flex;
	flex-direction: column;
	gap: 10px;
	background-color: #fff;
	border-radius: 6px; 
	overflow: hidden;
}
.related-products-custom .products .product-item h3{
	font-size: 18px;
	font-weight: 500;
	color: var(--color-main);
	padding: 0px 8px;
}
.home_ss9 .box_slider .box_img{
	max-width: 17%;
	flex-basis: 17%;
	padding: 6px;
}
.service_ss2 .box_slider .box_img {
	max-width: 25%;
	flex-basis: 25%;
	padding: 10px;
}
.service_ss2 .box_slider .box_img img{
	border-radius: 10px;
}
.service_ss2 .box_slider .flickity-prev-next-button{
	opacity: 1 !important;
}
.service_ss2 .slider-nav-light .flickity-prev-next-button .arrow,.service_ss2 .slider-nav-light .flickity-prev-next-button svg {
    fill: var(--color-main);
}
.service_ss2 .slider-nav-light .flickity-prev-next-button {
    color: var(--color-main);
}
.service_ss3 ul{
	list-style: none;
	padding: 0px;
	margin-top: 20px;
}
.service_ss3 ul li{
	margin: 0px;
	font-size: 16px;
	font-weight: 600;
	color: var(--color-main);
	display: flex;
	align-items: center;
	gap: 10px;
}
.service_ss3 ul li:before{
	content:"";
	width: 25px;
	height: 25px;
	background-image: url(/wp-content/uploads/2026/01/check-hong.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	min-width: 30px;
}
.service_ss3 .custom_title h3{
	text-align: left;
}
.service_ss3 .custom_title p{
	color: var(--color-main);
}
.service_ss4 .row_2 .icon-box{
	background-color: #fff;
	border-radius: 10px;
	padding: 16px;
}
.service_ss4 .row_2 .icon-box-img .icon{
	max-width: 235px;
	height: 235px;
}
.service_ss4 .row_2 .icon-box-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.service_ss4 .row_2 .icon-box-text h3{
	color: var(--color-main);
	font-size: 26px;
	line-height: 1.2;
}
.service_ss4 .row_2 .icon-box-text p{
	color: var(--color-main);
	font-size: 16px;
}
.absolute-footer{
	display: none;
}
.footr_btn_c{
	position: fixed;
	bottom: 70px;
	right: 20px;
	display: flex;
	flex-direction: column;
	z-index: 9999999999999;
	gap: 16px;
}
.footr_btn_c img{
	width: 45px;
	height: 45px;
	object-fit: cover
}
.why_ss4 .row{
	background-color: var(--color-main);
	border-radius: 16px;
	padding: 30px;
}
.why_ss4 .row .col{
	padding-bottom: 0px;
}
.why_ss4 .row .col h3{
	color: #fff;
	font-size: 50px;
	font-weight: 800;
	margin-bottom: 0px;
	line-height: 45px;
}
.why_ss4 .row .col p{
	color: #fff;
	font-size: 15px;
	margin-bottom: 0px;
}
.why_ss3 .custom_title h3{
	text-align: left;
}
.why_ss3 .ux-menu-link__link {
  display: flex;
	align-items: center;
    border: 0px;
    color: var(--color-main);
    font-size: 18px;
    margin: 0px;
    min-height: 20px;
    height: 40px;
	gap: 5px;
}
.why_ss3 .ux-menu-link__link:before{
	content:"";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(/wp-content/uploads/2026/01/chan-hong.webp);
	background-position: center;
	background-size: contain;
	background-origin: center;
	background-repeat: no-repeat;
}
.why_ss3 .ux-menu {
	margin-bottom: 30px;
}
.thamquan_ss2 .custom_title h3{
	text-align: left;
}
.thamquan_ss2 .box_img{
	height: 400px;
	border-radius: 10px;
	overflow: hidden;
}
.thamquan_ss2 .col_2 .col-inner {
    background-color: #f4f2ef;
    padding: 40px 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.thamquan_ss2 .col_2 .icon-box-img {
    display: flex;
    align-items: center;
    height: 60px !important;
    border-radius: 50%;
    border: 1px solid var(--color-main);
    justify-content: center;
    width: 60px !important;
}
.thamquan_ss2 .col_2 .icon-box-img .icon {
    width: 30px;
    height: 30px;
}
.thamquan_ss2 .col_2 .icon-box-img .icon img{
    width: 100%;
    height: 100%;
	object-fit: cover;
	padding-top: 0px;
}
.thamquan_ss2 .col_2 .icon-box-text h3{
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 0px;
	color: var(--color-main);
}
.thamquan_ss2 .col_2 .icon-box-text p{
	color: var(--color-main); 
	font-size: 16px;
	margin-bottom: 0px;
	font-weight: 400;
}
.fqa_ss2 .accordion-title {
    border-top: 1px solid #ffffff;
    background-color: #f4f2ef;
	padding: 20px 60px;
}
.fqa_ss2 .accordion-title span{
	color: var(--color-main);
	font-weight: 600;
	font-size: 20px;
}
.fqa_ss2 .accordion .toggle {
    left: 15px;
    color: var(--color-hong);
}
.fqa_ss2 .accordion-inner p{
	color: var(--color-main);
	font-size: 15px;
}
h1.category-title {
    font-size: 50px;
    color: #fff;
    text-align: center;
}
.home_ss6 .flickity-prev-next-button {
    opacity: 1;
}
.home_ss6 .flickity-prev-next-button.previous {
    left: 0%;
    transform: translateX(0%);
}
.home_ss6 .flickity-prev-next-button.next {
    right: 0%;
    transform: translateX(0%);
}
span.price-contact.btn_open {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 16px;
    background-color: #393d72;
    color: #fff;
    padding: 11px;
    border-radius: 6px;
	cursor: pointer;
}
.popup-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.popup-overlay.active {
    display: flex;
}

.popup-content {
    background: #fff;
    max-width: 500px;
    width: 90%;
    padding: 25px;
    border-radius: 8px;
    position: relative;
    animation: popupFade .3s ease;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}

@keyframes popupFade {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.doitac_ss2 .box_img{
	max-width: 25%;
	flex-basis: 25%;
	padding: 10px !important;
}
.doitac_ss2 .box_img .img-inner{
	border: 1px solid #ccc;
}
.doitac_ss3 .box_img{
	border-radius: 12px;
	overflow: hidden;
}
.doitac_ss3 .row_2 .col_text {
    background-color: #fff;
    padding: 60px 40px;
    border-radius: 10px;
    margin-left: -30px;
}
.doitac_ss3 .box_text h3{
	font-size: 20px;
	color: var(--color-main);
}
.doitac_ss3 .box_text p{
	font-size: 16px;
	color: var(--color-main);
}
.doitac_ss3 .box_text .btn_miao a{
	background-color: var(--color-hong);
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 600;
}
.doitac_ss3 .row_3 .col_text {
    background-color: #fff;
    padding: 60px 40px;
    border-radius: 10px;
    margin-right: -30px;
	z-index: 9;
}
.doitac_ss4 .box_text{
	padding: 30px;
	background-color: #fff;
	border-radius: 16px;
}
.doitac_ss4 .slider{
	background-color: #fff;
	padding: 30px;
}
.doitac_ss4 .box_text p{
	font-size: 18px;
	color: var(--color-main);
	font-weight: 500;
}
.doitac_ss4 .box_text .author{
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 16px;
	color: var(--color-main);
	justify-content: center;
	align-items: center;
}
.doitac_ss4 .box_text .author span{
	font-size: 18px; 
	font-weight: 600;
}
.blog_ss2 .row_tab {
    background-color: var(--color-main);
}
.blog_ss2 .row .col{
    padding: 0px !important;
}
.blog_ss2 .box_tab a {
    padding: 20px;
    text-align: center;
    width: 100%;
    color: #fff;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.blog_ss2 .row_tab{
	margin-top: -20px;
}
.blog_ss2 .row_tab .active .box_tab a, .blog_ss2 .row_tab .box_tab a:hover{
	background-color: #8fc424;
}
.custom_blog_new {
	margin: 0px !important;
}

















@media (max-width: 900px){
	.home_ss9 .box_slider .box_img {
		max-width: 25%;
		flex-basis: 25%;
	}
	.shop-container .product_detail_header .col_saidbar {
		display: none;
	}
	.service_ss4 .row_2 .icon-box-img .icon {
		height: 140px;
	}
	.doitac_ss2 .box_img{
		max-width: 33.3333%;
		flex-basis: 33.3333%;
		padding: 10px !important;
	}
}
@media only screen and (max-width: 500px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.lienhe_ss2 .icon-box{
		padding: 20px 10px;
	}
	.lienhe_ss2 .icon-box-img, .lienhe_ss2 .icon-box-img .icon, .lienhe_ss2 .icon-box-img .icon .icon-inner {
		width: 39px !important;
		max-width: 39px;
		height: 39px;
	}
	.lienhe_ss2 .row .col{
		padding: 6px;
	}
	.lienhe_ss3 .form_contact .box_form {
		max-width: 100%;
		flex-basis: 100%;
	}
	.home_ss2 .elment_1 .icon-box {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
	.home_ss2 .elment_1 .icon-box:nth-child(2) {
		margin-left: 0px;
	}
	.home_ss2 .elment_2 .icon-box {
		flex-direction: column;
		 align-items: center;
	}
	.home_ss2 .icon-box .icon-box-img{
		margin: 0px;
	}
	.home_ss2 .icon-box .icon-box-img .icon-inner{
		margin: 0px !important;
	}
	.home_ss2 .icon-box .icon-box-text {
        text-align: center;
        margin: 0px;
        padding: 0px;
    }
	.home_ss2 .elment_2 .icon-box:nth-child(2) {
		margin-left: 0px;
	}
	.home_ss2{
		padding-bottom: 10px !important;
		padding-top: 30px !important;
	}
	.home_ss6 .box_row_slider .col {
		padding-left: 0px;
	}
	.home_ss7 .custom_tab ul.nav {
		gap: 10px;
	}
	.home_ss8{
		padding-top: 30px !important;
	}
	.home_ss2 .col_element .col-inner{
		gap: 30px;
	}
	.home_ss2 .col_element h3 {
		font-size: 28px;
	}
	.custom_title h3 {
		font-size: 28px;
		line-height: 1.2;
	}
	.custom_title span {
		font-size: 15px;
	}
	.home_ss4 .icon-box h3 {
		font-size: 25px;
	}
	.home_ss4 .icon-box {
		padding: 30px;
	}
	.home_ss9 .box_slider .box_img {
		max-width: 34%;
		flex-basis: 34%;
	}
	.home_ss9{
		padding-bottom: 0px !important;
	}
	 .header-main {
        height: 70px !important;
		 padding: 10px;
    }
    #logo img {
        max-height: 40px !important;
    }
	.mfp-content{
		background-color: var(--color-main) !important;
	}
	.off-canvas .nav-vertical>li>a{
		color: #fff !important;
		font-weight: 600;
	}
	.nav>li.has-icon>a>i {
		color: var(--color-main);
	}
	.gt_ss2 .row_2 .col:nth-child(3) .box, .gt_ss2 .row_2 .col:nth-child(4) .box {
		flex-direction: column;
	}
	.gt_ss2 .row_2 .col:nth-child(3) .box .box-image, .gt_ss2 .row_2 .col:nth-child(3) .box .box-text, .gt_ss2 .row_2 .col:nth-child(4) .box .box-image, .gt_ss2 .row_2 .col:nth-child(4) .box .box-text {
		max-width: 100%;
		flex-basis: 100%;
	}
	.gt_ss3{
		padding: 30px 0px !important;
	}
	.row_list_step .col_1, .row_list_step .col_3 {
		max-width: 80%;
		flex-basis: 80%;
	}
	.row_list_step .row_2, .row_list_step .row_4, .row_list_step .row_6 {
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.row_list_step .col_1 .content h3 {
		font-size: 20px;
	}
	.row_list_step > .box_step > .col-inner:before {
		width: 4px;
        left: 26px;
        transform: translateX(-50%);
        top: 110px;
        height: calc(100% - 230px);
	}
	.related-products-custom .products .product-item {
		max-width: 70%;
		min-width: 70%;
		padding: 6px;
	}
	.related-products-custom .products {
		overflow-x: scroll;
	}
	.service_ss4 .row_2 .icon-box-img .icon {
        height: 245px;
    }
	.service_ss4 .row_2 .icon-box .icon-box-img{
		display: flex;
		justify-content: center;
	}
	.service_ss2 .box_slider .box_img{
		max-width: 50%;
		flex-basis: 50%;
	}
	.fqa_ss2 .row .col{
		padding-bottom: 0px !important;
	}
	.doitac_ss2 .box_img{
		max-width: 50%;
		flex-basis: 50%;
		padding: 10px !important;
	}
	.doitac_ss3 .row_2 .col_text{
		margin-left: 0px;
	}
	.doitac_ss3 .row_3{
		flex-direction: column-reverse;
	}
	.doitac_ss4 .box_text {
		padding: 0px;
		background-color: #fff;
		border-radius: 16px;
	}
	.doitac_ss3 .row_3 .col_text{
		margin-right: 0px;
	}
	.doitac_ss4 .box_text p {
		font-size: 16px;
	}
}