/* Set layout for gpanels for smaller devices */

/* Smartphone portrait */
@media only screen and (max-width:320px) {
  .gpanel .region {
    display: block;
    float: none;
    width: 100% !important;
  }
}

/* Smartphone landscape */
@media only screen and (min-width:321px) and (max-width:480px) {
  .gpanel .region {
    display: block;
    float: none;
    /* width: 100% !important; change by vishnu 15-11-12*/
	width: 94% !important;
  }
}

/* Tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px) {
  .three-25-25-50 .region-three-25-25-50-first,
  .three-25-25-50 .region-three-25-25-50-second,
  .three-50-25-25 .region-three-50-25-25-second,
  .three-50-25-25 .region-three-50-25-25-third {
    width: 50%;
  }
  .three-50-25-25 .region-three-50-25-25-first,
  .three-25-25-50 .region-three-25-25-50-third {
    width: 100% !important;
    display: block;
    float: none;
    margin-bottom: 15px;
  }
  .four-4x25 .region {
    width: 50%;
  }
  .six-6x16 .region,
  .five-5x20 .region-five-first,
  .five-5x20 .region-five-second,
  .five-5x20 .region-five-third {
    width: 33.333%;
  }
  .five-5x20 .region-five-fourth,
  .five-5x20 .region-five-fifth {
    width: 50%;
  }
  .three-50-25-25 .region-three-50-25-25-second,
  .three-25-25-50 .region-three-25-25-50-third ,
  .six-6x16 .region-six-third,
  .five-5x20 .region-five-fourth {
    clear: left;
  }
  #main-content .three-3x33 .region {
    width: 50%;
  } 
  #main-content .three-3x33 .region-three-2-33-third {
    width: 100% !important;
    clear: left;
    display: block;
    float: none;
  }

  /* IE6-7 */
  .ie6-7 .three-25-25-50 .region-three-25-25-50-first,
  .ie6-7 .three-25-25-50 .region-three-25-25-50-second,
  .ie6-7 .three-50-25-25 .region-three-50-25-25-second,
  .ie6-7 .three-50-25-25 .region-three-50-25-25-third,
  .ie6-7 .four-4x25 .region,
  .ie6-7 .five-5x20 .region-five-fourth,
  .ie6-7 .five-5x20 .region-five-fifth,
  .ie6-7 #main-content .three-3x33 .region  {
    width: 49%;
    right: 0 !important;
  }
  .ie6-7 .six-6x16 .region,
  .ie6-7 .five-5x20 .region-five-first,
  .ie6-7 .five-5x20 .region-five-second,
  .ie6-7 .five-5x20 .region-five-third {
    /* width: 32.333%; */
	width: 20%;
    right: 0;
  }
  .ie6-7 #main-content .three-3x33 .region-three-2-33-third  {
    right: 0 !important;
  }
}