/*
	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: 1400px) {

  /* user styles goes here */

}



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

  /* autogenerated styles */

  /* user styles goes here */
  .col_2c {
    width: 98% !important;
  }

  .col_3c {
    width: 46% !important;
  }

    .col_3c + .col_3 {
      width: 46% !important;
    }
}



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

  /* autogenerated styles */

  /* user styles goes here */
  .col_2 {
    width: 96% !important;
  }

  .col_3 {
    width: 46% !important;
  }
}



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

  /* autogenerated styles */

  /* user styles goes here */
    .col_2 {
    width: 96%;
  }

  .col_2c {
    width: 98%;
  }

  .col_3 {
    width: 96%;
  }

  .col_3c {
    width: 96%;
  }
}



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

  /* autogenerated styles */
  .col_2 {
    width: 96%;
  }

  .col_2c {
    width: 98%;
  }

  .col_3 {
    width: 96%;
  }

  .col_3c {
    width: 96%;
  }

  /* user styles goes here */

}



/* 
	============================================ 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 {
    width: 92%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 4%;
    padding-right: 4%;
  }

  /* user styles goes here */

}

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

  /* user styles goes here */

}