body,
form,
h1,
h2,
h3,
h4,
h5,
li,
ul {
    padding: 0;
    margin: 0
}
#left-nav,
#pronext,
#proprev {
    display: none
}
#top_nav ul,
.border,
.button a,
.comment-head,
.default,
.home_slider li,
.logo,
.punchline,
.twsignin {
    text-align: center
}
@font-face {
    font-family: Bitter;
    font-style: normal;
    font-weight: 400;
    src: local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v7/Qt2dUzVlMd1bCOcZXl06LPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
    font-family: Bitter;
    font-style: normal;
    font-weight: 400;
    src: local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v7/zfs6I-5mjWQ3nxqccMoL2A.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face {
    font-family: Bitter;
    font-style: normal;
    font-weight: 700;
    src: local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v7/JGVZEP92dXgoQBG1CnQcfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
    font-family: Bitter;
    font-style: normal;
    font-weight: 700;
    src: local('Bitter-Bold'), url(https://fonts.gstatic.com/s/bitter/v7/evC1haE-MsorTl_A7_uSGVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face {
    font-family: Bitter;
    font-style: italic;
    font-weight: 400;
    src: local('Bitter-Italic'), url(https://fonts.gstatic.com/s/bitter/v7/PX9NwOMMeyM1S_WWulmbfhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
    font-family: Bitter;
    font-style: italic;
    font-weight: 400;
    src: local('Bitter-Italic'), url(https://fonts.gstatic.com/s/bitter/v7/-t3SK6sofTjAH0MNf_tLaPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
*html {
    outline: 0
}
.fl {
    float: left
}
.fr {
    float: right
}
.clr {
    clear: both
}
body {
    font-family: Georgia, serif
}
#top_nav ul li a,
.button a {
    font-family: Bitter, serif;
    text-decoration: none
}
.bg {
    background: url(images/sprite.png) left top no-repeat
}
.fb_bg {
	display:none;
    background: url(images/search_one.png);
    width: 36px;
    height: 35px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0
}
#main-container {
    width: 100%;
    float: left;
    overflow: hidden
}
#left-nav {
    width: 0;
    background: #1e2225!important;
    padding: 2%;
    float: left;
    color: #fff;
    position: relative;
    overflow: auto
}
#left-nav ul {
    padding: 15px 0 0;
    margin: 0
}
.about,
.bookmarks,
.credits,
.drafts,
.home,
.logout,
.new-story,
.profile {
    margin: 14px 0 0 8px;
    float: left
}
#left-nav ul li {
    list-style: none
}
#left-nav ul li a {
    border-bottom: 1px solid #333738;
    padding: 12px 5px 12px 40px;
    color: #55595c;
    font-size: 16px;
    text-decoration: none;
    display: block
}
#left-nav ul li a:hover {
    color: #fff;
    text-decoration: none
}
#left-nav ul li a.active {
    color: #ffd101
}
.new-story {
    background-position: -6px -14px;
    height: 11px;
    width: 10px
}
.home {
    background-position: -24px -10px;
    height: 18px;
    width: 18px
}
.drafts,
.profile {
    height: 15px
}
.profile {
    background-position: -48px -10px;
    width: 15px
}
.drafts {
    background-position: -74px -9px;
    width: 12px
}
.bookmarks {
    background-position: -99px -8px;
    height: 16px;
    width: 10px
}
.about {
    background-position: -119px -10px;
    height: 15px;
    width: 15px
}
.credits,
.logout {
    height: 13px;
    width: 14px
}
.credits {
    background-position: -145px -11px
}
.logout {
    background-position: -170px -11px
}
#top_highlight {
    width: 100%;
    background: #2c3134
}
#top_highlight p {
    color: #cacbcc;
    font-size: 12px;
    width: 962px;
    margin: 0 auto;
    padding: 7px 0;
    cursor: pointer
}
#top_nav {
    width: 100%;
    background: #ffd200;
    padding: 5px 0
}
.nav-inside {
    width: 962px;
    margin: 0 auto
}
#top_nav ul {
    width: 650px;
    margin: 0 auto;
    padding: 5px 0;
    min-height: 20px
}
#top_nav ul li {
    list-style: none;
    display: inline-block
}
#top_nav ul li a {
    padding: 0 5px;
    color: #2a2f31;
    font-size: 14px;
    display: inline-block
}
.logo a,
.nav-icon,
.punchline {
    font-family: Arial;
    text-transform: uppercase
}
.category,
.category a,
.home_slider li,
.tr {
    font-family: Bitter, serif
}
.nav-icon {
    background: url(images/Icon.png) left top no-repeat;
    float: left;
    height: 36px;
    margin-top: -2px;
    color: #ffc20f;
    font-size: 21px;
    font-weight: 700;
    padding-right: 0;
    line-height: 17px;
    padding-top: 2px;
    width: 36px
}
.twitter-icon {
    background-position: -249px -9px;
    float: right;
    height: 17px;
    width: 17px
}
.face-icon {
    background-position: -281px -9px;
    float: right;
    height: 17px;
    width: 10px
}
#header {
    background: url(images/Celebration-082811-CD-11-2_1028.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 145px;
    padding-top: 94px
}
#header-story {
    background: url(images/image_02.jpg) center top no-repeat;
    background-size: cover;
    margin-bottom: 25px;
    position: relative;
    height: 340px
}
.header-inner {
    width: 712px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 60px;
    padding: 15px;
    z-index: 6666
}
.story_banner_overlay {
    opacity: .7;
    filter: alpha(opacity=10);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4444;
    background: #000
}
.logo {
    width: 100%;
    margin: 0 auto;
    padding: 95px 0 10px
}
.logo a {
    font-weight: 700;
    font-size: 68px;
    height: 51px;
    display: block;
    text-indent: 999;
    color: #fff;
    line-height: 54px;
    letter-spacing: 5px
}
.logo.header-logo a {
    font-size: 65px;
    line-height: 80px
}
.punchline {
    font-size: 20px;
    color: #ffd101;
    padding: 5px;
    margin-top: 25px;
    font-weight: 400
}
.social_icon {
    float: right!important;
    padding-top: 0!important
}
.social_icon li {
    list-style: none;
    float: left;
    margin-left: 5px!important;
    margin-right: 0!important;
    margin-top: 3px!important
}
.social_icon li a {
    padding: 0!important
}
.button a {
    background: #FFD200;
    border-radius: 5px;
    color: #2A2F31;
    display: block;
    font-size: 14px;
    padding: 10px;
    width: 115px;
    float: left
}
.home_slider li,
.tr {
    float: left;
    font-size: 16px
}
.tr {
    padding: 8px 0 0 3px;
    color: #a1a1a1;
    font-weight: 700
}
.home_slider {
    margin: auto;
    position: relative;
    width: 875px
}
.home_slider li {
    overflow: hidden;
    min-width: 50px;
    margin: 22px 2px 0 0;
    padding: 5px 8px;
    border-radius: 2px;
    text-transform: capitalize;
    list-style: none
}
.user img,
.user-l img {
    border-radius: 100%;
    float: left
}
.home_slider li a {
    color: #909090
}
.home_slider li:hover a {
    color: #333
}
.home_slider li:hover {
    background: #ffd200
}
.home_slider li.active {
    background: #ffd200;
    color: #000
}
.belt_outer {
  /*  float: right;
    margin-left: 10px;
    margin-right: 26px;*/
	 margin:0 auto;
    overflow: hidden;
    width: 718px
}
.belt {
    margin-top: -18px;
    overflow: hidden;
    position: relative;
    height: 55px;
    width: 958px
}
.shnextarrow,
.shprevarrow {
    display: block;
    height: 18px;
    width: 12px;
    position: absolute;
    top: 10px;
    cursor: pointer;
    text-indent: -9999px
}
.shprevarrow {
    background: url(images/left-arrow.png) left top no-repeat rgba(0, 0, 0, 0);
    float: left;
    margin-right: 10px;
    left: 111px
}
.shnextarrow {
    background: url(images/right-arrow.png) left top no-repeat rgba(0, 0, 0, 0);
    float: right;
    right: 5px
}
#middle_container {
    width: 962px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 43px;
    box-sizing: border-box
}
.category {
    padding-bottom: 0
}
.category a {
    text-transform: capitalize;
    color: #626262
}
.category h3 {
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    font-family: serif, Arial, Helvetica, sans-serif;
    display: inline-block
}
.category span,
h2 {
    font-family: Bitter, serif
}
h2 {
    font-size: 30px;
    color: #3e4041;
    font-weight: lighter;
    padding-bottom: 7px;
    line-height: 32px
}
h2 a {
    color: #333
}
h4 {
    color: #565656;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-transform: none;
    font-family: Georgia, serif
}
.header-inner h1,
.header-inner h4 {
    color: #fff;
    text-shadow: 2px 1px 3px #000
}
.header-inner h1,
.header-inner h4,
.user {
    font-family: Bitter, serif
}
.header-inner h1 {
    font-size: 35px;
    font-weight: 400;
    padding-bottom: 10px
}
.header-inner h4 {
    font-size: 18px;
    font-weight: 100
}
.user {
    font-size: 12px;
    color: #2a2f30;
    padding: 30px 0 00px;
    text-transform: uppercase
}
.user img {
    margin: 0 6px 0 0;
    height: 60px;
    width: 60px
}
.user span {
    font-size: 12px;
    color: #c3c6c7;
    text-transform: lowercase;
    font-weight: 700;
    margin-top: 27px;
    float: left;
    margin-left: 10px;
    font-family: Georgia, serif
}
.cover-btns ul li,
.cover-pic,
.header,
.more-l,
.more-p,
.next-story,
.quotes,
.share-area,
.st-title,
.user-c {
    font-family: Bitter, serif
}
.devider {
    padding-bottom: 25px;
    margin-bottom: 25px;
    clear: both
}
.user-l {
    font-size: 14px;
    color: #5b5f62;
    padding: 10px 0 0;
    text-transform: uppercase
}
.user-l a {
    color: #ffd200
}
.user-l img {
    margin: 0 10px 0 0
}
.user-l span {
    font-size: 12px;
    text-transform: capitalize;
    display: block
}
.story-middle li,
.story-middle p {
    color: #565656;
    font-size: 20px;
    line-height: 27px
}
.author,
.comment-head,
.user-c {
    text-transform: uppercase
}
.ipd-width {
    width: 344px
}
.story-middle {
    width: 730px;
    padding-right: 0;
    margin: 0 auto;
    clear: both;
    position: relative
}
.more-l,
.more-p,
.next-story {
    margin-top: 10px;
    cursor: pointer
}
.story-middle p {
    padding: 8px 40px 0 0
}
.p-share {
    display: none;
    float: right;
    margin-right: -115px;
    font-size: 14px;
    cursor: pointer;
    background: #c3c6c7;
    padding: 10px;
    height: 10px;
    line-height: 10px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.more-l,
.more-p {
    font-size: 15px;
    font-weight: 700;
    padding-left: 20px
}
.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #c3c6c7 transparent transparent;
    position: absolute;
    bottom: -9px;
    z-index: 9999;
    left: 7px
}
.share-section {
    position: absolute;
    top: 100px
}
.more-p {
    color: #c3c6c7;
    background: url(images/plus.gif) left center no-repeat
}
.more-p:hover {
    color: #333
}
.more-l {
    color: #c3c6c7;
    background: url(images/minus.gif) left center no-repeat;
    display: none
}
.next-story,
.share-area {
    padding-left: 15px;
    font-weight: 700
}
.more-l:hover {
    color: #333
}
.share-area {
    color: #4d4e4f;
    font-size: 14px;
    display: none
}
.share-area a {
    color: #4d4e4f;
    text-decoration: none;
    padding-bottom: 5px
}
.share-area a:hover {
    color: #4d4e4f;
    text-decoration: underline
}
.next-story {
    color: #c3c6c7;
    font-size: 15px;
    background: url(images/next-story.gif) 0 center no-repeat
}
#loader,
.savewrapper {
    margin: 0;
    padding: 0;
    display: none
}
.next-story:hover {
    color: #333
}
.prwrapper,
.savewrapper,
.topsavewrapper,
.wrapper {
    background: #000;
    opacity: .7;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    display: none
}
#loader {
    height: 35px;
    width: 35px;
    background: url(images/loading.gif) center top no-repeat;
    position: fixed;
    left: 50%;
    z-index: 8888;
    bottom: 10px
}
.savewrapper,
.topsavewrapper {
    background: url(images/loading.gif) center 50% no-repeat #000
}
.savewrapper {
    height: 245px
}
.topsavewrapper {
    margin-left: -30px;
    margin-top: -10px
}
.comment-box,
.prcomment-box,
.rrcomment-box,
.share-box,
.twsignin {
    position: fixed;
    z-index: 9999999;
    background: #fff;
    box-shadow: 5px 5px 5px #000
}
.comment-box,
.prcomment-box,
.rrcomment-box {
    padding: 10px 30px;
    top: 75px;
    width: 340px
}
.comment-head {
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #e1e3e3;
    padding: 0 0 10px
}
.user-c {
    font-size: 14px;
    color: #2a2f30;
    padding: 0;
    margin-top: 10px
}
.user-c img {
    float: left;
    margin: 0 6px 0 9px!important
}
.user-c span {
    font-size: 12px;
    color: #c3c6c7;
    text-transform: lowercase;
    font-weight: 700
}
.user-c p {
    font-size: 12px;
    text-transform: none;
    padding: 5px 10px 0 35px!important;
    line-height: 18px;
    color: #000!important;
    margin-top: 0!important;
    margin-bottom: 5px!important
}
.user-c ul {
    margin: 0 0 0 20px;
    clear: both
}
#commentlist>.user-c,
#topcommentlist>.user-c {
    border-bottom: 1px solid #dbdddd
}
#comment_112 li,
#comment_113 li,
#comment_115 li,
#comment_116 li {
    list-style: none
}
.share-box,
.twsignin {
    width: 140px;
    padding: 15px;
    top: 25%;
    font-size: 14px;
    display: none
}
.quotes,
.st-title {
    font-size: 30px;
    font-weight: 400;
    line-height: 38px
}
.email,
.facebook,
.quotes,
.st-title,
.twitter {
    display: inline-block
}
.twsignin {
    width: 350px
}
.twsignin img {
    margin-right: 5px
}
.share-box a {
    color: #000;
    text-decoration: none
}
.twitter {
    background-position: -250px -10px;
    width: 21px;
    height: 16px;
    margin: 18px 0 -5px 8px
}
.facebook {
    background-position: -280px -10px;
    height: 16px;
    margin: 18px 0 -5px 13px;
    width: 14px
}
.email {
    background-position: -325px -10px;
    width: 20px;
    height: 13px;
    margin: 18px 0 -3px 8px
}
.st-title {
    color: #3e4041;
    padding-bottom: 30px
}
.quotes {
    color: #3e4041;
    font-style: italic;
    margin: 30px -105px
}
.next-story-read {
    background: #FFF;
    bottom: 0;
    box-shadow: 0 -17px 56px #FFF;
    height: 77px;
    left: 132px;
    line-height: 77px;
    margin: 0 auto;
    position: absolute;
    width: 750px;
    display: none
}
.next-story-read h2 a {
    color: #3e4041;
    text-decoration: none
}
.next-story-read h2 a:hover {
    color: #3e4041;
    text-decoration: underline
}
#top_highlight .st_belt span a,
.dropdowndt a,
.dropdowndt a:visited,
.outerdiv a,
a {
    text-decoration: none
}
.color-light {
    width: 300px
}
.add460 img {
    border-radius: 0;
    padding-top: 20px
}
.author {
    font-size: 18px;
    color: #2a2f30;
    padding: 70px 0 00px
}
.author img {
    float: left;
    margin: -40px 10px 0 0;
    border-radius: 100%
}
.author span {
    font-size: 16px;
    color: #c3c6c7;
    text-transform: lowercase
}
.author p {
    font-size: 16px;
    text-transform: none;
    padding: 35px 10px 30px 0;
    line-height: 24px
}
#social_name,
.author-nav ul li,
.dropdown,
.dropdowndt dt a span,
.title {
    text-transform: uppercase
}
.author-nav ul {
    padding: 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #ccc
}
.author-nav ul li {
    padding: 5px 13px;
    list-style: none;
    display: inline;
    font-size: 14px;
    line-height: 33px;
    cursor: pointer
}
.author-nav ul li.active,
.author-nav ul li:hover {
    border-bottom: 3px solid #ffd200
}
.edit-area {
    width: 50%;
    float: left;
    margin-top: -10px
}
.edit-btn {
    margin: 30px 0 0!important;
    clear: both
}
.cover-btns ul {
    padding: 0 0 20px;
    margin: 20px 0;
    border-bottom: 1px solid #dbdddd;
    height: 30px
}
.cover-btns ul li {
    list-style: none;
    padding: 5px 10px;
    border-radius: 5px;
    background: #c3c6c7;
    margin-right: 15px;
    display: inline-block;
    cursor: pointer;
    transition: all .5s ease-in-out;
    font-size: 16px;
    color: #fff
}
.cover-btns ul li:hover {
    padding: 10px 15px;
    transition: all .5s ease-in-out;
    background: #e4e4e4
}
.header {
    font-size: 18px;
    color: #c3c6c7;
    border: none;
    padding-top: 14px
}
.subheader {
    font-size: 20px;
    color: #c3c6c7;
    line-height: 40px
}
.cover-pic {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ffd200;
    border-radius: 5px;
    color: #ffd200;
    font-size: 16px;
    margin: 20px 0;
    float: left;
    cursor: pointer
}
.dropdown {
    border: 1px solid #000;
    border-radius: 5px;
    background: #fff;
    padding: 5px;
    margin-bottom: 20px
}
.dropdowndt dd,
.dropdowndt dt,
.dropdowndt ul {
    margin: 0;
    padding: 0
}
.dropdowndt dd {
    position: relative
}
.dropdowndt a,
.dropdowndt a:visited {
    color: #816c5b;
    outline: 0
}
.dropdowndt a:hover {
    color: #5d4617
}
.dropdowndt dt a:focus,
.dropdowndt dt a:hover {
    color: #5d4617;
    border: 1px solid #5d4617
}
.dropdowndt dd li.active {
    background: #d0c9af;
    font-weight: 700
}
.dropdowndt dt a {
    background: url(http://www.jankoatwarpspeed.com/wp-content/uploads/examples/reinventing-drop-down/arrow.png) right center no-repeat #fff;
    display: block;
    padding-right: 20px;
    border: 1px solid #000;
    width: 115px;
    border-radius: 3px;
    font-size: 13px;
    color: #000
}
.dropdowndt dt a span {
    cursor: pointer;
    display: block;
    padding: 8px
}
.dropdowndt dd ul {
    background: #fff;
    z-index: 999999;
    border: 1px solid #d4ca9a;
    color: #C5C0B0;
    display: none;
    left: 0;
    padding: 5px 0;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 170px;
    height: 220px;
    overflow-x: hidden;
    overflow-y: scroll;
    list-style: none
}
.dropdowndt span.value {
    display: none
}
.dropdowndt dd ul li a {
    padding: 5px;
    display: block
}
.dropdowndt dd ul li a:hover {
    background-color: #d0c9af
}
.dropdowndt img.flag {
    border: none;
    vertical-align: middle;
    margin-left: 10px
}
.flagvisibility {
    display: none
}
.story-middle .header,
.story-middle .subheader {
    min-height: 42px;
    width: 100%;
    max-height: 42px;
    border: none
}
.cover-btns input[type=submit] {
    background: 0 0;
    border: none
}
.option,
.text {
    border-bottom: 1px solid #CCC
}
.outerdiv {
    width: 701px;
    height: 465px;
    margin: auto auto auto 10%;
    top: 85px;
    border: 1px solid #CCC;
    position: absolute;
    z-index: 99999;
    background-color: #FFF;
    overflow: scroll;
    overflow-x: hidden
}
.option,
.search,
.select1,
.upload {
    width: 646px;
    margin: auto
}
.select1 {
    padding: 26px;
    height: 19px
}
.option {
    height: 24px
}
.upload {
    height: 379px
}
.search {
    height: 76px
}
.browse,
.url {
    width: 323px;
    float: left
}
.browse {
    height: 97px
}
.url {
    height: 76px
}
.selectarea {
    width: 646px;
    height: 58px
}
.text {
    width: 646px;
    height: 120px;
    float: left
}
.border {
    border-bottom: #FC0 solid 5px;
    width: 103px;
    float: left;
    height: 20px
}
.library,
.option1,
.search1 {
    width: 646px;
    margin: auto
}
input[type=button] {
    cursor: pointer
}
.option1 {
    height: 24px;
    border-bottom: 1px solid #CCC
}
.library {
    height: 379px
}
.search1 {
    height: 76px
}
.categories,
.pictures {
    height: 302px;
    border-bottom: 1px solid #CCC;
    float: left
}
.categories {
    width: 166px
}
.pictures {
    width: 479px
}
.pic {
    width: 129px;
    height: 97px;
    float: left;
    border: 1px solid #CCC;
    margin-right: 18px;
    margin-bottom: 25px;
    position: relative
}
.default {
    width: 103px;
    float: left;
    height: 20px
}
.check {
    position: absolute;
    right: -13px;
    top: -12PX
}
.outerdiv a {
    color: #666;
    font-size: 12px
}
.outerdiv ul,
.outerdiv ul li {
    margin: 0;
    padding: 0
}
.outerdiv .input-text {
    cursor: pointer;
    height: 33px;
    opacity: 0;
    position: relative;
    width: 91px
}
.outerdiv .upload_input {
    border: 1px solid #bbbdba;
    color: #8f8f8f;
    float: left;
    font: 12px Arial;
    height: 17px;
    padding: 6px;
    margin-left: -1px;
    margin-top: 1px
}
.outerdiv .cabinet {
    margin-left: 5px;
    background: url(images/select_button.png) no-repeat rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: left;
    overflow: hidden;
    background-color: #FC0;
    width: 91px;
    height: 32px;
    border: none;
    border-radius: 3px
}
.img_select {
    background-color: #FC3;
    border: none;
    margin-top: 25px;
    padding: 9px;
    width: 81px;
    border-radius: 3px
}
.input-box {
    border: none;
    width: 80px;
    padding: 3px 0;
    background: 0 0;
    border-bottom: 1px solid #000;
    font-size: 14px;
    margin-right: 8px;
    margin-top: 7px;
    float: left;
    color: #000
}
.input-box:focus {
    border: 0
}
#comment-here,
.more-comment {
    border-bottom: 1px solid #dbdddd
}
.comment-area {
    width: 390px;
    margin-right: 0;
    float: left
}
.author-area-right {
    width: 300px;
    float: right
}
.more-comment {
    float: left;
    line-height: 20px;
    padding-bottom: 5px;
    width: 390px;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 10px
}
.more-comment span {
    float: left;
    font-size: 28px;
    color: #ced1d2;
    margin-right: 5px
}
.more-comment h3 {
    float: left;
    font-size: 12px;
    color: #ced1d2
}
.mar-30 {
    margin-right: 5px
}
.color-light textarea {
    width: 305px;
    height: 80px;
    margin-top: 10px
}
.add-banner {
    clear: both;
    float: left;
    margin-top: 15px;
    display: none
}
#previousstory,
.add-banner a,
.button-two a {
    display: block;
    text-align: center;
    font-family: Bitter, serif;
    text-decoration: none
}
.add-banner a {
    background: #e5e5e5;
    color: #fff;
    float: left;
    font-size: 20px;
    margin: 0 auto 10px;
    padding: 17px 30px;
    width: 350px
}
.button-two a {
    background: #ffd200;
    border-radius: 5px;
    color: #2a2f31;
    font-size: 14px;
    margin-left: 2px;
    padding: 8px 10px
}
#previousstory {
    background: url(images/prev-story.png) -1px 14px no-repeat;
    border-radius: 0;
    color: #c3c6c7;
    font-size: 15px;
    margin-left: 0;
    padding: 8px 15px 0;
    font-weight: 700
}
#previousstory:hover {
    color: #333
}
.nocomments {
    padding: 10px 0;
    font-size: 15px;
    color: #3e4142
}
#comment-here {
    display: none;
    margin-bottom: 10px;
    position: relative
}
.twoverlay {
    background: #fff;
    height: 32px;
    position: absolute;
    width: 60px;
    z-index: 999999;
    border-radius: 10px;
    display: none
}
#twsend {
    float: left
}
#fbsend {
    float: right
}
.datepicker,
.daterange img,
.txt {
    float: left
}
.messagebox {
    width: 279px;
    height: 92px;
    max-width: 279px;
    max-height: 92px
}
a {
    color: #565656
}
#top_highlight {
    height: 28px
}
table tr td {
    padding: 5px
}
.search-btn {
    background: #ffd200;
    border: none;
    font-family: Bitter, serif;
    padding: 10px 20px;
    border-radius: 2px;
    cursor: pointer
}
.by-author,
.by-story {
    padding: 5px;
    width: 82px;
    float: left;
    text-align: center;
    cursor: pointer
}
table td {
    font-size: 12px;
    font-family: arial
}
#search,
.by-author,
.by-story {
    font-family: Bitter, serif
}
.by-author {
    border: 1px solid #2c3133;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}
.by-story {
    border: 1px solid #2c3133;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}
.by-active {
    background: #000;
    color: #fff
}
.datepicker {
    padding: 5px 0 5px 20px;
    width: 117px;
    border-radius: 2px;
    border: 1px solid #c3c6c7;
    margin-right: 10px
}
#author-story li {
    list-style: none
}
.txt {
    width: 9px;
    height: 7px;
    background: url(images/plus.jpg) no-repeat
}
.mytoggle {
    background: url(images/minus.jpg) no-repeat
}
.close,
.close_twsignin,
.pclose {
    cursor: pointer;
    position: absolute;
    right: -8px;
    top: -5px;
    padding: 5px 10px;
    border-radius: 50%;
    background: #fff;
    font-size: 17px;
    box-shadow: 2px 2px #575353
}
#left-nav .closenav {
    right: 10px;
    top: -20px;
    color: #ffd200;
    cursor: pointer;
    position: absolute;
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    padding: 0 5px;
    border: 1px solid #ffd200;
    border-radius: 50%
}
.header input,
.subheader input {
    border: none
}
.editprooff {
    color: #2a2f30;
    font-size: 12px;
    line-height: 33px
}
.editprooff textarea {
    width: 250px
}
.text-contact,
.textarea-contact {
    border: 1px solid #c3c6c7;
    margin-bottom: 10px;
    width: 350px
}
.text-contact {
    height: 30px
}
.textarea-contact {
    height: 110px
}
.submit-contact {
    background: #ffd200;
    border: none;
    font-family: Bitter, serif;
    height: 34px;
    width: 103px
}
.usertagline {
    float: right;
    width: 34%;
    margin-top: -10px;
    font: 700 20px/22px Bitter, serif
}
#fixedfooter .footer-inner ul li a,
#top_highlight .st_belt span,
#top_highlight .st_belt ul li,
.h4_big {
    font-family: Bitter, serif
}
#social_name {
    color: #2a2f30;
    width: 300px;
    font-size: 14px;
    border: none;
    background: 0 0;
    margin-right: 10px
}
.edit-area span {
    color: #c3c6c7;
    font-size: 12px
}
#top_highlight .st_belt {
    height: 24px;
    overflow: hidden;
    width: 962px;
    margin: 0 auto
}
#top_highlight .st_belt span {
    font-size: 14px;
    font-weight: 700;
    padding-left: 10px;
    margin-top: 2px
}
#top_highlight .st_belt ul {
    color: #cacbcc;
    font-size: 14px;
    margin: 0 auto;
    padding: 0;
    width: 875px;
    position: relative
}
#top_highlight .st_belt ul li {
    list-style: none;
    line-height: 24px;
    clear: both;
    width: 100%;
    text-align: center
}
#top_highlight .st_belt ul li a {
    color: #cacbcc
}
.pre-log img {
    float: left;
    margin-right: 8px;
    margin-left: 8px
}
#nextstory .user img {
    width: 40px;
    height: 40px
}
#nextstory .user a {
    line-height: 40px
}
#nextstory .user-c h2 {
    margin-top: 15px
}
.h4_big {
    font-size: 20px
}
.lowercase {
    text-transform: none!important
}
#story_abuse,
.comment_abuse,
.comment_reply,
.pcomment_reply {
    color: #c3c6c7;
    font-size: 12px;
    float: left;
    font-weight: 400;
    text-transform: capitalize!important;
    cursor: pointer;
    margin: 0 0 15px 35px
}
#story_abuse {
    float: right;
    margin: 0
}
#fixedfooter {
    background: #D3D3D3;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 6666
}
#fixedfooter .footer-inner {
    width: 55%;
    margin: 0 auto;
    text-align: center
}
#fixedfooter .footer-inner ul li {
    list-style: none;
    width: auto;
    display: inline-block
}
#fixedfooter .footer-inner ul li a {
    color: #3e4142;
    font-size: 16px;
    border-left: 0 solid #3e4142;
    padding: 0 5px
}
#fixedfooter .footer-inner ul li.twiticon a {
    border-left: 0
}
#fixedfooter .footer-inner ul li:last-child {
    margin-left: 0
}
.header-new {
    background: #202123;
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #565656
}
.header-new .header-inside {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    height: 132px
}
.brand {
    width: 225px;
    margin: 0 auto;
    text-align: center
}
.brand h3 {
    color: #ffd101;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400
}
.header-new .logo {
    padding: 0;
    margin-top: 6px;
    text-align: left;
    width: 295px;
    float: left;
    height: 101px
}
.head-social {
    width: 400px;
    float: right;
    padding-top: 15px
}
.head-social ul li {
    list-style: none;
    width: auto;
    float: left;
    margin-left: 10px
}
#menu {
    background: #ffd200;
    overflow: hidden;
    margin-bottom: 1px;
    padding: 2px 0;
	left:0
}
#menu_one {
    height: 132px;
    background: #202123;
    padding-top: 15px;
    padding-bottom: 15px
}
#menu .menu-inner {
    width: 980px;
    margin: 0 auto;
    padding: 0
}
#menu .menu-inner ul li {
    list-style: none;
    width: auto;
    float: left;
    color: #000
}
#menu .menu-inner ul li.logotext {
    margin-right: 5px;
    margin-top: -8px
}
.menu-inner ul {
    float: left;
    padding-top: 14px;
    list-style: none
}
#menu .menu-inner ul li a {
    border-right: 0 solid #000;
    padding: 0 10px;
    font-family: Bitter, serif;
    float: left;
    color: #000
}
#header-coloun .items:last-child,
#menu .menu-inner ul li:last-child a {
    border-right: 0
}
.menu-inner .nav-icon {
    margin-top: 3px;
    cursor: pointer
}
.search-icon {
    background-position: -225px -9px;
    height: 17px;
    margin-top: 0;
    cursor: pointer;
    width: 17px;
    margin-left: 5px;
    float: left
}
.devider {
    border-bottom: 1px dashed #dcdedd
}
.story-list {
    padding: 5px 10px 10px;
    overflow: hidden;
    clear: both
}
.story-list.graybg {
    background: #F6F6F6
}
.story-list .storyimg {
    width: 311px;
    float: left
}
.story-list .storytext {
    width: 525px;
    float: right
}
.story-list .storytext h4 {
    height: auto
}
.story-list .storytext .user {
    padding: 15px 0 0
}
.story-list .storytext .user a {
    color: #828282
}
.story-list .storytext .user span {
    color: #828282;
    ont-weight: normal
}
.category,
.category span,
.category span a {
    color: #626262;
    font-weight: 400;
    font-size: 15px
}
.category {
    margin-bottom: 3px
}
.thumbfix {
    width: 100%!important
}
.profilepage .story-list .storyimg {
    width: 180px;
    float: left
}
.profilepage .story-list .storytext {
    width: 510px;
    float: right
}
#header-coloun .row:last-child {
    border-bottom: 0
}
#header-coloun .row:hover h2.big a,
#header-coloun .row:hover h2.small a {
    color: #ffc20f
}
#header-coloun .user span {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 14px;
    font-family: Georgia, serif;
    margin-left: 0
}
.featured_hashtag,
.user span.username,
.utagline {
    text-transform: uppercase
}
h2.small a {
    color: #fff;
    font-size: 29px;
    line-height: 33px
}
.bx-default-pager {
    display: none
}
.boderline {
    border-bottom: 1px solid #3B3B3B;
    line-height: 0;
    font-size: 0;
    padding: 0;
    margin: 0
}
.user .twithastag,
.user .userimg,
.user a {
    float: left
}
.user .twithastag {
    margin-left: 3px!important
}
h2.small {
    line-height: 28px
}
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0
}
.bx-wrapper img {
    max-width: 100%;
    display: block
}
.bx-wrapper .bx-viewport {
    background: #fff;
    min-height: 184px;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}
.bx-wrapper .bx-prev {
    left: 10px
}
.bx-wrapper .bx-next {
    right: 10px
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}
.bx-wrapper .bx-controls-auto {
    text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
    isplay: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, .75);
    width: 100%
}
#newGallery a.next,
#newGallery a.prev,
.phnext,
.phnext:hover,
.phprev,
.phprev:hover,
a.next,
a.prev {
    background-position: center center
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}
#mobileslidercontrolr {
    display: none
}
#story_container {
    display: block;
    cursor: pointer
}
#story_container .story-list img {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(grayscale.svg);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1)
}
#story_container .story-list:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none
}
.storytext .social-wigd ul li {
    width: auto;
    float: left;
    list-style: none;
    margin-right: 10px;
    margin-top: 0;
    outline: 0!important
}
.storytext .social-wigd {
    overflow: hidden;
    width: 100px;
    margin-top: 35px;
    position: relative;
    height: 30px;
    float: right
}
.single-photo img {
    width: 92px;
    height: 70px
}
.storytext .social-wigd ul {
    position: absolute;
    top: 0;
    left: 0
}
#galery_container_left {
    width: 650px;
    position: relative;
    float: left
}
.phcont {
    width: 1000px;
    background-color: #fff;
    float: left;
    margin-bottom: 2%;
    padding-bottom: 1.5%
}
.phpadding {
    padding: 1%;
    clear: both
}
.phcont h1 {
    float: left;
    font: 700 32px/36px Roboto;
    margin: 0 0 1%;
    padding: 0;
    color: #000;
    text-align: left
}
.phnext,
.phnext:hover,
.phprev,
.phprev:hover {
    background-repeat: no-repeat;
    background-color: #000;
    opacity: .8;
    padding: 15px;
    cursor: pointer
}
.phleftcont {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 66.3%
}
.phrightcont {
    position: relative;
    width: 31%;
    float: right
}
.phnext,
.phprev {
    height: 94px;
    position: absolute;
    text-indent: -9999px;
    top: 30%;
    width: 35px
}
.phnext,
.phnext:hover {
    background-image: url(images/photo-right-arrow.png);
    right: 0
}
.phprev,
.phprev:hover,
a.prev {
    background-image: url(images/photo-left-arrow.png);
    left: 0
}
.new_pagination {
    font: 400 12px arial;
    color: #fff;
    height: 120px;
    position: relative;
    z-index: 99;
    margin-top: 5px;
    margin-left: -5px
}
#newGallery {
    float: left
}
#newGallery .thumbs-wrapper .thumbs {
    position: relative;
    width: 900px;
    height: 70px;
    margin: 4px 0
}
.thumbs-wrapper .thumbs ul {
    list-style-type: none;
    margin: 0 30px 0 32px;
    padding: 0
}
a.next,
a.prev {
    opacity: .8;
    padding: 15px;
    cursor: pointer
}
.thumbs-wrapper .thumbs ul li {
    float: left;
    margin-right: 5px
}
.thumbs-wrapper .thumbs a.next,
.thumbs-wrapper .thumbs a.prev {
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 65px;
    width: 20px
}
#newGallery a.next,
#newGallery a.prev {
    top: 22px;
    background-repeat: no-repeat
}
a.prev {
    background-repeat: no-repeat
}
a.next {
    background-image: url(images/photo-right-arrow.png);
    background-repeat: no-repeat;
    right: 0
}
#newGallery a.prev {
    left: 0;
    background-image: url(images/photo-small-left-arrow.png)
}
#newGallery a.next {
    right: 0;
    background-image: url(images/photo-small-right-arrow.png)
}
#newGallery a.next-large,
#newGallery a.prev-large {
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 53px;
    background-repeat: no-repeat;
    background-position: left center;
    top: 25%;
    text-indent: -111110px
}
#slider1,
#slider1 .viewport {
    height: 116px;
    overflow: hidden
}
#newGallery a.prev-large {
    left: -40px;
    background-image: url(http://conclave.intoday.in/conclave2012/templates/rhuk_solarflare_ii/images/newgalimages/left-arrow-large.png)
}
#newGallery a.next-large {
    right: -40px;
    background-image: url(http://conclave.intoday.in/conclave2012/templates/rhuk_solarflare_ii/images/newgalimages/right-arrow-large.png)
}
#slider1 {
    padding: 0 0 3px
}
#slider1 .viewport {
    float: left;
    width: 590px;
    position: relative
}
#slider1 .buttons {
    display: block;
    margin: 0;
    text-indent: -999em;
    float: left;
    height: 35px;
    width: 0;
    overflow: hidden;
    position: relative
}
#header-coloun .row .category,
#header-coloun .row .user .userimg.mobile,
#header-coloun .row p.mobile,
.mobile-logo {
    display: none
}
#slider1 .next {
    background-position: 0 0;
    margin: 0 0 0 10px
}
#slider1 .disable {
    visibility: hidden
}
#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0 10px 0 5px;
    width: 610px;
    left: 0;
    top: 0
}
#slider1 .overview li {
    float: left;
    padding: 0 5px 0 0;
    width: 88px
}
#slider1 .overview li img {
    border: 2px solid #333
}
.photocap {
    padding: 22px 5px 5px 0;
    font: 17px/24px Georgia!important;
    color: #242424
}
.photo {
    color: #666;
    float: left;
    font: 14px/16px roboto;
    margin-bottom: 5px;
    margin-top: 5px
}
.photo span {
    color: #666;
    font-weight: 700
}
.utagline {
    text-align: left;
    font-size: 15px!important;
    font-family: Bitter, serif!important
}
.social-wigd .share-icon {
    background: url(images/shared-icon.png) no-repeat;
    width: 30px;
    height: 30px
}
.storytext .user {
    float: left
}
#galery_container_left #bigimage img {
    width: 100%
}
.galery_container_right {
    width: 100%;
    float: none
}
ul.overview li .numbertab {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-align: center
}
#nextstory .user span {
    line-height: 40px;
    margin-top: 3px
}
.photo-heading {
    width: 730px;
    margin: 0 auto;
    padding: 30px 0 10px
}
.photo-heading h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 40px
}
.photo-heading h4 {
    font-size: 25px;
    line-height: 30px
}
#gcomment {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    width: 75px;
    text-align: center;
    float: right;
    margin-bottom: 3px;
    font-family: Bitter
}
.menu-right {
    width: auto;
    float: right;
    overflow: hidden;
    margin-top: 40px
}
.menu-right a {
    float: left;
    width: auto;
    margin-right: 15px
}
#menu .menu-inner .brand {
    width: 225px;
    float: left
}
#menu .menu-inner .brand+ul {
    width: 536px;
    float: left;
    margin-top: 45px;
    margin-left: 20px
}
#slider-section {
    width: 100%;
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #dcdedd;
    padding: 20px 0;
    margin-bottom: 30px
}
.imgcircle {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 5px;
    padding: 3px
}
.p_name {
    float: left;
    margin-top: 27px;
    font-family: Georgia, serif;
    font-size: 15px
}
.comming_soon {
    text-align: center;
    margin-top: 250px
}
#nextstory .user .p_name {
    margin-top: 5px;
    color: #828282
}
#nextstory .user .imgcircle {
    width: 40px
}
#video-story {
    background: url(images/videobg-grd.png) 0 bottom repeat-x #4A4949;
    margin-bottom: 40px
}
#video_list .story-list .category {
    margin-bottom: 20px
}
#video_list .story-list h4 {
    font-size: 20px
}
#video_list .story-list .user img {
    width: 30px;
    height: 30px;
    margin: -8px 6px 0 0
}
#video_list .story-list .storyimg,
#video_list .story-list .storytext {
    float: none;
    width: 100%;
    overflow: hidden;
    clear: both
}
#video_list .storytext .user {
    padding: 20px 0 0
}
#video_list .story-list .storytext {
    margin-bottom: 20px
}
#video_list .story-list .storyimg img {
    width: 850px
}
#videoplayer_wrapper {
    margin: 0 auto
}
p.disclaimer {
    font-size: 13px;
    line-height: 18px;
    padding: 0
}
#taglist a {
    color: #565656
}
.twithastag a {
    font-size: 14px!important
}
#top_containt {
    margin-top: -1px
}
.featured_hashtag {
    font-family: sans-serif
}
.featured_hash {
    font-size: 20px;
    font-family: Georgia
}
#header-coloun .twithastag a,
#header-coloun .user span {
    color: #777!important
}
#header-coloun .row:hover .twithastag a,
#header-coloun .row:hover .user span {
    color: #fff!important
}
#header-coloun .row:hover .twithastag a,
#header-coloun .row:hover .username,
h2.big a {
    color: #fff
}
.spanbredcrumb {
    width: auto;
    float: left;
    line-height: 21px
}
#main-container #top_containt {
    background: #000!important
}
#header-coloun {
    margin: 0 auto;
    padding: 0;
    clear: both;
    width: 100%
}
.coverop {
    width: 100%;
    height: 100%
}
.row div.user,
.row h2.big,
.row h2.small {
    z-index: 6666
}
.row h2 {
    bottom: 0
}
#header-coloun .row {
    clear: both;
    padding: 0;
    -moz-background-size: cover;
    position: relative;
    z-index: 6666;
    background: #000
}
#header-coloun .items {
    border-right: 1px solid #3B3B3B;
    float: left;
    height: 313px;
    width: 310px
}
#header-coloun .items .coverop,
.story-list .storyimg img {
    width: 100%
}
h2.big a {
    font-size: 25px;
    line-height: 25px;
    -moz-hyphens: auto;
    ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}
#header-coloun .row .story-caption p {
    color: #A9A9A9;
    font-size: 16px;
    margin: 0;
    padding: 0
}
#header-coloun .user {
    padding: 0;
    margin-top: -20px;
    width: 100%;
    float: left
}
#header-coloun .row .story-caption {
    padding: 0 10px;
    position: absolute;
    top: 180px;
    background: url(images/storycaption-bg.png) repeat-x
}
.hashtag>a {
    font-size: 14px!important;
    font-weight: 500
}
.featured_hashtag {
    font-size: 15px;
    color: #ffc20f!important;
    font-weight: 400
}
#header-coloun .items .row:last-child {
    margin: 0
}
#header-coloun .items .story-caption .hashtag {
    line-height: 20px
}
#header-coloun .items .story-caption {
    top: 214px
}
.smalltextbox {
    height: 108px;
    overflow: hidden
}
.midtextbox {
    height: 154px;
    overflow: hidden
}
.cat_active a {
    font-weight: 700;
    margin-top: -3px
}
.inner_left {
    position: fixed !important;
    width: 16%!important
}

#menu .menu-inner ul.main-nav{ display: table; width:72%; margin-left:30px;}
#menu .menu-inner ul.social_icon{ width:21%; position: relative}
#menu .menu-inner ul.main-nav li{ /*display: table-cell; float: none;*/ padding:0 18px; vertical-align: middle}
.input-box {width: 116px;  padding: 7px 3px; border: 1px solid #000; left: -117px; top: -2px; background: #D0AB01; position: absolute}



@media (max-width: 768px) {
	
    #middle_container {
        min-height: 560px;
        padding: 0px
    }
    #menu .menu-inner ul li a {
        font-size: 13px;
        padding: 0 4px
    }
   
    #header-coloun .row:hover h2.big a,
    #header-coloun .row:hover h2.small a,
    h2.big a,
    h2.big a:hover {
        color: #333
    }
    #top_highlight .st_belt ul li {
        height: 35px!important
    }
    #main-container #top_containt {
        background: #fff!important
    }
    #header-coloun {
        width: 90%;
        margin: 0 auto
    }
    #header-coloun .items {
        width: 97.5%;
        clear: both;
        display: block;
        height: auto;
        border-right: 0;
        padding: 5px 10px 10px
    }
    #header-coloun #boxie2,
    #header-coloun #boxie2 .row .category,
    #header-coloun #boxie4,
    #header-coloun #boxie4 .row .category {
        background: #f6f6f6
    }
    #header-coloun #boxie1 .row .category,
    #header-coloun #boxie3 .row .category,
    #header-coloun #boxie5 .row .category {
        background: #fff
    }
    #header-coloun .items .row .coverop {
        width: 222px;
        float: left
    }
    #header-coloun .row .story-caption {
        background: 0 0;
        width: 430px;
        float: right;
        position: relative;
        top: 0;
        padding: 0
    } 
    h2.big a {
        font-size: 30px;
        line-height: 40px;
		 float: left;
   	 padding: 2px 0 12px 0;
		
    }
    .featured_hashtag {
        color: #333!important
    }
    #header-coloun .row .story-caption p {
        color: #565656;
        line-height: 20px
    }
    .boderline {
        clear: both;
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px dashed #dcdedd
    }
    #header-coloun .items .coverop {
        height: auto
    }
    #header-coloun .items .coverop img,
    #header-coloun .row .user img {
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(grayscale.svg);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(1)
    }
    #header-coloun .row:hover .twithastag a,
    #header-coloun .row:hover .user span {
        color: #333!important
    }
    #top_highlight .st_belt {
        height: 34px!important;
        overflow: hidden;
        width: 100%;
        margin: 0 auto
    }
    #top_highlight .st_belt span {
        float: right;
        font-family: Bitter, serif;
        font-size: 14px;
        font-weight: 700;
        margin-top: 2px;
        padding-left: 10px;
        width: 14%
    }
    #top_highlight .st_belt ul {
        color: #cacbcc;
        font-size: 12px;
        padding: 0;
        position: relative;
        width: 85%
    }
    #middle_container,
    .story-middle {
        width: 90%
    }
    .nav-inside {
        margin: 0 auto;
        width: 97%
    }
    #top_highlight p,
    #top_nav ul,
    .home_slider {
        width: 100%
    }
    #top_highlight {
        height: 27px;
        text-align: center
    }
    .story-middle {
        float: none;
        padding-bottom: 90px
    }
    .ipd-width {
        width: 344px
    }
    .share-section {
        z-index: 999
    }
    .header-inner {
        width: 85%;
        top: 5px
    }
    .fl {
        float: left
    }
    .outerdiv {
        margin: auto
    }
    .comment-box {
        top: 20%
    }
    .share-box {
        top: 25%;
        left: 23%
    }
    #story_container {
        width: 100%
    }
    .story-list .storyimg {
        width: 222px
    }
    .story-list .storyimg img {
        width: 100%
    }
    .story-list .storytext {
        width: 430px
    }
    .user img {
        width: 40px;
        height: 40px;
        margin: -13px 6px 0 0
    }
    #header-coloun .row .category,
    #header-coloun .row .user .userimg.mobile,
    #header-coloun .row p.mobile {
        display: block!important
    }
    #header-coloun .row p.mobile {
        font-family: Georgia, serif
    }
    #header-coloun .row .story-caption .hashtag {
        display: none
    }
    #header-coloun .row .story-caption p {
        display: none;
        margin: 10px 0 20px
    }
    #header-coloun .row .user img {
        margin: 0 6px 0 0;
		font-size: 12px;
		line-height: 14px;
		color: #b0b0b0;
    }
    #header-coloun .user span {
        margin-top: 7px
    }
    #header-coloun .row .category {
        background: 0 0
    }
    .p_name,
    .user span {
        margin-top: 0
    }
    .imgcircle {
        height: 30px;
        width: 45px
    }
    .storytext .social-wigd {
        margin-top: 11px
    }
    .belt_outer {
       /* margin-left: 30px!important;
        margin-right: 30px!important;*/
		 margin: 0 auto;
        width: 78%!important
    }
}
@media (max-width: 800px) {
    .p_name,
    .user span {
        margin-top: 0
    }
    .imgcircle {
        height: 30px;
        width: 45px
    }
    .storytext .social-wigd {
        margin-top: 11px
    }
    .belt_outer {
      /*  margin-left: 30px!important;
        margin-right: 30px!important;*/
		 margin: 0 auto;
        width: 78%!important
    }
}
@media (min-width: 645px) and (max-width: 680px) {
    #story_container,
    .bx-wrapper .bx-viewport {
        -webkit-box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1);
        -moz-box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1)
    }
    #top_nav ul,
    .clear,
    .selectarea,
    .url {
        clear: both
    }
    #middle_container {
        width: 95%;
        padding: 0 5px
    }
    #main-container {
        background: #F2F0F1
    }
    #story_container,
    #story_container .story-list.graybg {
        background: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
    #story_container {
        border: 1px solid #D5D5D5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1)
    }
    #top_highlight .st_belt {
        overflow: hidden;
        width: 100%;
        margin: 0 auto
    }
    #top_highlight .st_belt span {
        float: right;
        font-family: Bitter, serif;
        font-size: 13px;
        font-weight: 700;
        margin-top: 2px;
        padding-left: 10px;
        width: 18%;
        line-height: 16px;
        display: none
    }
    #header-coloun {
        display: block!important
    }
    #header {
        display: none!important
    }
    #top_highlight .st_belt ul li {
        line-height: 18px
    }
    #top_highlight {
        height: 48px;
        padding-top: 10px
    }
    .input-box {
        margin-bottom: 15px
    }
    #top_nav ul li a {
        padding: 9px 5px
    }
    .story-middle {
        width: 100%
    }
    .edit-area {
        width: auto
    }
    .author-nav ul li {
        padding: 5px 8px
    }
    .header-inner {
        width: 85%
    }
    .shprevarrow {
        left: 15px
    }
    .tr {
        display: none
    }
    .belt_outer {
      /*  margin-left: 13px;
        margin-right: 0; float: left*/
        width: 90%;
		 margin: 0 auto;
       
    }
    .shnextarrow {
        right: 15px
    }
    .outerdiv,
    .text,
    .upload {
        width: 90%
    }
    .text {
        height: 80px
    }
    .text p {
        margin: 9px 0
    }
    .option,
    .select1 {
        width: auto
    }
    .url {
        display: block;
        height: 112px;
        margin-top: 10px;
        padding-top: 0;
        width: 270px
    }
    .search1 {
        height: auto
    }
    .comment-box {
        width: 78%;
        top: 20%
    }
    .textarea-contact {
        width: 100%
    }
    .author {
        width: 310px
    }
    .edit-pr {
        width: 78%;
        margin-top: -40px
    }
    .share-box {
        top: 30%;
        left: 26%!important
    }
    #header-coloun,
    #top_containt {
        margin: 0 auto
    }
    #top_containt {
        position: relative
    }
    .story-list .storytext {
        clear: both;
        float: none;
        width: 100%
    }
    .story-list .storyimg,
    .story-list .storyimg img {
        width: 100%
    }
    #mobileslidercontrolr .controlbox {
        width: 35px;
        float: right
    }
    #mobileslidercontrolr {
        width: 95%;
        height: 17px;
        padding: 10px;
        display: block
    }
    #mobileslidercontrolr img {
        cursor: pointer
    }
    #mobileslidercontrolr img#proprev {
        display: block;
        margin-right: 10px
    }
    #header-coloun .row {
        background: #000;
        padding: 5px;
        height: 154px
    }
    h2.big a,
    h2.small a {
        color: #fff!important;
        font-size: 23px;
        font-weight: 400;
        line-height: 30px
    }
    .storycont .category {
        width: 100%;
        float: left;
        line-height: 17px;
        font-size: 14px;
        color: #a1a1a1
    }
    .bx-wrapper .bx-viewport {
        border: 1px solid #D5D5D5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1)
    }
    .boderline {
        border-bottom: 1px dashed #dedede
    }
    #main-container.storycontainer {
        width: 98%;
        margin: 0 auto;
        border: 0 solid #D5D5D5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1);
        -moz-box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1);
        box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1);
        background: #fff
    }
    #fixedfooter {
        width: 98%
    }
    #fixedfooter .footer-inner {
        width: 100%
    }
    #fixedfooter .footer-inner ul li a {
        font-size: 13px
    }
    #fixedfooter .footer-inner ul li {
        margin-left: 0;
        color: #3e4142
    }
    .imgcircle {
        width: 40px;
        height: 40px
    }
    .p_name,
    .storytext .user span {
        margin-top: 4px
    }
    .storytext .social-wigd {
        margin-top: 0;
        float: left;
        margin-left: 10px
    }
    #menu .menu-inner ul li.logotext,
    .story-middle .user span {
        margin-top: 3px
    }
    #menu .menu-inner {
        width: 96%
    }
    #left-nav ul li,
    .comment-area-container,
    .coverop,
    .mediumcontent img,
    .story-middle p img,
    .storytext .user {
        width: 100%
    }
    #menu .menu-inner ul li a {
        padding: 0 4px;
        font-size: 14px
    }
    .social_icon {
        float: none!important;
        text-align: center;
        display: block;
        margin-left: 38%
    }
    .p_name {
        font-size: 13px
    }
    .devider {
        margin-bottom: 15px;
        padding-bottom: 0
    }
    #left-nav .closenav {
        right: -65px;
        top: 0
    }
    .header-inner h2 {
        font-size: 33px
    }
    .header-inner h4 {
        font-size: 15px
    }
    .story-middle .devider {
        padding-top: 15px
    }
    .comment-area-container .author-area-right {
        float: left;
        width: 100%
    }
    .share-section {
        display: none
    }
    #pronext,
    #proprev {
        display: block;
        top: 46%;
        z-index: 99;
        position: absolute
    }
    #proprev {
        left: 5px
    }
    #pronext {
        right: 5px
    }
    #header-coloun .row .story-caption {
        background: 0 0;
        position: absolute;
        top: inherit;
        padding: 0;
        bottom: 10px
    }
    .coverop {
        position: absolute;
        z-index: 4444;
        top: 0;
        left: 0;
        height: 100%;
        opacity: .2
    }
    #header-coloun .items .row:last-child {
        margin: 5px 0 0
    }
    #header-coloun .row .story-caption p {
        display: none
    }
    #header-coloun .twithastag a,
    #header-coloun .user span {
        color: #777!important
    }
    #header-coloun {
        width: 95%;
        border: 1px solid #d5d5d5;
        border-radius: 5px;
        box-shadow: 0 0 4px 0 #d5d5d5;
        background: #fff;
        margin-top: 10px
    }
    #header-coloun .items {
        height: inherit;
        overflow: hidden;
        padding: 0;
        width: 100%
    }
    #top_containt {
        width: 95%
    }
    #header-coloun .items .row .coverop,
    #header-coloun .row .story-caption {
        width: 100%
    }
    #header-coloun .items .row {
        padding: 5px 10px 10px;
        background: 0 0
    }
    #header-coloun #boxie2,
    #header-coloun #boxie4 {
        background: #fff
    }
    #top_containt {
        padding: 0
    }
    #main-container #top_containt {
        background: #f2f0f1!important
    }
    #header-coloun .row .category,
    #header-coloun .row .user .userimg.mobile,
    #header-coloun .row p.mobile {
        display: block!important
    }
    #header-coloun .row p.mobile {
        font-family: Georgia, serif
    }
    #header-coloun .row .story-caption .hashtag {
        display: none
    }
    #header-coloun .row .story-caption p {
        margin: 10px 0 25px
    }
    #header-coloun .row .user .mobile img {
        margin: 0 6px 0 0
    }
    #header-coloun .user span {
        margin-top: 7px
    }
}
@media (min-width: 1000px) and (max-width: 1024px) {
	 #header-coloun .items {     width: 100% !important }
    #header-coloun .row:hover h2.big a,
    #header-coloun .row:hover h2.small a,
    h2.big a,
    h2.big a:hover {
        color: #333
    }
    #main-container #top_containt {
        background: #fff!important
    }
    #header-coloun {
        width: 85%;
        margin: 0 auto
    }
    #header-coloun .items {
        width: 97.5%;
        clear: both;
        display: block;
        height: auto;
        border-right: 0;
        padding: 5px 10px 10px
    }
    #header-coloun #boxie2,
    #header-coloun #boxie2 .row .category,
    #header-coloun #boxie4,
    #header-coloun #boxie4 .row .category {
        background: #f6f6f6
    }
    #header-coloun #boxie1 .row .category,
    #header-coloun #boxie3 .row .category,
    #header-coloun #boxie5 .row .category {
        background: #fff
    }
    #header-coloun .items .row .coverop {
        width: 311px;
        float: left
    }
    #header-coloun .row .story-caption {
        background: 0 0;
        width: 525px;
        float: right;
        position: relative;
        top: 0;
        padding: 0
    }
    h2.big a {
        font-size: 30px;
        line-height: 32px
    }
    .featured_hashtag {
        color: #333!important
    }
    #header-coloun .row .story-caption p {
        color: #565656;
        line-height: 20px
    }
    .boderline {
        clear: both;
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px dashed #dcdedd
    }
    #header-coloun .items .coverop {
        height: auto
    }
    #header-coloun .items .coverop img,
    #header-coloun .row .user img {
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(grayscale.svg);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(1)
    }
    #header-coloun .row:hover .twithastag a,
    #header-coloun .row:hover .user span {
        color: #333!important
    }
    #header-coloun .row .category,
    #header-coloun .row .user .userimg.mobile,
    #header-coloun .row p.mobile {
        display: block!important
    }
    #header-coloun .row p.mobile {
        font-family: Georgia, serif
    }
    #header-coloun .row .story-caption .hashtag {
        display: none
    }
    #header-coloun .row .story-caption p {
        display: none;
        margin: 10px 0 25px
    }
    #header-coloun .row .user img {
        margin: 0 6px 0 0
    }
    #header-coloun .user span {
        margin-top: 7px
    }
    #header-coloun .row .category {
        background: 0 0
    }
    #menu {
        overflow: visible
    }
    .header-inner h1 {
        font-size: 25px
    }
    .mobile-logo {
        display: block;
		text-align:center
    }
    .header-inside {
        display: none
    }
}
@media (max-width: 767px) {
	.input-box{position: absolute; left:39px; z-index: 9;}
    .rightnav {
        float: right!important;
		 margin-top:-23px;  
    }
    #left-nav {
        position: fixed!important;
        left: 0!important;
        top: 0!important;
        height: 100%!important;
        z-index: 99999;
    }
    .inner_left {
        position: fixed;
        width: 43% !important;
        margin-top: 0%;
		/*height: 100%;*/
    	overflow-y: scroll; height:300px;
		 top:20px !important;
    }
	#menu .menu-inner {
		width: 100% !important;
	
	}
}
@media (min-width: 320px) and (max-width: 641px) {
    #story_container,
    .bx-wrapper .bx-viewport {
        -webkit-box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1);
        -moz-box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1)
    }
    #top_nav ul,
    .clear,
    .selectarea,
    .url {
        clear: both
    }
    #middle_container {
        width: 95%;
        padding: 0 5px
    }
    #main-container {
        background: #F2F0F1
    }
    #story_container,
    #story_container .story-list.graybg {
        background: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
    #story_container {
        border: 1px solid #D5D5D5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1)
    }
    #top_highlight .st_belt {
        overflow: hidden;
        width: 100%;
        margin: 0 auto
    }
    #top_highlight .st_belt span {
        float: right;
        font-family: Bitter, serif;
        font-size: 13px;
        font-weight: 700;
        margin-top: 2px;
        padding-left: 10px;
        width: 18%;
        line-height: 16px;
        display: none
    }
    #header-coloun {
        display: block!important
    }
    #header {
        display: none!important
    }
    .st_belt b {
        display: inline
    }
    #top_highlight .st_belt ul li a {
        display: inline;
        line-height: 18px
    }
    #top_highlight {
        height: 48px;
        padding-top: 10px
    }
    .input-box {
        margin-bottom: 15px
    }
    #top_nav ul li a {
        padding: 9px 5px
    }
    #top_highlight .st_belt ul li {
        line-height: 18px;
        height: 35px!important
    }
    .story-middle {
        width: 100%
    }
    .edit-area {
        width: auto
    }
    .author-nav ul li {
        padding: 5px 8px
    }
    .header-inner {
        width: 85%
    }
    .shprevarrow {
        left: 15px
    }
    .tr {
        display: none
    }
    .belt_outer {
       /* margin-left: 13px;
        margin-right: 0; float: left*/
        width: 90%;
		 margin: 0 auto;
       
    }
    .shnextarrow {
        right: 15px
    }
    .outerdiv,
    .text,
    .upload {
        width: 90%
    }
    .text {
        height: 80px
    }
    .text p {
        margin: 9px 0
    }
    .option,
    .select1 {
        width: auto
    }
    .url {
        display: block;
        height: 112px;
        margin-top: 10px;
        padding-top: 0;
        width: 270px
    }
    .search1 {
        height: auto
    }
    .comment-box {
        width: 78%;
        top: 20%
    }
    .textarea-contact {
        width: 100%
    }
    .author {
        width: 310px
    }
    .edit-pr {
        width: 78%;
        margin-top: -40px
    }
    .share-box {
        top: 30%;
        left: 26%!important
    }
    #header-coloun,
    #top_containt {
        margin: 0 auto
    }
    .story-list .storytext {
        clear: both;
        float: none;
        width: 100%
    }
    .story-list .storyimg,
    .story-list .storyimg img {
        width: 100%
    }
    #mobileslidercontrolr .controlbox {
        width: 35px;
        float: right
    }
    #mobileslidercontrolr {
        width: 95%;
        height: 17px;
        padding: 10px;
        display: block
    }
    #mobileslidercontrolr img {
        cursor: pointer
    }
    #mobileslidercontrolr img#proprev {
        display: block;
        margin-right: 10px
    }
    .storycont .category {
        width: 100%;
        float: left;
        line-height: 17px;
        font-size: 14px;
        color: #a1a1a1
    }
    #fixedfooter .footer-inner ul li a,
    .p_name {
        font-size: 13px
    }
    .bx-wrapper .bx-viewport {
        border: 1px solid #D5D5D5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1)
    }
    .boderline {
        border-bottom: 1px dashed #dedede
    }
    #main-container.storycontainer {
        width: 98%;
        margin: 0 auto;
        border: 0 solid #D5D5D5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1);
        -moz-box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1);
        box-shadow: 0 0 4px 0 rgba(213, 213, 213, 1);
        background: #fff
    }
    #fixedfooter {
        width: 98%
    }
    #fixedfooter .footer-inner {
        width: 100%
    }
    #fixedfooter .footer-inner ul li {
        margin-left: 0;
        color: #3e4142
    }
    .imgcircle {
        width: 40px;
        height: 40px
    }
    .p_name,
    .storytext .user span {
        margin-top: 4px
    }
    .storytext .social-wigd {
        margin-top: 0;
        float: left;
        margin-left: 10px
    }
    #menu .menu-inner ul li.logotext,
    .story-middle .user span {
        margin-top: 3px
    }
    #menu .menu-inner {
        width: 96%
    }
    #left-nav ul li,
    .comment-area-container,
    .mediumcontent img,
    .story-middle p img,
    .storytext .user {
        width: 100%
    }
    .social_icon {
        float: none!important;
        text-align: center;
        display: block
    }
    .devider {
        margin-bottom: 15px;
        padding-bottom: 0
    }
    #left-nav ul li a {
        padding: 12px 5px 12px 40px
    }
    #left-nav .closenav {
        right: -5px;
        top: 0
    }
    .header-inner h2 {
        font-size: 33px
    }
    .header-inner h4 {
        font-size: 15px
    }
    .story-middle .devider {
        padding-top: 15px
    }
    .comment-area-container .author-area-right {
        float: left;
        width: 100%
    }
    .share-section {
        display: none
    }
    #header-coloun {
        width: 95%;
        border: 1px solid #d5d5d5;
        border-radius: 5px;
        box-shadow: 0 0 4px 0 #d5d5d5;
        background: #fff;
        margin-top: 10px
    }
    #header-coloun .items {
        height: inherit;
        overflow: hidden;
        padding: 0;
        width: 100%
    }
    #top_containt {
        position: relative;
        width: 95%
    }
    #header-coloun .items .row .coverop {
        width: 100%;
        max-height: inherit
    }
    #header-coloun .row .story-caption {
        width: 100%
    }
    #header-coloun .items .row {
        padding: 5px 10px 10px;
        background: 0 0
    }
    #header-coloun #boxie2,
    #header-coloun #boxie4 {
        background: #fff
    }
    #top_containt {
        padding: 0
    }
    #main-container #top_containt {
        background: #f2f0f1!important
    }
    #header-coloun .row .category,
    #header-coloun .row .user .userimg.mobile,
    #header-coloun .row p.mobile {
        display: block!important
    }
    #header-coloun .row p.mobile {
        font-family: Georgia, serif
    }
    #header-coloun .row .story-caption .hashtag {
        display: none
    }
    #header-coloun .row .story-caption p {
        display: none;
        margin: 10px 0 25px
    }
    #header-coloun .row .user .mobile img {
        margin: 0 6px 0 0
    }
    #header-coloun .user span {
        margin-top: 7px
    }
    #mobile-nav,
    .nav-icon {
        color: #ffc20f;
        font-family: Arial;
        font-size: 21px;
        height: 36px;
        line-height: 17px;
        margin-top: -36px!important;
        padding-right: 0;
        padding-top: 2px;
        text-transform: uppercase;
        width: 36px;
        font-weight: 700
    }
    #header-coloun .row .user img {
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: url(grayscale.svg);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(1)
    }
    #mobile-nav {
        display: block;
        background: url(images/mobile-nav.png) left 10px no-repeat;
        float: right
    }
    .nav-icon {
        background: url(images/Icon.png) left 1px no-repeat;
        float: left
    }
    .main-navigation {
        background: #ffd200;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 9999;
        display: none
    }
    #menu .menu-inner ul.main-nav {
        float: none
    }
    #menu .menu-inner ul.main-nav li {
        width: 100%;
        float: none
    }
    #menu .menu-inner ul li a {
        float: none;
        padding: 3px 10px;
        display: block;
        border-bottom: 1px dotted #D0AB01;
        font-size: 15px;
        font-weight: 700
    }
    .social_icon {
        margin-left: 25%;
        margin-top: 10px
    }
    #menu {
        box-shadow: 0 0 10px 0 #000;
        overflow: visible
    }
    .header-inner h1 {
        font-size: 25px
    }
    .mobile-logo {
        text-align: center;
        margin-bottom: -5px;
        display: block
    }
    .header-inside {
        display: none
    }
}
@media (min-width: 1281px) and (max-width: 1900px) {
    #header-coloun .items {
        height: 350px
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
	#menu .menu-inner ul.main-nav { width: 70%; margin-left: 42px;}
	#menu .menu-inner ul.social_icon { width: 21%;}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#menu .menu-inner{ width:100%;}
	#menu .menu-inner ul.main-nav{ width:60%}
	#menu .menu-inner ul.social_icon {width: 28%;}
	.menu-inner .nav-icon{ margin-left:12px;}
	.story-caption p.mobile{clear:left;}
}
@media (max-width: 767px) {
	#menu .menu-inner ul.main-nav {display: inherit; width: 72%; margin-left:0px;}
	#menu .menu-inner ul.main-nav li{ display: inherit}
	#menu .menu-inner ul.social_icon {  width: 66%;  margin: 0 auto;}
}

@media (max-width: 732px) and (min-width: 667px) {
	 #menu .menu-inner ul li a {
        float: none;
        padding: 3px 10px;
        display: block;
        border-bottom: 1px dotted #D0AB01;
        font-size: 15px;
        font-weight: 700
    }
	
	#menu .menu-inner ul.main-nav li {
        width: 100%;
        float: none;
        padding: 0
    }
	
	 #mobile-nav {
        background: url(https://smedia2.intoday.in/dailyo/1.0.89/resources/css/images/mobile-nav.png) left 10px no-repeat;
        float: right;
        color: #ffc20f;
        font-size: 21px;
        height: 36px;
        line-height: 17px;
        margin-top: -36px!important;
        padding-right: 0;
        padding-top: 2px;
        text-transform: uppercase;
        width: 36px;
        font-weight: 700;
        position: absolute;
        top: 41px;
        right: 10px;
        display: block
    }
	
	.main-navigation {
    width: 100%;
    float: left;
    overflow-y: scroll;
}

#menu .menu-inner ul.social_icon {
	width: 100%;
    float: right !important;
	
	}
	
	#left-nav .closenav{
		top: 5px!important;
		right: 15px!important;
		
		
		}
	
	
	
	}

#left-home,
#right-home {
    cursor: pointer;
    height: 216px;
    position: fixed;
    top: 300px;
    width: 59px;
    z-index: 99999;
    opacity: .5;
    display: none;
    -webkit-transition: width .5s
}
#right-home {
    background: url(images/BT_logo_2.png) left top no-repeat rgba(0, 0, 0, 0);
    right: 0;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}
#left-home,
#right-home:hover {
    -moz-transition: width .5s;
    -o-transition: width .5s
}
#left-home {
    background: url(images/It_logo_2.png) right top no-repeat rgba(0, 0, 0, 0);
    left: 0;
    transition: width .5s
}
#right-home:hover {
    opacity: 1;
    width: 72px;
    -webkit-transition: width .5s;
    transition: width .5s
}
#left-home:hover {
    opacity: 1;
    width: 72px;
    -webkit-transition: opacity .5s;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}
#main-container,
#top_highlight {
    position: relative
}
@media (max-width: 641px) and (min-width: 320px) {
    #left-nav .closenav {
        right: 9px;
        top: 10px
    }
    #left-nav ul li a {
        font-size: 13px;
        padding: 12px 5px 12px 30px
    }
    .about {
        margin: 14px 0 0 3px
    }
    .credits,
    .home,
    .logout,
    .new-story {
        margin: 14px 0 0 4px
    }
    .user-l img {
        margin: 0 5px 0 0
    }
    #left-home {
        left: -100px
    }
    #right-home {
        right: -100px
    }
}
@media (max-width:768px) and (min-width:1024px) {
#left-nav .closenav{right: 3px;  top: -12px;}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.headtext {
	    max-height: 35px !important;
	
}
#menu .menu-inner ul li{margin-left:0;}
#menu .menu-inner ul li:last-child {margin-right: 35px;}	
#menu .menu-inner ul.main-nav li{padding:0 7px;}
#left-nav .closenav{top:0; right:-10px;}
}

@media screen and (min-width: 320px) and (max-width: 400px) {
.headtextdesktop{display:none}
.headtext{display:block !important}
.inner_left{ margin-top:0%}	
}
@-moz-document url-prefix() {
.leftnav{ width:100%}
 }
@-moz-document url-prefix() { 
 .inner_left div{ width:100% !important}
}

@media screen and (min-width: 300px) and (max-width: 767px) {
.headtextdesktop{display:none}
.headtext{display:block !important; word-break: keep-all !important;}
}
.storywid{width:300px !important;}
#top_containt {
    background: #000!important;
}

@media (max-width: 768px){
#top_containt {
    background: #fff!important;
}}