@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1599px){
   .banner					{ overflow:hidden;}
  .banner img				{ height:748px; }  
}

@media only screen and (min-width:768px) 
{
    .navigation>ul		{ display:block !important;}
}
@media only screen and (min-width:1024px) and (max-width:1050px) 
{
  	.container				{ width:95%;}	
    .navigation > ul > li	{ margin-right:97px;}	
    .left_cont				{ width:67%;}   
    .right_cont				{ padding-right:1%;}
}

@media only screen and (min-width:768px) and (max-width:1023px) 
{
  	.container				{ width:95%;}	
    .navigation > ul > li	{ margin-right:35px;}
    .banner img				{ height:990px; width:auto;} 
    /*.left_cont				{ float:none; width:100%;} 
    .right_cont				{ float:none; width:100%; padding-right:0;}
    .left_cont img			{ margin-top:0;}	*/  
    .main_container .content	{ padding-bottom: 55px; padding-top: 55px;} 
    .content				{ padding:30px 28px;}
    .left_cont img			{width: 36%; height:auto; margin-left: 0;  margin-right: 15px; margin-top:0;}
    h2						{ font-size:24px; line-height:26px;}
    .left_cont p			{ font-size:16px; line-height:25px;}
    .left_cont				{width: 68.5%; min-height:275px; position:relative;}
    .content a.read_more	{ position:absolute; right:0; bottom:0;}
    .right_cont				{  width: 27.5%; padding-right:0; min-height:275px; position:relative;}
    h5						{ font-size:17px;}
    .right_cont img			{ max-width:100%; height:auto;}
    .main_container			{ padding-top:22px; padding-bottom:22px;}
    .subtitle				{ padding-top:15px;}
    .side_links ul li a		{ font-size:16px;}
    
    .side_links				{ width:30%;}
    .inner_right_cont		{ width:67.5%;}
    .twocol_cont ul li		{ padding-top:5px; width:48%;}
    .inner_container {
    padding-bottom: 22px;
    padding-top: 22px;}
}


@media only screen and (min-width:600px) and (max-width:767px) 
{
  	.container				{ width:93.5%;}	
    .navigation > ul > li	{ margin-right:37px;}
    .banner img				{ height:990px; width:auto;} 
    .left_cont				{ float:none; width:100%; padding-bottom:20px;} 
    .right_cont				{ float:none; width:100%; padding-right:0;}
    .left_cont img			{ margin-top:0;}	  
    .main_container .content{ padding-bottom: 55px; padding-top: 55px;} 
    .content				{ padding:30px 28px;}
    .left_cont img			{width: 36%; height:auto; margin-left: 0;  margin-right: 15px; margin-top:0;}
    h2						{ font-size:26px; line-height:28px;}
  	.left_cont p			{ padding-bottom:28px; font-size:17px; line-height:28px;}
    .right_cont img			{ max-width:100%; height:auto;}
    .right_cont img			{ margin-bottom:25px;}
     .main_container		{ padding-top:22px; padding-bottom:22px;}
     
     .subtitle				{ padding-top:5px;}
     h1						{ font-size:32px; line-height:34px;}
     
    .side_links				{ width:100%; padding:10px 0 20px;}
    .inner_right_cont		{ width:100%;}
    
     .twocol_cont ul li		{ padding-top:5px; width:100%;}
     .footer				{padding-top: 26px; padding-bottom: 30px;}
     .inner_container {
    padding-bottom: 22px;
    padding-top: 22px;
}
	.navigation > ul		{ float:none; display:none; position:absolute; left:0; top:100%; width:100%; background:#333333; padding:10px 0;}
    .navigation > ul >li	{ float:none; margin:0;}
    .navigation > ul li ul	{ position:relative; left:auto; top:auto; width:auto;}
    .navigation ul li ul li	{ padding:0;}
    .navigation ul li ul li a	{ display:block; padding:10px 15px;}
    .navigation ul li ul li ul{ left:auto; top:auto; background:none; padding:0;}
    .navigation > ul > li > a{line-height: 42px;font-size: 17px;  height:42px; padding-top:2px;}
    .navigation ul li span		{ position:absolute; right:15px; top:11px; color:#fff; font-size:17px; display:block; height:17px; line-height:17px;  }
    .navigation ul li.minus >span{-webkit-transform: rotate(90deg);
    

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg); top:14px;}
 a.menubtn				{ position:absolute; right:20px; top:44px; height:25px; display:block;}
	a.logo					{ float:left; width:280px; margin:0;}
    a.logo img				{ width:100%; height:auto;}
    .top_header				{  padding: 20px 0 24px;}
}


@media only screen and (min-width:480px) and (max-width:599px) 
{
  	.container				{ width:92%;}	
    .navigation > ul > li	{ margin-right:37px;}
    .banner					{ height:100%;}
   
    .left_cont				{ float:none; width:100%; padding-bottom:20px;} 
    .right_cont				{ float:none; width:100%; padding-right:0;}
    .left_cont img			{ margin-top:0;}	  
    .main_container .content{ padding-bottom: 0px; padding-top: 40px;} 
    .content				{ padding:30px 25px;}
    .left_cont img			{/*width: 36%; height:auto; margin-left: 0;  margin-right: 15px;*/ margin-top:0; float:none; width:auto; margin:0 auto 20px; height:auto;}
    h2						{ font-size:26px; line-height:28px;}
  	.left_cont p			{ padding-bottom:28px; font-size:17px; line-height:28px;}
    .right_cont img			{ max-width:100%; height:auto;}
    .right_cont img			{ margin-bottom:25px;}
     .main_container		{ padding-top:22px; padding-bottom:22px;}
     .right_cont img		{ width:100%; height:auto;}
     .footer_links			{ float:none; text-align:center; padding-bottom:5px;}
     .footer_links ul		{float:none; display:inline-block; padding-right:0%;}
     em.copyright			{ padding-right:0; display:block; text-align:center; float:none;}
     .footer				{padding-top: 26px; padding-bottom: 30px;}
     
     .subtitle				{ padding-top:0px;}
     h1						{ font-size:30px; line-height:32px;}
     .inner_container .content	{ padding-bottom:0;}
     h5						{ padding-bottom:12px;}
     
     .side_links				{ width:100%; padding:10px 0 20px;}
    .inner_right_cont		{ width:100%;}
    .twocol_cont ul li		{ padding-top:0px; width:100%; padding-bottom:25px;}
     .inner_container {
    padding-bottom: 22px;
    padding-top: 22px;
}
	.navigation > ul		{ float:none; display:none; position:absolute; left:0; top:100%; width:100%; background:#333333; padding:10px 0;}
    .navigation > ul >li	{ float:none; margin:0;}
    .navigation > ul li ul	{ position:relative; left:auto; top:auto; width:auto;}
    .navigation ul li ul li	{ padding:0;}
    .navigation ul li ul li a	{ display:block; padding:10px 15px;}
    .navigation ul li ul li ul{ left:auto; top:auto; background:none; padding:0;}
    .navigation > ul > li > a{line-height: 42px;font-size: 17px;  height:42px; padding-top:2px;}
    .navigation ul li span		{ position:absolute; right:15px; top:11px; color:#fff; font-size:17px; display:block; height:17px; line-height:17px;  }
    .navigation ul li.minus >span{-webkit-transform: rotate(90deg);
    

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);  top:14px;}
 a.menubtn				{ position:absolute; right:20px; top:40px; height:25px; display:block;}
	a.logo					{ float:left; width:240px; margin:0;}
    a.logo img				{ width:100%; height:auto;}
    .top_header				{  padding: 20px 0 24px;}     
}


@media only screen and (min-width:320px) and (max-width:479px) 
{
  	.container				{ width:90%;}	
    .navigation > ul > li	{ margin-right:37px;}
    .banner					{ height:100%;}
   p						{  font-size: 15px; line-height: 22px;}
    .left_cont				{ float:none; width:100%; padding-bottom:20px;} 
    .right_cont				{ float:none; width:100%; padding-right:0;}
    .left_cont img			{ margin-top:0;}	  
    .main_container .content{ padding-bottom:0px; padding-top: 40px;} 
    .content				{ padding:23px 20px;}
    .left_cont img			{/*width: 36%; height:auto; margin-left: 0;  margin-right: 15px;*/ margin-top:0; float:none; width:auto; margin:0 auto 20px; height:auto;}
    h2						{ font-size:21px; line-height:22px;}
  	.left_cont p			{ padding-bottom:22px; font-size:16px; line-height:24px;}
    .right_cont img			{ max-width:100%; height:auto;}
    .right_cont img			{ margin-bottom:25px;}
     .main_container		{ padding-top:22px; padding-bottom:22px;}
     .right_cont img		{ width:100%; height:auto;}
     .footer_links			{ float:none; text-align:center; padding-bottom:5px;}
     .footer_links ul		{float:none; display:inline-block; padding-right:0%;}
     em.copyright			{ padding-right:0; display:block; text-align:center; float:none;}
     .footer				{padding-top: 26px; padding-bottom: 30px;}
     h3						{ font-size:18px; line-height:20px;}
     
      .subtitle				{ padding-top:5px;}
     h1						{ font-size:25px; line-height:27px; padding-bottom:20px;}
     .inner_container .content	{ padding-bottom:0;}
     h5						{ padding-bottom:8px; font-size:17px;}
     
     .side_links				{ width:100%; padding:10px 0 20px;}
    .inner_right_cont		{ width:100%;}
    .twocol_cont ul li		{ padding-top:0px; width:100%; padding-bottom:25px;}
    
    .navigation > ul		{ float:none; display:none; position:absolute; left:0; top:100%; width:100%; background:#333333; padding:10px 0;}
    .navigation > ul >li	{ float:none; margin:0;}
    .navigation > ul li ul	{ position:relative; left:auto; top:auto; width:auto;}
    .navigation ul li ul li	{ padding:0;}
    .navigation ul li ul li a	{ display:block; padding:10px 15px;}
    .navigation ul li ul li ul{ left:auto; top:auto; background:none; padding:0;}
    .navigation > ul > li > a{line-height: 42px;font-size: 17px; height:42px; padding-top:2px;}
    .navigation ul li span		{ position:absolute; right:15px; top:11px; color:#fff; font-size:17px; display:block; height:17px; line-height:17px;  }
    .navigation ul li.minus >span{-webkit-transform: rotate(90deg);
    

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);  top:14px;}
 a.menubtn				{ position:absolute; right:20px; top:32px; height:25px; display:block;}
 
 
    .inner_container {
    padding-bottom: 22px;
    padding-top: 22px;
}
	a.logo					{ float:left; width:180px; margin:0;}
    a.logo img				{ width:100%; height:auto;}
    .top_header				{  padding: 20px 0 24px;}
   
    
    
     
}