@charset "utf-8";
@media only screen and (min-width:960px) and (max-width:1120px) {
    .container {
        width: 900px
    }
    .boxed .wrapper {
        width: 940px
    }
    #main-menu ul li a {
        padding: 0 14px
    }
    #main-menu>ul>li:hover>a,
    #main-menu>ul>li.current_page_item>a {
        padding: 40px 14px
    }
    #primary {
        width: 600px
    }
    #primary.content-full-width {
        width: 100%
    }
    #secondary {
        width: 280px
    }
    .ico-content.type2 {
        width: 83%
    }
    .ico-content.type3 {
        width: 67%
    }
    .portfolio-carousel-wrapper .portfolio.three-column {
        width: 288px
    }
    .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb,
    .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img {
        height: 195px
    }
    .portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom {
        left: 27%
    }
    .portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link {
        right: 27%
    }
    .portfolio.one-column .portfolio-detail,
    .portfolio.one-column-with-sidebar .portfolio-detail {
        width: 40%
    }
    .product-carousel-wrapper ul.products li .product-thumb {
        height: 187px
    }
    .product-carousel-wrapper ul.products li {
        width: 290px
    }
    .product-carousel-wrapper ul.products.type2 li .details {
        width: 40%
    }
    .product-carousel-wrapper ul.products li .price {
        font-size: 14px;
        margin-left: 10px
    }
    .product-carousel-wrapper ul.products li .details a {
        padding: 10px
    }
    ul.products li {
        width: 290px
    }
    ul.products li .product-thumb {
        height: 195px
    }
    ul.products.type2 li .details {
        width: 100%
    }
    .product .images .thumbnails a {
        width: 134px;
        height: 87px
    }
    .product .images .thumbnails .product-arrows a {
        top: 25%
    }
    .one-half .blog-entry .entry-thumb-meta,
    .one-column.blog-thumb .blog-entry .entry-thumb-meta {
        width: 230px
    }
    .one-half .entry-details {
        width: 190px
    }
    .one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta {
        padding: 0 5px
    }
    .one-column.blog-thumb .entry-details {
        width: 72%
    }
    .one-column.with-sidebar.blog-thumb .entry-details {
        width: 58%
    }
    .team .image {
        height: 194px
    }
    .testimonial blockquote {
        width: 52%
    }
    ul.tabs-vertical-frame {
        width: 30%
    }
    .ls-layer .button-text2 a {
        font-size: 18px
    }
    input[type=text],
    input[type=email],
    input[type=password],
    input.text,
    textarea {
        width: 96.4%
    }
    #contact-form input[type=text],
    #contact-form input[type=email] {
        width: 93%
    }
    #contact-form textarea {
        width: 96.4%
    }
    #secondary .widget #searchform input[type=text] {
        width: 196px
    }
    #secondary .widget #searchform input[type=submit] {
        padding: 13px
    }
    .price-range label,
    .price-range input[type=text] {
        font-size: 14px
    }
    .price-range .button.small {
        padding: 10px 15px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .container {
        width: 710px
    }
    .boxed .wrapper {
        width: 750px
    }
    #logo {
        width: 27%
    }
    #logo h2 a {
        font-size: 20px
    }
    #main-menu ul li a {
        padding: 0 8px;
        font-size: 12px
    }
    #main-menu>ul>li:hover>a,
    #main-menu>ul>li.current_page_item>a {
        padding: 40px 8px
    }
    #main-menu ul li ul {
        width: 150px
    }
    #main-menu ul ul ul {
        left: 150px
    }
    #primary {
        width: 500px
    }
    #primary.content-full-width {
        width: 100%
    }
    #secondary {
        width: 190px
    }
    .intro-text.type1 h4 {
        font-size: 15px
    }
    .intro-text.type1 h6 {
        font-size: 13px
    }
    .ico-content.type2 {
        width: 77.5%
    }
    .ico-content.type3 {
        width: 58%
    }
    .intro-text.type2 a,
    .intro-text.type4 a,
    .intro-text.type3 a {
        padding: 11px 12px;
        font-size: 12px
    }
    .breadcrumb span {
        margin-top: 3px
    }
    .breadcrumb a {
        line-height: 22px
    }
    .breadcrumb h1 {
        font-size: 18px
    }
    .main-phone-no p {
        font-size: 18px
    }
    .main-phone-no p a {
        font-size: 14px
    }
    .portfolio-carousel-wrapper .portfolio.three-column {
        width: 224px
    }
    .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb,
    .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img {
        height: 152px
    }
    .portfolio-carousel-wrapper .portfolio.three-column .image-overlay a {
        top: 30%
    }
    .portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom {
        left: 20%
    }
    .portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link {
        right: 20%
    }
    .portfolio.one-column-with-sidebar .portfolio-detail {
        width: 28%
    }
    .portfolio.one-column .portfolio-detail {
        width: 23%
    }
    .portfolio.four-column-with-sidebar {
        margin: 2px
    }
    .product-carousel-wrapper ul.products li .product-thumb {
        height: 146px
    }
    .product-carousel-wrapper ul.products li {
        width: 226px
    }
    ul.products.type2 li .details {
        width: 100%
    }
    .product-carousel-wrapper ul.products li .price {
        font-size: 14px;
        margin-left: 10px
    }
    .product-carousel-wrapper ul.products li .details a {
        padding: 10px
    }
    ul.products.type2 li .price {
        font-size: 18px
    }
    ul.products.type2 li .details a {
        padding: 11px 20px
    }
    .product .images .thumbnails a {
        width: 109px;
        height: 71px;
        margin-right: 10px
    }
    .product .images .thumbnails .product-arrows a {
        top: 17%
    }
    ul.products li .product-thumb:hover .product-overlay a {
        top: 28%
    }
    ul.products.type2 li .product-thumb {
        width: 230px;
        height: 155px
    }
    .one-half .blog-entry .entry-thumb-meta {
        width: 98%;
        margin-right: 0;
        margin-bottom: 10px
    }
    .one-half .entry-details {
        width: 100%
    }
    .one-column.blog-thumb .blog-entry .entry-thumb-meta {
        width: 48%
    }
    .one-column.blog-thumb .entry-details {
        width: 49%
    }
    .one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta {
        padding: 0 5px
    }
    .one-column.with-sidebar.blog-thumb .entry-details {
        width: 48%
    }
    .blog-entry .entry-thumb-meta .entry-meta {
        font-size: 11px
    }
    #respond input[type=text],
    #respond input[type=email] {
        width: 87.2%
    }
    #respond textarea {
        width: 93.5%
    }
    .team .image {
        height: 153px
    }
    .partner-carousel li {
        height: 52px
    }
    #primary .partner-carousel li img {
        max-width: 90%
    }
    .testimonial blockquote {
        width: 40%
    }
    ul.tabs-vertical-frame {
        width: 29%
    }
    ul.tabs-vertical-frame li a {
        font-size: 12px;
        padding: 14px
    }
    .tabs-vertical-frame-content {
        padding-top: 10px;
        padding-bottom: 10px
    }
    input[type=text],
    input[type=email],
    input[type=password],
    input.text,
    textarea {
        width: 95.6%
    }
    ul.tabs-frame li a {
        padding: 0 12px
    }
    .tb-header .price {
        font-size: 35px
    }
    .ls-layer .button-text2 a {
        font-size: 14px;
        padding: 0 21px;
        line-height: 38px
    }
    .ls-layer .button-text a {
        font-size: 12px;
        padding: 0 15px;
        line-height: 30px
    }
    .side-nav-container ul li a {
        font-size: 12px
    }
    #contact-form input[type=text],
    #contact-form input[type=email] {
        width: 91%
    }
    #contact-form textarea {
        width: 95.4%
    }
    .two-third #contact-form input[type=text],
    .two-third #contact-form input[type=email] {
        width: 86%
    }
    .two-third #contact-form textarea {
        width: 93.4%
    }
    #secondary .widget #searchform input[type=text] {
        width: 106px
    }
    #secondary .widget #searchform input[type=submit] {
        padding: 13px
    }
    .price-range label,
    .price-range input[type=text] {
        font-size: 14px
    }
    .price-range .button.small {
        padding: 10px 15px
    }
    #footer .widget ul li {
        width: 91%
    }
    #footer .widget .tweet_list li {
        width: 85%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mobile-menu {
        display: block
    }
    #main-menu ul {
        display: none
    }
    .container {
        width: 420px
    }
    .boxed .wrapper {
        width: 460px
    }
    #top-bar .social-icons {
        float: left;
        width: 100%;
        text-align: center
    }
    #top-bar .phone-no {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        background-position: 17% center
    }
    #logo {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px
    }
    #logo img {
        max-width: 100%
    }
    #main-menu {
        float: left;
        width: 100%;
        margin-bottom: 5px
    }
    .column {
        margin-right: 0
    }
    .one-fourth,
    .one-half,
    .three-fourth,
    .one-third,
    .two-third,
    .one-fifth,
    .four-fifth,
    .three-fifth,
    .two-fifth,
    .one-sixth,
    .two-sixth,
    .three-sixth,
    .four-sixth,
    .five-sixth {
        width: 100%;
        margin-bottom: 20px
    }
    .pricing-table.no-space .one-fourth,
    .pricing-table.no-space .one-half,
    .pricing-table.no-space .three-fourth,
    .pricing-table.no-space .one-third,
    .pricing-table.no-space .two-third,
    .pricing-table.no-space .one-fifth,
    .pricing-table.no-space .four-fifth,
    .pricing-table.no-space .three-fifth,
    .pricing-table.no-space .two-fifth,
    .pricing-table.no-space .one-sixth,
    .pricing-table.no-space .two-sixth,
    .pricing-table.no-space .three-sixth,
    .pricing-table.no-space .four-sixth,
    .pricing-table.no-space .five-sixth {
        width: 98%
    }
    #primary {
        width: 100%
    }
    #primary.content-full-width {
        width: 100%
    }
    #secondary {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .intro-text.type2,
    .intro-text.type3,
    .intro-text.type4 {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .intro-text.type2 .column,
    .intro-text.type3 .column,
    .intro-text.type4 .column {
        margin-bottom: 0
    }
    .intro-text.type2 h4,
    .intro-text.type3 h4,
    .intro-text.type4 h4 {
        font-size: 16px
    }
    .intro-text.type2 a,
    .intro-text.type4 a,
    .intro-text.type3 a {
        float: none
    }
    .intro-text.type1 h4 {
        line-height: 34px
    }
    .intro-text.type1 h6 {
        background-image: url(images/introtext-border-top.png)
    }
    .intro-text.type1 h6 {
        font-size: 13px
    }
    .breadcrumb-section {
        padding: 15px 0 5px
    }
    .breadcrumb {
        width: 60%;
        padding: 0
    }
    .breadcrumb span {
        margin-top: 3px
    }
    .breadcrumb a {
        line-height: 22px
    }
    .breadcrumb h1 {
        font-size: 18px
    }
    .main-phone-no p {
        font-size: 18px
    }
    .main-phone-no p a {
        font-size: 14px
    }
    .side-nav-container {
        margin-bottom: 20px
    }
    .testimonial .author,
    .testimonial .author img {
        width: 95px;
        height: 95px
    }
    .testimonial blockquote {
        padding-left: 85px;
        width: 58.5%
    }
    .testimonial blockquote:before {
        left: 60px;
        top: 15px
    }
    .team .image {
        margin-top: 15px
    }
    .partner-carousel-wrapper {
        margin-top: 10px
    }
    .partner-carousel-wrapper .carousel-arrows {
        top: -48px
    }
    #primary .partner-carousel li img {
        max-width: 90%
    }
    .carousel-arrows {
        top: -40px
    }
    .portfolio-carousel-wrapper .portfolio.three-column {
        width: 198px
    }
    .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb,
    .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img {
        height: 133px
    }
    .portfolio-carousel-wrapper .portfolio.three-column .image-overlay a {
        top: 25%
    }
    .portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom {
        left: 15%
    }
    .portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link {
        right: 15%
    }
    .portfolio.two-column {
        width: 415px;
        margin: 5px
    }
    .portfolio.two-column .portfolio-thumb,
    .portfolio.two-column .portfolio-thumb img {
        width: 100%;
        height: 279px
    }
    .portfolio.two-column .image-overlay a,
    .portfolio.one-column .image-overlay a {
        top: 37%
    }
    .portfolio.two-column:hover a.zoom,
    .portfolio.one-column:hover a.zoom {
        left: 33%
    }
    .portfolio.two-column:hover .image-overlay a.link,
    .portfolio.one-column:hover .image-overlay a.link {
        right: 33%
    }
    .portfolio.one-column .portfolio-thumb,
    .portfolio.one-column-with-sidebar .portfolio-thumb img {
        width: 100%;
        height: 283px
    }
    .portfolio.one-column-with-sidebar .portfolio-thumb,
    .portfolio.one-column-with-sidebar .portfolio-thumb img {
        width: 100%;
        height: 283px
    }
    .portfolio.one-column .portfolio-thumb,
    .portfolio.one-column-with-sidebar .portfolio-thumb {
        margin-right: 0;
        margin-bottom: 10px
    }
    .portfolio.one-column-with-sidebar:hover a.zoom {
        left: 34%
    }
    .portfolio.one-column-with-sidebar:hover a.link {
        right: 34%
    }
    .portfolio.one-column .portfolio-detail,
    .portfolio.one-column-with-sidebar .portfolio-detail {
        width: 100%
    }
    .product-carousel-wrapper ul.products li h4 {
        font-size: 16px
    }
    .product-carousel-wrapper ul.products li .price {
        font-size: 13px;
        margin-left: 10px
    }
    .product-carousel-wrapper ul.products li .details a {
        font-size: 11px;
        padding: 11px 8px
    }
    .product-carousel-wrapper {
        margin-top: 10px
    }
    .product-carousel-wrapper .carousel-arrows {
        top: -48px
    }
    .product-carousel-wrapper ul.products li .product-thumb {
        height: 129px
    }
    ul.products li {
        width: 100%
    }
    ul.products.type2 li .product-thumb {
        width: 100%;
        margin-right: 0
    }
    ul.products.type2 li .details {
        width: 100%
    }
    .product .images {
        width: 100%;
        margin-right: 0
    }
    .product .images .thumbnails a {
        height: auto;
        margin-right: 10px;
        width: 133px
    }
    .product .images .thumbnails .product-arrows a {
        top: 25%
    }
    .summary {
        width: 100%;
        margin: 20px 0 0
    }
    .one-third .blog-entry .entry-thumb-meta,
    .one-half.with-sidebar .blog-entry .entry-thumb-meta {
        width: 81%
    }
    .one-column.blog-fullwidth .blog-entry .entry-thumb-meta,
    .blog-single-entry .blog-entry .entry-thumb-meta {
        width: 100%
    }
    .one-half .blog-entry .entry-thumb-meta {
        width: 240px
    }
    .one-half .entry-details {
        width: 38%
    }
    .one-column.blog-thumb .entry-details,
    .one-column.with-sidebar.blog-thumb .entry-details {
        width: 42%
    }
    .one-column.blog-thumb .blog-entry .entry-thumb-meta {
        width: 220px
    }
    #respond input[type=text],
    #respond input[type=email],
    #respond textarea {
        width: 92.6%
    }
    #respond .column {
        margin-bottom: 0
    }
    ul.tabs-vertical-frame {
        width: 30%
    }
    .ls-layer .button-text2 a {
        font-size: 11px;
        padding: 0 13px;
        line-height: 30px
    }
    .ls-layer .button-text a {
        font-size: 10px;
        padding: 0 10px;
        line-height: 24px
    }
    input[type=text],
    input[type=email],
    input[type=password],
    input.text,
    textarea {
        width: 92.4%
    }
    th {
        font-size: 12px;
        padding: 10px 5px
    }
    td {
        padding: 10px 5px;
        font-size: 11px
    }
    #secondary .widget #searchform input[type=text] {
        width: 336px
    }
    #secondary .widget #searchform input[type=submit] {
        padding: 13px
    }
    #contact-form input[type=text],
    #contact-form input[type=email] {
        width: 93%
    }
    #contact-form textarea {
        width: 92.5%
    }
    #contact-form .column {
        margin-bottom: 0
    }
    #map {
        height: 280px
    }
    .fullwidth-map #map {
        height: 300px
    }
    .two-third #contact-form input[type=text],
    .two-third #contact-form input[type=email],
    .two-third #contact-form textarea {
        width: 92.4%
    }
    .two-third #contact-form input[type=text],
    .two-third #contact-form input[type=email],
    #contact-form input[type=text],
    #contact-form input[type=email] {
        margin-bottom: 10px
    }
    .two-third #contact-form input[type=email],
    #contact-form input[type=email] {
        margin-top: 0
    }
}

@media only screen and (max-width:479px) {
    .mobile-menu {
        display: block
    }
    #main-menu ul {
        display: none
    }
    .container {
        width: 200px
    }
    .boxed .wrapper {
        width: 100%
    }
    #top-bar .social-icons {
        float: left;
        width: 100%;
        text-align: center
    }
    #top-bar .phone-no {
        width: 89%;
        text-align: center;
        margin-bottom: 10px;
        background-position: 14% 4px
    }
    #logo {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px
    }
    #logo img {
        max-width: 100%
    }
    #logo h2 a {
        font-size: 18px
    }
    #main-menu {
        float: left;
        width: 100%;
        margin-bottom: 5px
    }
    .border-title h2 {
        font-size: 16px
    }
    .column {
        margin-right: 0
    }
    .one-fourth,
    .one-half,
    .three-fourth,
    .one-third,
    .two-third,
    .one-fifth,
    .four-fifth,
    .three-fifth,
    .two-fifth,
    .one-sixth,
    .two-sixth,
    .three-sixth,
    .four-sixth,
    .five-sixth {
        width: 100%;
        margin-bottom: 20px
    }
    .pricing-table.no-space .one-fourth,
    .pricing-table.no-space .one-half,
    .pricing-table.no-space .three-fourth,
    .pricing-table.no-space .one-third,
    .pricing-table.no-space .two-third,
    .pricing-table.no-space .one-fifth,
    .pricing-table.no-space .four-fifth,
    .pricing-table.no-space .three-fifth,
    .pricing-table.no-space .two-fifth,
    .pricing-table.no-space .one-sixth,
    .pricing-table.no-space .two-sixth,
    .pricing-table.no-space .three-sixth,
    .pricing-table.no-space .four-sixth,
    .pricing-table.no-space .five-sixth {
        width: 95%
    }
    #primary {
        width: 100%
    }
    #primary.content-full-width {
        width: 100%
    }
    #secondary {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .ico-content.type2 {
        width: 75%
    }
    .ico-content.type3 {
        width: 65%
    }
    .intro-text.type1 h4 span.highlight {
        background: 0 0;
        color: #333334
    }
    .intro-text.type2,
    .intro-text.type3,
    .intro-text.type4 {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .intro-text.type2 .column,
    .intro-text.type3 .column,
    .intro-text.type4 .column {
        margin-bottom: 0
    }
    .intro-text.type2 h4,
    .intro-text.type3 h4,
    .intro-text.type4 h4 {
        font-size: 16px
    }
    .intro-text.type2 a,
    .intro-text.type4 a,
    .intro-text.type3 a {
        float: none
    }
    .intro-text.type1 h4 {
        line-height: 34px
    }
    .intro-text.type1 h6 {
        background-image: url(images/introtext-border-top.png)
    }
    .intro-text.type1 h6 {
        font-size: 13px
    }
    .breadcrumb-section {
        padding: 15px 0 5px
    }
    .breadcrumb {
        width: 100%;
        padding: 0;
        text-align: center
    }
    .breadcrumb a,
    .breadcrumb span,
    .breadcrumb h1 {
        float: none;
        display: inline-block
    }
    .breadcrumb span {
        margin: 3px 5px 0
    }
    .breadcrumb a {
        line-height: 22px
    }
    .breadcrumb h1 {
        font-size: 14px
    }
    .main-phone-no {
        margin-left: 15px;
        float: left
    }
    .main-phone-no p {
        font-size: 18px
    }
    .main-phone-no p a {
        font-size: 14px
    }
    .side-nav-container {
        margin-bottom: 20px
    }
    .side-nav-container ul li a {
        font-size: 11px
    }
    .testimonial .author {
        width: 100%;
        text-align: center;
        background: 0 0;
        height: auto;
        padding: 0;
        margin-bottom: 10px
    }
    .testimonial .author img {
        width: 95px;
        height: 95px;
        border: 10px solid #e5e5e5
    }
    .testimonial blockquote {
        padding-left: 40px;
        width: 67.5%;
        margin: 130px 0 0;
        clear: both
    }
    .testimonial blockquote:before {
        left: 10px;
        top: 15px
    }
    .team .image {
        height: 135px
    }
    .error-info h2 span.error {
        font-size: 96px
    }
    .error-info h2 span {
        font-size: 30px
    }
    .error-info h2 {
        font-size: 20px
    }
    .error-info h3 {
        font-size: 16px
    }
    #searchform input[type=text] {
        width: 108px
    }
    .partner-carousel-wrapper {
        margin-top: 10px
    }
    .partner-carousel-wrapper .carousel-arrows {
        top: -48px
    }
    #primary .partner-carousel li img {
        max-width: 90%
    }
    .carousel-arrows {
        top: -40px
    }
    .portfolio-carousel-wrapper .portfolio.three-column {
        width: 188px
    }
    .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb,
    .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img {
        height: 127px
    }
    .portfolio-carousel-wrapper .portfolio.three-column .image-overlay a {
        top: 25%
    }
    .portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom {
        left: 15%
    }
    .portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link {
        right: 15%
    }
    .portfolio.three-column,
    .portfolio.two-column,
    .portfolio.four-column,
    .portfolio.three-column-with-sidebar,
    .portfolio.two-column-with-sidebar,
    .portfolio.four-column-with-sidebar {
        width: 200px;
        margin: 6px 0
    }
    .portfolio.three-column .portfolio-thumb,
    .portfolio.three-column .portfolio-thumb img,
    .portfolio.two-column .portfolio-thumb,
    .portfolio.two-column .portfolio-thumb img,
    .portfolio.four-column .portfolio-thumb,
    .portfolio.four-column .portfolio-thumb img,
    .portfolio.three-column-with-sidebar .portfolio-thumb,
    .portfolio.three-column-with-sidebar .portfolio-thumb img,
    .portfolio.two-column-with-sidebar .portfolio-thumb,
    .portfolio.two-column-with-sidebar .portfolio-thumb img,
    .portfolio.four-column-with-sidebar .portfolio-thumb,
    .portfolio.four-column-with-sidebar .portfolio-thumb img,
    .portfolio.one-column .portfolio-thumb,
    .portfolio.one-column-with-sidebar .portfolio-thumb,
    .portfolio.one-column .portfolio-thumb,
    .portfolio.one-column .portfolio-thumb img,
    .portfolio.one-column-with-sidebar .portfolio-thumb,
    .portfolio.one-column-with-sidebar .portfolio-thumb img {
        width: 100%;
        height: 135px
    }
    .portfolio.four-column .image-overlay a,
    .portfolio.three-column .image-overlay a,
    .portfolio.two-column-with-sidebar .image-overlay a,
    .portfolio.one-column-with-sidebar .image-overlay a,
    .portfolio.two-column .image-overlay a,
    .portfolio.one-column .image-overlay a,
    .portfolio.three-column-with-sidebar .image-overlay a,
    .portfolio.four-column-with-sidebar .image-overlay a {
        top: 28%
    }
    .portfolio.four-column:hover a.zoom,
    .portfolio.three-column:hover a.zoom,
    .portfolio.two-column-with-sidebar:hover a.zoom,
    .portfolio.one-column-with-sidebar:hover a.zoom,
    .portfolio.two-column:hover a.zoom,
    .portfolio.one-column:hover a.zoom,
    .portfolio.three-column-with-sidebar:hover a.zoom,
    .portfolio.four-column-with-sidebar:hover a.zoom {
        left: 16%
    }
    .portfolio.four-column:hover .image-overlay a.link,
    .portfolio.three-column:hover .image-overlay a.link,
    .portfolio.two-column-with-sidebar:hover a.link,
    .portfolio.one-column-with-sidebar:hover a.link,
    .portfolio.two-column:hover .image-overlay a.link,
    .portfolio.one-column:hover .image-overlay a.link,
    .portfolio.three-column-with-sidebar:hover a.link,
    .portfolio.four-column-with-sidebar:hover a.link {
        right: 16%
    }
    .portfolio.one-column .portfolio-detail,
    .portfolio.one-column-with-sidebar .portfolio-detail {
        width: 100%
    }
    .pagination ul li.active-page,
    .pagination ul li {
        margin-bottom: 10px
    }
    .portfolio-slider-container .bx-controls-direction a {
        top: 24%
    }
    .product-carousel-wrapper ul.products li h4 {
        font-size: 16px
    }
    .product-carousel-wrapper ul.products li .price {
        font-size: 13px;
        margin-left: 10px
    }
    .product-carousel-wrapper ul.products li .details a {
        font-size: 11px;
        padding: 11px 8px
    }
    .product-carousel-wrapper {
        margin-top: 10px
    }
    .product-carousel-wrapper .carousel-arrows {
        top: -48px
    }
    .product-carousel-wrapper ul.products li .product-thumb {
        height: 123px
    }
    ul.products li {
        margin: 0 0 10px;
        width: 100%
    }
    ul.products li .product-thumb {
        height: auto
    }
    ul.products li .product-thumb:hover .product-overlay a {
        top: 28%
    }
    ul.products li .price {
        font-size: 14px;
        margin-left: 10px
    }
    ul.products li .details a {
        font-size: 11px;
        padding: 11px 8px
    }
    ul.products.type2 li .product-thumb {
        width: 100%;
        margin-right: 0
    }
    ul.products.type2 li .details {
        width: 100%
    }
    .product .images {
        width: 100%;
        margin-right: 0
    }
    .product .images .thumbnails a {
        height: auto;
        margin-right: 5px;
        width: 63px
    }
    .product .images .thumbnails .product-arrows a {
        top: 0
    }
    .summary {
        width: 100%;
        margin: 20px 0 0
    }
    .product .summary .cart button {
        margin-top: 10px;
        float: none
    }
    .blog-entry .entry-thumb-meta {
        width: 100%!important
    }
    .blog-entry .entry-details {
        width: 100%!important
    }
    .blog-entry .entry-thumb-meta .entry-meta {
        padding: 0 5px
    }
    ul.commentlist li .comment-details {
        width: 80%
    }
    ul.commentlist li .comment-author {
        float: left;
        position: relative;
        margin: 10px;
        z-index: 1
    }
    ul.commentlist li,
    ul.commentlist li .comment {
        padding: 0
    }
    ul.commentlist li .author-name {
        clear: both
    }
    ul.commentlist li ul.children {
        margin-left: 20px;
        width: 88%
    }
    #respond input[type=text],
    #respond input[type=email],
    #respond textarea {
        width: 83.6%
    }
    #respond .column {
        margin-bottom: 0
    }
    .button.large {
        padding-left: 40px;
        padding-right: 40px
    }
    ul.tabs-frame {
        margin-left: 0
    }
    ul.tabs-frame li {
        margin-right: 0
    }
    ul.tabs-vertical-frame {
        width: 95%
    }
    .tabs-vertical-frame-content {
        width: 87%
    }
    ul.tabs-frame li {
        width: 100%
    }
    ul.tabs-frame li a {
        width: 91%
    }
    .tabs-frame-content {
        width: 89%
    }
    ul.tabs-frame li a {
        padding: 0 10px;
        font-size: 12px;
        margin-bottom: 5px
    }
    ul.tabs-frame li a,
    ul.tabs-frame li a.current {
        border-bottom: 1px solid #d9d9d9
    }
    .ls-layer .button-text2 a {
        font-size: 8px;
        padding: 0 9px;
        line-height: 18px
    }
    .ls-layer .button-text a {
        font-size: 7px;
        padding: 0 10px;
        line-height: 20px
    }
    input[type=text],
    input[type=email],
    input[type=password],
    input.text,
    textarea {
        width: 83.8%
    }
    th,
    td {
        font-size: 7px;
        padding: 8px 0
    }
    #secondary .widget #searchform input[type=text] {
        width: 116px
    }
    #secondary .widget #searchform input[type=submit] {
        padding: 13px
    }
    #contact-form input[type=text],
    #contact-form input[type=email] {
        width: 93%
    }
    #contact-form textarea {
        width: 92.5%
    }
    #contact-form .column {
        margin-bottom: 0
    }
    .two-third #contact-form input[type=text],
    .two-third #contact-form input[type=email],
    .two-third #contact-form textarea {
        width: 92.4%
    }
    #footer .widget .tweet_list li {
        width: 86%
    }
    #map {
        height: 180px
    }
    .fullwidth-map #map {
        height: 200px
    }
    .contact-details {
        padding-left: 20px;
        padding-right: 20px
    }
    #contact-form input[type=text],
    #contact-form input[type=email],
    #contact-form textarea,
    .two-third #contact-form input[type=text],
    .two-third #contact-form input[type=email],
    .two-third #contact-form textarea {
        width: 84%
    }
    #contact-form input[type=text],
    #contact-form input[type=email],
    .two-third #contact-form input[type=text],
    .two-third #contact-form input[type=email] {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .two-third #contact-form input[type=email],
    #contact-form input[type=email] {
        margin-top: 0
    }
}