/******************** COMMON CSS STARTS ********************/
	/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
	@font-face {
	  font-family: Futura-book;
	  src: url('../../fonts/Futura-Book-font.woff');
	  font-display: swap;
	}
	@font-face {
	  font-family: Times-new-roman-bold;
	  src: url('../../fonts/times-new-roman-bold.woff');
	  font-display: swap;
	}
	@font-face {
	  font-family: Times-new-roman;
	  src: url('../../fonts/times-new-roman.woff');
	  font-display: swap;
	}
	*{
		font-family: Futura-book, sans-serif;
		/*font-family: 'Roboto', sans-serif;*/
		scroll-behavior: smooth;
	}
	body {
    font-weight: 400;
    color: #000000 !important;
}
	.switch {
	  	position: relative;
	    display: inline-block;
	    width: 50px;
	    height: 27px;
        top: 0px;
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus, 
	input:-webkit-autofill:active{
	    -webkit-box-shadow: 0 0 0 140px white inset !important;
	}
	input:-webkit-autofill{
	    -webkit-text-fill-color: #000 !important;
	}
	.form-control:disabled, .form-control[readonly], .form-select:disabled{
		background: #fff !important;
	    color: #bab9b9;
	}

	.form-control, .form-select{
	    border: 0 !important;
	    border-bottom: 1px solid #d8d8d8 !important;
	    border-radius: 0 !important;
	}
	.search-box.input-group .form-control, #search-modal .form-control.search-icon{
		border: 1px solid #ced4da !important;
		border-radius: 3px !important;
		color: #000;
		padding-left: 40px;
		font-size: 15px;
	}
	.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
		padding-top: 30px;
		color: #000;
	}
	th {
	    text-align: inherit;
	    text-align: -webkit-match-parent;
	    font-weight: 500;
	    font-size: 15px;
	}
	td{
		font-size: 15px;
	}
	.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
		margin-left: 0px;
	}
	#search-modal .input-icon-search.header-icon-search, .side-filter-panel .input-icon-search.filter-icon-search{
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
		max-width: 18px;
		z-index: 999;
	}
	.search-fixed-body{
		max-height: 230px;
	    overflow: hidden;
	    overflow-y: auto;
	}
	.search-fixed-body .form-check {
		margin-bottom: 15px;
	}
	.dropdown-item:focus, .dropdown-item:hover {
	    color: #020202;
	    background-color: #f6f6f6 !important;
	}
	.dropdown-item.active, .dropdown-item:active {
	    color: #000;
	    text-decoration: none;
	    background-color: #f6f6f6;
	}
	.search-box.input-group .form-control::placeholder{
		color: #B4AFAF;
	}
	.form-floating>label{
	    color: #949494;
	    font-weight: 500;
	    opacity: 1 !important;
	    padding-left: 0;
	    font-size: 15px;
	}
	.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
		color: #000 !important;
	}
	.form-floating>.form-control{
		padding-bottom: 10px;
	    height: auto;
	    padding-left: 0;
	}
	.modal-header h3 {
	    color: #000;
	    font-size: 16px;
	    font-weight: 600;
	    text-decoration: underline;
	}

	.accordion-button{
		font-size: 15px;
	}

	.spacer-dsk{
		padding: 30px 0px 50px 0px;
	}

	.switch input { 
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #d7d7d7;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.slider:before {
	  	position: absolute;
	    content: "";
	    height: 21px;
	    width: 21px;
	    left: 2px;
    	bottom: 3px;
	    background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked + .slider {
	  background-color: #000;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #000;
	}

	input:checked + .slider:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
	}

	.darveys-nav-children {
		width: 100% !important;
	    top: 51px !important;
	    z-index: 1 !important;
	    box-shadow: 0 0 0px -3px rgb(0 0 0 / 60%) !important;
	    overflow: hidden;
	}
	/* .desktop-header{
		position: relative;
	}
	.desktop-header:before{
		position: absolute;
		content: '';
		background: #000;
		opacity: 0.7;
		height: 100%;
		width: 100%;
		top: 100px;
		left: 0;
		z-index: 99;
	} */
	/*.darveys-nav-children:hover .desktop-header:before{
		opacity: 0.5;
	}*/

	#site-nav__main, ul#site-nav__main li {
	    position: unset !important;
	    margin-right: 0px !important;
	}

	/* Rounded sliders */
	.slider.round {
	  border-radius: 34px;
	}

	.d-mbl{
		display: none !important;
	}

	.slider.round:before {
	  border-radius: 50%;
	}
	
	/* width */
	.middle-box::-webkit-scrollbar {
	  width: 3px;
	}

	/* Track */
	.middle-box::-webkit-scrollbar-track {
	  background: #fff; 
	}
	 
	/* Handle */
	.middle-box::-webkit-scrollbar-thumb {
	  background: #f5f5f5; 
	}

	/* Handle on hover */
	.middle-box::-webkit-scrollbar-thumb:hover {
	  background: #f5f5f5; 
	}

	/* width */
	.cs-ddl__menu-list::-webkit-scrollbar {
	  width: 0px !important;
	}

	/* Track */
	.cs-ddl__menu-list::-webkit-scrollbar-track {
	  background: #fff; 
	}
	 
	/* Handle */
	.cs-ddl__menu-list::-webkit-scrollbar-thumb {
	  background: #f5f5f5; 
	}

	/* Handle on hover */
	.cs-ddl__menu-list::-webkit-scrollbar-thumb:hover {
	  background: #f5f5f5; 
	}

	/* width */
	::-webkit-scrollbar {
	  width: 3px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background: #fff; 
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #f5f5f5;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #f5f5f5; 
	}

	
	/* width */
	.newsletter.size-guide .newsletter-body::-webkit-scrollbar {
	  width: 3px;
	}

	/* Track */
	.newsletter.size-guide .newsletter-body::-webkit-scrollbar-track {
	  background: #fff; 
	}
	 
	/* Handle */
	.newsletter.size-guide .newsletter-body::-webkit-scrollbar-thumb {
	  background: #f5f5f5; 
	}

	/* Handle on hover */
	.newsletter.size-guide .newsletter-body::-webkit-scrollbar-thumb:hover {
	  background: #f5f5f5; 
	}

	.form-control.is-invalid, .was-validated .form-control:invalid{
		background-image: unset !important;
	}
	.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
	    border-color: #dc3545;
	    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 0%);
	}


	/* width */
	#authModal::-webkit-scrollbar {
	  width: 3px;
	}

	/* Track */
	#authModal::-webkit-scrollbar-track {
	  background: #fff; 
	}
	 
	/* Handle */
	#authModal::-webkit-scrollbar-thumb {
	  background: #f5f5f5; 
	}

	/* Handle on hover */
	#authModal::-webkit-scrollbar-thumb:hover {
	  background: #f5f5f5; 
	}




	/* width */
	.accordion-body::-webkit-scrollbar {
	  width: 3px;
	}

	/* Track */
	.accordion-body::-webkit-scrollbar-track {
	  background: #fff; 
	}
	 
	/* Handle */
	.accordion-body::-webkit-scrollbar-thumb {
	  background: #f5f5f5; 
	}

	/* Handle on hover */
	.accordion-body::-webkit-scrollbar-thumb:hover {
	  background: #f5f5f5; 
	}


	/* width */
	.cart-text::-webkit-scrollbar {
	  width: 0px;
	}

	/* Track */
	.cart-text::-webkit-scrollbar-track {
	  background: #f5f5f5; 
	}
	 
	/* Handle */
	.cart-text::-webkit-scrollbar-thumb {
	  background: #f5f5f5; 
	}

	/* Handle on hover */
	.cart-text::-webkit-scrollbar-thumb:hover {
	  background: #f5f5f5; 
	}


	/* width */
	.catalogue-section .sticky .side-filter-panel::-webkit-scrollbar {
	  width: 0px;
	}

	/* Track */
	.catalogue-section .sticky .side-filter-panel::-webkit-scrollbar-track {
	  background: transparent; 
	}
	 
	/* Handle */
	.catalogue-section .sticky .side-filter-panel::-webkit-scrollbar-thumb {
	  background: transparent; 
	}

	/* Handle on hover */
	.catalogue-section .sticky .side-filter-panel::-webkit-scrollbar-thumb:hover {
	  background: transparent; 
	}

	.tmrb{
		font-family: Times-new-roman-bold, sans-serif;
	}
	.tmr{
		font-family: Times-new-roman, sans-serif;
	}
	.header{
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		background: #fff;
	}
	a, a:hover{
		text-decoration: none;
		color: #000;
	}
	h1,h2,h3,h4,h5,h6,p{
		margin-bottom: 0px;
	}
	.form-check-input:focus {
	    border-color: #b0b0b0 !important;
	    outline: 0;
	    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
	}
	.h-80vh{
		height: 80vh;
		overflow-y: auto;
	}
	.h-90vh{
		height: 90vh;
		overflow-y: auto;
	}
	.h-100vh{
		height: 100vh;
		overflow-y: auto;
	}
	.pl-0{
		padding-left: 0px;
	}
	.pr-0{
		 padding-right: 0px;
	}
	.bg-lightred{
		background: #e6c5c5;
	}
	.f-16{
		font-size: 16px;
	}
	.f-18{
		font-size: 18px;
	}
	.w-135{
		width: 135px !important;
	}
	.bg-white{
		background: #fff;
	}
	.align-items-flex-end{
		align-items: flex-end;
	}
	.text-right{
		text-align: right;
	}
	.text-center{
		text-align: center;
	}
	.text-left{
		text-align: left !important;
	}
	p, ol, .accordion-body{
	    /* color: #949494; */
	    font-size: 15px;
	    line-height: 30px;
	}
	.text-grey{
		color: #949494 !important;
	}
	.search-categories p:hover span.text-grey{
		color: #000 !important;
	}
	.readmore-footer{
		background: #fafafa;
		text-align: center;
    	padding: 15px;
	}
	.readmore-footer button{
		border: none;
		background: #fafafa;
	}
	.btn-blank{
		background: transparent;
		padding: 0px;
		border: none;
	}
	.bg-light{
		background: #fafafa !important;
	}
	.bg-mobile-light{
		background: #40404012 !important;
	}
	.bb{
		border-bottom: 1px solid #e2e2e2;
	}
	#more {
		display: none;
	}
	.btn-primary, .btn-primary:hover{
		background: #000 !important;
		color: #fff;
		width: 100%;
		border-radius: 3px;
		border:  1px solid #000;
	    padding: 10px 15px;
    	font-size: 15px;
    	box-shadow: none !important;
    	letter-spacing: 1px;
	}
	.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
		max-width: 65% !important;
		max-height: 100%;
		object-fit: contain;
	}
	.side_cart_modal>.ReactModal__Overlay{
		transform: translateX(0px) !important;
	}
	.btn-bordered, .btn-bordered:hover{
		background: transparent !important;
		color: #000;
		width: 100%;
		border-radius: 3px;
		border:  1px solid #000;
		padding: 10px 15px;
		box-shadow: none !important;
		/*letter-spacing: 1px;*/
		font-size: 15px;
	}
	.btn-bordered-grey, .btn-bordered-grey:hover{
		background: transparent;
		color: #000;
		width: 100%;
		border-radius: 3px;
		border:  1px solid #c3c3c3;
		padding: 10px 15px;
		letter-spacing: 1px;
		font-size: 15px;
	}
	.button .btn-primary, .button .btn-primary:hover{
	    padding: 10px 15px;
	}
	.text-underline{
		text-decoration: underline !important;
	}
	.side-cart{
	    display: none;
	    height: 100vh;
	    align-items: center;
	    position: relative;
	}
	aside.side-filter-panel .accordion-item{
		border-bottom: 1px solid #eaeaeac2;
	}
	.accordion-flush .accordion-item:last-child {
	    border-bottom: 1px solid #eaeaeac2;;
	}
	.side-cart:before{
		position: absolute;
		content: '';
		background: #000;
		opacity: 0.7;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
	}
	.side-cart .left-box{
	    width: 100%;
	    height: 100%;
	}
	.side-cart .right-box{
	    height: 100%;
	    align-items: center;
	    display: none;
	    padding: 9px 25px 25px 25px;
	    background: #fff;
	    text-align: center;
	    width: 0%;
	}
	.side-cart .right-box.has-items{
		align-items: unset;
	}
	.side-cart .right-box img{
		max-width: 100%;
    	width: 100px;
	}.side-cart .right-box .close-btn img{
		max-width: 100%;
    	width: 17px;
	}
	.close-btn{
	    position: absolute;
	    right: 20px;
	    top: 10px;
	}
	.close-btn img{
		height: 20px;
	}
	.form-control:focus {
	    color: #212529;
	    background-color: #fff;
	    border-color: #000;
	    outline: 0;
	    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
	}
	.btn-check:focus+.btn, .btn:focus {
	    outline: 0;
	    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
	}
	.accordion-button:focus {
	    z-index: 3;
	    border-color: #86b7fe00;
	    outline: 0;
	    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
	}
	.darveys-image-sub-menu {
	    margin-right: 0px !important;
	    text-align: right;
	}
	.darveys-image-sub-menu .inner-img-text h6{
		text-align: left;
		margin-top: 12px;
    	letter-spacing: 0.5px;
    	font-size: 15px;
    	text-transform: uppercase;
	}
	/*.darveys-image-sub-menu a, .darveys-image-sub-menu .inner-img-text{
		max-width: 90%;
	}*/
	.darveys-image-sub-menu .inner-img-text a{
		max-width: 100%;
		text-decoration: underline;
	}
	.darveys-image-sub-menu .inner-img-text{
		margin-left: auto;
	}
	.spacer{
		padding: 25px 0px;
	}
	.bg-grey, .bg-grey:hover {
	    background: #d8d8d8 !important;
	    color: #000;
	    border: 1px solid #d8d8d8;
	} 
	.bg-header{
		background: #000;
	    width: 100%;
	    opacity: 0.7;
	    position: absolute;
	    top: 53px;
	    left: 0;
	    height: 1200px;
	    display: none;
	}
	#site-nav__main li.hover .bg-header{
		display: block;
		z-index: 1;
	}
	.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-floating>.form-select{
	    background-image: url(/assets/images/icons/right-arrow-angle.png);
    	background-size: 15px;
	}
	.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
	    border-color: #dc3545;
	    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 0%) !important;
	}
	.breadcrumb-heading.spacer {
	    padding: 25px 0px 25px 0px;
	}
	.center-text-custom .form-input.mt-25 {
	    margin-right: 25px;
	}
	.contact-form.center-text-custom .col-md-6.mt-25 .form-input{
		margin-left: 15px;
	}
	.contact-form.center-text-custom .btn-primary{
		width: 75.3% !important;
	}
	.address-text.center-text-custom h4{
		font-size: 20px;
	}

	.alphabets{
		border: 1px solid #d5d5d5;
		padding: 10px 0px;
		border-left: none;
		border-right: none;
		margin: 40px 0px;
		margin-bottom: 0;
	}
	.alphabets ul{
		list-style: none;
	}
	.alphabets ul li{
		display: inline-block;
		margin: 0px 20px;
		font-size: 15px;
	}
	.alphabets ul li:first-child, .designer-by-alpha ul li:first-child{
		margin-left: 0px;
	}
	.designer-by-alpha{
		padding: 40px 0px;
    	border-bottom: 1px solid #d5d5d5;
	}
	.designer-by-alpha .main-alpha{
		font-size: 35px;
		margin-bottom: 20px;
	}
	.designer-by-alpha ul{
		list-style: none;
	}
	.alphabets ul li:hover, .designer-by-alpha ul li:hover{
		font-weight: 600;
	}
	.designer-by-alpha ul li{
	    display: inline-block;
	    font-size: 15px;
	    margin-bottom: 15px;
	    width: 19%;
	}
	.center-text-custom {
	    margin-right: 240px;
	}
	.heading-form h4{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.heading-form h4 b{
		font-weight: lighter;
	}
	.sort-by-dropdown{
		/* text-align: right; */
		float: right;
		width: 63%;
	}
	.css-jbortp-option, .css-gc0puq-option{
		font-size: 15px !important;
	}
	.form-floating>label {
	    left: -3px !important;
	}
	.css-1ww4mhd-control{
		position: relative;
		z-index: 99;
	}
	.css-14el2xx-placeholder, .css-tlfecz-indicatorContainer {
	    color: rgb(0 0 0) !important;
	}
	.cs-ddl__menu{
		margin-top: -6px !important;
		box-shadow: unset !important;
	}
	.css-1okebmr-indicatorSeparator{
		display: none;
	}
	.bg-light{
		background: #fafafa;
	}
	.mb-0{
		margin-bottom: 0px !important;
	}
	.mt-5px{
		margin-top: 5px !important;
	}
	.mt-10{
		margin-top: 10px !important;
	}
	.mt-15{
		margin-top: 15px !important;
	}
	.mt-20{
		margin-top: 20px !important;
	}
	.mt-25{
		margin-top: 25px !important;
	}
	.mt-30{
		margin-top: 30px !important;
	}
	.mt-35{
		margin-top: 35px !important;
	}
	.mt-40{
		margin-top: 40px !important;
	}
	.mt-45{
		margin-top: 45px !important;
	}
	.mt-50{
		margin-top: 50px !important;
	}
	.mt-55{
		margin-top: 55px !important;
	}
	.mt-60{
		margin-top: 60px !important;
	}
	.mt-65{
		margin-top: 65px !important;
	}
	.mt-70{
		margin-top: 70px !important;
	}
	.mt-75{
		margin-top: 75px !important;
	}
	.mt-80{
		margin-top: 80px !important;
	}
	.mt-85{
		margin-top: 85px !important;
	}
	.mt-90{
		margin-top: 90px !important;
	}
	.mt-95{
		margin-top: 95px !important;
	}
	.mt-100{
		margin-top: 100px !important;
	}
	.ml-10{
		margin-left: 10px !important;
	}
	.mr-10{
		margin-right: 10px !important;
	}
	.text-black{
		color: #000 !important;
	}
	.pl-0{
		padding-left: 0px !important;
	}
	.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
	    color: #fff;
	    background-color: #000000;
	    border-color: #000000;
	}
	.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
	    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 0%);
	}
	.w-50{
		width: 50%;
	}
	.lblchange{
		display: none;
	}
	.btn-grey, .btn-grey:hover{
		background: #d4d4d4;
		border: 1px solid #d4d4d4 !important;
		width: 100%;
	    border-radius: 3px;
	    padding: 5px 15px;
	}
	.hide-pass{
		display: none;
	}
	.d-dsk{
		display: block !important;
	}

/********************* COMMON CSS ENDS *********************/


/********************* TOP HEADER CSS ENDS *********************/

	.top-header-darveys{
		padding: 30px 0px;
	}
	.top-header-darveys .login-text{
		font-size: 15px;
	}
	.top-header-darveys .logo img{
		max-width: 27%;
	}
	.top-header-darveys .login-text img{
    	height: 15px;
	    width: 15px;
	    position: relative;
	    top: -3px;
	    left: 1px;
	    margin-right: 10px;
	}
	.top-header-darveys .right-icons{
		padding-left: 0px;
		text-align: right;
		list-style: none;
		margin-bottom: 0px;
	}
	.top-header-darveys .right-icons li{
		position: relative;
		display: inline-block;
		margin-right: 25px;
	}
	.top-header-darveys .right-icons li:first-child img{
		height: 22px;
		width: 22px;
	}
	.top-header-darveys .right-icons li img{
	    height: 20px;
    	width: 20px;
	}
	.top-header-darveys .right-icons li:last-child{
		margin-right: 0px;
	}
	.top-header-darveys .right-icons li:last-child img{
		margin-top: -3px;
	}
	.media-box .media-img img{
		width: 100%;
	}

/********************* TOP HEADER CSS ENDS *********************/


/******************** HEADER CSS STARTS ********************/

	.site-head_menuBar.background--black {
	    background-color: #f6f6f6;
	    padding: 5px 45px 5px 0px !important;
	}
	#site-nav__main li a{
		color: #000;
		font-size: 15px !important;
	    color: #fff;
	    text-transform: capitalize;
	    padding: 18px 20px !important;
	    font-weight: 400 !important;
	    line-height: 1;
	    display: inline-block;
	    position: relative;
	}
	#site-nav__main li .offers-nav .inner-item a{
	    padding: 0px 12px 0px 12px !important;
	}
	section.banner.home-banner.mt-15.top-sales-banner {
	    width: 95.3%;
	    margin: 0 auto;
	}
	#site-nav__main li .offers-nav .darveys-child-col:last-child .inner-item a{
		text-align: right !important;
	}
	/*#site-nav__main li .offers-nav .inner-item a img{
		max-width: 90%;
		margin-left: 15px;
	}*/
	#site-nav__main li .offers-nav .darveys-child-col:first-child a img{
		margin-left: 0px !important;
	}
	#site-nav__main li.hover a {
	    color: #1a1a1a !important;
	    background: transparent !important;
	    position: relative;
	}
	#site-nav__main li.hover a.site-nav__item:before{
        position: absolute;
	    content: '';
	    border: 1.25px solid #000;
	    left: 50%;
	    bottom: 0px;
	    height: auto;
	    width: 58%;
	    background: #000;
	    border-radius: 175px;
	    transform: translateX(-50%);
	}
	.darveys-image-sub-menu .inner-item:hover a{
		color: #1a1a1a !important;
	    background: transparent !important;
	    position: relative;
	}
	#site-nav__main li .darveys-child-col .list-nav-inner p{
		line-height: 0px !important;
	}
	#site-nav__main li .darveys-child-col .list-nav-inner p:hover a{
		color: #000 !important;
	}
	.child-row {
	    max-width: 96% !important;
	    margin: 0 auto;
	}
	.darveys-image-menu {
	    margin-right: 0px !important;
	}
	.darveys-image-sub-menu {
	    float: right;
	    width: 20% !important;
	    margin-right: 20px !important;
	}
	.darveys-image-menu div:first-child {
	    margin-right: 13px !important;
	}
	#site-nav__main li .darveys-image-sub-menu a{
		padding: 0px !important;
	}
	#site-nav__main li .darveys-child-col .list-nav-inner p a{
		padding: 10px 0px !important;
	}
	#site-nav__main {
	    justify-content: flex-start;
	}
	.nav-children {
        padding: 35px 5px 70px !important;
	}
	.d-desktop-hidden{
		display: none;
	}
	.list-nav-inner h6{
	    font-size: 15px;
	    font-weight: 500;
	    margin-bottom: 14px;
	    position: relative;
	}
	/*.list-nav-inner h6:before{
		position: absolute;
		content: '';
		border-bottom: 1px solid #000;
		bottom: -10px;
		left: 0;
		width: 30%;
		height: auto;
	}*/
	.list-nav-inner .inner-item{
		padding: 0px;
	}
	#site-nav__main li .nav-children a{
		text-align: left;
		font-weight: 400;
		color: #949494;
	}
	.darveys-nav-children {
	    width: 1170px;
	    z-index: 1;
	    -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.6);
	}
	.darveys-child-col.col-1 {
	    width: 16%;
	}
	#wide-nav .col-w {
		width: 19.33% !important;
	}
	.col-w{
		width: 20%;
	}
	.serch-header{
		width: 35%;
	}
	.serch-header input{
	    position: relative;
	    border: 1px solid #d8d8d8 !important;
	    border-radius: 3px !important;
	    padding: 3px 10px 3px 40px;
        height: 35px;
	    font-size: 15px !important;
	    margin-top: 9px;
	}
	.serch-header input::placeholder{
		color: #bcbcbc;
	}
	.serch-header img.header-icon-search{
		position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    left: 10px;
	    z-index: 9;
	    max-width: 19px;
	}
	.serch-header img.header-icon-cross{
		position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    right: 10px;
	    z-index: 9;
	    max-width: 10px;
	}
	.menu-felx-designers{
		display: flex;
		flex-wrap: wrap;
	}
	.menu-felx-designers .inner-flex-item {
	    width: 22%;
	}
	.menu-felx-designers.pt-3{
		padding-top: 0px !important;
	}
	.ml-5{
		margin-left: 90px;
	}
	.darveys-child-col.col-1-1 {
	    width: 16.6%;
	}
	#user-menu .dropdown-menu{
        width: 80%;
    	top: 10px !important;
    	border-radius: 3px !important;
    	-webkit-box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 75%);
	    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	    box-shadow: 0px 0px 5px 0px rgb(207 207 207 / 75%);
	    border: none !important;
	}
	#user-menu .dropdown-menu:before{
	    position: absolute;
	    content: '';
	    background: #ffffff;
	    z-index: -9 !important;
	    display: block;
	    overflow: hidden;
	    inset: -6px 30px;
	    height: 12px;
	    width: 12px;
	    -webkit-box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 75%);
	    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	    box-shadow: 0px 0px 5px 0px rgb(207 207 207 / 75%);
	    transform: rotate(45deg);
	}
	.list-nav-inner.mt-2{
		margin-top: 33px !important;
	}
	.darveys-image-sub-menu img{
		max-width: 100%;
		margin: 0 auto;
		display: block
	}

/********************* HEADER CSS ENDS *********************/




/******************** FOOTER CSS STARTS ********************/

	footer{
		margin-top: 20px;
		padding: 40px 0px 15px;
	}
	footer .footer-widget-one, footer .footer-widget-two{
		padding-left: 0px;
		margin-bottom: 0px;
		list-style: none;
	}
	footer .footer-widget-one li, footer .footer-widget-two li{
		padding: 10px 0px;
		font-size: 15px;
	}
	footer .footer-widget-one li:last-child, footer .footer-widget-two li:last-child{
		padding-bottom: 0px;
	}
	footer .payment-mode{
		margin-top: 50px;
		margin-left: 65px;
	}
	footer .follow-us.d-dsk{
		margin-left: 65px;
		margin-top: 10px;
	}
	.follow-us .social-media, footer .payment-mode .modes{
		list-style: none;
		margin-bottom: 0px;
		padding-left: 0px;
		margin-top: 20px;
	}
	.follow-us .social-media li, footer .payment-mode .modes li{
		display: inline-block;
		margin-right: 20px;
	}
	footer .payment-mode .modes li{
		margin-right: 45px;
	}
	footer .payment-mode .modes li img{
		max-width: 50px;
	}
	.follow-us .social-media li:last-child, footer .payment-mode .modes li:last-child{
		margin-right: 0px;
	}
	footer #hide, #footer_read_more{
		display:none;
		transition:0.3s ease-in-out;
	}
	#footer_read_more{
		padding: 30px 0px;
	}
	#footer_read_more p{
		margin-bottom: 20px;
	}
	footer #show{
		transition:0.3s ease-in-out;
	}
	footer .rmb{
	    padding: 20px 0px 0px;
    	text-align: center;
	}
	footer .rmb button{
		border: none;
		background: transparent;
		color: black;
	}
	footer .foot-heading h4{
		font-size: 16px;
	}
	.copyright-text{
	    padding: 20px 0px;
	    border-top: 1px solid #e2e2e2;
	    text-align: center;
	}
	.footer-inner-text h3{
		font-size: 20px;
	}
	footer .social-media img{
		max-width: 25px;
	}

/********************* FOOTER CSS ENDS *********************/



/******************** BREADCRUMB CSS STARTS ********************/

	.breadcrumb{
		background: #fff;
		padding: 10px 0px;
		margin-bottom: 0px;
	}
	.breadcrumb ul{
		padding-left: 0px;
		margin-bottom: 0px;
	}
	.breadcrumb ul li{
		list-style: none;
		display: inline-block;
		margin-right: 30px;
		position: relative;
		font-size: 15px;
	}
	.breadcrumb ul li a{
		color: #000;
		text-decoration: none;
	}
	.breadcrumb ul li:after{
		position: absolute;
		content: '';
		background-image: url('/assets/images/icons/angle-arrow-down.png');
		background-size: contain;
		background-repeat: no-repeat;
	    right: -26px;
	    top: 33%;
	    height: 10px;
	    width: 20px;
	    transform: translateY(-50%) rotate(-90deg);
	}
	.breadcrumb ul li:last-child::after{
		content: unset;
	}

/********************* BREADCRUMB CSS ENDS *********************/



/******************** PAGINATION CSS STARTS ********************/

/* Corrected the  CSS since it was taking a lot of Padding  and Added CSS for Disabled Previous and next Button */
	.pagi{
		padding: 10px 20px;
		border-top: 1px solid #6c6c6c;
		border-bottom: 1px solid #6c6c6c;
		margin-top: 70px;
		/* margin-bottom: 130px; */
	}
	.pagi .prev-text, .pagi .prev-text-disabled{
		padding-left: 20px;
	}
	.pagi .next-text, .pagi .next-text-disabled{
		text-align: right;
		padding-right: 20px;
	}
	.pagi .page-number{
		text-align: center;
		color: #000;
	}
	.pagi .page-number p{
		color: #000;
	}
	.pagi .prev-text p, .pagi .prev-text p a,.pagi .prev-text-disabled p, .pagi .prev-text-disabled p a{
		font-size: 18px;
		color: #dfdfdf;
		position: relative;
	}
	.pagi .next-text p, .pagi .page-number p,.pagi .next-text-disabled p{
		font-size: 18px;
		position: relative;
	}
	.pagi .prev-text p:before{
		position: absolute;
		content: '';
		background-image: url('/assets/images/icons/right-arrow-angle.png');
		background-size: contain;
		background-repeat: no-repeat;
	    left: -30px;
    	top: 50%;
	    height: 15px;
	    width: 15px;
	    transform: translateY(-50%) rotate(90deg);
	}
	.pagi .next-text p:after{
		position: absolute;
		content: '';
		background-image: url('/assets/images/icons/right-arrow-angle.png');
		background-size: contain;
		background-repeat: no-repeat;
	    right: -30px;
    	top: 50%;
	    height: 15px;
	    width: 15px;
	    transform: translateY(-50%) rotate(-90deg);
	}
	.pagi .prev-text-disabled p:before{
		position: absolute;
		content: '';
		background-image: url('/assets/images/icons/left-arrow-grey.svg');
		background-size: contain;
		background-repeat: no-repeat;
	    left: -30px;
    	top: 50%;
	    height: 15px;
	    width: 15px;
	    transform: translateY(-50%);
	}
	.pagi .next-text-disabled p:after{
		position: absolute;
		content: '';
		background-image: url('/assets/images/icons/left-arrow-grey.svg');
		background-size: contain;
		background-repeat: no-repeat;
	    right: -30px;
    	top: 50%;
	    height: 15px;
	    width: 15px;
	    transform: translateY(-50%) rotate(-180deg);
	}
	.blogs .pagi {
	    margin-top: 100px !important;
	    margin-bottom: auto!important;
	}

/********************* PAGINATION CSS ENDS *********************/




/******************** CONTACT US SECTION CSS STARTS ********************/

	.contact-us-section{
		padding: 30px 0px;
	}
	.contact-us-section .heading h4 {
	    text-align: center;
	    font-size: 20px;
	    margin-bottom: 45px;
	}
	.contact-us-section .content-box.br-none{
		border-right: none;
	}
	.contact-us-section .content-box{
		border-right: 2px solid #eeeeee;
		text-align: center;
	}
	.contact-us-section .content-box h6{
		font-size: 15px;
		margin-bottom: 20px;
		font-weight: 500;
	}
	.phone-by{
		margin-top: 50px;
	}
	.phone-available{
		background: #fafafa;
		padding: 20px 0px;
		text-align: center;
	}
	.phone-available p{
		font-size: 15px;
		color: #000;
	}
	.contact-section{
		border-top: 2px solid #fafafa;
	    padding-top: 60px;
	    margin-top: 110px;
	}
	#terms_and_conditions{
		margin-top: 60px;
	}
	.about-text p b{
		font-weight: lighter;
	}
	.accordion-button b, .accordion-button{
		font-weight: 500;
	}
	#faq_accordian .accordion-body p strong{
		font-weight: lighter;
	}
	#faq_accordian .accordion-body .box{
		padding: 0px;
	}

/********************* CONTACT US SECTION CSS ENDS *********************/




/******************** PRODUCT PAGE CSS STARTS ********************/

	.main-heading-center{
		text-align: center;
		margin-bottom: 20px;
	}
	.main-heading-center h3{
		font-size: 20px;
		font-weight: 400;
	}

	.sort-by-dropdown .btn, .dropdown-darveys{
		padding: 6px;
		border: 1px solid #d4d4d4;
		width: 200px;
		text-align: left;
	    padding-left: 15px;
	    border-radius: 3px;
	    font-size: 15px;
	}
	.sort-by-dropdown .dropdown-toggle::after, .dropdown-darveys::after{
		position: absolute;
		border: none;
		background-image: url('/assets/images/icons/right-arrow-angle.png');
		background-repeat: no-repeat;
		background-size: contain;
		height: 12px;
	    width: 12px;
	    top: 55%;
	    right: 20px;
	    transform: translateY(-50%);
	}
	.dropdown .dropdown-menu{
		width: 100%;
		padding: 0;
		min-width: unset !important;
	}
	.sort-by-dropdown .dropdown-menu{
		width: 58%;
		padding: 0;
	    top: -2px !important;
	    border-top: none;
	    border-top-left-radius: 0px;
	    border-top-right-radius: 0px; 
	}
	.side_mobile_menu_modal>.ReactModal__Overlay{
		transform: translateX(0) !important;
	}
	.product-box-bordered p{
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    width: 100%;
	    margin: 0 auto;
	}
	.sort-by-dropdown .dropdown-item, .dropdown .dropdown-item{
	    padding: 12px 12px 12px 30px;
	    position: relative;
	    font-size: 15px;
	    z-index: 9;
	    background: #fff;
	}
	.sort-by-dropdown .dropdown-item{
		font-size: 16px;
	}
	.sort-by-dropdown .dropdown-item:after, .dropdown .dropdown-item:after{
	    position: absolute;
	    content: '';
	    border-bottom: 1px solid #e2e2e2;
	    height: 1px;
	    width: 94%;
	    bottom: 0px;
	    left: 3%;
	}
	.sort-by-dropdown .dropdown-menu li:last-child .dropdown-item, .dropdown .dropdown-menu li:last-child .dropdown-item{
		border-bottom: none;
	}

	.product-image img{
		max-width: 100%;
		width: 100%;
	    object-fit: cover;
	    object-position: top;
        /* max-height: 400px; */
		height: 355px;
	}
	.questionmark{
		font-family: 'Roboto', sans-serif !important;
	}

	.product-text{
		text-align: center;
		margin-top: 20px;
	}
	.product-text h3{
		font-size: 15px;
    	font-weight: 500;
    	letter-spacing: 0px;
	}
	.product-text .desc{
		color: #b4afaf;
		font-size: 15px;
		margin-bottom: 7px;
	}
	.product-text .price{
		margin-bottom: 7px;
		font-size: 15px;
	}
	.product-text .price del{
		color: #cfcfcf;
		font-size: 15px;
	}
	.product-text .price b{
		font-size: 20px;
    	margin-left: 15px;
	}
	.product-text .disc-tag{
		background: #fafafa;
		padding: 5px;
		color: #b56365;
		font-weight: 500;
	}
	.product-box{
		position: relative;
	}
	.product-box .wishlist{
		position: absolute;
		top: 0;
		right: 0;
	}
	.product-box .product-text-discount-per{
		position: absolute;
		top: 0;
		left: 0;
		font-size: 14px;
	}
	.product-box .wishlist img{
		height: 20px;
	}
	.product-box .product-image span{
		width: 100%;
	}
	.slick-list{
		max-height: 485px;
	}
	.slick-slide img{
		width: 60% !important;
    	margin: 0 auto !important;
	}
	.products-main .authentication-text.mt-40{
		margin-top: 110px !important;
	}
	#left-image .slider-nav .slick-current .nav-img {
	    border: 1px solid #000;
	    width: 70% !important;
	}
	.side-filter-panel{
		background: #fff;
	}
	.side-filter-panel .filter-by{
		padding: 11px 10px 0px 0px;
		border-top: 1px solid #eaeaeac2;
		border-bottom: 1px solid #eaeaeac2;
		padding-left: 0;
	}
	.side-filter-panel .filter-by .tags{
		list-style: none;
		padding-left: 0px;
		margin-top: 15px;
    	margin-bottom: 5px;
	}
	.side-filter-panel .filter-by .tags li{
		border: 1px solid #d4d4d4;
		display: inline-block;
		padding: 2px 30px 2px 5px;
		position: relative;
		margin-right: 10px;
	    margin-bottom: 8px;
	    border-radius: 5px;
	    font-size: 14px;
	}
	.side-filter-panel .filter-by .tags li:last-child{
		margin-right: 0px;
	}
	.form-check-input:checked[type=checkbox] {
	    background-image: url('/assets/images/icons/check-input.png');
	    background-size: 11px;
    	background-position: 1px 1px;
	}
	.side-filter-panel .filter-by .tags li:after{
		position: absolute;
		content: '';
		background-image: url('/assets/images/icons/Cross-Button.png');
		background-size: contain;
		background-repeat: no-repeat;
	    right: 0px;
    	top: 50%;
	    height: 10px;
	    width: 20px;
	    transform: translateY(-50%);
	}
	.side-filter-panel .accordion-button:focus {
	    z-index: 3;
	    border-color: transparent;
	    outline: 0;
	    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
	}
	.side-filter-panel .accordion-button{
	    padding: 15px 15px;
	}
	.filter-by h5{
		font-size: 15px;
	}
	.side-filter-panel .inner-dropdown .accordion-button{
		padding: 15px;
	}
	.inr-drpdwn .accordion-collapse{
		padding: 20px;
		padding-left: 0;
	}
	.inner-dropdown .accordion-item{
		border-bottom: none !important;
		text-decoration: underline;
	}
	#site-nav__main li .darveys-child-col.child-col.col-w a{
		padding: 10px 0px !important;
		text-decoration: underline;
	}
	#site-nav__main li .darveys-child-col.child-col.col-w h6{
		font-size: 15px;
		text-transform: uppercase;
	}
	#site-nav__main li .darveys-child-col.child-col.col-w .inner-flex-item a{
		padding: 7px 0px !important;
		text-decoration: none;
	}
	.form-check-input[type=checkbox] {
	    border-radius: 0.15em;
	    margin-top: 7px;
	}
	.form-check-input:checked{
		background-color: #000;
    	border-color: #000 !important;
	}
	.form-check-input:checked[type=radio]{
		background-image: url('/assets/images/icons/circle-border-white.svg');
	}
	.form-check{
		margin-bottom: 20px;
	}
	.catalogue-section .accordion-flush .accordion-item .accordion-button{
		padding-left: 0;
	}
	#manufacturer .accordion-body, .catalogue-section .accordion-body {
	    padding-top: 0;
	    padding-left: 0;
	    padding-right: 0;
	}
	.side-filter-panel .accordion-body {
	    height: unset !important;
	    max-height: 300px;
	    overflow-y: scroll;
	}
	.catalogue-section .sticky .side-filter-panel {
	    background: #fff;
	    max-height: 616px;
	    /* overflow: hidden;
	    overflow-y: scroll; */
	    width: 75%;
		height: 100%;
		overflow: auto;
	}
	.accordion-body .search-box{
		margin-bottom: 20px;
	}
	.has-bg-white{
		position: relative;
	    background: #fff;
	}
	.accordion-button:not(.collapsed) {
	    color: #000;
	    background-color: #e7f1ff00;
	    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%);
	}
	.accordion-button::after{
	    background-image: url(/assets/images/icons/angle-arrow-down.png);
        height: 10px;
	    background-size: 11px;
	    transition: 0.2s ease-in-out;
	}
	aside .accordion-item{
		margin-bottom: 0px;
	}
	.accordion-button:not(.collapsed)::after {
	    background-image: url('/assets/images/icons/angle-arrow-down.png');
        transform: rotate(-180deg) translateX(10px);
		transition: 0.2s ease-in-out;
	}
	/*set a border on the images to prevent shifting*/
	#gallery_01 img{border:2px solid white;}

	/*Change the colour*/
	.active img{border:2px solid #333 !important;}

/********************* PRODUCT PAGE CSS ENDS *********************/




/******************** HOME PAGE CSS STARTS ********************/
	.banner.home-banner.mt-15.top-sales-banner .lazy-load-image-background.blur.lazy-load-image-loaded{
		height: 500px;
	}

	.banner.home-banner .slick-slide img {
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	.banner.home-banner .slick-slide {
	    padding-right: 0px !important;
	    padding-left: 0px !important; 
	}
	.recaptcha-content.mt-30{
		margin-top: 50px !important;
	}
	.banner.home-banner .slick-slider .slick-next {
	    right: 35px !important;
	}
	.banner.home-banner .slick-slider .slick-next:before {
	    color: unset !important;
	    background-color: rgb(255 255 255 / 50%) !important;
	    background-image: url(/assets/images/icons/right-arrow-angle.png);
	    background-repeat: no-repeat;
	    background-position: 13px 13px;
    	background-size: 15px;
	    transform: rotate(-90deg);
	}
	.banner.home-banner .slick-slider .slick-prev:before {
	    color: unset !important;
	    background-color: rgb(255 255 255 / 50%) !important;
	    background-image: url(/assets/images/icons/right-arrow-angle.png);
	    transform: rotate(90deg);
	    background-repeat: no-repeat;
	    background-position: 13px 14px;
    	background-size: 15px;
	}
	.banner.home-banner .slick-slider .slick-prev {
	    left: 35px !important;
	}
	.designer-of-the-week.spacer{
		padding: 80px 0px 0px 0px;
	}
	.designer-of-the-week.spacer .container-fluid.mt-10, .designer-of-the-week.spacer .container-fluid.mt-30{
		margin-top: 40px !important;
	}
	.designer-of-the-week.spacer .slick-slide img {
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	.designer-of-the-week.spacer .slick-slider .slick-next {
	    right: 10px !important;
	}
	.designer-of-the-week.spacer .slick-slider .slick-prev {
	    left: 10px !important;
	}
	.designer-of-the-week.spacer .slick-slider .slick-next:before {
	    color: unset !important;
	    background-color: rgb(255 255 255 / 50%) !important;
	    background-image: url(/assets/images/icons/right-arrow-angle.png);
	    background-repeat: no-repeat;
	    background-position: 13px 13px;
    	background-size: 15px;
	    transform: rotate(-90deg);
	}
	.designer-of-the-week.spacer .slick-slider .slick-prev:before {
	    color: unset !important;
	    background-color: rgb(255 255 255 / 50%) !important;
	    background-image: url(/assets/images/icons/right-arrow-angle.png);
	    transform: rotate(90deg);
	    background-repeat: no-repeat;
	    background-position: 13px 14px;
    	background-size: 15px;
	}
	.designer-of-the-week.spacer h6{
		font-size: 15px;
	}
	.clothing.spacer{
		padding: 80px 0px 0px 0px;
	}
	.clothing .img-text-center-wrap.main-img.mt-10{
	    width: 93.3%;
    	margin: 0 auto;
	}
	.clothing .img-text-center{
		display: none;
	}
	.accessories.spacer{
		padding: 50px 0px;
	}
	.accessories .main-heading-center.mt-30{
		margin-top: 40px !important;
	    margin-bottom: 25px;
	}
	.accessories .main-heading-center.mt-60{
	    margin-bottom: 25px;
	}
	.accessories .slick-slide img {
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	section.footwear.spacer {
	    padding: 80px 0px 0px 0px;
	}
	.footwear .main-heading-center h4 {
		margin-bottom: 40px;
	}
	.footwear .slick-slide img {
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	.footwear .slick-slider .slick-next {
	    right: 10px !important;
	}
	.footwear .slick-slider .slick-prev {
	    left: 10px !important;
	}
	.footwear .slick-slider .slick-next:before {
	    color: unset !important;
	    background-color: rgb(255 255 255 / 50%) !important;
	    background-image: url(/assets/images/icons/right-arrow-angle.png);
	    background-repeat: no-repeat;
	    background-position: 13px 13px;
    	background-size: 15px;
	    transform: rotate(-90deg);
	}
	.footwear .slick-slider .slick-prev:before {
	    color: unset !important;
	    background-color: rgb(255 255 255 / 50%) !important;
	    background-image: url(/assets/images/icons/right-arrow-angle.png);
	    transform: rotate(90deg);
	    background-repeat: no-repeat;
	    background-position: 13px 14px;
    	background-size: 15px;
	}
	.footwear .acc-crousel .product-box-bordered {
	    position: relative;
	    border: none;
	}
	.bottom-spacer{
		padding: 10px 0px;
	}

/********************* HOME PAGE CSS ENDS *********************/





/********************* NEWSLETTER CSS STARTS *********************/

	.newsletter{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0px;
		display: none;
		overflow-y: auto;
		z-index: 999;
	}
	.dart-cart{
		height: 23px !important;
		width: 23px !important;
	}
	.bg{
		position: fixed;
		height: 100%;
		width: 100%;
	}
	.bg:before{
		position: absolute;
		content: '';
		background: #000;
		opacity: 0.7;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999;
	}
	.newsletter .center-box{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50% ,-50%);
		background: #fff;
		z-index: 9999;
		width: 380px;
		padding: 20px;
		text-align: center;
		min-height: 280px;
	}
	#product-sold-ou-logged-out.newsletter .center-box{
		min-height: 480px;
	}
	.newsletter.size-guide .center-box{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50% ,-50%);
		background: #fff;
		z-index: 9999;
		width: 600px;
		padding: 20px;
		text-align: center;
	}
	.newsletter .newsletter-heading h3{
		color: #000;
		font-size: 17px;
		text-decoration: underline;
		letter-spacing: 0.5px;
	}
	#size_guide_modal .product-info img{
		max-width: 80%;
		margin-left: unset !important;
	}
	#size_guide_modal .modal-body{
		padding: 0px !important;
		padding-top: 10px;
	}
	#size_guide_modal .heading.bg-light{
		padding: 10px 0px;
		margin-bottom: 20px;
	}
	#size_guide_modal .heading.bg-light h4{
		font-size: 16px;
	}
	#product-sold-ou-notify-me.newsletter .newsletter-heading h3, #product-sold-ou-logged-out.newsletter .newsletter-heading h3, #product-sold-ou-logged-in.newsletter .newsletter-heading h3, #product-sold-ou-logged-new.newsletter .newsletter-heading h3{
		position: relative;
		text-decoration: none;
		font-weight: 600;
		text-transform: uppercase;
	}
	#size_guide_modal .modal-header h3{
		position: relative;
	}
	#product-sold-ou-notify-me.newsletter p, #product-sold-ou-logged-out.newsletter p{
		line-height: 27px;
	}
	#product-sold-ou-notify-me.newsletter .newsletter-heading h3:after{
	    position: absolute;
	    content: '';
	    border-bottom: 1px solid #000;
	    left: 50%;
	    bottom: -5px;
	    height: 1px;
	    width: 65%;
	    transform: translateX(-50%);
	}
	#product-sold-ou-logged-out.newsletter .newsletter-heading h3:after{
		position: absolute;
	    content: '';
	    border-bottom: 1px solid #000;
	    left: 50%;
	    bottom: -5px;
	    height: 1px;
	    width: 36%;
	    transform: translateX(-50%);
	}
	#product-sold-ou-logged-in.newsletter .newsletter-heading h3:after, #product-sold-ou-logged-new.newsletter .newsletter-heading h3:after{
		position: absolute;
	    content: '';
	    border-bottom: 1px solid #000;
	    left: 50%;
	    bottom: -5px;
	    height: 1px;
	    width: 32%;
	    transform: translateX(-50%);
	}
	#product-sold-ou-logged-in .txt.text-center p.mt-40{
		margin-top: 35px !important;
	}
	#product-sold-ou-logged-in.newsletter .center-box, #product-sold-ou-logged-new.newsletter .center-box{
		padding-bottom: 40px !important;
	}
	#product-sold-ou-notify-me .txt.text-center.mt-40, #product-sold-ou-notify-me .btn-primary.btn-fw.mt-30{
		margin-top: 35px !important;
	}
	.newsletter .newsletter-heading{
		position: relative;
	}
	.newsletter .newsletter-heading .close-btn-newsletter{
		position: absolute;
		top: 0px;
		right: 0px;
		height: 20px;
	}
	.back-btn-newsletter{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 20px;
	}
	.mh-500{
		min-height: 500px;
	}
	.midl{
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    left: 0;
	    padding: 0px 25px;
	}

/********************** NEWSLETTER CSS ENDS **********************/





/******************** MEDIA QUERY CSS STARTS ********************/

	@media(min-width: 1550px) and (max-width: 1925px){
		.catalogue-section .sticky .side-filter-panel {
			    max-height: 950px !important;
		}
		#men-search, #women-search, #kids-search {
		    max-height: 555px !important;
		    overflow: hidden !important;
		    overflow-y: auto !important;
		}
		.product-desc .size button {
		    width: 24%;
		    text-align: right;
		    font-size: 17px;
		}
		#site-nav__main li a {
		    padding: 18px 32px !important;
		}
		.side-filter-panel .accordion-button{
		    padding: 25px 15px;
		}
		.side-filter-panel .filter-by {
		    padding: 25px 10px 10px 0px;
		    border-top: 1px solid #eaeaeac2;
		    border-bottom: 1px solid #eaeaeac2;
		    padding-left: 0;
		}
	}

	@media(max-width: 1367px){
		#site-nav__main li a {
		    padding: 16px !important;
		}
		.serch-header input {
		    margin-top: 6px;
		}
			ul#site-nav__main li:nth-child(10) .darveys-nav-children.nav-children a{
			padding: 0 !important;
		}
	}
	@media(min-width: 993px) and (max-width: 1300px){
		#site-nav__main li a {
	        padding: 16px 12px !important;
		    font-size: 15px !important;
		}
		.serch-header input {
		    position: relative;
		    border: 1px solid #d8d8d8 !important;
		    border-radius: 3px !important;
		    padding: 3px 10px 3px 40px;
		    height: 32px;
		    font-size: 15px !important;
		    margin-top: 7px;
		}
		#men-search, #women-search, #kids-search {
		    max-height: 385px !important;
		    overflow: hidden !important;
		    overflow-y: auto !important;
		}
	}
	@media(min-width: 1100px) and (max-width: 1265px){
		.sort-by-dropdown .dropdown-menu {
		    width: 84% !important;
		    padding: 0;
		}
	}
	@media(min-width: 1266px) and (max-width: 1367px){
		.sort-by-dropdown .dropdown-menu {
		    width: 72% !important;
		    padding: 0;
		}
	}
	@media(min-width: 1368px) and (max-width: 1540px){
		.sort-by-dropdown .dropdown-menu {
		    width: 58.2% !important;
		    padding: 0;
		}
	}
	@media(min-width: 1542px) and (max-width: 1920px){
		.sort-by-dropdown .dropdown-menu {
		    width: 45.80%;
		    padding: 0;
		}
	}
	@media(min-width: 1300px) and (max-width: 1350px){
		.serch-header input{
			margin-top: 8px;
		}
		#site-nav__main li a {
		    padding: 18px 12px !important;
		}
	} 

	@media(max-width: 1100px){
		.breadcrumb ul li {
		    list-style: none;
		    display: inline-block;
		    margin-right: 22px;
		    position: relative;
		    font-size: 15px;
		}
		.side-filter-panel .filter-by .tags li {
		    border: 1px solid #000;
		    display: inline-block;
		    padding: 2px 23px 2px 5px;
		    position: relative;
		    margin-right: 0px;
		    margin-bottom: 5px;
		    font-size: 12px;
		}
		#site-nav__main li a {
		    padding: 10px 5px;
		}
	}

	
	@media(max-width: 991px){


		/********************* MOBILE-HEADER CSS STARTS *********************/

			.header-menu{
				position: fixed;
				top: 0px;
				left: 0px;
				height: 100%;
				width: 100%;
				z-index: 99;
				display: none;
			}
			.header-menu:before{
				position: absolute;
				content: '';
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				background: #000;
				opacity: 0.7;
			}
			.header-menu .menu-box{
				height: 108vh;
			    position: fixed;
			    top: 0px;
			    left: 0px;
			    width: 300px;
			    background: #fff;
			    overflow: hidden;
			    overflow-y: auto;
			}
			.header-menu .menu-box .mobile-menu-img img{
				height: unset;
				width: unset;
			}
			.header-menu .menu-box .accordion-item {
			     margin-bottom: 0px; 
			    border: none;
			}
			.header-menu .menu-box .accordion-button::after {
			    transform: rotate(-90deg);
			}
			.header-menu .menu-box .accordion-button:not(.collapsed)::after {
			    transform: rotate(-180deg);
			}
			.header-menu .menu-box .mobile-menu-items-main .accordion{
				border-bottom: 1px solid #e2e2e2;
			}
			.header-menu .menu-box .other-menu-items{
			    padding: 15px 20px 10px 45px;
				border-top: 1px solid #f3f3f3;
			}
			.header-menu .menu-box .other-menu-items p a{
				font-size: 16px;
			}
			.close-header-btn{
				position: absolute;
		        top: 15px;
    			right: 25px;
			}
			.close-header-btn img{
				height: 20px;
			}
			.mobile-menu-items-main #inner-nav-items{
				list-style: none;
				padding-left: 0;
				margin-bottom: 0;
			}
			.mobile-menu-items-main #inner-nav-items li{
				padding: 13px 20px 13px 45px;
				position: relative;
			}
			.mobile-menu-items-main #inner-nav-items li:last-child{
				margin-bottom: 10px;
			}
			.mobile-menu-items-main #inner-nav-items li button{
				width: 100%;
				text-align: left;
				font-size: 16px;
				color: #3e4152 !important;
			}
			.other-menu-items p.mt-15{
				margin-top: 26px !important;
			}
			.mobile-menu-items-main #inner-nav-items li:after{
				position: absolute;
				content: '';
				background-image: url('/assets/images/icons/angle-arrow-down.png');
				background-size: contain;
				background-repeat: no-repeat;
				right: 20px;
				top: 50%;
				transform: translateY(-50%) rotate(-90deg);
			    height: 12px;
			    width: 15px;
			}
			.indp h3{
				padding: 35px 20px 15px 44px !important;
				position: relative;
				font-size: 20px;
				font-weight: 600;
			}
			.indp h3:before{
				position: absolute;
				content: '';
				background-image: url('/assets/images/icons/angle-arrow-down.png');
				background-size: contain;
				background-repeat: no-repeat;
				left: 15px;
				top: 68%;
				transform: translateY(-50%) rotate(90deg);
				height: 12px;
    			width: 15px;
			}
			.indp .accordion-button{
				padding-left: 43px !important;
				padding-right: 17px;
			}
			.indp .accordion-body{
				padding-top: 0;
				padding-left: 40px;
			}
			.indp .mobile-nav-items{
				padding-left: 0;
				margin-bottom: 0;
				list-style: none;
			}
			.indp .accordion-button::after {
			    background-image: url(/assets/images/icons/angle-arrow-down.png);
			    height: 12px;
			    background-size: 12px;
			    transition: 0.2s ease-in-out;
			}
			.indp .mobile-nav-items li{
				padding: 10px 0 10px 3px !important;
			}
			.indp .mobile-nav-items li a{
				color: #b6b6b6;
			}
			.indp .designer-dp-item{
				padding-left: 40px;
				padding-right: 20px;
			}
			.indp .designer-dp-item ul{
				padding-left: 0;
				margin-bottom: 0;
				list-style: none;
				margin-top: 15px;
			}
			.indp .designer-dp-item ul li{
				padding: 10px 0px;
			}
			.indp{
				position: absolute;
			    right: -300px;
			    transition: 1.0s ease-in-out;
			    opacity: 0;
			    width: 100%;
			    top: 146px;
			    display: block;
			}
			#submenu-men, #submenu-women, #submenu-kids, #submenu-designers, #submenu-sale, #submenu-express-delivery {
				display: block;
				right: 0px;
				transition: all 1s ease-in-out 0s;
				opacity: 1;
				padding-bottom: 80px;
			}
			.btn-bordered, .btn-bordered:hover {
			    background: transparent;
			    color: #000;
			    width: 100%;
			    border-radius: 3px;
			    border: 1px solid #000;
			    padding: 5px 15px;
			}
			.d-dsk{
				display: none !important;
			}

		/********************** MOBILE-HEADER CSS ENDS **********************/

		.contact-us-section .heading h4 {
		    text-align: center;
		    font-size: 16px;
		    margin-bottom: 35px;
		}


		.pagi .prev-text p, .pagi .next-text p, .pagi .page-number p, .pagi .prev-text p, .pagi .prev-text p a,.pagi .prev-text-disabled p, .pagi .next-text-disabled p, .pagi .prev-text-disabled p, .pagi .prev-text-disabled p a{
			font-size: 14px !important;
		}
		.pagi .prev-text p:before, .pagi .next-text p:after,.pagi .prev-text-disabled p:before, .pagi .next-text-disabled p:after{
			height: 16px;
    		width: 16px;
		}
		.pagi{
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.product-text .disc-tag{
			background: #fafafa;
			padding: 5px;
			color: #c62828;
			font-weight: 500;
		}
		.contact-us-section .content-box{
			padding:  0;
			border-right: none !important;
		}
		.br-grey{
			border-right: 1px solid #d8d8d891;
		}
		.contact-us-section .content-box.br-none{
			border-bottom: none;
		}
		.main-heading-center h3 {
		    font-size: 16px;
		}
		.product-image img {
		    height: 200px !important;
		    object-fit: cover;
		}
		.product-text h3{
			font-weight: 500;
			font-size: 16px;
			letter-spacing: 0px;
		}
		.product-text .desc{
			font-size: 14px;
		    line-height: 25px;
			margin-bottom: 8px;
		}
		.product-text .price del {
		    font-size: 12px;
		}
		.product-text .price b{
			font-size: 14px;
		}
		.product-text .disc-tag{
			font-size: 14px;
			padding: 5px 20px;
		}
		.phone-by {
		    margin-top: 0px;
		}
	}

/********************* MEDIA QUERY CSS ENDS *********************/
