/*
Theme Name: Idan
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See: https://codex.wordpress.org/Right_to_Left_Language_Support
*/
.the-menu ul li {
	border-left: 1px solid #333333;
	border-right: 0px solid #333333;
	margin: 0 -4px 0 0;
}
.social-header a:after {
	right: 4px;
	left: 0;
}
.social-header {
	margin: 0 0 0 10px;
}
.inner-pag {
	text-align: left;
}
.albums-list {
	text-align: left;
}
.artist-item {
	float: right;
	padding: 0 0 0 5%;
	text-align: right;
	font-size: 100px
}
.back-to {
	text-align: left;
}
.album-side {
	margin: 0 0 0 3%;
}
.mfp-content {
	text-align: right;
}
.ituns-button {
	margin: 5% 0 5% 3.5%;
}
.google-button {
	margin: 5% 3.5% 5% 0;
}

.doitunes {
	width: 140px;
}
.mejs-offscreen {
	left: 10000px;
}
.the-menu ul li:last-child {
    border-left: 0px solid #333333;
}
.sub-cat-list {
    margin: 0 0 0 1.71%;
}
.the-menu ul li > a, .lang-select a {
	font-size: 24px;
}
.navrechts {
	text-align: left;
}
/* RESPONSIVE */
/* 1024 */
@media only screen and (max-width:1024px), screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.the-menu ul li > a, .lang-select a {
    font-size: 22px;
}
}

/* TABLET */
@media only screen and (min-device-width:480px) and (max-device-width:768px) and (orientation: portrait) {
.the-menu ul li > a, .lang-select a {
    font-size: 17px;
}
.google-button {
    margin: 5% 3.2% 5% 0;
}
.ituns-button {
    margin: 5% 0 5% 3.2%;
}
}

/* MOBILE */
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){
.the-menu ul li {
    border-left: 0px solid #333333;
    border-right: 0px solid #333333;
    margin: 0;
}
.inner-pag {
    text-align: right;
}
.logo {
    width: 92px;
}
.lang-select {
    text-align: left;
}
.doitunes {
    width: 87px;
}
.album-item, .artist-item {
	padding: 0;
}
.sub-cat-list {
    width: 100%;
	margin: 5px 0 15px;
}
}

@media (max-width:480px) {

}