.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

/*\*/
.clearfix {
    display: block
}

/**/
.none {
    display: none
}

.hidden {
    display: none;
    visibility: hidden
}

@media (max-width:320px) {
    .widgets {
        margin-top: 15px !important
    }

    #blogwidget-slides .blogwidget-item .blogwidget-title {
        width: 246px !important
    }

    .pf-gallery {
        width: 100% !important
    }

    .pf-gallery .img-item {
        width: 280px !important
    }

    div.jp-audio, div.jp-video {
        width: 238px !important
    }

    .comment-content {
        width: 55% !important
    }

    .page-title {
        font-size: 28px !important;
        line-height: 35px !important
    }

    #wrap #main-content {
        padding-bottom: 0 !important
    }

    .container .header {
        padding-top: 70px
    }

    #large_bg_img {
        display: none !important
    }

    #testimonial-slides .slides_container {
        width: 279px !important;
        display: none
    }

    .widgets #testimonial-slides .slides_container div {
        width: 229px;
        display: block
    }

    #testimonial-slides .slides_container .testimonial-avatar, #twitter-slides .slides_container .twitter-avatar {
        width: 35px !important
    }

    #testimonial-slides .slides_container .testimonial-info, #twitter-slides .slides_container .twitter-info {
        padding: 1px 0 0 13px !important
    }

    #testimonial-slides .pagination, #blogwidget-slides .pagination {
        margin-bottom: 30px
    }

    .widgets #blogwidget-slides .slides_container div {
        width: 276px
    }

    .widgets #blogwidget-slides .slides_container .blogwidget-content {
        width: 226px
    }

    .widgets #blogwidget-slides .slides_container .blogwidget-text {
        width: 226px
    }

    .widgets #blogwidget-slides .pagination {
        width: 265px;
        margin-top: 20px
    }

    .slides_container>div {
        display: block;
        overflow: hidden
    }

    #testimonial-slides .slides_container .testimonial-info, .article-items .article-item .testimonial-info {
        width: 115px !important
    }

    #testimonial-slides .slides_container .testimonial-info {
        width: 185px
    }

    #testimonial-slides .slides_container .testimonial-text {
        width: 190px
    }

    #blogwidget-slides .slides_container .blogwidget-content, #blogwidget-slides .slides_container .blogwidget-text {
        width: 250px
    }

    #blogwidget-slides .pagination {
        width: 295px;
        margin-top: 20px
    }

    .row-fluid {
        width: 100%
    }

    .row {
        margin-left: 0
    }

    .row>[class*="span"], .row-fluid>[class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin: 0
    }

    .slider-pager {
        display: block !important
    }

    .slider h1 {
        line-height: 50px !important;
        font-size: 40px !important
    }

    .slider-text {
        width: 230px !important;
        margin-left: 0 !important
    }

    .slider-items, .slider-item {
        width: 265px !important
    }

    body {
        background: #888 url(../img/bg/dark_geometric.png) repeat;
        padding-top: 0 !important
    }

    .black-bar, .wrapper, #backstretch {
        display: none !important
    }

    #s {
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important
    }

    .logo {
        margin-bottom: 30px !important;
        margin-left: 0 !important
    }

    #social {
        margin-bottom: 20px
    }

    .container {
        width: auto;
        padding: 0 20px
    }

    #social a {
        margin: 0 3px !important
    }

    #header-right {
        margin-top: 20px
    }

    .slider {
        text-align: center
    }

    .header {
        margin-top: 0 !important;
        text-align: center;
        padding-right: 5px;
        padding-top: 65px
    }

    .navbar .nav .active>a, .navbar .nav .active>a:hover {
        border-right: 0;
        border-left: none
    }

    .menu-right {
        display: none !important
    }

    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0)
    }

    .page-header h1 small {
        display: block;
        line-height: 18px
    }

    input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .input-prepend input[class*="span"], .input-append input[class*="span"] {
        width: auto
    }

    input[type="checkbox"], input[type="radio"] {
        border: 1px solid #ccc
    }

    .form-horizontal .control-group>label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }

    .form-horizontal .controls {
        margin-left: 0
    }

    .form-horizontal .control-list {
        padding-top: 0
    }

    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }

    .modal {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }

    .modal.fade.in {
        top: auto
    }

    .modal-header .close {
        padding: 10px;
        margin: -10px
    }

    .carousel-caption {
        position: static
    }

    .slider-imgs {
        display: none
    }

    .slider-item {
        margin-left: 25px
    }

    .header {
        padding-bottom: 0 !important;
        margin-top: 30px !important;
        text-align: center
    }
}

@media (min-width:321px) and (max-width:767px) {
    .widgets {
        margin-top: 15px !important
    }

    div.jp-audio, div.jp-video {
        width: 438px !important
    }

    div.jp-type-single div.jp-progress {
        width: 368px !important
    }

    div.jp-type-single a.jp-mute, div.jp-type-single a.jp-unmute {
        top: 9px;
        left: 413px !important
    }

    .pf-gallery {
        width: 100% !important
    }

    .comment-content {
        width: 82%
    }

    .page-title {
        font-size: 33px;
        line-height: 50px !important
    }

    .container .header {
        padding-top: 70px
    }

    #wrap #main-content {
        padding-bottom: 0
    }

    #large_bg_img {
        display: none !important
    }

    body {
        background: #888 url(../img/bg/dark_geometric.png) repeat
    }

    #testimonial-slides .slides_container {
        width: 438px !important;
        display: none
    }

    .img-item {
        width: 438px !important
    }

    .widgets #testimonial-slides .slides_container div {
        width: 388px;
        display: block
    }

    #testimonial-slides .slides_container .testimonial-avatar, #twitter-slides .slides_container .twitter-avatar {
        width: 35px !important
    }

    #testimonial-slides .slides_container .testimonial-info, #twitter-slides .slides_container .twitter-info {
        padding: 1px 0 0 13px !important
    }

    #testimonial-slides .pagination, #blogwidget-slides .pagination {
        margin-bottom: 30px
    }

    .widgets #blogwidget-slides .slides_container div {
        width: 438px
    }

    #blogwidget-slides .blogwidget-img img {
        width: 100%
    }

    .widgets #blogwidget-slides .slides_container .blogwidget-content {
        width: 388px
    }

    .widgets #blogwidget-slides .slides_container .blogwidget-text {
        width: 388px
    }

    .widgets #blogwidget-slides .pagination {
        width: 433px;
        margin-top: 20px
    }

    .slides_container>div {
        display: block;
        overflow: hidden
    }

    #testimonial-slides .slides_container .testimonial-info, .article-items .article-item .testimonial-info {
        width: 115px !important
    }

    #testimonial-slides .slides_container .testimonial-info {
        width: 185px
    }

    #testimonial-slides .slides_container .testimonial-text {
        width: 190px
    }

    #blogwidget-slides .slides_container .blogwidget-content, #blogwidget-slides .slides_container .blogwidget-text {
        width: 250px
    }

    #blogwidget-slides .pagination {
        width: 295px;
        margin-top: 20px
    }

    .row-fluid {
        width: 100%
    }

    .row {
        margin-left: 0
    }

    .row>[class*="span"], .row-fluid>[class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin: 0
    }

    .slider-pager {
        display: block !important
    }

    .slider h1 {
        line-height: 50px !important;
        font-size: 40px !important
    }

    .slider-text {
        width: 380px !important;
        margin-left: 0 !important
    }

    .slider-items, .slider-item {
        width: 575px
    }

    body {
        padding-top: 0 !important
    }

    .black-bar, .wrapper, #backstretch {
        display: none !important
    }

    #s {
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important
    }

    .logo {
        margin-bottom: 30px !important;
        margin-left: 0 !important
    }

    #social {
        margin-bottom: 20px
    }

    .container {
        width: auto;
        padding: 0 20px
    }

    #social a {
        margin: 0 3px !important
    }

    #header-right {
        margin-top: 20px
    }

    .slider {
        text-align: center
    }

    .header {
        margin-top: 0 !important;
        text-align: center;
        padding-right: 5px;
        padding-top: 65px
    }

    .navbar .nav .active>a, .navbar .nav .active>a:hover {
        border-right: 0;
        border-left: none
    }

    .menu-right {
        display: none !important
    }

    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0)
    }

    .page-header h1 small {
        display: block;
        line-height: 18px
    }

    input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .input-prepend input[class*="span"], .input-append input[class*="span"] {
        width: auto
    }

    input[type="checkbox"], input[type="radio"] {
        border: 1px solid #ccc
    }

    .form-horizontal .control-group>label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }

    .form-horizontal .controls {
        margin-left: 0
    }

    .form-horizontal .control-list {
        padding-top: 0
    }

    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }

    .modal {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }

    .modal.fade.in {
        top: auto
    }

    .modal-header .close {
        padding: 10px;
        margin: -10px
    }

    .carousel-caption {
        position: static
    }

    .slider-imgs {
        display: none
    }

    .slider-item {
        margin-left: 25px
    }

    .header {
        padding-bottom: 0 !important;
        margin-top: 30px !important;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:979px) {
    .comment-area .comment-content {
        width: 79% !important
    }

    .children li .comment-content {
        width: 75% !important
    }

    .children li .children li .comment-content {
        width: 72% !important
    }

    .article-items .article-item {
        margin-bottom: 30px !important
    }

    .prev, .next {
        display: none
    }

    .row {
        margin-left: -20px;
        *zoom: 1
    }

    .row:before, .row:after {
        display: table;
        content: ""
    }

    .row:after {
        clear: both
    }

    [class*="span"] {
        float: left;
        margin-left: 20px
    }

    .span1 {
        width: 42px
    }

    .page-content .span1 {
        width: 39px
    }

    .span2 {
        width: 104px
    }

    .page-content .span2 {
        width: 95px
    }

    .wsidebar .span2 {
        width: 54px
    }

    .span3 {
        width: 166px
    }

    .page-content .span3 {
        width: 153px
    }

    .wsidebar .span3 {
        width: 91px
    }

    .span4 {
        width: 228px
    }

    .page-content .span4 {
        width: 211px
    }

    .wsidebar .span4 {
        width: 128px
    }

    .span5 {
        width: 290px
    }

    .page-content .span5 {
        width: 270px
    }

    .wsidebar .span5 {
        width: 167px
    }

    .span6 {
        width: 352px
    }

    .page-content .span6 {
        width: 327px
    }

    .wsidebar .span6 {
        width: 203px
    }

    .span7 {
        width: 414px
    }

    .page-content .span7 {
        width: 384px
    }

    .wsidebar .span7 {
        width: 239px
    }

    .span8 {
        width: 476px
    }

    .page-content .span8 {
        width: 443px
    }

    .wsidebar .span8 {
        width: 278px
    }

    .span9 {
        width: 538px
    }

    .page-content .span9 {
        width: 501px
    }

    .wsidebar .span9 {
        width: 315px
    }

    .span10 {
        width: 600px
    }

    .page-content .span10 {
        width: 559px
    }

    .wsidebar .span10 {
        width: 352px
    }

    .span11 {
        width: 662px
    }

    .page-content .span11 {
        width: 615px
    }

    .wsidebar .span11 {
        width: 367px
    }

    .span12, .container {
        width: 724px
    }

    .page-content .span12 {
        width: 675px
    }

    .wsidebar .span12 {
        width: 425px
    }

    .offset1 {
        margin-left: 82px
    }

    .offset2 {
        margin-left: 144px
    }

    .offset3 {
        margin-left: 206px
    }

    .offset4 {
        margin-left: 268px
    }

    .offset5 {
        margin-left: 330px
    }

    .offset6 {
        margin-left: 392px
    }

    .offset7 {
        margin-left: 454px
    }

    .offset8 {
        margin-left: 516px
    }

    .offset9 {
        margin-left: 578px
    }

    .offset10 {
        margin-left: 640px
    }

    .offset11 {
        margin-left: 702px
    }

    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: ""
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid>[class*="span"] {
        float: left;
        margin-left: 2.762430939%
    }

    .row-fluid>[class*="span"]:first-child {
        margin-left: 0
    }

    .row-fluid>.span1 {
        width: 5.801104972%
    }

    .row-fluid>.span2 {
        width: 14.364640883%
    }

    .row-fluid>.span3 {
        width: 22.928176794%
    }

    .row-fluid>.span4 {
        width: 31.491712705%
    }

    .row-fluid>.span5 {
        width: 40.055248616%
    }

    .row-fluid>.span6 {
        width: 48.618784527%
    }

    .row-fluid>.span7 {
        width: 57.182320438000005%
    }

    .row-fluid>.span8 {
        width: 65.74585634900001%
    }

    .row-fluid>.span9 {
        width: 74.30939226%
    }

    .row-fluid>.span10 {
        width: 82.87292817100001%
    }

    .row-fluid>.span11 {
        width: 91.436464082%
    }

    .row-fluid>.span12 {
        width: 99.999999993%
    }

    input.span1, textarea.span1, .uneditable-input.span1 {
        width: 32px
    }

    input.span2, textarea.span2, .uneditable-input.span2 {
        width: 94px
    }

    input.span3, textarea.span3, .uneditable-input.span3 {
        width: 156px
    }

    input.span4, textarea.span4, .uneditable-input.span4 {
        width: 218px
    }

    input.span5, textarea.span5, .uneditable-input.span5 {
        width: 280px
    }

    input.span6, textarea.span6, .uneditable-input.span6 {
        width: 342px
    }

    input.span7, textarea.span7, .uneditable-input.span7 {
        width: 404px
    }

    input.span8, textarea.span8, .uneditable-input.span8 {
        width: 466px
    }

    input.span9, textarea.span9, .uneditable-input.span9 {
        width: 528px
    }

    input.span10, textarea.span10, .uneditable-input.span10 {
        width: 590px
    }

    input.span11, textarea.span11, .uneditable-input.span11 {
        width: 652px
    }

    input.span12, textarea.span12, .uneditable-input.span12 {
        width: 714px
    }
}

@media (max-width:979px) {
    .no-img .slider-text {
        width: 725px
    }

    .widgets li {
        margin-bottom: 20px
    }

    #blogwidget-slides .blogwidget-item .blogwidget-title {
        width: 198px
    }

    .header {
        padding-bottom: 20px
    }

    .comment-content {
        width: 74%
    }

    .children li .comment-content {
        width: 72%
    }

    .slider .slider-text h1 {
        font-size: 48px
    }

    .page-title {
        font-size: 37px
    }

    .blog-items .pf-link .article-title a {
        background: 0;
        font-size: 12px;
        padding: 0
    }

    .article-items .article-item {
        margin-bottom: 20px
    }

    div.jp-audio, div.jp-video {
        width: 228px
    }

    div.jp-type-single div.jp-progress {
        width: 156px;
        height: 7px;
        padding: 1px;
        background: url("images/jplayer-black-and-yellow.html") 0 -192px repeat-x
    }

    div.jp-type-single a.jp-mute, div.jp-type-single a.jp-unmute {
        top: 9px;
        left: 201px
    }

    .container .template4 .portfolio-single-imgs {
        margin-bottom: 10px
    }

    .container .template4 .page-content {
        margin-bottom: 80px
    }

    #testimonial-slides .slides_container {
        width: 228px;
        display: none
    }

    #testimonial-slides .slides_container div {
        width: 178px;
        display: block
    }

    #blogwidget-slides .slides_container div {
        width: 300px;
        display: block
    }

    #testimonial-slides .slides_container .testimonial-info, .article-items .article-item .testimonial-info {
        width: 115px
    }

    #twitter-slides .tweet_list li {
        background: url(../img/demo/widgets/twitter/icon-small.png) 0 4px no-repeat;
        padding-left: 36px;
        margin-bottom: 22px;
        font-size: 12px
    }

    #twitter-slides .twitter-content {
        padding: 25px 25px 15px 25px
    }

    #testimonial-slides .slides_container .testimonial-text {
        width: 180px
    }

    .img-item {
        width: 228px
    }

    .blog-single .img-item {
        width: 476px
    }

    #testimonial-slides .slides_container .testimonial-avatar, #twitter-slides .slides_container .twitter-avatar {
        width: 35px
    }

    #testimonial-slides .slides_container .testimonial-info, #twitter-slides .slides_container .twitter-info, .article-items .article-item .testimonial-info {
        padding: 1px 0 0 13px
    }

    #testimonial-slides .slides_container .testimonial-content, .article-items .article-item .testimonial-content {
        background: rgba(0, 0, 0, 0.7);
        background-image: none;
        padding: 20px 25px 17px 25px
    }

    .testimonial-text:after {
        content: '' !important
    }

    #blogwidget-slides .pagination {
        width: 220px;
        margin-top: 20px
    }

    #testimonial-slides .pagination {
        margin-top: 20px
    }

    #blogwidget-slides .slides_container div {
        width: 228px;
        display: block
    }

    #blogwidget-slides .slides_container .blogwidget-content, #blogwidget-slides .slides_container .blogwidget-text {
        width: 178px
    }

    .menu-right {
        display: none
    }

    .navbar-fixed-top {
        position: static;
        margin-bottom: 18px
    }

    .navbar-fixed-top .navbar-inner {
        padding: 5px
    }

    .navbar .container {
        width: auto;
        padding: 0
    }

    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px
    }

    .navbar .nav-collapse {
        clear: left
    }

    .navbar .nav {
        float: none;
        margin: 0 0 9px
    }

    .navbar .nav>li {
        float: none
    }

    .navbar .nav>li>a {
        margin-bottom: 2px
    }

    .navbar .nav>.divider-vertical {
        display: none
    }

    .navbar .nav .nav-header {
        color: #999;
        text-shadow: none
    }

    .navbar .nav>li>a, .navbar .dropdown-menu a {
        padding: 6px 15px;
        font-weight: bold;
        color: #999;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .navbar .dropdown-menu li+li a {
        margin-bottom: 2px
    }

    .navbar .dropdown-menu .dropdownrigth-menuli li+li a {
        margin-bottom: 2px;
        margin-left: 2px
    }

    .navbar .nav>li>a:hover, .navbar .dropdown-menu a:hover {
        background-color: #222
    }

    .navbar .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: block;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
        display: none
    }

    .navbar .dropdown-menu .divider {
        display: none
    }

    .navbar-form, .navbar-search {
        float: none;
        padding: 9px 15px;
        margin: 9px 0;
        border-top: 1px solid #222;
        border-bottom: 1px solid #222;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
    }

    .navbar .nav.pull-right {
        float: none;
        margin-left: 0
    }

    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px
    }

    .btn-navbar {
        display: block
    }

    .nav-collapse {
        overflow: hidden;
        height: 0
    }

    .article-img .article-links {
        margin-left: 0;
        position: absolute;
        top: 45%;
        left: 37%
    }

    .article-img .article-links-play {
        margin-left: 0;
        position: absolute;
        top: 36%;
        left: 42%
    }
}

@media (min-width:980px) {
    .slider-text {
        margin-left: 30px !important
    }

    .no-img .slider-text {
        width: 800px
    }

    .widgets li {
        margin-bottom: 20px
    }

    #blogwidget-slides .blogwidget-item .blogwidget-title {
        width: 270px
    }

    .header {
        padding-bottom: 28px
    }

    .comment-content {
        width: 84%
    }

    .children li .comment-content {
        width: 82%
    }

    .children li .children li .comment-content {
        width: 80%
    }

    .slider .slider-text h1 {
        font-size: 52px
    }

    .page-title {
        font-size: 42px
    }

    .pf-link .article-title a {
        background: url(../img/postformats/link.png) no-repeat;
        padding-left: 30px;
        font-size: 12px;
        padding: 2px 0
    }

    .article-items .article-item {
        margin-bottom: 20px
    }

    div.jp-audio, div.jp-video {
        width: 300px
    }

    div.jp-type-single div.jp-progress {
        width: 228px;
        height: 7px;
        padding: 1px;
        background: url("images/jplayer-black-and-yellow.html") 0 -192px repeat-x
    }

    div.jp-type-single a.jp-mute, div.jp-type-single a.jp-unmute {
        top: 9px;
        left: 273px
    }

    .container .template4 .portfolio-single-imgs {
        margin-bottom: 15px
    }

    .container .template4 .page-content {
        margin-bottom: 80px
    }

    .article-img .article-links-play {
        margin-left: 0;
        position: absolute;
        top: 39%;
        left: 43%
    }

    #testimonial-slides .slides_container {
        width: 300px;
        display: none
    }

    .img-item {
        width: 300px
    }

    .blog-single .img-item {
        width: 620px
    }

    #testimonial-slides .slides_container div {
        width: 250px;
        display: block
    }

    #blogwidget-slides .slides_container div {
        width: 300px;
        display: block
    }

    #testimonial-slides .slides_container .testimonial-info {
        width: 185px
    }

    #testimonial-slides .slides_container .testimonial-text, .article-items .article-item .testimonial-text {
        width: 190px
    }

    #blogwidget-slides .slides_container .blogwidget-content, #blogwidget-slides .slides_container .blogwidget-text {
        width: 250px
    }

    #testimonial-slides .slides_container .testimonial-avatar {
        float: left;
        width: 50px
    }

    #blogwidget-slides .pagination {
        width: 295px;
        margin-top: 20px
    }

    .slider-text {
        padding-top: 10px !important
    }

    .logo {
        float: left
    }

    .black-bar {
        top: 42px !important
    }

    .menu-right {
        color: #d8d5a3;
        font-weight: bold;
        font-style: italic;
        float: right;
        margin-top: 11px;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.85)
    }

    .navbar .nav .active>a, .navbar .nav .active>a:hover {
        margin: 0 15px;
        padding: 10px 28px 11px
    }

    .brand {
        display: none !important
    }

    .wrapper {
        top: 40px !important
    }

    .nav-collapse.collapse {
        height: auto !important
    }

    .page-content .span12 {
        width: 890px
    }

    .wsidebar .span12 {
        width: 565px
    }

    .page-content .span11 {
        width: 813px
    }

    .wsidebar .span11 {
        width: 520px
    }

    .page-content .span10 {
        width: 739px
    }

    .wsidebar .span10 {
        width: 472px
    }

    .page-content .span9 {
        width: 663px
    }

    .wsidebar .span9 {
        width: 423px
    }

    .page-content .span8 {
        width: 587px
    }

    .wsidebar .span8 {
        width: 374px
    }

    .page-content .span7 {
        width: 510px
    }

    .wsidebar .span7 {
        width: 323px
    }

    .page-content .span6 {
        width: 435px
    }

    .wsidebar .span6 {
        width: 275px
    }

    .page-content .span5 {
        width: 360px
    }

    .wsidebar .span5 {
        width: 227px
    }

    .page-content .span4 {
        width: 283px
    }

    .wsidebar .span4 {
        width: 176px
    }

    .page-content .span3 {
        width: 207px
    }

    .wsidebar .span3 {
        width: 127px
    }

    .page-content .span2 {
        width: 131px
    }

    .wsidebar .span2 {
        width: 78px
    }

    .page-content .span1 {
        width: 57px
    }

    .wsidebar .span1 {
        width: 30px
    }
}

@media (min-width:1200px) {
    .no-img .slider-text {
        width: 1025px
    }

    .widgets li {
        margin-bottom: 30px
    }

    #blogwidget-slides .blogwidget-item .blogwidget-title {
        width: 340px
    }

    .header {
        padding-bottom: 35px
    }

    .comment-content {
        width: 87%
    }

    .children li .comment-content {
        width: 86%
    }

    .children li .children li .comment-content {
        width: 85%
    }

    .slider .slider-text h1 {
        font-size: 56px
    }

    .page-title {
        font-size: 47px
    }

    .testimonial-name, .twitter-name {
        font-size: 16px
    }

    .pf-link .article-title a {
        background: url(../img/postformats/link.png) no-repeat;
        padding-left: 30px;
        font-size: 14px;
        padding: 0
    }

    .article-items .article-item {
        margin-bottom: 30px
    }

    div.jp-audio, div.jp-video {
        width: 370px
    }

    div.jp-type-single div.jp-progress {
        width: 295px;
        height: 7px;
        padding: 1px;
        background: url("images/jplayer-black-and-yellow.html") 0 -192px repeat-x
    }

    div.jp-type-single a.jp-mute, div.jp-type-single a.jp-unmute {
        top: 9px;
        left: 343px
    }

    #testimonial-slides .slides_container {
        width: 370px;
        display: none
    }

    .img-item {
        width: 370px
    }

    .blog-single .img-item {
        width: 770px
    }

    #blogwidget-slides .slides_container {
        width: 420px;
        display: none
    }

    #testimonial-slides .slides_container div {
        width: 320px;
        display: block
    }

    #blogwidget-slides .slides_container div {
        width: 370px;
        display: block
    }

    #testimonial-slides .slides_container .testimonial-info {
        width: 255px
    }

    #testimonial-slides .slides_container .testimonial-text, .article-items .article-item .testimonial-text {
        width: 270px
    }

    #blogwidget-slides .slides_container .blogwidget-text, #blogwidget-slides .slides_container .blogwidget-content {
        width: 320px
    }

    #blogwidget-slides .pagination {
        width: 365px;
        margin-top: 20px
    }

    #social {
        text-align: right
    }

    #testimonial-slides .slides_container .testimonial-avatar {
        float: left;
        width: 50px
    }

    .logo {
        float: left
    }

    .black-bar {
        top: 42px !important
    }

    .menu-right {
        color: #d8d5a3;
        font-weight: bold;
        font-style: italic;
        float: right;
        margin-top: 11px;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.85)
    }

    .navbar .nav .active>a, .navbar .nav .active>a:hover {
        margin: 0 15px;
        padding: 10px 28px 11px
    }

    .wrapper {
        top: 40px !important
    }

    .row {
        margin-left: -30px;
        *zoom: 1
    }

    .row:before, .row:after {
        display: table;
        content: ""
    }

    .row:after {
        clear: both
    }

    [class*="span"] {
        float: left;
        margin-left: 30px
    }

    .span1 {
        width: 70px
    }

    .page-content .span1 {
        width: 67px
    }

    .wsidebar .span1 {
        width: 32px
    }

    .span2 {
        width: 170px
    }

    .page-content .span2 {
        width: 161px
    }

    .wsidebar .span2 {
        width: 95px
    }

    .span3 {
        width: 270px
    }

    .page-content .span3 {
        width: 257px
    }

    .wsidebar .span3 {
        width: 157px
    }

    .span4 {
        width: 370px
    }

    .page-content .span4 {
        width: 353px
    }

    .wsidebar .span4 {
        width: 220px
    }

    .span5 {
        width: 470px
    }

    .page-content .span5 {
        width: 450px
    }

    .wsidebar .span5 {
        width: 283px
    }

    .span6 {
        width: 570px
    }

    .page-content .span6 {
        width: 545px
    }

    .wsidebar .span6 {
        width: 345px
    }

    .span7 {
        width: 670px
    }

    .page-content .span7 {
        width: 640px
    }

    .wsidebar .span7 {
        width: 407px
    }

    .span8 {
        width: 770px
    }

    .page-content .span8 {
        width: 737px
    }

    .wsidebar .span8 {
        width: 470px
    }

    .span9 {
        width: 870px
    }

    .page-content .span9 {
        width: 833px
    }

    .wsidebar .span9 {
        width: 533px
    }

    .span10 {
        width: 970px
    }

    .page-content .span10 {
        width: 929px
    }

    .wsidebar .span10 {
        width: 595px
    }

    .span11 {
        width: 1070px
    }

    .page-content .span11 {
        width: 1023px
    }

    .wsidebar .span11 {
        width: 623px
    }

    .span12, .container {
        width: 1170px
    }

    .page-content .span12 {
        width: 1118px
    }

    .wsidebar .span12 {
        width: 720px
    }

    .offset1 {
        margin-left: 130px
    }

    .offset2 {
        margin-left: 230px
    }

    .offset3 {
        margin-left: 330px
    }

    .offset4 {
        margin-left: 430px
    }

    .offset5 {
        margin-left: 530px
    }

    .offset6 {
        margin-left: 630px
    }

    .offset7 {
        margin-left: 730px
    }

    .offset8 {
        margin-left: 830px
    }

    .offset9 {
        margin-left: 930px
    }

    .offset10 {
        margin-left: 1030px
    }

    .offset11 {
        margin-left: 1130px
    }

    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: ""
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid>[class*="span"] {
        float: left;
        margin-left: 2.564102564%
    }

    .row-fluid>[class*="span"]:first-child {
        margin-left: 0
    }

    .row-fluid>.span1 {
        width: 5.982905983%
    }

    .row-fluid>.span2 {
        width: 14.529914530000001%
    }

    .row-fluid>.span3 {
        width: 23.076923077%
    }

    .row-fluid>.span4 {
        width: 31.623931624%
    }

    .row-fluid>.span5 {
        width: 40.170940171000005%
    }

    .row-fluid>.span6 {
        width: 48.717948718%
    }

    .row-fluid>.span7 {
        width: 57.264957265%
    }

    .row-fluid>.span8 {
        width: 65.81196581200001%
    }

    .row-fluid>.span9 {
        width: 74.358974359%
    }

    .row-fluid>.span10 {
        width: 82.905982906%
    }

    .row-fluid>.span11 {
        width: 91.45299145300001%
    }

    .row-fluid>.span12 {
        width: 100%
    }

    input.span1, textarea.span1, .uneditable-input.span1 {
        width: 60px
    }

    input.span2, textarea.span2, .uneditable-input.span2 {
        width: 160px
    }

    input.span3, textarea.span3, .uneditable-input.span3 {
        width: 260px
    }

    input.span4, textarea.span4, .uneditable-input.span4 {
        width: 360px
    }

    input.span5, textarea.span5, .uneditable-input.span5 {
        width: 460px
    }

    input.span6, textarea.span6, .uneditable-input.span6 {
        width: 560px
    }

    input.span7, textarea.span7, .uneditable-input.span7 {
        width: 660px
    }

    input.span8, textarea.span8, .uneditable-input.span8 {
        width: 760px
    }

    input.span9, textarea.span9, .uneditable-input.span9 {
        width: 860px
    }

    input.span10, textarea.span10, .uneditable-input.span10 {
        width: 960px
    }

    input.span11, textarea.span11, .uneditable-input.span11 {
        width: 1060px
    }

    input.span12, textarea.span12, .uneditable-input.span12 {
        width: 1160px
    }

    .thumbnails {
        margin-left: -30px
    }

    .thumbnails>li {
        margin-left: 30px
    }
}