/* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/* Mobile landscape */

@media all and (max-width: 1040px) and (min-width: 981px) {
    #ul-menu-nav li {
    	margin-right: 43px !important;
    }

    #ul-menu-nav li:last-child {
    	margin-right: 0px !important;
    }

}

@media all and (max-width: 980px) and (min-width: 921px) {
    #ul-menu-nav li {
    	margin-right: 29px !important;
    }
    #ul-menu-nav li:last-child {
    	margin-right: 0px !important;
    }
}

@media all and (max-width: 800px) {
	.div-product {
	    float:left;
	    max-width:326px;
	    width: 100%;
	    display: block;

	}

	.div-product-last {
	    margin-right: 26px;
	}
}


@media all and (max-width: 959px) and (min-width: 480px) {
    #div-header nav .sub-menu {
    	width: 100%;
    }
}


/* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
/* Mobile portrait */

/*@media all and (max-width: 479px) {*/

@media all and (max-width: 920px) and (min-width: 820px) {
	#ul-menu-nav li a {
		font-size: 15px !important;
	}
    #ul-menu-nav li {
    	margin-right: 28px !important;
    }
    #ul-menu-nav li:last-child {
    	margin-right: 0px !important;
    }

}

@media all and (max-width: 819px) and (min-width: 791px) {
	#ul-menu-nav li a {
		font-size: 14px !important;
	}

	#ul-menu-nav li {
		margin-right: 23px !important;
	}
}

@media all and (max-width: 790px) {

	html .nav-button-mobile-menu {
		color: #7d7d87;
		cursor: pointer;
		font-size:35px !important;
		display: block;
		position: absolute;
		top: 103px;
		right: 13px;
	}

	html .close-button-mobile-menu {
		font-size:35px !important;
		position: absolute;
		top: 0px;
		right: 21px;
		z-index: 99999;
		color: #646566;
		cursor: pointer;
		display: block;
	}

	#div-header nav {
		margin-right: 0 !important;
		margin-top:0 !important;
		width: 100%;
 		position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 99998;
    	display:none;
	}

	#div-header nav .nav {
		background-color: #fff;
		margin:0 !important;
	}

	#div-header nav, #ul-menu-nav  {
		width: 100% !important;
	}

	.site-nav ul li {
	    float: none !important;
	    margin: 0 !important;
	    padding: 7px 0 7px 30px;
	    text-align: left;
	}

	#div-header nav ul li {
		/*display: inline-block;*/
	}

	#div-header nav ul li .sub-menu {
		display: block;
		padding-top: 6px;
		padding-left:0;
		padding-right:0;
		margin: 13px 0;
		width: calc(100% - 30px);
		background-color: #f6f6f6;
	}

	#div-header nav ul li.has-sub > a {
		background: none;
	}

	#div-header nav ul li .sub-menu li{
		padding-left: 30px !important;
		float: left;

	}

	#div-header nav ul li .sub-menu li:last-child {
		padding-bottom: 6px !important;
		margin-bottom: 0 !important;
	}

	#div-header nav ul li a:link, #div-header nav ul li a:visited {
		color: #727375 !important;
		border-bottom: none !important;
	}

	#div-header nav ul li .sub-menu a:link, #div-header nav ul li .sub-menu a:visited {
		text-transform: capitalize;
	}

	html #div-header nav ul li a:hover,
	html #div-header nav ul li.current_page_item > a,
	html #div-header nav ul li.current-page-ancestor .sub-menu li.current_page_item a,
	html #div-header nav ul .current-page-ancestor > a {
		color: #646566 !important;
	}

	.div-categories-home {
    	margin-top: 10px;
	}

	.div-category-home {
		margin-right: 0 !important;
		margin-bottom: 15px;
		width: 100% !important;
		float: left;

	}

	.span-home-slider-title {
		font-size: 19px;
	}

	.a-home-slider-title {
		margin-top: 14px;
		padding: 6px 16px;
		font-size: 15px;
	}

	#div-footer {
		background-position: center top !important;
	}

	.ul-footer-menu li {
		float: none;
	}

	.ul-footer-menu {
	    float: left;
	}

	#div-footer-right {
    	padding-bottom: 27px;
    	float: left;
	}

}

@media all and (max-width: 510px) {

	.a-category-home {
	    font-size: 24px;
	}

	/*
	.a-product-detail-size-guide {
		margin-top: 10px;
		margin-left: 0;
	}
	*/

	.a-product-detail-go-back {
		margin-top: 0px;
	}

	.td-product-image {
	    padding-left: 4px;
	    padding-right: 4px;
	}

	.input-contact-details-email {
    	max-width: 271px !important;
	}

	.div-order-process-delivery-details-left {
		padding-right: 0 !important;
	}

	.div-blog-detail-image {
		width: 100%;
		float: left;
		padding-right: 0;
	}

}