@media (max-width: 640px) {

	.footer .font-checkbox {
		font-size: 10px;
	}

	.footer .col-12 {
		margin-bottom: 5px;

	}

	h1 {
		font-size: 38px;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 26px;
	}

	h4 {
		font-size: 22px;
	}

	h5 {
		font-size: 18px;
	}

	label {
		font-size: 14px;
	}

	.pe-1 {
		padding-right: 12px !important;
	}

	.ps-1 {
		padding-left: 12px !important;
	}


	.trade-btns {
		width: 100%;
		margin: 20px 0px 20px 0px;
	}

	.tradeTitle {
		padding-bottom: 60px;
	}

	.whiteContainer {
		padding: 20px;
	}

	.whiteContainer p {
		margin-left: 0px;
		margin-right: 0px;
	}

	.docLabel1 {
		width: 38%;
		margin-left: 9px;
	}

	.docInput {
		margin-left: 10px;
	}

	.slideLeftText {
		left: 20px;
		width: 90%;
	}

	.slideLeftTitle {
		width: 100%;
		left: 0px;
		font-size: 26px;
	}

	.newArrivalName {
		font-size: 16px;
		font-family: var(--bs-font-sans-serif);
	}

	.NewArrivalViewMore {
		font-family: var(--bs-font-sans-serif);
	}

	.newArrivalCard img {
		height: auto;
	}

	.newArrivalCard .newPrice {
		display: block;
	}

	.filter .accordion-body .filter-trigger {
		margin: 10px 0px 10px 0px;
	}

	.filter {
		background: white;
		top: 96px;
		height: calc(100% - 215px);
		margin-bottom: 10px;
	}

	.filterDesktop {
		display: none;
	}

	.filterMobile {
		display: block;
		max-height: 100%;
		background-color: white;
	}

	.filterMobile panel {
		padding: 12px;
		overflow-y: auto;
		background: #fff;
		width: 100%;
	}


	.filterMobile a {
		text-decoration: none;
		color: black;
	}

	.question, .awnswerText {
		text-align: justify;
	}

	.termsSlide {
		margin-left: -12px;
		margin-right: -12px;
		margin-bottom: 10px;
	}

	.titleTerms {
		top: 225px;
		margin-left: 18px;
	}

	.lineTermsMenu {
		margin-top: 10px;
	}

	.swiperTerms {
		height: 50px;
	}

	.swiperTerms .swiper-slide a {
		color: black;
		background-color: transparent;
		font-size: 21px;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
	}

	.swiperTerms .active {
		text-decoration: underline;
	}

	.swiperTerms .swiper-slide {
		margin: 0px;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.swiperTerms .swiper-button-next::after, .swiperTerms .swiper-button-prev::after {
		font-size: 15px !important;
		margin: 0px;
	}

	.swiperTerms .nav-link {
		padding: 0px;
	}

	.filterTerms, .filterTerms2 {
		display: none;
	}


	.filterMobile .accordion {
		color: #000000;
		cursor: pointer;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 14px;
		transition: 0.04s;
	}

	.filterMobile .accordion-button {
		font-size: 14px;
		padding: 10px 0px 10px 0px;
	}

	.filterMobile .active {
		margin-bottom: 10px;
	}

	.filterMobile .typeSelected {
		font-family: 'Inter-Semi-Bold';
	}

	.filterMobile .backTo {
		margin-bottom: 10px;
		color: #BDA96B;
	}

	.filterMobile .backTo:hover {
		font-family: 'Inter-Semi-Bold';
	}

	.filterMobile .accordion label {
		color: #000000;
		cursor: pointer;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 16px;
		transition: 0.04s;
	}

	.filterMobile .active {
		font-family: 'Inter-Semi-Bold';
	}





	/* The container */
	.filterMobile .container {
		display: block;
		position: relative;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin-bottom: 5px;
	}

	/* Hide the browser's default radio button */
	.filterMobile .container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

	.filterMobile .container span {
		padding-left: 10px;
	}


	.filterMobile .container span:hover {
		text-decoration: underline;
	}

	/* Create a custom radio button */
	.filterMobile .checkmark {
		position: absolute;
		top: 3px;
		left: 0;
		height: 18px;
		width: 18px;
		background-color: white;
		border-radius: 50%;
		border: 1px solid black;
	}

	/* On mouse-over, add a grey background color */
	.filterMobile .container:hover input~.checkmark {
		background-color: white;
	}

	/* When the radio button is checked, add a blue background */
	.filterMobile .container input:checked~.checkmark {
		background-color: white;
	}

	/* Create the indicator (the dot/circle - hidden when not checked) */
	.filterMobile .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the indicator (dot/circle) when checked */
	.filterMobile .container input:checked~.checkmark:after {
		display: block;
	}

	#filterMobile-collapse {
		overflow-y: scroll;
		max-height: 74vh;
	}


	/* Style the indicator (dot/circle) */
	.filterMobile .container .checkmark:after {
		top: 3px;
		left: 3px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: black;
	}

	.termsDiv {
		text-align: center
	}

	.termsDiv h5 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.termsleft {
		padding-right: 15px;
		padding-left: 15px;
		text-align: left;
	}

	.nav {
		padding-left: calc(var(--bs-gutter-x) * .5);
	}

	.gradesFirstRow {
		padding-left: 0px;
		padding-right: 0px;
	}

	.leftHomeSlide {
		padding: 0px;
	}

	.leftHomeSlide p {
		padding-left: 5px;
		padding-right: 5px;
	}

	.leftHomeSlide img {
		width: 100%;
		margin-bottom: 20px;

	}

	.rightHomeSlide {
		width: 100%;
	}




	/************************* PAGE PRODUCTS ************************/


	#modalDetails .modal-body {
		padding-bottom: 0px;
	}

	#modalDetails .modal-footer .modal-btns button {
		margin-top: 10px;
		width: 100%;
	}

	#modalDetails .imgSlick img, #realPhotos .imgSlick img {
		width: 270px;
	}

	#modalDetails .modal-title, #realPhotos .modal-title {
		text-align: center;
		font-size: 24px;
	}

	

	.infoProduct p {
		font-size: 12px
	}



	.changeableImg {
		display: none;
	}

	.nav-pills .nav-link.active, .nav-pills .nav-link {
		font-size: 20px;
	}

	.nav-link {
		padding: 20px 10px 0px 10px;
	}

	.modal-content {
		width: 100% !important;
	}


	.detailsMain, .realPhotosMain {
		height: 350px;
		width: 300px;
	}

	.breadcrumb span {
		font-size: 10px;
	}

	.productInfo {
		text-align: center;
	}

	/****************************************************************/

	.modal-title h5 {
		font-size: 24px;
		margin-top: 20px;
	}

	.tradeProgramText p {
		font-size: 18px;
	}

	.tradeProgramText, .tradeProgramBtn, .backSignIn, .termsModal {
		font-size: 12px;
	}

	.backSignIn button {
		font-size: 12px;
	}

	.termsModal p, .termsModal a, .ChecktermsTrade label {
		font-size: 10px;
	}

	.btn-outlet-modal-img {
		width: 100%;
	}

	.productMain .swiper-slide img {
		width: 100% !important;
		height: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.productMain .slide-product-item {
		height: 100% !important;
	}

	.swiper-button-next::after, .swiper-button-prev::after {
		font-size: 30px !important;
	}

	.btnsTop, .helpBtns {
		margin-top: 30px;
	}

	.helpBtnsTitle {
		margin-bottom: 10px;
	}

	.swiper.productMain {
		height: 400px !important;
		width: 100% !important;
	}

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


	.allProducts {
		padding-top: 10px;
	}

	.rowFilterOnTop {
		text-align: center;
		display: block;
	}

	.filterOnTop, .filterOnTop span {
		margin-bottom: 10px;
	}

	.hideMobile {
		display: none !important;
	}

	.fullScreenMobile ul li div {
		text-align: start;
		height: 34px;
	}

	.fullScreenMobile ul li a, .fullScreenMobile ul li span {
		font-size: 16px;
		font-family: 'Inter';
		text-transform: uppercase;
	}

	.searchNotFound {
		color: white;
	}

	.mobileSearch:focus {
		border: 1px solid black;
	}

	#loader {
		top: 103px;
	}

	#slides {
		margin: 0;
	}

	.swiperTerms .swiper-button-next, .swiper-rtl .swiper-button-prev {
		right: 0px;
		left: auto;
		background-color: white;
	}

	.swiperTerms .swiper-button-prev, .swiper-rtl .swiper-button-next {
		left: 0px;
		right: auto;
		background-color: white;
	}

	.homeBtns {
		width: 100% !important;
		line-height: 36px !important;
	}

	.fullScreenMobile .row{
		margin-left:0px;
		margin-right: 0px;
	}


}