@charset "utf-8";
/*=================================================================
=                           GENİŞ MASAÜSTÜ                        =
=================================================================*/
@media only screen and (min-width: 1400px) {
	#footer-fav-xs {display: none;}
	.artist-list .list .artist { margin:4px 2px ; }
	/*.chrome .section {margin-bottom: -45px;}*/
	#iletisim h4 span { margin: 0 30px; }
	.summary .favorite {
		margin-left: 0;
		float: right;
	}
	/*=============================
	=            AUDIO            =
	=============================*/
	.audio-list .item section:first-child { width: 75%; }
	.audio-list .item section:last-child { width: 25%; }
	.audio-list .item button { margin:0; padding: 5px 5px; }
}
/*==================================================================
=                            MASAÜSTÜ                              =
==================================================================*/
@media only screen and (min-width: 992px) {
	#footer-fav-xs {display: none;}
	.left-icon .item.inactive h5 { margin-left: -25px; width: 90px; }
	#showreel { padding-bottom: 47%; }
	.summary .favorite {
		margin-left: 0;
		float: right;
	}
}
/*==================================================================
=                              TABLET                              =
==================================================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#footer-fav-xs {display: none;}
	#footer-social ul li {padding-right: 11px;}
	#favslider .img-hold img {
		padding-right: 10px;
		border-right: 0;
	}
	/*==============================
	=            AUDIO             =
	==============================*/
	.category-list a:first-child { margin:0; }
	.audio-list .item section:first-child { width: 70%; }
	.audio-list .item section:last-child { width: 30%; }
	.audio-list .item button { margin:0; padding: 5px 5px; }
	.audio-list .item button p { margin:0; }
	.audio-list .item.playing { height: 100px;}
	.audio-list .name p {font-size: 14px;}
	.category-left a:first-child {width: 80px; height: 80px;}
	#favslider .img-hold { width: 50px; height: 50px; }
	#favslider .img-hold .overlay {width: 160px;}
	/*=============================
	=            ARAMA            =
	=============================*/
	.arama .right i {display: none;}
	#arama .title h2 small:before, #arama .title h2:after{ content:""; display: block; overflow: hidden; height: 0; clear:both; }
}
/*===================================================================
=                              MOBİL 320                            =
===================================================================*/
@media only screen and (max-width: 767px) {
	/*================================
	=            HOMEPAGE            =
	================================*/
	.container { width: 100%; overflow: hidden; }
    .audio-right {margin-top:30px;}
    .download {display:none;}
    .playing{height:100px;}
	.wrapper { margin-bottom: 0; }
	.section { margin-bottom: 0; }
	#favbar {display: none;}
	#logo {margin:0 auto;}
	#header { padding-bottom: 10px; }
    #nav ul { float:left; width:100%; }
	#nav ul li {width: 100%;}
	#nav ul li a { margin: 2px; line-height: 40px; background-color: #F4F4F4;}
	.square-hold > div { margin: 30px 0 0 0; display:block;}
	#homepage .square.men, #homepage .square.dub { float: left; position: relative; left:20px; background-position: -40px -40px; width: 250px; height: 250px; margin:0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); z-index:1; }
	#footer-social ul li {padding-right: 10px;}
	#footer-social ul li a {font-size: 14px;}
	#footer ul { width: 100%; text-align: center; }
	#footer ul li {float: none; display: inline-block;}
	#home-news-slider .slider-hold {width: 310px; margin-left:5px;}
	#home-news-slider ul li section { width: 100%; /* R */ float: left; }
	#home-news-slider ul li section.img{ width: 100%; /* R */ float: left; }
	#home-news-slider ul li section.img img { margin:0 auto; }
	#home-news-slider ul li section.text { margin-top: 10px; }
	#home-news-slider ul li section.text p { text-align: center; }
	#footer {
		position: relative;
		height: 120px;
		overflow: hidden;
		z-index: 99999999;
	}
	#footer #footer-fav {	display: none;}
	/*===============================
	=            MENAJER            =
	===============================*/
	#menajer .sign-holder .sign { margin-bottom: 20px; }
	#menajer .title { margin: 20px auto 70px auto}
	#menajer .sign-holder { margin-top: 30px;}
	/*===============================
	=            BASVURU            =
	===============================*/
	.basvuru .text p {margin-top: 10px; text-align: center;}
	/*================================
	=            HABERLER            =
	================================*/
	.haber-item section.img { text-align: center; }
	.haber-item:nth-child(even) section,.haber-item:nth-child(even) section img { float: none; }
	.haber-item:nth-child(even) section h4,
	.haber-item:nth-child(even) section h6, .haber-item:nth-child(even) section p {text-align: left; }
	.haber-item section h4 {font-size: 17px;}
	/*===================================
	=            ARTIST LIST            =
	===================================*/
	.left-icon .item {
		width: 130%;
		height: auto;
		margin-top: 50px;
		margin-left: -15%;
	}
	.left-icon .item a {
		width: 120%;
		display: block;
		text-align: center;
		position: relative;
	}
	.left-icon .item.inactive img{
		margin: 0 10%;
		width: 80%;
		display: inline-block;
		opacity:1;
		border-radius: 100%;
		overflow: hidden;
	}
	.left-icon .item.inactive h5 {
		position: absolute;
		width: 150%;
		left: -25%;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		color: #000;
	}
	.left-icon .item.inactive:hover img { background-color: rgba(255,255,255,0.3); }
	/*================================
	=            İLETİŞİM            =
	================================*/
	#iletisim h4 span { margin: 0 30px; }
	#iletisim form section { width: 100%; }
	#iletisim form section .item input,
	#iletisim form section .item textarea { width: 73%; }
	#gmap .holder { padding:5px; }
	/*==================================
	=            OYUNCU TEL            =
	==================================*/
	#oyuncutek { margin-bottom: 0; }
	.topbar button {margin:0;}
	.summary .title h4 { font-size: 32px; text-align: left; height: auto; }
	.summary hr {display: none;}
	#kadin.oyuncu .left-icon { display: none;}
	#bxslider-thumb { margin-bottom: 20px; }
	/*=============================
	=            AUDIO            =
	=============================*/
	.category-left a:first-child, .category-left a { width: 70px; height: 80px; margin:10px 10px; overflow-y: hidden; overflow-x: hidden; }
	.category-left a:first-child div, .category-left a div { width: 50px; height: 50px; margin: 0 10px; }
	.category-left a:first-child p, .category-left a p { display: block; font-size: 10px; height: 20px; text-align: center; }
	#audio .title h2 { text-align: left; line-height: 30px; font-size: 28px; }
	.audio-list .item .synth { display: none; }
	.audio-list .item section:first-child { width: 75%; }
	.audio-list .item section:last-child { width: 25%; }
	.audio-list .name p {font-size: 13px;}
    .audio-list button.favorite, .audio-list button.download, .audio-list button.play p, .audio-list a p {
        display: none;
    }
	.audiojsZ .play-pauseZ { width: 14%; }
	.audiojsZ .scrubberZ { width: 75%; }
	.audiojsZ .timeZ { display: none; }
	/*=============================
	=            ARAMA            =
	=============================*/
	.arama .right i {display: none;}
	#arama .title h2 small:before, #arama .title h2:after{ content:""; display: block; overflow: hidden; height: 0; clear:both; }
	#arama .title h2 small {font-size: 12px; line-height: 20px;}
	.arama .right i,
	.arama .right h3,
	.arama .right a {
		line-height: 25px;
	}
	#arama.arama .right a {
		font-size: 10px;
		letter-spacing: 0;
		float: left;
	}
}