body{font-family:'open_sansregular', HelveticaNeue, Helvetica, Arial; font-size:12px;}

@media only screen and (max-width:1000px){.profile-left{float:left;width:86%;}

.profile-left1{float:left;width:91%;}}
@media only screen and (max-width:800px){.profile-left1{float:left;width:85.5%;}
.profile-right{float:right;}
.profile-left{float:left;width:82%;}
.profile-right1{float:right;}
h1{font-size:4.5em;}
h3{font-size:2.2em;}
h2{display:block;text-align:center;}
#info{float:none;display:block;text-align:center;}
#photo{float:none;display:block;text-align:center;}
#w{padding:20px 15px;}
p{padding:0;}
/*div.dropdown1{color:#fff;width:210px;position:relative;height:17px;text-align:left;float:right;left:0px;}*/
.container .creat-event{margin:0 !important;}}
@media only screen and (max-width:570px){#skills-left, skills-right{margin-bottom:15px;}
/*.menu-small{width:320px; 280px margin-left:30px; float:left;*/}

/*}*/
@media only screen and (min-width:480px){
/*.content-list{padding:0px 0px 15px 5px;}*/
#w{margin:0 20px;}
/*.menu-small{width:280px; }*/
#content .tab{width:95%;}
.profile-tab1{width:91%;}
/*.profile-tab{width:94.5%;}*/
.profile-left{float:left;width:70%;}
.profile-left1{float:left;width:68%;}
.top-bar{position:fixed;z-index:500;height:65px;padding:0 5% 0 0;width:95%;-webkit-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.3);background-color:#333;background:url('../mobileimages/low_linen.png') repeat left top;border-bottom:1px solid #292929;}
.top-bar ul{padding:0px 0 0 0px;top:20px;left:20px !important;list-style:none;}
.top-bar ul li{padding:0px 10px;line-height:20px;margin:0;text-align:left;border:none;list-style:none;float:left;}
.top-bar ul li:first-child{border:none;}
.top-bar ul li a{color:#fff;float:left;padding:0px 0px;border:none;font-size:13px;text-decoration:none;}
.top-bar ul li a:hover{text-decoration:none;color:#33cafd;}
.dropdown1{position:relative;top:0px;left:40px !important;}
.top-bar1 ul{padding:0px;list-style:none;}
.top-bar1 ul.nav-mobile{padding:20px 0 0 0;}
.top-bar1 ul li{padding:0px 0;margin:0;width:auto !important;list-style:none;float:left;}
/*.top-bar1 .menu-small ul li a{padding:0px 6px;font-size:13px;text-decoration:none;}
.top-bar1 .menu-small ul li a:hover{text-decoration:none;color:#33cafd;}*/
.top-bar1 ul li input{position:relative;left:-5px;}
/*.menu-small{width:250px; margin:0 auto; }*/
/*.menu-small{width:280px; margin:0 auto; }*/
/* .menu-small ul{float:right;margin-top:10px;} */
/*.menu-small ul{float:left;margin-top:10px;*/ /*margin-left:16px;*/
.ta-full-cmt {
    border: 1px solid #ccc;
    padding: 4px;
    width:100%;
}
.mpost {
    margin-left: 80px !important;
    width: 295px !important;
}

}


@media only screen and (min-width:320px){

.openpost .top .type-input ul li:first-child {
    margin-left: 0;
    margin-right: 15px;
}
.openpost .top .type-input ul li:last-child {
    margin-left: 0;
    margin-right: 0;
}

    #w{margin:0 10px;}

    .input-setting ul {
    height: 45px;
    margin: 0 auto;
    padding: 0;
    width:81%;
}

.openpost .top {
    height: auto;
    padding: 15px;
    width: 100% !important;
}
.openpost {
    width:94% !important;
}
.clearfix {
    width: 100% !important; 
   // position:fixed;
    top: 0;
    width: 100% !important;
    z-index: 999;
}
.header-fix{ position: fixed; }
.openpost .top .textarea1 {
    float: left;
    height: auto;
    margin-left: 10px;
    width: 72% !important;
}
.openpost .top {
    height: auto;
    padding: 15px;
    width: 100%;}

.pic-share {
    font-size: 20px !important;
}
.ta-status {
    border: 1px solid #ccc;
    display: block;
    float: left;
    height: 50px;
    margin: 5px 0 20px;
    overflow: hidden;
    padding: 5px;
    resize: none;
    width: 100%;
    word-wrap: break-word;
}
.pic-share {
    font-size: 20px !important;
}

.text-share{ font-size: 13px !important;
    padding-left:2px;}
	
	
.ta-qst {
    border: 1px solid #ccc;
    display: block;
    float: left;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px;
    resize: none;
    width: 95%;
    word-wrap: break-word;
}	

     /*.menu-small{width:251px; }*/
.profile-left{float:left;width:70.5%;}
.profile-left1{float:left;width:65.5%;}
.profile-left h3, .profile-left1 h3,{font-size:14px;}
.top-bar1 ul li a{color:#fff;padding:0px 3px;text-align:center;font-size:13px;text-decoration:none;}
/*div.dropdown {
    margin-right: 35px;
    width: 0;}*/
div.submenu{width:90px;}
div.dropdown mobileimages{position:relative;top:-10px;}
/*a.account{width:60px;height:20px;position:relative;/*left:25px;*//*top:5px;font-size:11px;line-height:16px;background:url("../mobileimages/arrow.png") no-repeat scroll right bottom transparent !important;}*/
.top-bar1 .submenu ul li a:hover{}
.top-bar1 .submenu ul li a{color:#555555;text-align:left;padding:5px 0 5px 5px;font-size:13px!important;text-decoration:none}
/*.top-bar1 .menu-small ul li a{color:#fff;padding:0px 6px;font-size:13px;text-decoration:none;}
.top-bar1 .menu-small ul li a:hover{text-decoration:none;color:#33cafd;}*/
.top-bar1 .submenu{width:80px;}
.top-bar1 td a{padding:0;}
a.account span{display:none;}
.top-bar1 a.account{}



.profile-tab select {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 9px 0px;
    width: 100%;
    font-size: 14px;
    color: #878787;
}

.profile-tab textarea {
    border: 1px solid #ddd;
/*    margin: 10px;*/ border-radius: 3px;
    width:98%; padding:5px 0px 0px 5px; margin-bottom:10px;
}


.loding-more-re
{
    background:url()
}

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

{
	
.profile-tab textarea {
    border: 1px solid #ddd;
/*    margin: 10px;*/ border-radius: 3px;
    padding:5px 0px 0px 5px; margin-bottom:10px;
}

	
	
	.left-text {
color: #fff;
    float: left;
    font-size: 15px;
    /*height: 17px;*/
    line-height: 19px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top:13px!important;
    text-align: left;
    text-overflow: ellipsis;
  width:57%;
}




.ask-area {
    background: #fffdc9 none repeat scroll 0 0;
    border: 1px solid #dae4eb;
    border-radius: 4px;
    float: left;
    height: 78px;
    margin-bottom: 17px;
    margin-left: 0;
    min-height: 20px;
    padding-left: 10px;
    position: relative;
    text-align: left;
    width: 95%!important;
}


}
@media only screen and (min-width:320px) and (max-width:350px)
{
	

/*    .menu-small {float:left;margin-top:0px; width:210px !important; /*margin-left:16px;}*/
   /* .top-bar1 .menu-small ul li a img
    {*/
         /*width:24px !important; height:24px !important;*/
    
 /*   .top-bar1 .menu-small ul li a {
    color: #fff;
    font-size: 13px;
    padding: 0 4px;
    text-decoration: none;
    }*/
	.openpost .top {
    height: auto;
    padding: 15px;
    width: 100% !important;
}
.ta-share {
    border: 1px solid #ccc;
    height: 45px;
    margin-bottom: 15px;
    overflow: auto;
    padding: 4px;
    resize: vertical;
    vertical-align: top;
    width: 100%;
}
.ta-full-cmt {
    border: 1px solid #ccc;
    padding: 4px;
    width: 100%;
}
/*div.dropdown {
    margin-right:0px;
    width: 0;}*/
  .right-user-icon{ border-radius:50px; margin-right:10px; width:40px; height:40px;}
}

@media only screen and (min-width:1024px) and (max-width:1920px)
{
	
	.input-setting ul {
    height: 45px;
    margin: 0 auto;
    padding: 0;
    width: 220px !important;
}
	  .right-user-icon{ border-radius:50px; margin-right:40px; width:40px; height:40px;}
	
.middle_pannel_div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    width: 100%;
}  
.menu-small {
    width: 440px;
}

}


/*-------Green Theme-------*/

.top-bar2 {
    background:#33B4B3;
    height: 45px;
    width: 100%;
    z-index: 500;
	border-bottom:5px solid #33A6A5;
}


.selectme select option{ padding:5px 0px;}






@media only screen and (min-width:280px) and (max-width:768px) {
 .menu-small ul li a.MText-Mobile {
 display:none;
}
 .menu-small ul li:last-child {
border-right:1px solid #e0e0e0;
}
 .menu-small ul li a.MIcons-Mobile {
 display: block;
 font-size:20px;
 outline: 0; font-weight:bold;
 margin: 0 0px 0 0;
 padding:0px 13px 3px 13px;
 display: block; border-left:solid 1px #e0e0e0;
 color: #fff;

}
}