@charset "utf-8";
/* CSS Document */

 	@media only screen and (max-width : 1200px) {
		.cokokunuyor	h2,
		.cokpaylasiliyor	h2	{
				font-size:17px;
			}


		.populernews	.content	.right	{
				padding:0 15px;
			}

		.populernews	.content	.heading h4,
		.tab-content	ul	li	.content	h4	{
				font-size:11px;
			}

		.populernews	.content	.right	h3	{
				font-size: 25px;
    			line-height: 30px;
			}

		.populernews	.content	.right	p	{
				font-size:12px;
				line-height:16px;
			}

		.cokokunuyorbtn,
		.cokpaylasiliyorbtn	{
				font-size:12px;
			}

		.nav-tabs>li {
				padding-right: 30px;
			}

		.nav-tabs>li>a	 {
				font-size:12px;
			}


		.tab-content	ul	li	{
				padding-right:15px;
			}

		.tab-content	ul	li	.content .date	h4	{
				font-size:10px;
			}

		.tab-content	ul	li	.content	h3,
		.dunneokundu	.content	.right	h3	{
				font-size: 18px;
   				line-height: 22px;
			}

		#owl-demo .item	.content	h4	{
				font-size:16px;
			}

		#owl-demo .item	.content	h3 {
    			font-size: 40px;
    			line-height: 46px;
			}

		.dunneokundu	.content	.right	{
				padding-left:15px;
			}

		.dunneokundu	h2	{
				font-size: 26px;
			}

		.dunneokundu	.content	.heading h4	{
				font-size:12px;
			}

		.dunneokundu	.content	.right	p	{
				font-size:13px;
				line-height:20px;
			}

		.widget	{
				display:none;
			}

		.footer	h2	{
				font-size:26px;
			}

		.footer	h3	{
				font-size:22px;
			}

		.footer	a.bundle-link	{
				font-size:16px;
			}



    }

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

		.indexpage	{
			display:none;
			}

		.indexmobilepage	{
				display:block !important;
				background-color:#f4f4f4;
			}

		.header	{
				height:80px;
				padding:0;
				background:#fff;
				display:table;
				width:100%;
				border-bottom:1px solid #f4f4f4;
			}

		.header	.container	{
				padding:0 30px;
				height:80px;
			}

		.header	.logo	{
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}

		.header	ul.social	{
				display:none;
			}

		.header	.logo	h1	{
				font-size:33px;
				padding-top: 3px;
			}

		.bundle-icon	span	{
				width:15px;
			}

		.bundle-icon	.left	span:nth-child(1)	{
				height:18px;
			}

		.bundle-icon	.right	span:nth-child(1)	{
				height:10px;
			}

		.bundle-icon	.right	span:nth-child(2)	{
				height:17px;
			}


		.container	{
				padding:0 10px;
			}

		.list-item	{
				background:#fff;
				margin:10px auto;
				padding:36px 20px;
			}

		.image	{

				height: 177px;
    			background-size: cover;
    			background-position: center;
				margin-top:30px;
				background-repeat:no-repeat;


			}
		.image {
			height: inherit;
			background-size: cover;
			background-position: center;
			margin-top: 0;
			background-repeat: no-repeat;
		}

		.head	{
				border-bottom: 1px solid #e8e8e8;
				width: 100%;
			}

		h2	{
				color:#232327;
				font-size:20px;
				font-family: 'Montserrat-SemiBold';
				display:inline-block;
				padding-bottom:2px;
			}

		h2 span {
				content: "";
				display: block;
				width: 100%;
				height: 5px;
				background-color: #eb2737;
				position: relative;
				top: 5px;

			}
		.heading	{

				width: 100%;
				display: table;
				padding-top:6px;
			}

		.heading .channel,
		.heading .date {
				width: 50%;
				display: table-cell;
				vertical-align: middle;
			}
		.heading .date 	{
				text-align:right;
			}

		.heading h4 {
				color: #303039;
				font-size: 11px;
				font-family: 'Montserrat-Regular';
			}

		.heading .date	img,
		.heading .date	h4 {
				display: inline-block;
				vertical-align: middle;
			}

		.heading .date	img	{ width:14px; padding-right:4px; }

		h3	{
				color:#232327;
				font-size:30px;
				line-height:35px;
				font-family: 'Montserrat-Bold';
				padding-top:15px;
				/*overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp:2;
				-webkit-box-orient: vertical;*/
			}

		p	{
				color:#303039;
				font-size:16px;
				line-height:27px;
				font-family: 'Montserrat-Regular';
				font-family: 'HelveticaNeue';
				/*padding-top:17px;*/
				/*overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;*/

			}

		.list-item .txt	p	{
				padding-top:17px;
			}

		.footer	{
				padding:31.5px 0 83px;

			}

		.footer	ul	{
				display:table;
				width:100%;
				max-width:319px;
				margin:0 auto;

			}

		.footer	ul	li	{
				display:table-cell;
				padding:0;
				width:50%;
			}

		.footer	ul	li:nth-child(1)	{
				padding-right:5px;
			}

		.footer	ul	li:nth-child(2)	{
				padding-left:5px;
			}

		.footer	.container	{
				padding:0 30px;
			}

		.footer	h2	{
				font-size:30px;
			}

		.footer	h3	{
				font-size:20px;
			}

		.footer	a.bundle-link	{
				font-size:12px;
			}

		.footer	ul	li	a	{
			    width: 100%;
				background-size:contain !important;
			}

		.footer	ul	li	a.app-store {
			background: url(../img/app_store_mobile.png) no-repeat;
		}

		.footer	ul	li a.google-play {
			background: url(../img/google_play_mobile.png) no-repeat;
		}

		.footer	ul	li	a	img	{
				width:100%;
			}


		.detailpage	{
				padding-top:57px;
				padding-bottom:35px;
			}

		.detailpage	.container	{
				padding:0;
			}

		/*.detailpage	.container a.viewSourceBtn	{
				width:initial;
				margin-left:20px;
				margin-right:20px;
				margin-top:38px;
			}*/

		.detailpage	.container	h2,
		.detailpage	.container	.detail,
		.detailpage	.container	.bundleXPathBody,
		.detailpage	.container	.bundleRssBody	{
				padding-left:20px;
				padding-right:20px;
			}


		.bundleXPathBody	img,
		.bundleRssBody	img,
		.bundleXPathBody	iframe,
		.bundleRssBody	iframe
			{
				max-width:100% !important;
				width:100% !important;
				margin:0!important
			}

		.detailpage	.container	.detail	{
				max-width:100%;
				max-width:100%;
				padding-top:6px;
			}

		.detailpage	.container	.detail-image	{
				margin-top:27px;
			}

		.detailpage	.container	.detail .date	{
				padding:0;
			}

		.detailpage	.container	.detail	.social	{
				display:block;
				padding-top:22px;
			}

		.detailpage	.container	h2	{
				font-size:30px;
				line-height:35px;
			}

		.detailpage	.container	.detail h4	{
				font-size:12px;

			}

		/*.detailpage	.container	.bundleXPathBody,
		.detailpage	.container	.bundleRssBody	{
				font-size:16px;
				line-height:27px;
			}*/

		/*.bundleXPathBody	p,
		.bundleRssBody	p,
		.bundleXPathBody	.bundleH3,
		.bundleRssBody	.bundleH3,
		.bundleXPathBody	h4,
		.bundleRssBody	h4	{
				padding-top:35px;
			}*/




			.detailpage .container	.bundleXPathBody,
			.detailpage	.container .bundleRssBody,
			.detailpage .container	.bundleXPathBody h1,
			.detailpage	.container .bundleRssBody	h1,
			.detailpage .container	.bundleXPathBody h2,
			.detailpage	.container .bundleRssBody	h2,
			.detailpage .container	.bundleXPathBody h3,
			.detailpage	.container .bundleRssBody	h3,
			.detailpage .container	.bundleXPathBody h4,
			.detailpage	.container .bundleRssBody	h4,
			.detailpage .container	.bundleXPathBody h5,
			.detailpage	.container .bundleRssBody	h5,
			.detailpage .container	.bundleXPathBody h6,
			.detailpage	.container .bundleRssBody	h6,
			.detailpage .container	.bundleXPathBody	p,
			.detailpage	.container .bundleRssBody	p,
			.detailpage .container	.bundleXPathBody span,
			.detailpage	.container .bundleRssBody	span,
			.detailpage	.container .bundleH3,
			.detailpage .container	.bundleH3	{
					line-height:25px;
					padding-top: 10px;
    				padding-bottom: 10px;
					padding-left:0;
					padding-right:0;

				}

			.detailpage	.container	.bundleXPathBody,
			.detailpage	.container	.bundleRssBody	{
				    padding: 20px 20px 0;
			}

			.date	.date-icon	{
				background-image: url(../img/date_icon_mobile.png);
			}

			.header	.logo-bg {
    			background-image: url(../img/logo_mobile.png);
			}




	}

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

		.header	.logo-bg	{ margin:0 auto; }

		.container	{
				padding:0;
			}

		.list	{
				display:table;
				width:100%;
				border-collapse: separate;
    			border-spacing: 5px;
			}

		.list-item	{
				display:inline-block;
				vertical-align:top;
				width: calc(50% - 10px);
    			margin: 5px 5px;
			}

		.list-item .image	{
				height:182px;
			}

		.detailpage .container	.bundleXPathBody,
		.detailpage	.container .bundleRssBody {
    		padding: 20px 40px 0;
		}


	}

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

				.webrazziLink	{
						display:block;
						float:none !important;
						margin:20px auto 0;

					}
	}

	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 568px)
	and (orientation : portrait) {

		.footer	h2	{
				font-size:27px;

			}

		.footer	h3	{
				font-size:17px;
				padding-top:0;
			}
	}