@media screen and (min-width: 1450px){
    .sub-header ul{width:32%;}
    .profile-pic .ice-frame1 {left: -19%; max-width: 227px; position: absolute; top: -10%;}
    .profile-pic .friendpic {max-width: 140px;}
    .desc{width : 200px}
}


@media screen and (min-width: 767px){
    .accordionContent,  .accordionContentA{display:block !important; }
    article.filterResult ul.details{width:100%;}
    article.filterResult {width: 60%;}
    a.refinebtn{display:none;}
    .backBtn{display:none;}
    #suggestions_holder{ width:300px !important;}
}

@media screen and (max-width: 1450px) {
    .bdayNotify {left: 27%; position: absolute; top: 20%;}
    .bdayNotify > img{width:41px;}
    .member-wrap .data-wrap article {
        background: url("../img/thought-1024.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) ; font-size: 13px;
        height: 45px; line-height: 18px; padding: 25px 10px 10px 15px; width: 390px; float:none;}
    .thought-wrap #scheduleMelt {margin-left: 0; margin-top: 5px;}
    .albumListLeft{width:42%;}
    .allTags{width:50%;}
    .tagDetailsOuter .count{display:none;}
    .allTagsInner{padding-left:0;}
    .profile-pic .ice-frame { background: url("../img/ice-frame.png") no-repeat scroll 0 0 / 80% auto rgba(0, 0, 0, 0);}
    .my-details {float: left; width:80%; margin-left: 3%; }
    .profile-pic  .ice-frame1{left:-15%;}
    .network1 .removeNetwork{float:left; position:inherit;}
    .network1 li{height:auto !important; }
    .display > .details {width:55% !important;}
    .top-bar .topbar-right{padding:0; width:40%; font-size:20px;}
    .top-bar .topbar-left, .friendlist{font-size:20px;}
    .visitedDetails2{margin-left:37px;}
    .rw-sentence{font-size:20px;}
    .middle-text{display:none;}
    .home-middle{left:5%; top:1%;}
    .container .logo{width:280px;}
}

@media screen and (max-width: 1330px){
    /*friend's profile*/
    .statusRespons {height: 95px !important; padding: 22px 0 0 6px !important;}
    .friendsstatus {background: url("../img/thought-1024.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; display: block; float: left; font-size: 13px; height: 45px; line-height: 18px; margin-bottom: 0;
                    padding: 25px 10px 10px 15px; position: relative !important; top: inherit !important; width: 390px;}
    .page-wrap .thought-wrap .my-details {margin: 0 auto; width: 100%;}
    .page-wrap .profile-pic{height:112px;}
    .settingsM #contentbox .info-wrap .info-tabs li{ font-size:18px;}
    .upload-popup{display:inline-block;}
    .first-upload a{background-size:95% !important; width:17%; margin-top:5px;}
    #wrapper .rw-wrapper{  display:none;}
    .bracket_BT_fc{left:30%; width:90px !important; margin-top:5px;}
}

@media screen and (max-width: 1024px){
    /*header right col*/
    .add-status{background-size:90%;}
    .add-status:hover {background-size:90%; }
    .add-photo{background-size:90%;}
    .add-photo:hover {background-size:90%;}
    .profile.clearfix.pull-right.span4{width:500px;}
    .header{height:84px;}
    #txtsearch{width:120px; height:35px;}
    #txtsearch:focus {width:180px; height:34px;}
    #txtsearchmobile{width:120px; height:35px;}
    #txtsearchmobile:focus {width:180px; height:34px;}
    #searchButton{top:5px; right:-4px;}
    #searchForm{margin-top:14px;}
    #searchFormmobile{margin-top:14px; margin-bottom:0;}
    .iceframe-small{left:-11px; width:100%; height:100%; background-size:107%;}
    .dropdown {height:45px; margin-left:5px; z-index:999;}
    .user-wrap .username{height:45px;}
    #wrapper .useraccount{width:113px;}
    .sub-menu ul li a{font-size:14px;}
    #wrapper .sub-header li.home a{ background: url('../img/1024-home-off.png') center 5px no-repeat;}
    #wrapper .sub-header li.home a:hover { background: url('../img/1024-home.png') center 5px no-repeat;}
    #wrapper .sub-header li.album a{ background: url('../img/1024-album-off.png') center 5px no-repeat;}
    #wrapper .sub-header li.album a:hover { background: url('../img/1024-album.png') center 5px no-repeat;}
    #wrapper .sub-header li.friends a{ background: url('../img/1024-friends-off.png') center 5px no-repeat;}
    #wrapper .sub-header li.friends a:hover { background: url('../img/1024-friends.png') center 5px no-repeat;}
    #wrapper .sub-header li.groups a{ background: url('../img/1024-groups-off.png') center 5px no-repeat;}
    #wrapper .sub-header li.groups a:hover { background: url('../img/1024-groups.png') center 5px no-repeat;}
    #wrapper .sub-header li.visited a{ background: url('../img/1024-visited-off.png') center 5px no-repeat;}
    #wrapper .sub-header li.visited a:hover { background: url('../img/1024-visited.png') center 5px no-repeat;}
    #wrapper .sub-header li a{ padding-top: 2.4em; line-height:normal;}
    .sub-header ul{width:57%;}

    /*form css*/
    .login-wrap #login, .login-wrap #join {overflow: hidden; width: 36.675em;}
    .container #join #inputs .full-width, .container #login #loginputs .full-width {float: left; margin-left: 35px; width: 24em;}
    .login-wrap #login #loginputs input, .login-wrap #join #inputs input {font-size: 1.25em; margin-top: 5px; padding-top: 5px;}
    .login-wrap #join #inputs .floatL .errorClass {margin-left: 18px;}
    .container #fname, .container #lname {width: 10.3em;}
    .login-wrap #join .field-wrap {width: 34em;}
    .container #join #bday, #gender {line-height: 3.25em;}
    #bday, #gender {font-size: 1.125em !important;}
    .join #inputs .bday {font-size: 0.875em; width: 26.25em;}
    .login-wrap #submitJoin {background: url("../img/join-1024.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom: 0; text-align: center; width: 255px;}
    .container .tour-wrap {background: url("../img/tour-768.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 160px; left: 0; position: absolute; top: 15em; width: 55px; z-index: 2;}
    .container .tour-wrap a {display: none; top: 10em;}
    .login-wrap .join-crowd, .login-wrap .login-crowd {right: 33em; font-size: 1.1em; width: 7em; height:9em; line-height:9em;}
    .login-wrap .login-crowd {top: 19.4em;}
    .login-wrap .join-crowd {top: 10.4em;}
    .has-js .login-wrap label.c_on {background: url("../img/radio-select-1024.png") no-repeat scroll 100px center rgba(0, 0, 0, 0);}
    .has-js .login-wrap .label_check { background: url("../img/radio-1024.png") no-repeat scroll 100px center rgba(0, 0, 0, 0); font-size: 0.8em; margin: 1em 0.65em;}
    .has-js .login-wrap .label_check {font-size:1em; margin: 1em 0.65em;}
    .container a.logo {/*background: url("../img/logo-1024.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/  display: block; height: 160px; width: 320px;}
    .label_radio span {line-height: 32px; margin-left: 9px;}
    #login, #join {height:615px;}
    #gender{line-height:4em;}
    .has-js .label_radio{line-height:2em; padding-left:2.909em;}
    .footer-right ul li {float: left; width:33%;}
    .footer-link .tos {display: block; float: none; line-height: 22px; margin: 0 auto; width: 100%;}
    .footer-right{float:none;}
    #wrapper .action .update {background: url("../img/update-1024.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 40px; width: 98px;}
    #wrapper .action .work-add {background: url("../img/add-small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 40px; width: 98px; margin-top: -5px;}
    #wrapper .action .reset {background: url("../img/reset-1024.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 40px; width: 98px;}
    .action {margin: 2.325em auto 1em; width: 100%;}
    .interests-wrap h2, .liquid{display:none;}
    .intMob{display:block;}
    .logo_icon{display:block;}
    .logo_img{display:none;}
    .bdayNotify {left: 16%;}
    .popupBoxInner { width: 60%;}
    .albumListBottom .tooltipPosition{top:0px;}

    /*home later*/
    .suggestion{display:none;}
    .data-wrap .thought-wrap{border:0px none; width:96%; border:2px solid #dcdcdc; position:relative; padding:0 2%;}
    #wrapper #content .member-wrap .data-wrap .thought-wrap #thoughtToFreeze{background:none; width:100%; padding:8px 0 ; height:auto; border-top:1px solid #dcdcdc;}
    .tooltipPosition{top:30px;}
    #scheduleMelt {position:absolute; margin:0; right:67px; top:5px;}
    .profile-pic .first-upload  { display:none !important; }

    /*friends profile*/
    .friendsstatus{display:none;}
    .profile-pic .ice-frame1 {top: -8%;left:-22%;}
    .networkIcons{display:block;}
    .network li, .networkMob li  { margin: 35px 13px 22px 0;}
    .container .page-container { max-width: 44.286em; }
    .list-friend .friends > li { font-size: 0.9em; }
    .list-friend .friends li {width: 8.5em;}
    .networkMob .flag .flagged { position: absolute; right: -72px; top: 96px; visibility: hidden; width: 205px; z-index: 125;}
    #Friends- .friend-list{display:none;}
    .page-wrap .list-friend .friends li{ margin-top:50px;}
    .liquid5 {display:block;}
    .title-wrap aside{left:50%; font-size:14px; float:left;}
    .settingsM #contentbox .info-wrap .info-tabs li{width:47%; font-size:18px;}
    #divMain #changePwdForm{width:80%}

    /*for visited profile*/
    .visited_prof_head{line-height: 37px; font-size: 18.5px;}
    .visitedDetails{width:77%;}

    /*for the upside down pop-up*/
    .upload_popup-options{margin:3% 3%; height:25%;}
    .inner_p{height: 38%; padding:3% 3%;}
    .profile-pic_hidden{height: auto;}
    .top-bar .topbar-left, .friendlist{width:225px;}
    /*#simpleSearch{position:relative; width:250px;}*/
    #simpleSearch #suggestions_holder{width:290px !important;}
    #uploadData input{font-size:14px;}
    #uploadData .custom-combobox-toggle{top:-2px; right:-15px;}
    .addPhotos .dragNote{visibility:hidden;}
      #div_upload_big img{height:168px;}
      .bracket_BT_fc{left:14%; }
    
}

@media screen and (min-width: 957px) (max-width: 767px) {
    .visited-prof-form{width:82%;}
  
}

@media screen and (max-width: 767px) {
    #cinco-ui-sticky1{position:fixed; }
    #wrapper{position:relative;}
    /*     Profile Picture ice cube*/
     .profile-pic .ice-frame { background: url("../img/ice-frame.png") no-repeat scroll 0 0 / 70% auto rgba(0, 0, 0, 0);}  
    /*header*/
    .bdayNotify{   left: 0; position: absolute; top: 8%;}
    .bdayNotifyWrap {margin: 10px auto; width: 70%;}
    .bdayNotifyWrap ul li img{ width:20%;}
    .countbday{right:47%;}
    /* #wrapper .nav{display:none; background:red;}*/
    #wrapper .profile{display:none;}
    #wrapper .nav_small{display:block; left: 5px; position: fixed; top: 10px; z-index:20;}
    #wrapper .logo{ left: 45px; position: absolute; top: -5px; width:auto; z-index: 4;}
    #wrapper .header .profile_mob {display:block; width:44%;}
    .row-fluid .header .logo-inner {margin-top: 12px; }
    .profile_mob #showCount{background:none; display:block; border:0px none; width:100%;}
    .profile_mob .notify{width:14%; margin-top:9px; margin-right:18%;}
    .profile_mob .notify a{z-index:8; }
    #wrapper .header{padding:0px;}
    .header .logo-inner img {width:50px;}
    .header{height:62px;}
    .user-wrap{height:43%;}
    .user-wrap .username { height: 40px;}
    .dropdown { height: 45px; margin-left: -3px; top: -11px; z-index: 99; right:-8px;}
    .iceframe-small {background-size: 98% auto; height: 100%; left: -11px; width: 92%;}
    .username > img{width:46%;}
    #wrapper .profileMenuMob{margin:0px; display:block;  background:#CEE0EA;/*-webkit-box-shadow:  0px 0px 3px 0px #424242; box-shadow:  0px 0px 3px 0px #424242; */
     -moz-box-shadow: 0 3px 4px 0 #a5a5a5; -webkit-box-shadow: 0 3px 4px 0 #a5a5a5; box-shadow: 0 3px 4px 0 #a5a5a5;}
    .profileMenuMob ul{margin:0px;}
    #wrapper .profileMenuMob li {float: left; text-align: center; width: 33%;}
    .add-status, .add-photo{float:none; margin:5px auto 0; height:55px;}
    .sub-header{display:none;}

    /*footer*/
    .footerWeb{display:none;}
    .footerMob{display:block; margin: 0 auto; text-align: center; font-size:1em;}
    .footerMob > a{margin:0px auto; line-height:45px;}
    .footer-right ul li{margin-right: 9px; width: auto; display:inline-block; float:none;}
    #wrapper .footerMob ul li:last-child {border:0px none; margin:0 0 15px;}
    #wrapper .footerMob ul li{ border-right: 1px solid #BABABA; padding:0 1em; margin:0 0 7px;}
    .login-wrap #join #inputs .bday .errorClass{margin:0px;}
    #simpleSearch { left: -93px;  position: fixed;  width: 250px;}
    #searchButton {right: -12px; top: 7px; width: 32px;}
    .span2.srch {padding: 20px 0 0;}
    #txtsearch1 {height: 35px; width: 154px; background-color: #FFFFFF; border: 1px solid #CDCDCD; box-shadow: 0 0 0; color: #646464; cursor: text; font-size: 16px; outline: medium none; padding: 0 40px 0 10px;}
    .login-wrap #login #loginputs input, .login-wrap #join #inputs input {font-size: 1.1em; margin-top: 2px; padding-top: 5px; width:93%;}
    #wrapper .container .bday input.span4{height:30px;}
    .login-wrap #join #inputs .bday input {padding: 5px 2%; width: 29%;}
    .login-wrap #join #inputs  .bday{width:100%; }
    .login-wrap #join #inputs  #bday{width:100%; display:block; text-align:left; margin-left:3%;}

    /*login page*/
    .img-wrap {display:none;}
    .login-wrap #login, .login-wrap #join {width:100%; top:11.429em;}
    #wrapper .container a.logo{background:none;  left: -1px; top: 11px; width:385px;}
    #loginputs { margin-top: 5%;}
    .login-wrap .join-crowd {height: 3em; line-height: 3em; top: 153px; width: 33%; left:0;}
    .login-wrap .login-crowd{height: 3em; line-height: 3em; top: 153px; width: 33%; left:33%;}
    .login-wrap #login, .login-wrap #join {top: 14.2em;}
    .join #inputs .bday{margin:0px;}
    .login-wrap .errorClass{width:100%;}
    .container #fname, .container #lname {width: 100%;}
    .container #join #inputs .full-width, .container #login #loginputs .full-width{margin:0px;}
    #gender{display:none;}
    .container #join #inputs .bday .span4, .container #join #inputs .bday .span5{float:left; width:40%; }
    #login h1, #join h1{display:none;}
    .has-js .label_radio{line-height:2em; padding-left:2.909em; margin-bottom:0px;}
    .container .tour-wrap , .container .tour-wrap a{   background: none repeat scroll 0 0 #252525; font-size: 1em; display:block; height: 3.3em; left: inherit; line-height: 3em; right:0; top:153px; width: 33.7%;}
    .container #join #bday, #gender{line-height:2em;}
    .container .tour-wrap a{  margin: 0 auto; position: static;}
    .bday .span8{padding:0 1%;}
    #inputs{width:90%; padding:10% 5% 0;}
    #login, #join{height:650px;}

    /*tour*/
    #layerslider-container .backHomeWrapper {background: none repeat scroll 0 0 #56A1D5; height: 50px; width: 100%;}
    #layerslider-container .backHome img{display:none;}
    #tourContent{margin-top:30px;}
    .backHome{background: url("../img/tour/backTour.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0); width:70px; float:left; background-size:60%; height:50px; }
    #layerslider-container .backHomeWrapper h1{display: block; width:200px; margin:0px auto; color:#fff; font-size:1.5em;}
    #ls-global #layerslider-container {width:100% ; min-width: 270px; margin-top:0px;}
    .ls-bottom-nav-wrapper{display:none;}
    #layerslider-container .backHomeWrapper {margin: 30px 0;}

    /*search*/
    .profileMenuMob #searchForm {left: -13px; position: absolute; top: 63px;}
    .profileMenuMob #srchbox #txtsearchmobile{transition:none; width:155px;margin-left: 40%; margin-bottom:0;}
    .profileMenuMob #srchbox #txtsearchmobile:focus{width:155px;}
    #srchbox{display:none;}
    #try  {  float: none; height: 55px; margin: 5px auto 0; background: url('../img/search.png') no-repeat 0 12px/30%;  background-size:100%; width:45px; display:inline-block; cursor:pointer;}

    /*profile*/
    .sub-menu{width:100%; padding:0px;}
    .page-wrap .note-info{line-height:30px; float:left;}
    .page-wrap .profile-pic{width:20%; height:100px;}
    .first-upload{visibility:hidden;}
    .email_details{width:100%; margin:0px;}
    .my-details{width:76%; margin-top: 5%}
    .page-wrap .my-name .name{font-size:1em;}
    .my-details .b-date, .my-details .email-id {font-size:1em;}
    .my-name{margin:0;}
    .page-wrap li{line-height:1em;}
    .info-wrap .info-tabs li, .info-wrap .info-tabs li:hover{background-image:none; background-color:#E7E7E7;}
    .info-wrap .info-tabs{padding:0px;}
    .info-wrap .info-tabs li a, .info-wrap .info-tabs li a:hover{font-size:0.6em; }
    .info-wrap .info-tabs li.active a, .info-wrap .info-tabs li.active a:hover{color:#fff; }
    .info-wrap .info-tabs li{width:32.4%; padding-top:0px;}
    #content .info-wrap .info-tabs .active{background:#4E8ABE !important;}
    .info-tabs .arrow{display:none;}
    .per-info{width:100%;}
    .form-wrap{width:auto; overflow:hidden;}
    .info-wrap #Work-Info .fields{margin:8px 0px 30px;}
    #work-info .prev-data p, #content .per-info .sec-email, .custom-combobox .custom-combobox-input,#content #about-info .sec-email, #content #work-info .sec-email, .fields label, .fields .custom-combobox .custom-combobox-input{text-align:left; font-size:1em; width:90%;}
    .page-wrap form.secondary .sec-email{font-size:1em; }

    /*album page*/
    .albums-wrap .topbar #name {font-size:25px; line-height:20px;}
    .albums-wrap .tp-grid li{width:200px;}
    .albums{min-width:270px !important;}
    .listHeadingL, .allTags{display:none;}
    .listHeading{width:40%;}
    .listHeadingR {float: none; margin: 25px auto 0; width: 100%;}
    .albumListLeft{width:96%;}
    .popupBoxInner { width: 80%;}
    #fcbklist{width:58%;}

    /*friends*/
    .fav-wrap .link-wrap form {margin: 0; width: 13.5em; padding:0;}
    .fav-wrap .link-wrap{width:100%;}

    /*friends profile*/
    .page-wrap .thought-wrap .my-details{width:55%; margin-left:30px;}
    .page-wrap .friendsprofile .thought-wrap .profile-pic{width:22%;}
    .page-container .thought-wrap{border-right:0px none;}
    .my-details .friend-awaiting.nodisplay{display:none;}
    .profile-pic .ice-frame1 {top: -8%; left:-16%;}
    .profile-pic .friendpic {max-width: 81px;}
    .my-details .network{display:none;}
    .wrapper li span{margin-top:10px;}
    .info-wrap .prev-data p{font-size:1em;}
    .info-wrap .form-wrap .no-info{font-size:1em; padding-left:0;}
    .rightLinks.span6 {float: left; margin-bottom:10px;}
    .rightLinks a{float:left;}
    #memberdetailsList{display:block;}
    .display .listing{background:none;}
    .title-wrap aside{line-height:40px; position:inherit;}

    /*setting*/
    .settingsM .privacy .title{display:none;}
    .settingsM .titleM{display:block;}
    #content .settingsM .info-wrap .info-tabs .active{   display: block; background:none transparent !important; font-size:25px; width:100%; text-align:left;}
    #content .settingsM .info-wrap .info-tabs .active a{color:#333;}
    .settingsM .info-wrap .info-tabs li, .headtag{display:none;}
    .settingsM .privacy .span4{clear:both; line-height:34px;}
    .settingsM .privacy .span4 a{width:15%;}
    #maincontent_innerpages #Privacy-Settings, #maincontent_innerpages #Notification-Settings, #maincontent_innerpages #Connection-Settings, #maincontent_innerpages #Password-Settings{width:95%;}
    #maincontent_innerpages .info-wrap .info-tabs{width:93%;}
    #divMain #changePwdForm{width:90%; text-align:left;}

    /*for visited profile*/
    .visited_prof_head{line-height: 37px; font-size: 18.5px;}
    .visitedDetails{width:95%;}
    .network li.action-items{width:31px;}
    .visited-prof-form{width:84%;}
    .display form.searchfilter{display:none;}
    .display article.filterResult, .display article.filterResult ul.details{display:block;}
    .display article.filterResult ul.details {width:95%; margin:0;}
    .display article.filterResult ul.details li{margin-left:0; width:100%; }
    .title-wrap .pagination{clear:both;}
    a.refinebtn {float: right; height:22px;}
    .suggestions{left:102px !important;}
    /*.tagForm{left:21px !important;}*/
    .top-bar > a{display:none;}
    #backToList{float:left; margin:10px 0 0 10px; width:100%;}
    .top-bar .topbar-right{width:100%;}
    .top-bar .topbar-left, .friendlist{width:100%;}
    .display > .details{width:80% !important;}
    .details .request{width:75%;}
    .chat-box .reply, .chatter-box .reply, .chat-box .cancel, .chatter-box .cancel{background-size:100px; width:100px; float:left;}
    .addPhRight{display:none;}
    .addPhLeft{width:100%;}
    /*#changePhotoDialog .popupBoxInner{background:none; box-shadow: none; overflow:hidden; padding:0;}*/
    .tagForm{left:21px !important;}
    #div_upload_big{box-shadow:none; top:0 !important; width:100% !important;}
    #playFavorite{display:none;}
    .dragOpt{height:28px;}
    ul.as-selections{overflow:auto; width:auto;}
    .filterResult .details{padding:0;}
    .settingsM #notificationData .title{display:block; float:left;}
    
    .network1  article ul.details li{height:auto;}
    .network1 .removeNetwork{margin-left:4%;}
    .notifications-wrap .productContent{width:89%; margin-left:10px; margin-bottom:10px; padding:0;}
    #freezeTagRequest .request {width:100%;}
    .rw-wrapper{display:none;}
    #suggestion_holder{left: 102px}
    .desc{width: 170px}
    .search-wrap{width: 170px}
}

@media screen and (max-width: 480px) {
    /*     Profile Picture ice cube*/
     .profile-pic .ice-frame { background: url("../img/ice-frame.png") no-repeat scroll 0 0 / 50% auto rgba(0, 0, 0, 0); margin-left: 22%;margin-top: 10%;}  
    .notifications-wrap .productContent{width:90% !important;}
    #wrapper .container a.logo{background:none;  left: -1px; top: 1px; width:285px; height:auto;}
    .login-wrap #login, .login-wrap #join {top: 7.429em;}
    .login-wrap .join-crowd {height: 3em; line-height: 3em; top: 107px; width: 33%; left:0;}
    .login-wrap .login-crowd{height: 3em; line-height: 3em; top: 107px; width: 33%; left:33%;}
    .login-wrap #login, .login-wrap #join {top: 10.9em;}
    .container .tour-wrap , .container .tour-wrap a{ top:107px;}
    .page-wrap{padding-top:10%;}
    .info-wrap .info-tabs li{width:32.2%;}
    #content #work-info .time-wrap .month {width: 10%; float:left;  height: 26px;  font-size:12px !important;}
    #content #work-info .comp-span{width:200px;}
    #content #work-info .time-wrap .year {width: 7%; float:left;  height: 26px; font-size:12px !important;}
    .time-wrap .user-profile{width:245px;}
    .back{left:60%;}
    #fcbklist{width:29%;}
    #divFrmContent #filters .selections li {font-size: 12px; padding: 4px 2px; width: 68px;}

    /*home later*/
    .member-wrap .data-wrap .thought-wrap h4 {font-size: 16px; height: 60px; font-weight:bold; width: 50%;}
    .member-wrap #galleryContent .gallery-freeze:hover .freeze-button, .member-wrap .gallery li{width:236px;}
    .profile-pic .ice-frame1 {top: -4%;}
    .page-wrap .friendsprofile .thought-wrap .profile-pic{width:41%;}
    .page-wrap .thought-wrap .my-details{margin-left:0px;}
    .page-wrap .my-name .name{font-size:.8em;}
    .page-wrap .list-friend .friends li{width:106px; margin-top:50px;}
    .friends{margin-left:0px;}

    /*search*/
    .notifications-wrap .pagination{float:left; width:100%;}
    .inner_p{font-size:1.0em;}

    /*visited profile page
    .network li.add-friend {margin-right:10px;}
    .network li.message {margin-right:8px;}
    .visitedDetails{width:117%;}
    .visited_prof_head{line-height:33px; font-size:1.25em;}
    .profileSection .network{width:175%;}*/

    /*for upload photo pop up*/
    .popupBoxInner { width: 80%; left:22%;}
    #uploaded{margin-left:0;}
    /* .crop-wrap{bottom:100px; width:53%; margin-left:-11%;}
        #uploaded{margin-left: 0;}*/
    #uploaded{margin-left: 0;}
    #scheduleMelt{ right: 0; top: -2px;}
    #homePageHeart .heart { left : 92px;}
    .rw-wrapper{margin-top:25px;}
     .dragOpt{height:35px;}
     
 
}

@media screen and (max-width: 320px) {
    .profile_mob .notify {margin-right: 7%; margin-top: 9px;width: auto;}
    .profile_mob #showCount{width:100%;}
    .info-wrap .info-tabs li{width:32%;}
    .member-wrap .data-wrap .thought-wrap h4 {margin-top:16px; line-height: 24px;}

    /*visited profile page
        .network li.add-friend {margin-right:7px;}
        .network li.message {margin-right:5px;}
        .visitedDetails{width:130%;}
        .visited_prof_head{line-height:33px; font-size:1.12em;}
        .profileSection .network{width:185%;}*/

    /*for upload photo pop-up*/
    /* .crop-wrap{bottom:100px; width:30%; margin-left:-5%;}
        #uploaded{margin-left: 0;}	*/
    .rw-sentence span{line-height:35px;}
	#uploaded{margin-left: 0;}	
     .rw-sentence span{line-height:35px;}
     .dragOpt{height:50px;}
     .dragOpt p{font-size:12px;}
    .display article.filterResult ul.details li{height:180px;}
    .popupBox .popupBoxInner .crop-wrap{width:140px;}
}

/*css by shraddha*/

@media screen and (min-width: 1366px) and (max-width: 1592px){
    .desc{width : 200px}
    .middle-text{box-shadow: -1px 5px 27px #000; background-color:#ffffff; height:446px;margin-top: 128px;}
    .logo {max-width:100%}
}
@media screen and (min-width: 1364px) and (max-width: 1592px){
    
    .middle-text{box-shadow: -1px 5px 27px #000; background-color:#ffffff; height:446px; margin-top: 128px;}
    .logo {max-width:100%;}
}


/*for visited profile*/
@media screen and (min-width: 767px) and (max-width: 540px){
    .sec-email_visit{width:30%;}
    .custom-combobox .custom-combobox-input{width:30%;}
}
@media screen and (min-width: 616px) and (max-width: 767px){
    .page-wrap li {line-height: 1em;}
    .visited_prof_head{line-height: 35px; font-size: 17.5px;}
    .visitedDetails{width:91%;}
}
/*for the visited profile page-mobile by shraddha*/
/*@media screen and (max-width: 800px){
.visitedDetails{width:78%;}
}
@media screen and (max-width: 600px){
        .visitedDetails{width:104%;}
        .profileSection .network{width:122%;}
}*/
@media screen and (min-width: 410px) and (max-width: 480px){
    /*	.network li.add-friend {margin-right:5px;}
        .network li.message {margin-right:2px;}
        .visitedDetails{width:130%;}
        .visitedDetails .visited_li{width:112%;}
        .visited_prof_head{line-height:31px; font-size:1.12em;}
        .profileSection .network{width:195%;}*/
    /*for the upload photo next pop up*/
    .upload_label{width:34%;}
    #uploader  #big_uploader  #upload_big .browseBtn{width:100%;}
}
@media screen and (min-width: 368px) and (max-width: 409px){
    /*	.network li.add-friend {margin-right:2px;}
        .network li.message {margin-right:7px;}
        .visitedDetails{width:140%;}
        .visitedDetails .visited_li{width:118%;}
        .visited_prof_head{line-height:31px; font-size:1.1em;}
        .profileSection .network{width:200%;}*/
    /*for the upload photo next pop up*/
    .upload_label{width:42%;}
    #uploader  #big_uploader  #upload_big .browseBtn{width:100%;}
}
@media screen and (min-width: 350px) and (max-width: 367px){
    /*	.network li.add-friend {margin-right:1px;}
        .network li.message {margin-right:5px;}
        .visitedDetails{width:140%;}
        .visitedDetails .visited_li{width:106%;}
        .visited_prof_head{line-height:31px; font-size:1.0em;}
        .profileSection .network{width:230%;}*/
    /*for the upload photo next pop up*/
    .upload_label{width:39%;}
    #uploader  #big_uploader  #upload_big .browseBtn{width:100%;}
}
@media screen and (min-width: 320px) and (max-width: 349px){
    /*	.network li.add-friend {margin-right:6px;}
        .network li.message {margin-right:8px;}
        .visitedDetails{width:162%;}
        .visitedDetails .visited_li{width:106%;}
        .visited_prof_head{line-height:31px; font-size:1.0em;}
        .profileSection .network{width:232%;}
        .profileSection{margin-left:25%;}*/
    /*for the upload photo next pop up*/
    .upload_label{width:50%;}
    #uploader  #big_uploader  #upload_big .browseBtn{width:100%;}
    #file{width: 170%;}
}


/*for the upload pop up* by shraddha */
@media screen and (min-width: 768px) and (max-width: 1023px){
    .popupBox .popupBoxInner .crop-wrap{left:16%; top:305%;}
}
@media screen and (max-width: 767px){
    .popupBox .popupBoxInner .crop-wrap{left:14%; top:140%;}
}
@media screen and (min-width: 320px) and (max-width: 480px){
    #uploaded{width:240px;}
}
@media screen and (max-width: 1023px){
    #browseBtn,  #changePhotoDialog .instructions,  #changePhotoDialog .crop-wrap,  #changePhotoDialog .heading{display:none;}
}
/*hiding the upload pop up under 1023*/
@media screen and (min-width: 768px) and (max-width: 1023px){
    #changePhotoDialog .pop-wrap {width:0%; height : 0;position:fixed; left:24%; top:39%;}
    #div_upload_big{position:absolute; top:0%; left:0%; width:auto;}
}
@media screen and (max-width: 1024px){
    /*#changePhotoDialog .pop-wrap {width:0%; height : 0;position:fixed; left:23%; top:45%;}*/
    #changePhotoDialog .pop-wrap {height: auto; left: 22%; position: fixed; top: 14%; width: 50%;}
     #div_upload_big{box-shadow:none; position:absolute; /*top:64%;*/ left:0%; width:50%;}
    .backBtn {display: block; position: absolute; right: 37px; top: 49px; cursor:pointer;}
}

/*for the add photo pop up after image selection*/
@media screen and (min-width: 626px) {
    .desc{width : 200px}
    #allAlbumList .custom-combobox input.custom-combobox-input{width:500%; margin-top: -18%;}
}
@media screen and (min-width: 896px) and (max-width: 1103px){
    #allAlbumList .custom-combobox input.custom-combobox-input{width:500%;}
   /* .photoDetail form input:first-child {width:40%;}*/
}
@media screen and (min-width: 768px) and (max-width: 895px){
   
    #allAlbumList .custom-combobox input.custom-combobox-input{width:475%; margin-left:-196%;}
}
@media screen and (min-width: 469px) and (max-width: 767px){
   
    #newphotoTitle{width:30%;}
    #allAlbumList .custom-combobox input.custom-combobox-input{width:312%; margin-left:-196%; margin-top:-18%}
}
@media screen and (min-width: 430px) and (max-width: 470px){
   
    #newphotoTitle{width:40%;}
    #allAlbumList .custom-combobox input.custom-combobox-input{width:312%; margin-left:-227%; margin-top:-18% }
}

@media screen and (min-width: 320px) and (max-width: 429px){
    
    #newphotoTitle{width:49%;}
    #allAlbumList .custom-combobox input.custom-combobox-input{width:312%; margin-left: 3%; margin-top:-18%}
    .categoryList .custom-combobox .custom-combobox-input  {width:130px; margin:0 0 0 -24px;}
}

/*start css by shraddha*/
/*@media screen and (min-width: 835px) and (max-width: 1117px){
.details { width:55%;}
.chat-box { width: 95%; margin-left:11%;}


/*.display .friendlist { width: 27%;}*/
/*.chat-wrap {width:400px;}

}

@media screen and (max-width: 834px){
.topbar-left .drafts {float: right; margin-left:65%;}
.topbar-left .compose {float: right; margin-left:4%;}

.top-bar .topbar-right {display:none;}
.chat-box {width: 89%; margin-left:11%;}
.details { width:66%;}
.chat-wrap {width:281px;}
}*/
@media screen and (max-width: 767px){
    /*for INBOX page*/
    .topbar-left .drafts{ margin-left: 0;}
    .display .listing {width:100%;}
    #converse{display: none;}
    .details { width:86%;}
    .chat-wrap {width:90%;}
    .chat-box {width: 82%; margin-left:11%;}
    .topbar-left .compose { float: left;}
    .topbar-right {display: inline-block;}
    .friendlist{background:none;}
}
@media screen and (min-width: 481px) and (max-width: 564px) {
    /*for INBOX page*/
    .chat-box {width: 90%; margin-left:3%;}
    .chat-wrap {width:104%; margin-left: -7%;}
    .display .chat-history {width: 90%;}
    .topbar-left .drafts{ margin-left: 17%;}
    .details { width:84%; padding: 1.02em 2.20em;}

    .topbar-right {display: inline-block;}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
    .chat-wrap {width:109%; margin-left: -14%; overflow: hidden;}
    .chat-box {width: 77%; margin-left:4%;}
    .details { width:84%; padding: 1.02em 2.00em;}
    .topbar-left .drafts{ margin-left: 0;}

    .topbar-right {display: inline-block;}
}
@media screen and (max-width: 320px) {
    #wrapper .notifications-wrap { margin: 30px 0; width: 92%; overflow:hidden;}
    .chat-wrap {overflow: hidden; width: 221px;}
    .request:hover .delete-chat {width: 64%;}
    .details { width:79%;}
    .details .me{float: left;}
    .chat-box {width: 85%; margin-left:3%;}
    .topbar-right {display: inline-block;}
}
@media screen and (max-width: 1024px) {

    .fr {margin-right: 10px;}
    .cr {margin-right: 10px;}
}
/*end css by shraddha*/


/*for 1024 mobile screen*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .addPhRight{display:none;}
    .addPhLeft{width:100%;}
    .albumListLeft{width:96%;}
     .listHeadingL, .allTags{display:none;}
     .listHeading {width: 40%;}
}

@media screen and (min-width: 1330px) and (max-width: 1450px){
    /*     Profile Picture ice cube*/
     .profile-pic .ice-frame { background: url("../img/ice-frame.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);}  
}
/*=======Ice Bucket Challenge=======*/
@media screen and (max-width: 1023px) {
 .ibc_Details ul li.ibcList_1
 {
  width:90% !important;
 }
 .ibc_Details ul li.ibcList_3
 {
  width:98% !important;}
 }
@media screen and (max-width: 1023px) {
.ibc_Icon img
 {
  width: 60px !important;
 }
 }
 @media screen and (max-width: 767px){
.ibc_Icon img
 {
  height: auto !important;
  width: 50px !important;
 }
 }
@media screen and (max-width: 480px) {
 .ibc_Icon img
 {
  height: auto !important;
  width: 40px !important;
 }
}