@media only screen and (max-width:1024px) {

    div.responsive-menu,
    div.responsive-menu span {
        background: url("../images/responsive-menu.png");
        -webkit-font-smoothing: antialiased
    }

    .responsive-menu,
    .responsive-menu * {
        margin: 0;
        padding: 0
    }

    .responsive-menu {
        display: -moz-inline-box;
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
        *display: inline
    }

    div.responsive-menu {
        display: block;
        position: relative;
        overflow: hidden;
        font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-position: left top;
        line-height: 40px;
        height: 40px;
        padding-left: 15px
    }

    div.responsive-menu select {
        font-size: 13px;
        color: #FFF;
        background-color: #333;
        border-color: #222;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity:0)
    }

    div.responsive-menu span {
        display: block;
        background-position: right bottom;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .container {
        width: 768px;
        overflow: hidden
    }

    #top-area {
        padding: 10px 29px
    }

    .top-area-wrap {
        text-align: center
    }

    .top-area-wrap p {
        font-size: 12px;
        font-style: normal
    }

    .top-area-wrap a {
        margin-top: 5px;
        font-size: 12px
    }

    a#top-area-trigger {
        left: 50%;
        right: auto;
        margin-left: -16px
    }

    #top-bar,
    #header,
    #breadcrumbs,
    #copyrights {
        padding: 0 29px
    }

    #top-bar .col_half {
        margin-right: 30px
    }

    #logo {
        margin-right: 30px
    }

    #logo,
    #top-contacts-area {
        max-width: 340px
    }

    #primary-menu {
        height: 40px;
        padding: 15px
    }

    #primary-menu ul {
        display: none
    }

    #primary-menu select {
        display: block
    }

    .postcontent {
        width: 440px
    }

    .sidebar {
        width: 210px
    }

    .content-wrapper {
        width: 710px
    }

    .col_full {
        width: 100%
    }

    .col_half {
        width: 48%
    }

    .col_one_third {
        width: 30.66%
    }

    .col_two_third {
        width: 65.33%
    }

    .col_one_fourth {
        width: 22%
    }

    .col_three_fourth {
        width: 74%
    }

    .col_one_fifth {
        width: 16.8%
    }

    .col_two_fifth {
        width: 37.6%
    }

    .col_three_fifth {
        width: 58.4%
    }

    .col_four_fifth {
        width: 67.2%
    }

    .col_one_sixth {
        width: 13.33%
    }

    .col_five_sixth {
        width: 82.67%
    }

    #landing-offer-slider,
    #landing-offer-content {
        width: 710px
    }

    #landing-offer-slider,
    #landing-offer-content {
        margin-right: 30px;
        margin-bottom: 0
    }

    .content-wrapper,
    .postcontent,
    .sidebar,
    .portfolio-meta {
        margin-right: 0;
        padding: 40px 29px
    }

    .portfolio-meta {
        padding-left: 0;
        width: 210px
    }

    .postcontent {
        padding-right: 30px
    }

    .template-leftsidebar .postcontent {
        padding-left: 30px;
        padding-right: 29px
    }

    .sidebar {
        background-color: transparent;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        padding-left: 28px
    }

    .template-leftsidebar .sidebar {
        border-left: none;
        padding-left: 30px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        padding-right: 28px
    }

    #page-title {
        padding: 20px 29px
    }

    #slider,
    #slider .slider-wrap,
    .slider-wrap .slide,
    .slide a,
    .slide img {
        display: block;
        width: 768px;
        height: 369px
    }

    #landing-offer {
        padding: 30px 29px
    }

    .landing-slider,
    .landing-slider .landing-slide,
    .landing-slide a,
    .landing-slide img {
        display: block;
        width: 710px;
        height: 398px
    }

    #landing-offer-content {
        text-align: center;
        margin-top: 30px
    }

    #landing-features li {
        background-image: none;
        padding-left: 0
    }

    #portfolio {
        margin: 0 -1px 0 0
    }

    .portfolio-item {
        margin: 0
    }

    #portfolio-slider,
    .portfolio-slider-wrap,
    .single-portfolio-image a,
    .single-portfolio-image img {
        width: 440px
    }

    .related-projects-wrap {
        padding: 0 29px 40px
    }

    .related-projects a,
    .related-projects img {
        width: 138px;
        height: 100px
    }

    #home-portfolio-list .portfolio-normal {
        margin: 0
    }

    #home-portfolio-list .portfolio-item {
        margin-right: 3px;
        width: 233px
    }

    #home-portfolio-list .portfolio-image,
    #home-portfolio-list .portfolio-image a,
    #home-portfolio-list .portfolio-image img {
        width: 233px;
        height: 178px
    }

    #home-portfolio-list .portfolio-desc h3 {
        font-size: 15px
    }

    #portfolio-revealer {
        margin: -40px -29px 40px
    }

    .entry {
        margin-top: 30px;
        padding-bottom: 30px
    }

    .entry_image a,
    .entry_image img {
        width: 440px;
        height: 233px
    }

    .entry_image {
        width: 440px
    }

    .blog-layout2 .entry_image {
        width: 180px
    }

    .blog-layout2 .entry_image a,
    .blog-layout2 .entry_image img {
        width: 180px;
        height: 150px
    }

    .entry_c {
        width: 330px
    }

    .blog-layout2 .entry_c {
        width: 240px
    }

    .entry .entry_meta {
        display: none
    }

    .entry_content img {
        max-width: 440px
    }

    #comments {
        margin-top: 30px
    }

    .commentlist ul.children {
        margin-left: 0
    }

    .commentlist ul.children ul.children {
        margin-left: 25px
    }

    #respond label small {
        display: none
    }

    #template-contactform input[type="text"],
    #template-contactform textarea {
        width: 445px;
        max-width: 445px
    }

    #template-contactform div.col_one_third input[type="text"],
    #template-contactform div.col_one_third select {
        width: 123px
    }

    .side_tabs ul.tabs {
        width: 120px
    }

    .tour_tabs ul.tabs {
        width: 220px
    }

    .pricing5 .pricing-title {
        padding: 15px 10px;
        font-size: 15px;
        line-height: 22px
    }

    .pricing5 .pricing-featured .pricing-title {
        padding: 20px 10px;
        font-size: 18px;
        line-height: 24px
    }

    .pricing5 .pricing-price {
        font-size: 24px
    }

    .pricing5 .pricing-featured .pricing-price {
        font-size: 30px
    }

    .pricing5 .pricing-features li {
        font-size: 12px
    }

    .faqs-category-wrap .faq-category {
        width: 340px
    }

    #testimonials-wrap {
        margin: 0 -20px -30px 0
    }

    #testimonials-wrap .testimonial {
        padding-bottom: 30px;
        margin: 0 20px 30px 30px;
        border-bottom: 3px double #EEE
    }

    #our-clients .client-wrap {
        width: 710px
    }

    .clients-list {
        margin: 0
    }

    .clients-list a,
    .clients-list img {
        width: 117px;
        height: 93px
    }

    .home-client-list {
        height: 188px
    }

    .home-client-list a,
    .home-client-list a img {
        width: 119px;
        height: 94px
    }

    .callout {
        margin: 0 -29px 20px;
        padding: 15px 29px
    }

    .callout .callout-desc {
        position: relative;
        width: 710px;
        padding-right: 0;
        text-align: center
    }

    .callout-desc h3 {
        font-size: 18px
    }

    .callout-desc span {
        font-size: 14px
    }

    .callout .callout-action {
        position: relative;
        left: 0;
        right: 0;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        margin: 10px 0 0 0;
        top: 0;
        text-align: center
    }

    .callout-action a {
        display: inline-block;
        padding: 0 20px
    }

    #tweet-feed {
        padding: 15px 24px
    }

    #footer {
        padding: 30px 29px
    }

    .widget {
        margin-top: 40px
    }

    #footer-widget-area {
        margin: 0 -30px -30px 0
    }

    #footer .col_one_fourth {
        width: 340px;
        margin: 0 30px 30px 0
    }

    .flickr-widget .flickr-widget-wrap {
        margin: 0 -6px -6px 0
    }

    .flickr-widget .flickr-widget-wrap .flickr_badge_image {
        margin: 0 6px 6px 0
    }

    .flickr-widget .flickr_badge_image img,
    .posts-widget li .post_image img {
        width: 42px;
        height: 42px
    }

    #footer .flickr-widget-wrap {
        margin: 0 -8px -8px 0
    }

    #footer .flickr-widget-wrap .flickr_badge_image {
        margin: 0 8px 8px 0
    }

    #footer .flickr_badge_image img,
    #footer .posts-widget li .post_image img {
        width: 73px;
        height: 73px
    }

    .widget_search input[type="text"],
    .widget_text input[type="text"] {
        width: 192px
    }

    #footer .widget_search input[type="text"],
    #footer .widget_text input[type="text"] {
        width: 322px
    }

    .posts-widget .post_image {
        width: 48px;
        height: 48px
    }

    #footer .post_image {
        width: 79px;
        height: 79px;
        margin-right: 15px
    }

    .contact-form-widget input[type="text"],
    .contact-form-widget textarea {
        width: 322px
    }

    .widget-portfolio-scroll .portfolio-item {
        width: 210px
    }

    .widget-portfolio-scroll .portfolio-image,
    .widget-portfolio-scroll .portfolio-image a,
    .widget-portfolio-scroll .portfolio-image img {
        width: 210px;
        height: 158px
    }

    #footer .portfolio-item {
        width: 340px
    }

    #footer .portfolio-image,
    #footer .portfolio-image a,
    #footer .portfolio-image img {
        width: 340px;
        height: 255px
    }

    #footer .portfolio-desc h3 {
        font-size: 15px
    }

    .widget-testimonials-scroll .wtestimonial-item {
        width: 210px
    }

    #footer .wtestimonial-item {
        width: 340px
    }

    #copyrights {
        margin-bottom: 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .container {
        width: 480px
    }

    #top-area {
        display: none
    }

    #top-bar {
        height: 40px
    }

    #top-bar,
    #header,
    #copyrights {
        padding: 0 20px
    }

    #top-bar .col_half {
        display: block;
        float: none;
        margin: 0 !important;
        text-align: center !important
    }

    #top-bar .col_half.col_last {
        display: none
    }

    #top-menu ul,
    #top-menu ul li {
        display: inline-block
    }

    #header {
        height: auto;
      
        
    }

    #logo {
        float: none;
        margin: 0;
        padding: 15px 0;
        text-align: center;
        

    }

    #header #lgo img{
        margin-left: 100px;
    }

    #logo a.logo-image {
        display: inline-block
    }

    #logo,
    #top-contacts-area {
        width: 440px;
        max-width: 440px
    }

    #top-contacts-area {
        margin: 0 0 25px
    }

    #top-contacts-area #top-contacts,
    #top-contacts-area #top-social {
        text-align: center
    }

    #top-contacts li {
        margin: 0 0 0 4px
    }

    #top-social li {
        margin: 0 0 0 2px
    }

    #top-contacts li:first-child,
    #top-social li:first-child {
        margin-left: 0
    }

    #primary-menu {
        height: 40px;
        padding: 15px
    }

    #primary-menu ul {
        display: none
    }

    #primary-menu select {
        display: block
    }

    .postcontent {
        width: 440px
    }

    .sidebar {
        width: 440px
    }

    .content-wrapper {
        width: 440px
    }

    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_one_fourth,
    .col_three_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth {
        width: 100%
    }

    #landing-offer-slider,
    #landing-offer-content {
        width: 440px
    }

    #landing-offer-slider,
    #landing-offer-content {
        margin-right: 30px;
        margin-bottom: 0
    }

    .content-wrapper,
    .postcontent,
    .sidebar,
    .portfolio-meta,
    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_three_fourth,
    .col_one_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth,
    #landing-offer-slider,
    #landing-offer-content {
        margin-right: 0;
        float: none
    }

    .postcontent,
    .sidebar,
    .portfolio-meta,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_three_fourth,
    .col_one_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth {
        margin-bottom: 30px !important
    }

    .content-wrapper {
        margin-right: 0;
        padding: 40px 20px
    }

    .content-wrapper {
        padding-bottom: 20px
    }

    .portfolio-meta {
        width: 440px;
        padding: 0 20px 20px
    }

    .postcontent {
        padding: 40px 20px 10px 20px
    }

    .template-leftsidebar .postcontent {
        padding: 0 20px 20px
    }

    .sidebar {
        border: 0;
        padding: 40px 20px 20px;
        border-top: 3px double rgba(0, 0, 0, 0.1)
    }

    .template-leftsidebar .sidebar {
        padding: 40px 20px;
        border: 0;
        border-bottom: 3px double rgba(0, 0, 0, 0.1)
    }

    #page-title {
        padding: 20px;
        text-align: center
    }

    #page-title h1 span {
        display: none
    }

    #breadcrumbs {
        display: none
    }

    #slider,
    #slider .slider-wrap,
    .slider-wrap .slide,
    .slide a,
    .slide img {
        display: block;
        width: 480px;
        height: 230px
    }

    .slide .slide-caption {
        right: 0;
        padding: 10px;
        font-size: 13px
    }

    .slider-prev,
    .slider-next,
    .flex-direction-nav a.flex-prev,
    .flex-direction-nav a.flex-next {
        right: 32px
    }

    .slider-next,
    .flex-direction-nav a.flex-next {
        right: 0
    }

    #landing-offer {
        padding: 30px 20px
    }

    .landing-slider,
    .landing-slider .landing-slide,
    .landing-slide a,
    .landing-slide img {
        display: block;
        width: 440px;
        height: 247px
    }

    .landing-action {
        display: block;
        margin: 10px;
        text-align: center
    }

    #landing-offer-content {
        text-align: center;
        margin-top: 30px
    }

    #landing-features li {
        background-image: none;
        padding-left: 0
    }

    #portfolio {
        margin: 0 0 -10px 0
    }

    #portfolio-filter {
        text-align: center;
        margin: 0 -10px 30px 0
    }

    #portfolio-filter li {
        margin: 0 10px 10px 0;
        width: 215px
    }

    .portfolio-item {
        float: none;
        margin: 0 101px 10px 101px
    }

    #portfolio-slider,
    .portfolio-slider-wrap,
    .single-portfolio-image a,
    .single-portfolio-image img {
        width: 440px
    }

    #page-title .portfolio-navigation {
        position: relative;
        max-width: 106px;
        height: 32px;
        top: 0;
        left: 0;
        right: 0;
        margin: 30px auto 10px
    }

    .related-projects-wrap {
        padding: 0 20px 40px
    }

    .related-projects {
        margin: 0 -3px 0 -1px
    }

    .related-projects a {
        margin: 0 3px 0 0
    }

    .related-projects a,
    .related-projects img {
        width: 145px;
        height: 105px
    }

    #home-portfolio-list .portfolio-normal {
        margin: 0 0 -3px 0
    }

    #home-portfolio-list .portfolio-item {
        margin: 0 3px 3px 0;
        width: 217px;
        float: left
    }

    #home-portfolio-list .portfolio-image,
    #home-portfolio-list .portfolio-image a,
    #home-portfolio-list .portfolio-image img {
        width: 217px;
        height: 165px
    }

    #home-portfolio-list .portfolio-desc h3 {
        font-size: 15px
    }

    #portfolio-revealer {
        margin: -40px -20px 40px
    }

    #portfolio-loader {
        top: -30px;
        left: 50%;
        right: auto;
        margin-left: -10px
    }

    .entry {
        margin-top: 30px;
        padding-bottom: 30px
    }

    .entry_image a,
    .entry_image img {
        width: 440px;
        height: 233px
    }

    .entry_image {
        width: 440px
    }

    .blog-layout2 .entry_image {
        width: 180px
    }

    .blog-layout2 .entry_image a,
    .blog-layout2 .entry_image img {
        width: 180px;
        height: 150px
    }

    .entry_c {
        width: 330px
    }

    .blog-layout2 .entry_c {
        width: 240px
    }

    .entry .entry_meta {
        display: none
    }

    .entry_content img {
        max-width: 440px
    }

    #comments {
        margin-top: 30px
    }

    .commentlist ul.children {
        margin-left: 0
    }

    .commentlist ul.children ul.children {
        margin-left: 25px
    }

    #respond label small {
        display: none
    }

    #template-contactform input[type="text"],
    #template-contactform textarea {
        width: 422px;
        max-width: 422px
    }

    #template-contactform div.col_one_third input[type="text"],
    #template-contactform div.col_one_third select {
        width: 422px
    }

    .side_tabs ul.tabs {
        width: 120px
    }

    .tour_tabs ul.tabs {
        width: 220px
    }

    .tour_tabs ul.tabs {
        float: none;
        width: 440px;
        padding: 0;
        border: 0
    }

    .tour_tabs ul.tabs li {
        height: 40px;
        line-height: 40px;
        border: 1px solid #DDD;
        border-top: 0
    }

    .tour_tabs ul.tabs li:first-child {
        border-top: 1px solid #DDD
    }

    .tour_tabs ul.tabs li.active {
        border-right: 1px solid #DDD;
        margin-right: 0
    }

    .tour_tabs .tab_content {
        clear: both;
        padding: 30px 0 20px
    }

    .pricing {
        padding-top: 0
    }

    .pricing-box,
    .pricing3 .pricing-box,
    .pricing5 .pricing-box {
        float: none;
        width: 100%;
        margin-top: 10px
    }

    .pricing-box:first-child {
        margin-top: 0
    }

    .pricing-featured {
        margin-top: 0
    }

    .pricing-box .pricing-inner {
        border: 1px solid #DDD
    }

    .pricing-featured .pricing-inner {
        margin: 0
    }

    .faqs-category-wrap .faq-category {
        width: 440px
    }

    #testimonials-wrap {
        margin: 0
    }

    #testimonials-wrap .testimonial {
        float: none;
        padding-bottom: 20px;
        margin: 0 70px 20px 70px
    }

    #our-clients .client-wrap {
        float: none;
        width: 440px;
        margin: 0 0 20px 0;
        padding-bottom: 20px
    }

    .clients-list {
        margin: 0 0 20px 0
    }

    .clients-list a,
    .clients-list img {
        width: 145px;
        height: 115px
    }

    #home-client-scroller {
        text-align: center
    }

    .home-client-list {
        display: inline-block;
        width: 220px;
        height: 350px
    }

    .home-client-list a,
    .home-client-list a img {
        width: 220px;
        height: 175px
    }

    .callout {
        margin: 0 -20px 20px;
        padding: 15px 20px
    }

    .callout .callout-desc {
        position: relative;
        width: 440px;
        padding-right: 0;
        text-align: center
    }

    .callout-desc h3 {
        font-size: 18px
    }

    .callout-desc span {
        font-size: 14px
    }

    .callout .callout-action {
        position: relative;
        left: 0;
        right: 0;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        margin: 10px 0 0 0;
        top: 0;
        text-align: center
    }

    .callout-action a {
        display: inline-block;
        padding: 0 20px
    }

    #tweet-feed {
        padding: 15px
    }

    .error404page {
        font-size: 200px;
        padding-bottom: 30px
    }

    #footer {
        padding: 30px 20px
    }

    .widget {
        margin-top: 40px
    }

    #footer-widget-area {
        margin: 0 0 -30px 0
    }

    #footer .col_one_fourth {
        width: 440px;
        margin: 0 0 30px 0 !important
    }

    .flickr-widget .flickr-widget-wrap,
    #footer .flickr-widget-wrap {
        margin: 0 -6px -4px -2px
    }

    .flickr-widget .flickr-widget-wrap .flickr_badge_image,
    #footer .flickr-widget-wrap .flickr_badge_image {
        margin: 0 4px 4px 0
    }

    .flickr-widget .flickr_badge_image img,
    #footer .flickr_badge_image img {
        width: 46px;
        height: 46px
    }

    .widget_search input[type="text"],
    .widget_text input[type="text"] {
        width: 422px
    }

    #footer .widget_search input[type="text"],
    #footer .widget_text input[type="text"] {
        width: 422px
    }

    .posts-widget .post_image,
    #footer .post_image {
        width: 80px;
        height: 80px;
        margin-right: 15px
    }

    .posts-widget li .post_image img,
    #footer .posts-widget li .post_image img {
        width: 74px;
        height: 74px
    }

    .posts-widget .post_title {
        font-size: 15px;
        line-height: 22px
    }

    .posts-widget .post_meta {
        font-size: 13px
    }

    .contact-form-widget input[type="text"],
    .contact-form-widget textarea {
        width: 422px
    }

    .widget-portfolio-scroll .portfolio-item,
    #footer .portfolio-item {
        float: left;
        width: 220px
    }

    .widget-portfolio-scroll .portfolio-image,
    .widget-portfolio-scroll .portfolio-image a,
    .widget-portfolio-scroll .portfolio-image img,
    #footer .portfolio-image,
    #footer .portfolio-image a,
    #footer .portfolio-image img {
        width: 220px;
        height: 166px
    }

    #footer .portfolio-desc h3 {
        font-size: 14px
    }

    .widget-testimonials-scroll .wtestimonial-item,
    #footer .wtestimonial-item {
        width: 440px
    }

    #copyrights #foo-left,
    #copyrights #foo-right {
        float: none;
        padding: 15px 0 10px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        text-align: center
    }

    #copyrights #foo-right {
        padding: 10px 0 15px
    }
}

@media only screen and (max-width:479px) {
    .container {
        width: 320px
    }

    #top-area {
        display: none
    }

    #top-bar {
        height: 40px
    }

    #top-bar,
    #header,
    #copyrights {
        padding: 0 20px
    }

    #top-bar .col_half {
        display: block;
        float: none;
        margin: 0 !important;
        text-align: center !important
    }

    #top-bar .col_half.col_last {
        display: none
    }

    #top-menu ul,
    #top-menu ul li {
        display: inline-block
    }

    #top-menu ul li a {
        padding: 0 6px
    }

    #top-menu ul li:first-child a {
        padding-left: 0
    }

    #header {
        height: auto
    }

    #logo {
        float: none;
        margin: 0;
        padding: 15px 0;
        text-align: center
    }

    #header #lgo img{
        margin-left: 100px;
    }


    #logo a.logo-image {
        display: inline-block
    }

    #logo,
    #top-contacts-area {
        width: 280px;
        max-width: 280px
    }

    #top-contacts-area {
        margin: 0 0 0px;
        height: auto
    }

    #top-contacts-area #top-contacts,
    #top-contacts-area #top-social {
        text-align: center;
        height: auto;
    }

    #top-contacts {
        margin-bottom: -7px;
    }

    #top-contacts li {
        margin: 0 0 7px 7px
    }

    #top-social li {
        margin: 0 0 0 3px
    }

    #top-contacts li:first-child,
    #top-social li:first-child {
        margin-left: 0
    }

    #primary-menu {
        height: 40px;
        padding: 15px
    }

    #primary-menu ul {
        display: none
    }

    #primary-menu select {
        display: block
    }

    .postcontent {
        width: 280px
    }

    .sidebar {
        width: 280px
    }

    .content-wrapper {
        width: 280px
    }

    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_one_fourth,
    .col_three_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth {
        width: 100%
    }

    #landing-offer-slider,
    #landing-offer-content {
        width: 280px
    }

    #landing-offer-slider,
    #landing-offer-content {
        margin-right: 30px;
        margin-bottom: 0
    }

    .content-wrapper,
    .postcontent,
    .sidebar,
    .portfolio-meta,
    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_three_fourth,
    .col_one_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth,
    #landing-offer-slider,
    #landing-offer-content {
        margin-right: 0;
        float: none
    }

    .postcontent,
    .sidebar,
    .portfolio-meta,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_three_fourth,
    .col_one_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth {
        margin-bottom: 30px !important
    }

    .content-wrapper {
        margin-right: 0;
        padding: 40px 20px
    }

    .content-wrapper {
        padding-bottom: 20px
    }

    .portfolio-meta {
        width: 280px;
        padding: 0 20px 20px
    }

    .postcontent {
        padding: 40px 20px 10px 20px
    }

    .template-leftsidebar .postcontent {
        padding: 0 20px 20px
    }

    .sidebar {
        border: 0;
        padding: 40px 20px 20px;
        border-top: 3px double rgba(0, 0, 0, 0.1)
    }

    .template-leftsidebar .sidebar {
        padding: 40px 20px;
        border: 0;
        border-bottom: 3px double rgba(0, 0, 0, 0.1)
    }

    #page-title {
        padding: 20px;
        text-align: center
    }

    #page-title h1 span {
        display: none
    }

    #breadcrumbs {
        display: none
    }

    #slider,
    #slider .slider-wrap,
    .slider-wrap .slide,
    .slide a,
    .slide img {
        display: block;
        width: 320px;
        height: 153px
    }

    .slide .slide-caption {
        display: none
    }

    .slider-prev,
    .slider-next,
    .flex-direction-nav a.flex-prev,
    .flex-direction-nav a.flex-next {
        left: 0;
        right: auto;
        top: 50%;
        margin-top: -16px
    }

    .slider-next,
    .flex-direction-nav a.flex-next {
        left: auto;
        right: 0
    }

    #landing-offer {
        padding: 30px 20px
    }

    .landing-slider,
    .landing-slider .landing-slide,
    .landing-slide a,
    .landing-slide img {
        display: block;
        width: 280px;
        height: 157px
    }

    .landing-action {
        display: block;
        margin: 10px;
        text-align: center
    }

    #landing-offer-content {
        text-align: center;
        margin-top: 30px
    }

    #landing-features li {
        background-image: none;
        padding-left: 0
    }

    #portfolio {
        margin: 0 0 -10px 0
    }

    #portfolio-filter {
        text-align: center;
        margin: 0 -10px 30px 0
    }

    #portfolio-filter li {
        margin: 0 10px 10px 0;
        width: 135px
    }

    .portfolio-item {
        float: none;
        margin: 0 21px 10px 21px
    }

    #portfolio-slider,
    .portfolio-slider-wrap,
    .single-portfolio-image a,
    .single-portfolio-image img {
        width: 280px
    }

    #page-title .portfolio-navigation {
        position: relative;
        max-width: 106px;
        height: 32px;
        top: 0;
        left: 0;
        right: 0;
        margin: 30px auto 10px
    }

    .related-projects-wrap {
        padding: 0 20px 40px
    }

    .related-projects {
        margin: 0 -4px 0 0
    }

    .related-projects a {
        margin: 0 4px 0 0
    }

    .related-projects a,
    .related-projects img {
        width: 138px;
        height: 100px
    }

    #home-portfolio-list .portfolio-normal {
        margin: 0 0 -3px 0
    }

    #home-portfolio-list .portfolio-item {
        margin: 0 0 3px 0;
        width: 280px;
        float: left
    }

    #home-portfolio-list .portfolio-image,
    #home-portfolio-list .portfolio-image a,
    #home-portfolio-list .portfolio-image img {
        width: 280px;
        height: 213px
    }

    #home-portfolio-list .portfolio-desc h3 {
        font-size: 15px
    }

    #home-portfolio-pagination {
        display: none !important
    }

    #portfolio-revealer {
        margin: -40px -20px 40px
    }

    #portfolio-loader {
        top: -30px;
        left: 50%;
        right: auto;
        margin-left: -10px
    }

    .entry {
        margin-top: 30px;
        padding-bottom: 30px
    }

    .entry_image a,
    .entry_image img {
        width: 280px;
        height: 148px
    }

    .entry_image {
        width: 280px
    }

    .blog-layout2 .entry_image {
        width: 100px
    }

    .blog-layout2 .entry_image a,
    .blog-layout2 .entry_image img {
        width: 100px;
        height: 83px
    }

    .entry_c {
        width: 170px
    }

    .blog-layout2 .entry_c {
        width: 160px
    }

    .entry .entry_meta {
        display: none
    }

    .entry_content img {
        max-width: 280px
    }

    .entry_content img,
    img.alignleft,
    div.alignleft,
    img.alignright,
    div.alignright {
        margin: 10px auto;
        display: block;
        clear: both;
        float: none
    }

    div.alignleft img,
    div.alignright img {
        width: 100%
    }

    #comments {
        margin-top: 30px
    }

    .commentlist ul.children {
        margin-left: 0
    }

    .commentlist ul.children ul.children {
        margin-left: 15px
    }

    .commentlist ul .comment-wrap {
        padding-left: 15px
    }

    .commentlist ul.children .comment-sep {
        width: 11px
    }

    .commentlist li .comment-meta {
        display: none
    }

    #respond label small {
        display: none
    }

    #template-contactform input[type="text"],
    #template-contactform textarea {
        width: 262px;
        max-width: 262px
    }

    #template-contactform div.col_one_third input[type="text"],
    #template-contactform div.col_one_third select {
        width: 262px
    }

    .team-member .tmember-pic {
        margin-right: 15px;
        border: 3px solid #DDD;
        border-radius: 43px;
        -moz-border-radius: 43px;
        -webkit-border-radius: 43px
    }

    .tmember-pic img {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px
    }

    ul.tabs li a {
        padding: 0 8px;
        font-size: 13px
    }

    ul.tabs .tab-icon {
        width: 16px;
        height: 16px;
        margin: 8px 5px 0 0
    }

    .side_tabs ul.tabs .tab-icon {
        width: 20px;
        height: 20px;
        margin: 8px 7px 0 0
    }

    .tour_tabs ul.tabs .tab-icon {
        width: 24px;
        height: 24px;
        margin-right: 8px
    }

    .side_tabs ul.tabs li a {
        padding: 0 13px;
        font-size: 14px
    }

    .side_tabs ul.tabs,
    .tour_tabs ul.tabs {
        float: none;
        width: 280px;
        padding: 0;
        border: 0
    }

    .side_tabs ul.tabs li,
    .tour_tabs ul.tabs li {
        height: 40px;
        line-height: 40px;
        border: 1px solid #DDD;
        border-top: 0
    }

    .side_tabs ul.tabs li {
        height: 36px;
        line-height: 36px
    }

    .side_tabs ul.tabs li:first-child,
    .tour_tabs ul.tabs li:first-child {
        border-top: 1px solid #DDD
    }

    .side_tabs ul.tabs li.active,
    .tour_tabs ul.tabs li.active {
        border-right: 1px solid #DDD;
        margin-right: 0
    }

    .side_tabs .tab_content,
    .tour_tabs .tab_content {
        clear: both;
        padding: 30px 0 20px
    }

    .pricing {
        padding-top: 0
    }

    .pricing-box,
    .pricing3 .pricing-box,
    .pricing5 .pricing-box {
        float: none;
        width: 100%;
        margin-top: 10px
    }

    .pricing-box:first-child {
        margin-top: 0
    }

    .pricing-featured {
        margin-top: 0
    }

    .pricing-box .pricing-inner {
        border: 1px solid #DDD
    }

    .pricing-featured .pricing-inner {
        margin: 0
    }

    .faqs-category-wrap .faq-category {
        width: 280px
    }

    #testimonials-wrap {
        margin: 0 -10px 0 -10px
    }

    #testimonials-wrap .testimonial {
        float: none;
        padding-bottom: 20px;
        margin: 0 0 20px 0
    }

    #our-clients .client-wrap {
        float: none;
        width: 280px;
        margin: 0 0 20px 0;
        padding-bottom: 20px
    }

    .client-wrap .client-pic {
        border: 2px solid #EEE;
        margin-right: 10px
    }

    .client-pic,
    .client-pic a,
    .client-pic img {
        width: 100px;
        height: 81px
    }

    .clients-list {
        margin: 0 0 20px -1px
    }

    .clients-list a,
    .clients-list img {
        width: 139px;
        height: 110px
    }

    #home-client-scroller {
        text-align: center
    }

    .home-client-list {
        display: inline-block;
        width: 220px;
        height: 350px
    }

    .home-client-list a,
    .home-client-list a img {
        width: 220px;
        height: 175px
    }

    .callout {
        margin: 0 -20px 20px;
        padding: 15px 20px
    }

    .callout .callout-desc {
        position: relative;
        width: 280px;
        padding-right: 0;
        text-align: center
    }

    .callout-desc h3 {
        font-size: 18px
    }

    .callout-desc span {
        display: none
    }

    .callout .callout-action {
        position: relative;
        left: 0;
        right: 0;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        margin: 10px 0 0 0;
        top: 0;
        text-align: center
    }

    .callout-action a {
        display: inline-block;
        padding: 0 20px
    }

    #tweet-feed {
        padding: 15px
    }

    .error404page {
        font-size: 140px;
        padding-bottom: 20px
    }

    #footer {
        padding: 30px 20px
    }

    .widget {
        margin-top: 40px
    }

    #footer-widget-area {
        margin: 0 0 -30px 0
    }

    #footer .col_one_fourth {
        width: 280px;
        margin: 0 0 30px 0 !important
    }

    .flickr-widget .flickr-widget-wrap,
    #footer .flickr-widget-wrap {
        margin: 0 -4px -4px 0
    }

    .flickr-widget .flickr-widget-wrap .flickr_badge_image,
    #footer .flickr-widget-wrap .flickr_badge_image {
        margin: 0 4px 4px 0
    }

    .flickr-widget .flickr_badge_image img,
    #footer .flickr_badge_image img {
        width: 61px;
        height: 61px
    }

    .widget_search input[type="text"],
    .widget_text input[type="text"] {
        width: 262px
    }

    #footer .widget_search input[type="text"],
    #footer .widget_text input[type="text"] {
        width: 262px
    }

    .posts-widget .post_image,
    #footer .post_image {
        width: 80px;
        height: 80px;
        margin-right: 15px
    }

    .posts-widget li .post_image img,
    #footer .posts-widget li .post_image img {
        width: 74px;
        height: 74px
    }

    .posts-widget .post_title {
        font-size: 15px;
        line-height: 22px
    }

    .posts-widget .post_meta {
        font-size: 13px
    }

    .contact-form-widget input[type="text"],
    .contact-form-widget textarea {
        width: 262px
    }

    .widget-portfolio-scroll .portfolio-item,
    #footer .portfolio-item {
        float: left;
        width: 262px
    }

    .widget-portfolio-scroll .portfolio-image,
    .widget-portfolio-scroll .portfolio-image a,
    .widget-portfolio-scroll .portfolio-image img,
    #footer .portfolio-image,
    #footer .portfolio-image a,
    #footer .portfolio-image img {
        width: 280px;
        height: 211px
    }

    #footer .portfolio-desc h3 {
        font-size: 14px
    }

    .widget-testimonials-scroll .wtestimonial-item,
    #footer .wtestimonial-item {
        width: 280px
    }

    #copyrights #foo-left,
    #copyrights #foo-right {
        float: none;
        padding: 15px 0 10px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        text-align: center
    }

    #copyrights #foo-right {
        padding: 10px 0 15px
    }
}

.flex-viewport {
    height: 300px;
}

#slider,
#slider .slider-wrap,
.slider-wrap .slide,
.slide a,
.slide img {
    display: block;
    height: 301px;
    width: 1040px;
}