@media (min-width: 768px) {
	.mobile {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.desktop {
		display: none !important;
	}
}

@media (max-width: 500px) {
	.offcanvas-detail {
		display: none;
	}

	.stroke-img img {
		width: 52%;
	}

	.why-choose-sec .aos-animate {
		width: 100%;
	}

	.middle-banner-sec .heading {
		font-size: 55px;
	}

	.testi-img-2,
	.test-img {
		width: 100%;
	}

	.portfolio-items .portfolio-image {
		height: auto;
	}

	.pt-50 {
		padding-top: 20px;
	}

	.heading {
		font-size: 38px;
		line-height: 45px;
	}

	.arrow-svg {
		width: 65px;
		margin-left: 30px;
	}

	.th-btn {
		margin-top: 20px;
	}

	.trend-pro-box {
		padding: 0;
	}

	.down-arrow-wrap {
		width: auto;
	}

	.why-choose-sec,
	.middle-banner-sec,
	.new-category-sec {
		overflow: hidden;
	}

	.sticky .logo {
		width: 100%;
	}

	.footer-widgets-wrapper .single-footer-widget {
		margin-top: 50px;
	}

	.footer-widgets-wrapper .single-footer-widget .widget-head {
		width: 100%;
	}

	.footer-section {
		padding-top: 50px;
	}

	.ptb-50 {
		padding: 25px 0px;
	}

	.testimonial-wrapper .testimonial-items {
		padding: 25px 20px;
	}

	.widget-head img {
		width: 45%;
	}

	.category-card {
		margin-top: 20px;
	}

	.logo {
		width: 100%;
	}

	.sidebarMenuInner li img {
		width: 50%;
	}

	.sidebarMenuInner {
		padding-top: 20px;
	}

	.testi-img-2 {
		display: none;
	}

	.testi-img {
		text-align: right;
		right: -20px;
	}

	.testi-img img {
		width: 15%;
	}

	.category-content {
		bottom: 40px;
		left: 100px;
	}

	.category-content h3 {
		font-size: 48px;
	}

	.category-content a {
		font-size: 20px !important;
	}

	.category-content {
		left: 50%;
		transform: translateX(-50%);
		bottom: 15px;
	}

	.category-card-2 .category-content {
		left: 50%;
		transform: translateX(-50%);
		top: 82%;
	}

	.portfolio-content h3 {
		font-size: 28px;
	}

	.women-pr-swiper .swiper-button-next,
	.women-pr-swiper .swiper-rtl .swiper-button-prev,
	.women-pr-swiper .swiper-button-prev,
	.women-pr-swiper .swiper-rtl .swiper-button-next {
		width: 40px !important;
		height: 40px !important;
	}

	.why-choose-sec {
		margin-top: 20px;
	}

	.heading2 {
		font-size: 35px;
		line-height: 36px;
	}

	.why-choose-sec .heading2 {
		margin-bottom: 15px;
	}

	.mid-ban-vec-1 {
		position: relative;

		img {
			width: 100%;
		}
	}

	.middle-banner-sec .heading {
		line-height: 59px;
		font-size: 50px;
	}

	.desc {
		position: relative;
		padding-left: 0;
	}

	.mid-ban-vec-2 {
		display: none;
	}

	.down-arrow-wrap {
		display: none;
	}

	.middle-banner-sec .th-btn {
		margin-right: 10px;
	}

	.mid-ban-vec-3 {
		display: none;
	}

	.trending-pro {
		margin-top: 20px;
	}

	.trend-pro-card p {
		font-size: 22px;
		margin-top: 35px;
	}

	.company-waterpmark p {
		font-size: 45px;
	}

	.footer-section {
		padding-top: 25px;
	}

	.my-img {
		width: 100%;
	}

	/* .women-product-sec .img-fluid, .category-card img {
		width: 100%;
	}


	.step-card-img {
		width: 100%;
	}
 */

	.working-steps-sec,
	.why-choose-sec {
		overflow: hidden;
	}

	.social-icon svg {
		width: 18px;
	}

	.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
		width: 50px;
		height: 50px;
	}

	.bread-vec-1 img {
		height: 50px;
	}

	.bread-vec-4 img {
		height: 50px;
	}

	.breadcrumb-banner {
		padding: 35px 0;
	}

	.bread-vec-3 {
		top: 3%;
	}

	.breadcrumb-text {
		font-size: 30px;
	}

	.about-banner-content {
		padding: 30px;
	}

	.single-working-process .inner {
		padding: 56px 30px 50px;
		min-height: 250px;
	}

	.single-working-process {
		margin-bottom: 25px;
	}

	.about-us .testi-img {
		display: none;
	}

	.mision-card img {
		width: 35%;
	}

	.footer-widgets-wrapper {
		padding-bottom: 40px;
		padding-top: 35px;
	}

	.cart-button {
		display: none;
	}

	.kulfiImage {
		height: 400px;
	}

	.product-des-content {
		margin-top: 20px;
	}

	.relevant-product-sec {
		margin-top: 30px;
	}

	.side-menu-div {
		display: none;
	}

	.sidebar__toggle i {
		font-size: 30px;
	}

	.offcanvas__logo img {
		width: 60%;
	}

	.footer-bottom .footer-wrapper {
		margin-top: 10px;
	}

	.footer-widgets-wrapper
		.single-footer-widget
		.footer-content
		.contact-info-area
		.contact-items
		.content
		p {
		font-size: 14px;
	}
	.about-us-img {
		margin: 0px;
	}

	.product-listing-sec .testi-img{
		display: none;
	}
}

@media (max-width: 400px) {
	.step-card-img img {
		width: 100%;
	}

	.footer-widgets-wrapper .single-footer-widget {
		margin-top: 36px;
	}

	.testi-img img {
		width: 10%;
	}

	.testi-img img {
		width: 10%;
	}

	.mean-container .mean-nav ul li a {
		padding: 4px 0;
	}

	.heading2 {
		font-size: 28px;
		line-height: 36px;
	}

	.why-choose-sec .accordion-button {
		font-size: 22px;
	}

	.company-waterpmark p {
		font-size: 34px;
	}

	.middle-banner-sec .heading {
		line-height: 52px;
		font-size: 42px;
	}

	.middle-banner-sec .th-btn {
		font-size: 15px;
		padding: 16.5px 22px;
	}

	.middle-banner-sec .heading {
		line-height: 52px;
		font-size: 40px;
	}

	.trend-pro-card p {
		font-size: 17px;
		margin-top: 30px;
	}

	.category-content a {
		font-size: 16px !important;
	}

	.category-content h3 {
		font-size: 35px;
	}

	.th-btn {
		font-size: 14px;
		padding: 14.5px 18px;
	}

	.heading {
		font-size: 28px;
		line-height: 30px;
	}

	.steps-card h5 {
		font-size: 22px;
	}

	.footer-widgets-wrapper .single-footer-widget .widget-head h5 {
		font-size: 24px;
	}

	.footer-widgets-wrapper
		.single-footer-widget
		.list-items
		li:not(:last-child) {
		margin-bottom: 8px;
	}

	.footer-widgets-wrapper .single-footer-widget .list-items li a {
		font-size: 14px;
	}

	.footer-widgets-wrapper {
		padding-bottom: 18px;
		padding-top: 30px;
	}

	.breadcrumb-text {
		font-size: 24px;
	}

	.single-working-process .inner h3 {
		font-size: 30px;
	}

	.single-working-process .inner {
		padding: 49px 30px 39px;
	}

	.product-item.style-one .product-info h3.title {
		font-size: 20px;
	}
}


#login_btn {
    position: fixed;
    right: 20px;
    bottom: 30%;
    cursor: pointer;
    opacity: 1;
    z-index: 9999;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}


@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: 
cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: 
cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0, 0, 0);
}
40%, 43% {
    -webkit-transition-timing-function: 
cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: 
cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-transition-timing-function: 
cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: 
cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0, -4px, 0);
}
}