/*
	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 */

	/* user styles goes here */

}



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

	/* autogenerated styles */
	.col_6 { width:31.3333333333%; }
	.col_6c { width: 64.6666666667%}
  .col_6f { width: 79.6666666667%}
  .col_6.col_nav.with-side { width:16.3333333333%; }
  .col_6.col_nav.no-side { width:16.3333333333%; }
  .col_6c.no-side { width:79.6666666667%; }

  /* special hard margin boxes */
  .hard-margins .col_4, .hard-margins .col_5 {width: 24.25%;}
  .hard-margins .col_4.itm_1, .hard-margins .col_5.itm_1 {margin-left:    0; margin-right: 0.5%;}
  .hard-margins .col_4.itm_2, .hard-margins .col_5.itm_2,
  .hard-margins .col_4.itm_3, .hard-margins .col_5.itm_3 {margin-left: 0.5%; margin-right: 0.5%;}
  .hard-margins .col_4.itm_4, .hard-margins .col_5.itm_4 {margin-left: 0.5%; margin-right: 0;}
  .col_5.itm_5 {display: none;}

	#footer {
	  margin-bottom: 0;
	}

}



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

	/* autogenerated styles */
	.col_4 { width:48%; }
	.col_6 { width:48%; }
  .col_6.col_nav {display: none;}
  #content_body.no-side #primary {padding-right: 0;}

	.col_4c { width: 48%; }
	.col_6c { width: 48%; }
  .col_6f, .col_6c.no-side { width: 98%; }

  /* special hard margin boxes */
  .hard-margins .col_4, .hard-margins .col_5 {width: 49.5%;}
  .hard-margins .col_4.itm_1, .hard-margins .col_5.itm_1 {margin-left:    0; margin-right: 0.5%;}
  .hard-margins .col_4.itm_2, .hard-margins .col_5.itm_2 {margin-left: 0.5%; margin-right: 0;}
  .hard-margins .col_4.itm_3, .hard-margins .col_5.itm_3 {margin-left:    0; margin-right: 0.5%;}
  .hard-margins .col_4.itm_4, .hard-margins .col_5.itm_4 {margin-left: 0.5%; margin-right: 0;}

  .col_3.hard-left   {width: 49.5%;}
  .col_3c.hard-right {width: 49.5%;}

  body.ihg-sub #masthead_top {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #000000;
    border-bottom: 12px solid #000000;
  }

  body.ihg-sub #ihgroup-crumbs {
    display: none;
  }
  body.ihg-sub #contact-top {
    height: 65px;
    padding-top: 15px;
  }

	/* user styles goes here */
  #page, body.ihg-sub #page {margin-top: 0; border-top: none;}
  #masthead {position: relative; border-bottom: 6px solid #ffffff;}
  body.ihg-sub #masthead #topnav_wrap {background-color: #000000;}

  #project_boxes div.project-box {margin-top: 8px;}

  #ihg-logo, body.ihg-sub #ihg-logo {margin-top: 10px; height: 110px; background-size: auto 110px;}
  .top-nav.sub, body.ihg-sub .top-nav.sub  {margin-top: 10px;}
  #ihg-logo .menu-box {top: 110px;}
  #ihg-logo .text {background-position: 8px 20px; background-size: auto 62px;}
  body.ihg-sub #ihg-logo .text {background-position: 8px 24px;}

  br.can-hide {display: none;}
  .hide-882 {display: none !important;}

  #footer #footer_qa span,
  #footer #footer_ps span {
    height: auto;
    width: 100%;
    margin: 8px 0 14px;
  }
  #footer #footer_qa img.qa_img,
  #footer #footer_ps img.ps_img {
      display: block;
      height: auto;
      width: 15%;
      margin: 0 6% 14px 0;
  }
}



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

	/* autogenerated styles */
	.col_2 { width:98%; }
	.col_3 { width:98%; }
	.col_4 { width:98%; }
	.col_5 { width:98%; }
	.col_6 { width:98%; }

	.col_2c { width: 98%; }
	.col_3c { width: 98%; }
	.col_4c { width: 98%; }
	.col_5c { width: 98%; }
	.col_6c { width: 98%; }

  .col_6f { width: 100%;}

  /* special hard margin boxes */
  .hard-margins .col_4, .hard-margins .col_5 {width: 100%;}
  .hard-margins .col_4.itm_1, .hard-margins .col_5.itm_1,
  .hard-margins .col_4.itm_2, .hard-margins .col_5.itm_2,
  .hard-margins .col_4.itm_3, .hard-margins .col_5.itm_3,
  .hard-margins .col_4.itm_4, .hard-margins .col_5.itm_4 {margin-left: 0; margin-right: 0;}

  .col_3.hard-left, .col_3c.hard-right {width: 100%; margin-left: 0;   margin-right: 0;}

  body.ihg-sub .sub-head {
    border-bottom: 10px solid #000000;
  }

  body.ihg-sub #contact-top {
    height: 50px;
    padding-top: 0;
  }

  body.ihg-sub #masthead #topnav_wrap {
    padding-bottom: 0;
  }

  body.ihg-sub .col_3c.sub-head {
    background-color: white;
    border: none;
  }
  body.ihg-sub .col_3c.sub-head #contact-top span {
    color: #000000;
  }
  #content_body {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

	/* user styles goes here */
  #contact-top {float: none;}
  #ihg-logo, body.ihg-sub #ihg-logo {margin-top: 10px; height: 70px; background-size: auto 70px;}
  .hide-480 {display: none !important;}
  #masthead_top, body.ihg-sub #masthead_top {border-bottom: none;}
  #ihg-logo  {margin-top: 0;}
  #ihg-logo .menu-box {top: 70px;}
  #ihg-logo .text, body.ihg-sub #ihg-logo .text {background-position: 8px 8px; background-size: auto 48px;}
  .rev_slider_wrapper {display: none;}
  #project_boxes div.project-box {margin-top: 0;}


}



/*
	============================================ 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 {
			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 */

}