@charset "utf-8";
/* CSS Document */
@media screen and (max-width:980px)
{
	.left-panel { max-width:147px; }
	.header { padding:10px;}
	/*Registration page*/
	.registration_outer { max-width:475px; margin:0 auto;}
	.left_reg_ul { border-right:none;}
	.right_reg_ul { margin-left:30px;}
	.how_it_works { display:none;}
	/*left-pannel*/
	.search-toggle-right { top:5px;}
	.search-options-toggle{display:block; position:fixed; }
	.left-panel{max-width:240px; background:rgba(0, 0, 0, 0.9); position:absolute; margin-left:0px; left:-245px; z-index:90; -webkit-transition:all 0.60s ease-in-out; transition:all 0.60s ease-in-out; margin-top:-10px;}
	.profile_box_pic { border:none; background:none;}
	.profile_box_pic h2, .profile_box_pic h3, .profile_box_pic p { color:#C8C8C8;}
	#search-options-toggle:checked ~ .left-panel{left:0 !important; }
	#search-options-toggle:checked ~ .search-options-toggle{ background-image:url(../images/right1.png); left:-2px; -webkit-transition:all 0.60s ease-in-out; transition:all 0.60s ease-in-out; transform:rotate(180deg);}
 	/*#search-options-toggle:checked ~ .search-options-toggle img{transform:rotate(180deg);}*/
 	.compose-hoot-arrow { background-image:none;}
	
	
}
@media screen and (max-width:800px)
{
	.left-panel { max-width:230px; }
	.right-panel { max-width: 290px; padding: 10px;  margin: 0 0 0 -10px; border: 1px solid #d0d1d5;}
	/*login page*/
	.login_container { padding:16px 0 80px 10px; margin:20px 0 0 0; max-width:770px;} 
	.login_block_cont { max-width:360px;}
	.secondbtn { margin-right:13px;}
}
@media screen and (max-width:796px)
{
    	.outer_header_search { display:none;}/*waiting for chenge search bar.*/
    
    	.logo { text-align:center; width:100%; max-width:100%;}
	.logo a { display:inline-block; vertical-align: top; width: 75%;}
	.mobile-menu-icon {   color: #ffffff;  display: block;  float: left;  max-width: 20px; padding-top: 5px;    vertical-align: top;   width: 98%;}
	.header { padding: 7px 2px 10px;}
	#hootfor_logo_img { height:22px;}
 	.main_div { width:100%;}
 	
	.login_container { max-width:740px;}
	.login_block_cont { max-width:350px; padding:0 10px 0 5px;}
	.secondbtn { margin-right:3px;}
	/**/
	.profile_container_header { min-height:120px;}
	/*right-pannel*/
	.search-toggle-right{display:block; position:fixed; }
 	.right-panel { max-width: 290px; background:#ffffff; position:fixed; margin-left:5px; right:-316px; z-index:1000;  -webkit-transition:all 0.60s ease-in-out; top:75px; transition:all 0.60s ease-in-out; border:none;}
	#search-toggle-right:checked ~ .right-panel{right:0px !important; background:rgba(0, 0, 0, 0.9); }
	.username-texb { color:#FFFFFF; background-color:#3B3B3B; border:1px solid #828282;}
	#search-toggle-right:checked ~ .search-toggle-right { background-image:url(../images/left1.png); right:8px; -webkit-transition:all 0.60s ease-in-out; transition:all 0.60s ease-in-out; transform:rotate(180deg);}
	.checkbox label, .radio label, .joinfree { color:#FFFFFF;}
	.user-info, .mytagline { background:#3B3B3B; border:1px solid #828282; color:#FFFFFF;}
	.right_inbox { border:1px solid #828282;}
	.inbox_head, .inbox_search, .inbox_search_box { background:#3B3B3B; color:#FFFFFF;}
	.user-status { color:#FFFFFF;}
	.avatar-view { border:2px solid #828282 !important;}
 	/*#search-toggle-right:checked ~ .search-toggle-right img{transform:rotate(180deg);}*/
}
@media screen and (max-width:360px)
{
	/*Header*/
	.logo { text-align:center; width:100%; max-width:100%;}
	.logo a { display:inline-block; vertical-align: top; width: 75%;}
	.mobile-menu-icon {   color: #ffffff;  display: block;  float: left;  max-width: 20px; padding-top: 5px;    vertical-align: top;   width: 98%;}
	.header { padding: 7px 2px 10px;}
	#hootfor_logo_img { height:22px;}
 	.main_div { width:100%;}
	.outer_header_search { width:100%; padding-top:10px !important;}
	.outer_header_search form { margin-bottom:0;}
	.header_search_btn { width:47px; height:31px;}
	.header_search input[type="text"] { width:76%; height:31px;  top: 39px !important;}
	.header_search { width:100%;}
	.outer_header_menu { margin-top:-5px; margin-left:30px;}
	.header-navigation-menu { margin-top:0;} 
	.header-navigation-menu ul li img { width:12px;}
	/*left-pannel
	.search-toggle-right { top:5px;}
	.search-options-toggle{display:block; position:fixed; }
	.left-panel{max-width:240px; background:rgba(0, 0, 0, 0.9); position:absolute; margin-left:0px; left:-245px; z-index:90; -webkit-transition:all 0.60s ease-in-out; transition:all 0.60s ease-in-out; margin-top:-10px;}
	.profile_box_pic { border:none; background:none;}
	.profile_box_pic h2, .profile_box_pic h3, .profile_box_pic p { color:#C8C8C8;}
	#search-options-toggle:checked ~ .left-panel{left:0 !important; }
	#search-options-toggle:checked ~ .search-options-toggle{ background-image:url(../images/right1.png); left:-2px; -webkit-transition:all 0.60s ease-in-out; transition:all 0.60s ease-in-out; transform:rotate(180deg);}
 	/*#search-options-toggle:checked ~ .search-options-toggle img{transform:rotate(180deg);}
 	.compose-hoot-arrow { background-image:none;}*/
 	.mid-panel { max-width:325px;}
	.div_rating { display:inline-block; vertical-align:top; width:205px; float:none;}
	.score { width: 72px; }
	.outer-post-container { background:#F7F7F7;}
 	.front_bottom_panel { width:86%; margin-left:10px;}
	.compose-hoot, .search-box, .search-hoot-box, .group-hooter-list, .hoot_cat, .find-friends, .find-friends-box { border:1px solid #828282; background:#3B3B3B; color:#FFFFFF;}
	.search-head, .group-hooter-list-text, .import-hoot-text { color:#FFFFFF;}
	/*End left-pannel
	 background-color: #fff;
    border-bottom: 4px solid #ddd;
    border-right: 1px solid #c1c1c1;
	.right_inbox { border:1px solid #828282;}
	.inbox_head, .inbox_search, .inbox_search_box { background:#3B3B3B; color:#FFFFFF;}*/
	/*right-panel*/
	.right-panel { top:38px; position:absolute;}   
	/*account*/
	.invitation_profile_container { width:96%;}
	.invitation_container { margin-bottom:7px;}
	.invitation_header_text { margin-left:10px; line-height:25px;}
	/*registration page*/
	.registration_outer { max-width:330px;}
	.txtemail, .txtpassword, .txtfullname { width:100%; }
	.form_data { margin-top:3px;}
	.left_reg_ul, .right_reg_ul { padding-bottom:5px; margin-left:15px;}
	.textbox_inside { width:65%; display:block; padding:5px 0; margin-top:-15px;} 
	.registration_outer div { width:95%;}
	.txtName { max-width:295px;}
	/*login-page*/
	.vertical_line { display:none;}
	.login_container { max-width:325px; height:355px;}
	.login_block_cont { max-width:315px;}
	.secondbtn { margin-right:1px;}
	/*group_member*/
	.profile_container_header { width:94%; min-height:168px;}
	.profile_container_wrapper { width:97%;}
	.msg_reply_container, .msg_reply_box { width:97%;}
	.new-post { width:94%;}
	.post-title, .post-box { width:97%;}
	.NotiList img { height:40px;}
	.NotiList div .black, .NotiList div { font-size:11px;}
	.outer-post-container .post_date_time { font-size:9px;}
	/*Setting*/
	.settings_wrapper { width:94%;}
	/*comment*/
	.show_comment_box { width:97%; min-height:60px;}
	.show_comment_box .comment_text { width:89%;}
	.reply_comment_div, .comment_area_box { width:95%;}
	.forgatepass input[type='text'] { width:94%;}
	.forgatepass input[type='button'] { margin-right:15px !important;}
	.outer_header_search { display:none;}/*waiting for chenge search bar.*/
	
}
@media screen and (max-width:320px)
{
 	.logo { width:36%;}
	#search-options-toggle:checked ~ .search-options-toggle{left:-2px;}
 	#hootfor_logo_img { height:20px;}	
	.outer_header_search { width:59%;}
	.header_search_btn { width:31px; height:31px;}
	.mid-panel { max-width:280px;}
	.header_search input[type="text"] { width:45%; height:31px;}
	.div_rating { width:180px; padding:12px 0 12px 12px;}
	.score { width:50px; }
	.checkbox { width:100%; max-width:165px;}
	.front_bottom_panel { width:91%;}
	.main_div { width:96%;}
	/*account*/
	.user-info { width:96%;}
	.user-status { width:170px;}
	.right_inbox { min-height:300px; width:260px;}
	.inbox_head { width:96%;}
	.inbox_search { width:86%;}
	.inbox_search_box { width:190px;}
	.invitation_profile_container { width:92%;}
	/*registration*/
	.registration_outer div { width:94.5%;}
	/*login page*/
	.login_container { max-width:280px; height:400px;}
	.texbox_login_page { max-width:270px;}
	.login { width:100%; max-width: 225px; }
	.secondbtn{ margin-right: 10px; margin-top: 14px;}
	/*group_member*/
	.profile_container_header { width:93%;}
	.profile_container_menu li { padding:7px 13px;} 
	.msg_reply_container, .msg_reply_box { width:95.7%;}
	.new-post { width:92.8%;}
	.NotiList img { height:25px;}
	/*setting*/
	.settings_menu li { padding:7px 10px;}
	/*comment*/
	.show_comment_box { width:95%;}
	.reply_comment_div, .comment_area_box { width:94%;}


}


