/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/






/*	Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.    */



/*	Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.  */

@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_area h1 {
  font-size: 50px;
}
.header_area h2 {
  font-size: 27px;
  margin-bottom: 45px;
  margin-top: 0;
  padding-left: 213px;
}	
.header_area img {
  float: left;
  left: -41px;
  margin-right: 20px;
  margin-top: 10px;
  position: absolute;
}
.main_contents {
  margin: 140px auto 0;
  padding: 0 15px 0 10px;
  width: 100%;
}



	
	
	
	
	
	

}



/*	Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.*/

@media only screen and (max-width: 767px) {
.header_area img {
  display: block;
  float: inherit;
  left: 0;
  margin: 40px auto 0;
  position: inherit;
}
body {
  background-size: cover;
}
.header_area h1 {
  font-size: 69px;
  margin-bottom: 0;
  margin-top: 50px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
}
.header_area h2 {
  font-size: 25px;
  margin-bottom: 45px;
  margin-top: 10px;
  padding-left: 10px;
  text-align: center;
}
.main_contents {
  margin: 65px auto 0;
  width: 100%;
}
.main_contents {
  margin: 65px auto 0;
  padding: 0 15px;
  width: 100%;
}

.header_area {
  background-color: #1cbb9b;
  margin-top: 0px;
}
.menu_area .main_menu ul li a {
  color: #000;
  display: block;
  font-family: "Raleway";
  font-size: 15px;
  font-weight: 500;
  padding: 2px 15px;
}
.main_contents .main_con_left .single_post .single_left.different_left_text h3 {
  color: #48edcc;
  font-family: "Raleway";
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 40px;
  margin-top: 28px;
  padding: 0 15px;
  text-align: center;
  text-transform: capitalize;
}
.main_contents .main_con_left {
  background-color: #fff;
  border: 2px solid #fafdfc;
  border-radius: 5px;
  box-shadow: 1px 1px 0.1pc #c8dbd6;
  float: none;
  overflow:hidden;
  margin-bottom: 5px;
  padding: 0 15px 25px;
  width: 100%;
}
.main_contents h2.m_heading {
  background-color: #2c5380;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-family: "Oswald";
  font-size: 25px;
  margin: 0 -17px 35px;
  padding: 18px 0 18px 25px;
}
.main_contents_area {
  margin-top: 0;
}
.main_contents .main_con_left .single_post .single_left {
  float: none;
  margin-bottom: 20px;
  margin-right: 25px;
  min-height: 170px;
  width: 100%;
}
.main_contents .main_con_left .single_post .single_right h2 {
  color: #000;
  font-family: "Raleway";
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 5px;
  margin-top: -2px;
}

.main_contents .right_contents {
  float: none;
  margin-top: 45px;
  overflow: hidden;
  width: 100%;
}
.menu_area .main_menu {
  margin-left: 0;
}


/* Special apisode area */
.espcial_episode .main_contents .main_con_left {
  background-color: inherit;
  border: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  float: none;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 0 15px 25px;
  width: 100%;
}
.main_contents .main_con_left .episode_area .episode_left {
  float: none;
  height: 268px;
  margin-right: 25px;
  max-height: 268px;
  width: 100%;
}
.main_contents .main_con_left .episode_area .episode_right h2 {
  color: #000;
  font-family: "Raleway";
  font-size: 33px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 5px;
  margin-top: 35px;
}
.main_contents .main_con_left .episode_area .episode_right p.post_info {
  margin-bottom: 25px;
  margin-top: 0;
}
.episode_area iframe {
  width: 100%;
}
.main_contents .main_con_left .after_episode_area ul {
  padding-left: 15px;
}



body.body_resources .main_contents .main_con_left {
  background-color: inherit;
  border: inherit;
  box-shadow: inherit;
}


/* ASQ area */
.espcial_episode .main_contents .main_con_left {
  background-color: inherit;
  border: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  float: none;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 0 15px 25px;
  width: 100%;
}
.main_contents .main_con_left .asq_area .asq_left {
  float: none;
  width: 100%;
}
.main_contents .main_con_left .asq_area .asq_right h2 {
  color: #000;
  font-family: "Raleway";
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 20px;
  margin-top: 45px;
  text-align: center;
}
.asq_right iframe {
  width: 100%;
}

.asq_bottom_area .bottom_area_left {
  float: none;
  width: 100%;
}
.asq_bottom_area .bottom_area_right {
  background-color: #eeeeee;
  border-radius: 5px;
  float: left;
  margin-left: 0;
  margin-top: 40px;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
}



body.ask_a_question .main_contents .main_con_left {
  background-color: inherit;
  border: inherit;
  box-shadow: inherit;
}




	

	
}



/*	Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	

	
}