/**================Search Item=================**/

/*

.search-form {

    background: url(../images/header_serch_img.png) no-repeat 0 0;

    background-size: contain;

    display: flex;

    flex-direction: row-reverse;

    margin: 0 auto;

    height: 60px;

    width: 405px;

}*/



.search-form input {

    width: 350px;

    height: 30px;

    color: #000;

    text-align: right;

    margin-top: 3px;

    font-size: 15px;

    border: 0;

    box-sizing: border-box;

    background-color: transparent;

    border: 1px solid #69276C;

    border-radius: 100px;

    padding: 0 15px;

    z-index: 10;

    position: relative;

}



.search-form input::placeholder {

	color: #69276C;

}

div#wcjapsSearchResult {

    position: absolute;

    background-color: #fff;

    z-index: 999;

    width: 70%;

    border: 1.5px solid #000000;

    border-radius: 5px;

    top: 42px;

    right: 29.8%;

}

div#wcjapsSearchResult ul li {

    padding: 10px 17px;

    border-bottom: 1px solid #E8E8E8;

    display: flex;

    align-items: center;

}

div#wcjapsSearchResult ul li a {

    color: #525252;

    font-size: 14px;

}

div#wcjapsSearchResult ul li img {     

    height: 100%;

    border: 1px solid #eee;

    width: 52px;

    padding: 4px;

    margin-left: 12px;

}

.search-form #searchCloseButton {

    text-align: left;

    position: absolute;

    width: 35px;

    height: 35px;

    margin-top: 5px;

    object-fit: contain;

    margin-left: 4px;

    left: 0;

    top: 0;

    z-index: 1000;

}

.search-form #searchLoadingImg {

    width: 24px;

    z-index: 1000;

}

.search-form  #searchLoadingImg {

    text-align: left;

    position: absolute;

    width: 32px;

    left: 8px;

    top: 5px;

    height: auto !important;

}

div#wcjapsSearchResult {

    position: absolute;

    background-color: #fff;

    z-index: 99;

    width: 74%;

    border: 1.5px solid #511953;

    border-radius: 5px;

    top: 20px;

    right: 25.8%;

    max-height: 350px;

    overflow: auto;

    direction: ltr;

}

div#wcjapsSearchResult ul .noResultsCont {

    border: 0;

}

div#wcjapsSearchResult::-webkit-scrollbar-thumb {

    background-color: #69266C;

}

div#wcjapsSearchResult::-webkit-scrollbar-track {

    border: 1.5px solid #69266C;

}

div#wcjapsSearchResult ul {

    direction: rtl;

    padding-top: 25px;

}



@media only screen and (min-width:1366px) { 

div#wcjapsSearchResult ul li img {     

   width: 58px;

    height: 58px;

    object-fit: contain;

}

}

@media only screen and (min-width:1650px) { 

div#wcjapsSearchResult ul li img {     

    width: 58px;

}

div#wcjapsSearchResult ul li a {

    font-size: 16px;

}

.top-bar {

    margin-right: 50px;

}

.search-form input {

    padding: 0 15px;

    width: 494px;

    height: 35px;

    margin-top: 0;

}

/*.search-form {

    height: 80px;

    width: 508px;

    background-size: contain;

}*/

/*.search-form input::placeholder {

	margin-top: 12px;

	font-size: 22px;

}*/

.menu-navigation nav ul li {

    padding: 0px 25px;

}

div#wcjapsSearchResult {

    height: 370px;

}

}

@media only screen and (max-width:1649px) { 

.search-form #searchCloseButton {

    width: 30px;

    height: 30px;

    margin-top: 3px;

}

.search-form #searchLoadingImg {

    width: 24px;

}

div#wcjapsSearchResult {

    width: 71%;

    right: 27.8%;

}

}

@media only screen and (max-width:1048px) { 

section#find_ur_branch form#searchBranches input::-webkit-input-placeholder {

	/* Edge */

	color: #000000;

	font-size: 14px;

}

 }



@media only screen and (max-width:915px) {  

	.search-form #searchLoadingImg {

		text-align: left;

		position: absolute;

		width: 22px;

		left: 8px;

		top: 8px;

	}

	div#wcjapsSearchResult ul li a:last-child {

    color: #525252;

    font-size: 16px;

    width: 200px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    display: inline-block;

}

	div#wcjapsSearchResult {

		position: absolute;

		background-color: #fff;

		z-index: 999;

		width: 77%;

		border: 1.5px solid #000000;

		border-radius: 5px;

		top: 49px;

		right: 22.8%;

	}

	.search-form input {

		width: 356px;

		height: 21px;

		color: #000;

		text-align: right;

		margin-top: .7em;

		font-size: 14px;

		border: 0;

		box-sizing: border-box;

		background-color: transparent;

		padding-left: 114px;

	}

	section#find_ur_branch form#searchBranches input::-webkit-input-placeholder {

		font-size: 12px;

	}

a.logo img {

    width: 150px;

}

 }

 @media only screen and (max-width:815px) {  

	.search-form input {

		width: 321px;

		height: 17px;

		color: #000;

		text-align: right;

		margin-top: 9px;

		font-size: 14px;

		border: 0;

		box-sizing: border-box;

		background-color: transparent;

		padding-left: 22px;

	}

div#wcjapsSearchResult {

    position: absolute;

    background-color: #fff;

    z-index: 0;

    width: 90.5%;

    border: 1.5px solid #000000;

    border-radius: 5px;

    top: 60px;

    right: 5.3%;

}

.search-form #searchCloseButton {

    width: 25px;

    height: 25px;

}

	.search-form #searchLoadingImg {

    top: 32px;

    left: 25px;

}

	section#find_ur_branch form#searchBranches input::-webkit-input-placeholder {

		font-size: 10px;

	}

a.logo img {

    width: 140px;

}

 }

@media screen and (max-width: 768px) {

.search-form input {

    width: 100%;

    height: 40px;

    color: #000;

    text-align: right;

    margin-top: 0px;

    font-size: 16px;

    border: 0;

    box-sizing: border-box;

    background-color: transparent;

    padding-left: 18px;

}



.search-form input:after {

	content: '';

}

.search-bar {

	padding-top: 31px;

}

.search-form #searchLoadingImg {

    width: 20px;

    left: 22px;

    top: 14px !important;

    z-index: 2;

}

.search-form #searchCloseButton {

    left: 16px;

    top: 7px;

    z-index: 2;

    width: 30px;

    height: 30px;

}

 }

@media screen and (max-width: 580px) {

.search-form {

	width: 100%;

}

a.logo img {

    width: 120px;

    margin-top: 2px;

}

.wishlist {

    padding-top: 19px;

    margin-left: 10px;

    margin-right: 11px;

}

.search-form input {

    height: 30px;

    font-size: 16px;

    padding-right: 35px !important;

}

a.toggle_3strips > span {

    height: 4px;

    width: 30px;

    margin-bottom: 5px;

}
.search-form #searchCloseButton {
    top: -2px;
    left: 2px;
}
.search-form #searchLoadingImg {
    top: 6px !important;
    left: 10px !important;
}
div#wcjapsSearchResult{
    top: 30px!important;
    width: 98.5%;
    right: 0;
}
.search-form {
    position: relative;
}
.search-form:after {
    content: '';
    background-image: url(/wp-content/uploads/2022/03/search-mobile.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 18px;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 8px;
    display: block;
}
}



/*@media screen and (max-width: 365px) {

 .search-form #searchLoadingImg {

    top: 33px;

    left: 22px;

}

}*/