/*
	34 Responsive Grid System
	Multi-state, responsive CSS grid system

	Developer	: Kemal Yılmaz
	URL			: http://34grid.com
	Contact		: http://kemalyilmaz.com
				: http://twitter.com/xkema
				: http://www.facebook.com/pages/34Grid/401562963236958
	Version		: 1.0

	LICENSED UNDER Creative Commons Attribution 3.0 Unported License.
*/



/* 
	===================================== DESKTOP, LARGE SCREENS ====
*/
@media only screen and (min-width: 1200px) {
	
	/* user styles goes here */

}



/* 
	=========================================== DESKTOP < 1200px ====
*/
@media only screen and (max-width: 1200px) {

	/* autogenerated styles */
	.col_12 { width:15.6666666667%; }
	.col_14 { width:13.2857142857%; }
	.col_15 { width:19%; }
	.col_16 { width:11.5%; }

	.col_12c { width: 82.3333333333%; }
	.col_14c { width: 84.7142857143%; }
	.col_15c { width: 79%; }
	.col_16c { width: 86.5%; }

	/* user styles goes here */

}



/* 
	============================================= IPAD LANDSCAPE ====
*/
@media only screen and (max-width: 1024px) {

	/* autogenerated styles */
	.col_6 { width:32.3333333333%; }
	.col_8 { width:24%; }
	.col_9 { width:32.3333333333%; }
	.col_10 { width:19%; }
	.col_12 { width:24%; }
	.col_14 { width:49%; }
	.col_15 { width:32.3333333333%; }
	.col_16 { width:24%; }

	.col_6c { width: 65.6666666667%; }
	.col_8c { width: 74%; }
	.col_9c { width: 65.6666666667%; }
	.col_10c { width: 79%; }
	.col_12c { width: 74%; }
	.col_14c { width: 49%; }
	.col_15c { width: 65.6666666667%; }
	.col_16c { width: 74%; }

	/* user styles goes here */

}

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

    #top, #banner { display:none; }
    #logo { display:block; }  
    
    .box.news ul li .text .title { font-size:14px;  }
    .box.news ul li .text .info .date,
    .box.news ul li .text .info a{ font-size:12px;  }
    
    .box.new ul li .pic { width:52%; }
    .box.new ul li .pic .icon { width:23px; }
    .box.new ul li .pic .image { width:95px; }
    .box.new ul li .text { width:43%;  }
    .box.new ul li .text .title { font-size:14px;  }
    .box.new ul li .text .info .date,
    .box.new ul li .text .info a{ font-size:12px;  }
    
    .box.discuss ul.feed li .topic { font-size:14px;  }
    .box.discuss ul.feed li a.text { font-size:12px; }
    
    .search-controls input { border:1px solid #B9B2B2; }
    .search-controls a.search { border:1px solid #B9B2B2; border-left:none; }

}

/* 
	============================================== IPAD PORTRAIT ====
*/
@media handheld, only screen and (max-width: 768px) {

	/* autogenerated styles */
        .tab-full { width:99%; }
	.col_4 { width:49%; }
	.col_6 { width:49%; }
	.col_8 { width:49%; }
	.col_9 { width:99%; }
	.col_10 { width:49%; }
	.col_12 { width:32.3333333333%; }
	.col_14 { width:99%; }
	.col_15 { width:99%; }
	.col_16 { width:49%; }

	.col_4c { width: 49%; }
	.col_6c { width: 49%; }
	.col_8c { width: 49%; }
	.col_9c { width: 99%; }
	.col_10c { width: 49%; }
	.col_12c { width: 65.6666666667%; }
	.col_14c { width: 99%; }
	.col_15c { width: 99%; }
	.col_16c { width: 49%; }

	/* user styles goes here */
        
        #about { font-size:18px; }
        
        #logo { margin-bottom:10px; }
        #logo .image { width:400px; height:74px; background:url('../img/main-logo-sml.png') no-repeat; }
        #search-min { display:none; }
        
        .box.news ul li .pic { width:22%; }
        .box.news ul li .text { width:76%; }
        
        .footer-container .cols ul.items li { float:left; margin:5px 10px 5px 0; }
        
        .box.news ul li .text .title { font-size:16px;  }
        .box.news ul li .text .info .date,
        .box.news ul li .text .info a{ font-size:14px;  }
        
        .box.new ul li .pic { width:32%; }
        .box.new ul li .pic .icon { width:27px; }
        .box.new ul li .pic .image { width:110px; }
        .box.new ul li .text {  width:68%;  }
        .box.new ul li.no-pic .pic { width:7%; }
        .box.new ul li.no-pic .text {  width:88%;  }
        
        .box.new ul li .text .title { font-size:16px;  }
        .box.new ul li .text .info .date,
        .box.new ul li .text .info a{ font-size:14px;  }
        
         .box.discuss ul.feed li .topic { font-size:16px;  }
         .box.discuss ul.feed li a.text { font-size:14px; }

}



/* 
	=========================================== IPHONE LANDSCAPE ====
*/
@media handheld, only screen and (max-width: 480px) {

	/* autogenerated styles */
	.col_2 { width:99%; }
	.col_3 { width:99%; }
	.col_4 { width:99%; }
	.col_5 { width:99%; }
	.col_6 { width:99%; }
	.col_7 { width:99%; }
	.col_8 { width:99%; }
	.col_10 { width:99%; }
	.col_11 { width:99%; }
	.col_12 { width:49%; }
	.col_13 { width:99%; }
	.col_16 { width:99%; }

	.col_2c { width: 99%; }
	.col_3c { width: 99%; }
	.col_4c { width: 99%; }
	.col_5c { width: 99%; }
	.col_6c { width: 99%; }
	.col_7c { width: 99%; }
	.col_8c { width: 99%; }
	.col_10c { width: 99%; }
	.col_11c { width: 99%; }
	.col_12c { width: 49%; }
	.col_13c { width: 99%; }
	.col_16c { width: 99%; }

	/* user styles goes here */
        
        #about { font-size:14px; }
        
        #logo { margin-bottom:5px; }
        #logo .image { width:auto; }
       /* #logo .image { width:300px; height:56px; background:url('../img/main-logo-tiny.png') no-repeat; } */
        
        
        .box.news ul li img { width:100px; }
        
        .box.news ul li .pic { width:32%; }
        .box.news ul li .text { width:64%; }
        
        .box.news ul li .text .title { font-size:14px;  }
        .box.news ul li .text .info .date,
        .box.news ul li .text .info a{ font-size:12px;  }

        .box.new ul li .pic { width:44%; }
        .box.new ul li .pic .icon { width:23px; }
        .box.new ul li .pic .image { width:90px; }
        .box.new ul li .text {  width:53%;  }
        .box.new ul li.no-pic .pic { width:8%; }
        .box.new ul li.no-pic .text {  width:88%;  }
        
        .box.new ul li .text .title { font-size:14px;  }
        .box.new ul li .text .info .date,
        .box.new ul li .text .info a{ font-size:12px;  }

        .box.discuss ul.feed li .topic { font-size:14px;  }
        .box.discuss ul.feed li a.text { font-size:12px; }
}



/* 
	============================================ IPHONE PORTRAIT ====
*/
@media handheld, only screen and (max-width: 320px) {

	/* autogenerated styles */
	/* reset .container width and max-width (in case user defines an explicit #id for her/his .container classes) */
	.container { width: 100% !important; max-width: 100% !important; }

	.col_1,
	.col_2,
	.col_3, .col_3c,
	.col_4, .col_4c,
	.col_5, .col_5c,
	.col_6, .col_6c,
	.col_7, .col_7c,
	.col_8, .col_8c,
	.col_9, .col_9c,
	.col_10, .col_10c,
	.col_11, .col_11c,
	.col_12, .col_12c,
	.col_13, .col_13c,
	.col_14, .col_14c,
	.col_15, .col_15c,
	.col_16, .col_16c {
			width		: 92%;
			margin-left	: 0%;
			margin-right	: 0%;
			padding-left	: 4%;
			padding-right	: 4%;
	}

	/* user styles goes here */
        
         #about { font-size:12px; }
         #logo { margin-bottom:5px; }
        /* #logo .image { width:250px; height:47px; background:url('../img/main-logo-micro.png') no-repeat; } */
         
         
       

}

/* 
	============================================ SO SMALL PHONES ====
*/
@media handheld, only screen and (max-width: 240px) {
	
	/* user styles goes here */

}