@media only screen and (max-width: 1199px) {
	.main-sec.main-new-highlight #tabs-nav li a {
	font-size: 14px;
	}
	ul#tabs-nav li {
	margin-right: 14px;
	}.search-wrap {
	height: 381px;
	}
	.search-inn input {
	font-size: 18px;
	}
	.search-inn span {
	margin-right: 3px;
	margin-top: 12px;
	width: 19px;
	}
	.escp p {
	color: var(--Secondary-text, #73798F);
	font-family: Wix Madefor Display;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	}
	.search-inn span svg {
	width: 100%;
	}


	.search-mdl .search-results {
		max-height: 280px; /* Adjust the max-height as needed */
		overflow-y: auto;  /* Enables vertical scrolling */
		margin: 15px 0;    /* Optional: adds some space around the results */
	  }
	

}
@media only screen and (max-width: 991px) {
	.top-tbss {
	position: relative;
	}
	.plan-crd {width: 48%;margin-bottom: 4%;}
	.rec-right-cont h4 {
	font-size: 18px;
	}
	.badge-col p {
	font-size: 12px;
	margin: 0 12px 0 0;
	padding-left: 20px;
	}
	.main-sec.main-new-highlight #tabs-nav {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	}
	.main-sec.main-new-highlight #tabs-nav li a {
	white-space: pre;
	}
	.video-mm {
	width: 100%;
	padding-right: 0;
	}
	.main-sec.main-new-highlight .tabs {
	width: 100%;
	padding-left: 0;
	margin-top: 15px;
	}
	.top-tbss:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	/* height: 30px; */
	background: linear-gradient(90deg, #f7f5ff 0%, rgba(250, 251, 255, 0.00) 100%);
	right: auto;
	bottom: 0;
	z-index: 1;
	}
	.top-tbss:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	/* height: 30px; */
	background: linear-gradient(270deg, #f7f5ff 0%, rgba(250, 251, 255, 0.00) 100%);
	left: auto;
	bottom: 0;
	z-index: 1;
	}
	.list-cont-high .clip-btn {
	position: absolute;
	}
	.list-cont-high {
	position: relative;
	}
	.ai-msg {
	width: 90%;

	}
	.ai-img {
	width: 44px;
	height: 44px;
	}
}

@media only screen and (max-width: 767px) {
	.list-rights li {margin-left: 10px;}
	.list-rights li a img {width: 14px;top: 6px;}
	.list-rights li a {font-size: 13px;padding-left: 20px;display: flex;}
	.list-rights li.upgrade-list a {padding: 5px 8px 5px 20px;font-size: 12px;padding-left: 29px;}
	.list-rights li.profile-img a img {width: 31px;height: 31px;}
	.col-9 {width: 80%;}
	.col-3 {width: 20%;}
	.header_logo a, .header_logo a img {width: 100%;display: block;}
	.top-head h2 {font-size: 20px;}
	.seach-icon a, .rec-left-icon {width: 40px;height: 40px;padding: 11px;}
	#tabs-nav li a {font-size: 14px;}
	ul#tabs-nav li {margin-right: 11px;padding: 8px 0px;border-radius: 5px 5px 5px 5px;}
	.type-wrap select {font-size: 14px;padding-right: 17px;}
	.all-type {display: none;}
	.monile-model {display: block;}
	.tabs ul#tabs-nav {width: calc(100% - 80px);}
	.rec-right-cont h4 {font-size: 18px;}
	.rec-right-cont {width: calc(100% - 92px);}
	.badge-col {margin-bottom: 5px;}
	.head-img {width: 44px;height: 44px;}
	.head-content h4 {font-size: 18px;line-height: 24px;}
	.plane-row {padding: 13px 0;}
	body.header.blure-bg{position:relative;}
	body.header.blure-bg:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.48);backdrop-filter: blur(8px);}
	.badges-main {width: calc(100% + 104px);margin-left: -53px;margin-top: 23px;}
	.badge-col p {margin: 0 12px 0 0;}
	ul.breadcrumb {padding-left: 0;width: 100%;}
	.breadcrumbs-main p {text-align: center;}
	.breadcrumbs-main {flex-direction: column-reverse;}
	ul.breadcrumb {margin-bottom: 15px;}
	.upload-btns {position: fixed;z-index: 999;bottom: 20px;width: 100%;left: 0;padding: 0 20px;}
	.upload-btns a {width: 100%;text-align: center;justify-content: center;}
	.tabs ul#tabs-nav {display: flex;flex-wrap: nowrap;}
	/*.tabs ul#tabs-nav li {white-space: pre;} this line was causing a menu issue on small screens */
	ul#tabs-nav:after {content: "";position: absolute;top: 0;right: 0;width: 37px;/* height: 30px; */background: linear-gradient(270deg, #FFF 0%, rgba(250, 251, 255, 0.00) 100%);left: auto;bottom: 0;}
	ul#tabs-nav {position: relative;}
	.tabs ul#tabs-nav {overflow: auto;}
	.top-head h2 {width: 100%;}
	.header_logo a, .header_logo a img {
	width: 121px;
	}
	body {
	background: #F7F5FF;
	padding-top: 60px;
	}
	.ai-msg p,.user-me p {
	font-size: 14px;
	line-height: 22px;
	}
	.main-sec.main-new-highlight .maint-top-srch ul#tabs-nav:after{content:none;}
	.share-main-dd .btn {
	padding: 10px 12px;
	font-size: 14px;
	margin: 0;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	}
	.main-sec.main-new-highlight .badges-main {
	width: 100%;
	margin-left: auto;
	margin-top: 9px;
	}
	.main-sec.main-new-highlight a.for-modal-toggal {
	width: 24px;
	height: auto;border: 0;
	}
	.main-sec.main-new-highlight .heading-tp .main-lifts{
	width: calc(100% - 24px);
	}
	.main-sec.main-new-highlight .heading-tp .main-lifts .foot-tab-row {
	width: 100%;
	}
	.main-sec.main-new-highlight .heading-tp .share-main-dd {
	width: 24px;
	}
	.share-main-dd .three-dot-s {
	margin-top: -23px;
	}
	.main-sec.main-new-highlight .heading-tp .main-lifts .foot-tab-row .rec-right-cont {
	width: 100%;
	}
	.play-button-wrapper #circle-play-b svg {
	width: 50px;
	height: 50px;
	}
	.escp {
	display: none;
	}
	.search-wrap {
	padding: 16px;
	}
	.search-inn input {
	font-size: 14px;
	}
	.links-cp p {
	width: 100%;
	}
	.cp-btns {
	width: 100%;
	margin-left: auto;
	}
	.links-cp {
	flex-direction: column;
	}
	.header.newClass header#myHeader {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 9999;
	}
	.header.newClass.header-hidden header#myHeader {
		transform: translateY(-100%);
	}
}

@media only screen and (max-width: 575px) {
	.mob-none{display:none!important;}
	.header_logo a, .header_logo a img {width: 121px;}
	.selects-mains {flex-direction: column;}
	.select-upload {width: 100%;margin-bottom: 15px;}
	.sub-btn {margin-top: 4px;}
	.rec-btn {margin-top: 4px;}
	.mobile-none {display: none;}
	.mb-bg {padding: 20px;width: calc(100% + 30px);	margin-left: -15px;background: #fff;box-shadow: 0px -30px 26px 22px #ffffff8f;position: relative;}
	.upload-wrap {padding-bottom: 0;}
	.box figure {width: 72px;height: 72px;padding: 21px;}
	.plan-crd {width: 100%;	margin-bottom: 4%;}
	.inner-msg input[type="text"] {
	padding: 16px;
	font-size: 14px;

	}
	.inner-msg .btn {
	font-size: 0;
	}
	.inner-msg .btn {
	font-size: 0;
	width: 48px;
	height: 48px;
	padding: 6px 6px 6px 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	.select-dropdown {
	width: 100%;
	margin-bottom: 15px;
	}
}