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

@media only screen and (max-width:479px)  {
	.logo_container{
       height:         150px;
       width:          200px;
       position:       relative;
	   left:20px;
    }
	#logo{
	   height:100px;
	   margin:auto;	
	}
	#main-wrapper{
	    float:         none;
		width:         100%;	
	}
	#content_main{
		float:         none;
		width:         86%;	
		margin:20px 20px 20px 20px;	
	}
	
	/* sidebar_wrapper css */
	.sidebar_wrapper{
		width:         100%;
	}
	.content_sidebar{
		width:         100%;
		margin:        0px;
	}
	#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3{
	    width:         80%;
		margin:20px 20px 0px 20px;
	}
}
@media only screen and (min-width:480px) and (max-width:639px)  {
	.logo_container{
       height:         150px;
       width:          200px;
       position:       relative;
	   left:20px;
    }
	#logo{
	   height:100px;
	   margin:auto;	
	} 
    #main-wrapper{
	    float:         none;
		width:         100%;	
	}
	#content_main{
		float:         none;
		width:         87%;	
		margin:20px 20px 20px 20px;
		padding:0px 10px 0px 10px;	
	}
	
	/* sidebar_wrapper css */
	.sidebar_wrapper{
		width:         100%;
	}
	.content_sidebar{
		width:         100%;
		margin:        0px;
	}
	#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3{
	    width:87%;
		margin:20px 20px 0px 20px;
		padding:0px 10px 0px 10px;	
	}
 }
@media only screen and (min-width:640px) and (max-width:767px)  { 
    /* header_wrapper css */
	#head_wrapper{
	    width:         100%;	
	}
	.logo_container{
       height:         150px;
       width:          200px;
       position:       relative;
	   left:20px;
    }
	#logo{
	   height:100px;
	   margin:auto;	
	}
	#logo img{
      top:0px !important;	
    }
	#title_wrapper{
	   width:         100%;
	   position:      relative;
	   top:           0px;
	   right:         0%;
	}
	#title_wrapper1 {
	   width:         100%;
	   height:        80px;
	   text-align:    center;
	}
	
	/* content_main css */
	#main-wrapper{
	    float:         none;
		width:         100%;	
	}
	#content_main{
		float:         none;
		width:         89%;
		padding:15px;
		margin:20px 20px 20px 20px;
	}
	
	/* sidebar_wrapper css */
	.sidebar_wrapper{
		width:         100%;
	}
	.content_sidebar{
		width:         100%;
		margin:        0px;
	}
	#widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3{
	    width:89%;
		margin:20px 20px 0px 20px;
		padding:15px;
	}
	/* keyvisual_wrapper css */
	#keyvisual{
	    width:        100%;	
    }
 }
@media only screen and (min-width:768px) and (max-width:1023px) { 
   #content_wrapper {
	display:			block;
	position:			relative;
	width:				100%;
	margin:				0 auto;
	height:             auto;
	overflow:           auto;
	overflow-y:         hidden;
	min-height:         400px;    	
   }
   .logo_container{
       display:        block;  
       height:         150px;
       width:          200px
       border:         none;
       position: relative;
       top: 30px;
       left: 20px;
	   background-position:left;
       position:relative;
}

#logo{
       height:150px;
}
  #logo img{
      top:0px !important;	
   }
   #main-wrapper{
	    float:         none;
		width:         70%;	
	}
	#content_main{
		float:         none;
		width:         90%;
		padding:20px;
		margin:0px;
		
	}
   .sidebar_wrapper {
	display:			inline-block;
	position:			relative;
	width:				30%;
	float:              right;
   }
}
@media only screen and (min-width:1024px) and (max-width:1899px) { 
  #content_wrapper {
	display:			block;
	position:			relative;
	width:				100%;
	margin:				0 auto;
	height:             auto;
	overflow:           auto;
	overflow-y:         hidden;
	min-height:         400px;    	
   }
   .logo_container{
       display:        block;  
       height:         150px;
       width:          200px;
       border:         none;
       position: relative;
       top: 30px;
       left: 20px;
	   background-position:left;
       position:relative;
}

#logo{
       height:150px;
}
#logo img{
      top:0px !important;	
}
   .sidebar_wrapper {
	display:			inline-block;
	position:			relative;
	width:				28%;
	float:              right;
   }	
}
@media only screen and (min-width:1900px) {
    #content_wrapper {
	display:			block;
	position:			relative;
	width:				100%;
	margin:				0 auto;
	height:             auto;
	overflow:           auto;
	overflow-y:         hidden;
	min-height:         400px;    	
   }
   .logo_container{
       display:        block;  
       height:         150px;
       width:          200px;
       border:         none;
       position: relative;
       top: 30px;
       left: 20px;
	   background-position:left;
       position:relative;
}

#logo{
       height:150px;
}
#logo img{
      top:0px !important;	
}
   .sidebar_wrapper {
	display:			inline-block;
	position:			relative;
	width:				28%;
	float:              right;
   }	
}