@charset "utf-8";

@media only screen and (min-width:960px) and (max-width:1260px) {
    .container {
        width: 900px
    }

    .boxed .wrapper {
        width: 940px;
        margin: 0 auto;
        float: none
    }

    .boxed #header {
        width: 940px
    }

    .parallax-text ul li {
        font-size: 34px;
        line-height: 45px
    }

    .parallax-text h2 {
        font-size: 80px;
        line-height: 80px
    }

    .parallax-banner .purchase-now {
        font-size: 35px
    }

    .parallax-text img {
        max-width: 85%
    }

    .parallax-text-right {
        margin-left: 0;
        margin-bottom: 0
    }

    .parallax-text {
        height: 300px
    }

    .pattern-text h5 {
        margin-bottom: 10px
    }

    .pattern-text img {
        max-width: 50%
    }

    .pattern-text h2 {
        line-height: 20px
    }

    .pattern-text h3 {
        font-size: 35px
    }

    .pattern-text .number {
        max-width: 50%;
        height: 40px
    }

    .video-text img {
        max-width: 70%
    }

    .video-text h2 {
        font-size: 80px;
        line-height: 85px
    }

    .video-text h3 {
        font-size: 32px
    }

    .scroll-down a img {
        margin-bottom: 5px
    }

    .purchase-now {
        padding: 15px 13px
    }

    .main-title .small-line {
        left: 48%
    }

    .theme-service .column.no-space.dt-sc-five-sixth {
        width: 79.2%
    }

    .column.dt-sc-one-sixth {
        width: 17.5%
    }

    .theme-service .left .hexagon-shapes:before {
        min-width: 75px
    }

    .theme-service .hexagon-shapes {
        margin: 20px 0
    }

    #about .bx-wrapper {
        background-position: 40% 89%
    }

    .dt-sc-testimonial-wrapper .dt-sc-testimonial-content .quotes:after {
        left: 43%
    }

    .jcarousel li {
        margin-right: 30px;
        width: 198px !important
    }

    .image-overlay-text {
        top: 25.5%
    }

    .image-overlay-text h4 a {
        font-size: 21px
    }

    #blog .dt-sc-one-third {
        width: 30.5%
    }

    #primary.with-sidebar {
        width: 73%
    }

    .with-sidebar .author-desc {
        width: 80%
    }

    .recent-posts-widget li,
    ul.recent-posts-widget li a.thumb {
        margin-bottom: 10px
    }

    .commentlist:before {
        left: 6.3%
    }

    ul.commentlist li ul.children:before {
        left: -12.5%;
        top: 25%;
        width: 13%
    }

    #commentform .column {
        margin-right: 14px
    }

    #commentform .column.last {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .container {
        width: 710px
    }

    .boxed .wrapper {
        width: 760px;
        margin: 0 auto;
        float: none
    }

    .boxed #header {
        width: 760px;
        margin: 0 auto
    }

    .video-text {
        height: 285px
    }

    .video-text h2 {
        font-size: 80px;
        line-height: 80px
    }

    .video-text h3 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .purchase-now {
        font-size: 20px
    }

    .video-text h4 img {
        max-width: 70%
    }

    .pattern-text img {
        max-width: 75%
    }

    .pattern-text h4 {
        font-size: 25px
    }

    .pattern-text h3 {
        font-size: 40px
    }

    .pattern-text {
        height: 320px
    }

    .purchase-now {
        padding: 20px 10px
    }

    .parallax-text ul li {
        font-size: 26px;
        line-height: 40px
    }

    .parallax-text h2 {
        font-size: 63px;
        line-height: 65px
    }

    .parallax-text h3 a {
        font-size: 35px
    }

    .parallax-banner .purchase-now {
        font-size: 25px
    }

    .parallax-text img {
        max-width: 95%
    }

    .parallax-text ul,
    .parallax-text-right {
        width: 45%
    }

    .parallax-text-right {
        margin-bottom: 25px
    }

    .parallax-text {
        height: 255px
    }

    #main-menu ul li a {
        padding: 35px 11px
    }

    #about .column.dt-sc-one-half,
    .progress-bar .column.dt-sc-one-fourth {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px
    }

    .founder-detail {
        margin-bottom: 35px
    }

    .slider {
        margin: 0 auto;
        display: inline-block
    }

    #about .column.dt-sc-one-fourth,
    #team .column.dt-sc-one-fourth,
    #blog .column.dt-sc-one-third {
        width: 47.4%;
        margin-bottom: 25px
    }

    .main-title .small-line {
        left: 47%
    }

    #about .bx-wrapper {
        background-position: 55% 93%
    }

    .dt-sc-testimonial-wrapper .column.dt-sc-one-fourth {
        width: 30.4%
    }

    .dt-sc-testimonial-wrapper .dt-sc-testimonial-content .quotes:after {
        bottom: -12%;
        left: 34%
    }

    .theme-service .column.no-space.dt-sc-five-sixth {
        width: 75.2%
    }

    .theme-service .dt-sc-one-sixth {
        width: 21%
    }

    .theme-service .left .hexagon-shapes:before {
        min-width: 65px
    }

    .theme-service .hexagon-shapes {
        margin: 20px 0
    }

    .image-overlay-text h4 a {
        font-size: 16px
    }

    .image-overlay-text h4 {
        line-height: 19px
    }

    .image-overlay-text {
        top: 22%
    }

    .portfolio-container .column.no-space.dt-sc-one-fourth {
        margin: 0;
        width: 24.96%
    }

    .gallery .image-overlay .links a {
        width: 33px;
        height: 19px
    }

    .links li .hexagon {
        width: 33px;
        height: 19px
    }

    .links .hexagon .fa {
        font-size: 14px;
        line-height: 19px
    }

    .gallery:hover .image-overlay .links a.zoom {
        left: 0;
        right: 40px
    }

    .gallery:hover .image-overlay .links a.link {
        left: 40px;
        right: 0
    }

    .jcarousel li {
        margin-right: 50px;
        width: 198px !important
    }

    .content .bx-wrapper .bx-controls-direction a {
        top: 42%
    }

    .related-slider-controls a.prev-posts,
    .related-slider-controls a.prev-posts:hover {
        left: 38%
    }

    .related-slider-controls a.next-posts,
    .related-slider-controls a.next-posts:hover {
        right: 38%
    }

    #primary.with-sidebar {
        width: 100%
    }

    #secondary {
        width: 100%;
        margin-left: 0
    }

    .entry-author-image {
        margin: 30px 25px 0 0
    }

    .with-sidebar .author-desc {
        width: 80%
    }

    ul.commentlist li ul.children:before {
        width: 15%;
        left: -13%;
        top: 24.5%
    }

    #commentform .column {
        margin-right: 14px
    }

    #commentform .column.last {
        margin-right: 0
    }

    .contact-form,
    .black-box {
        float: none;
        display: table;
        margin: 0 auto 40px
    }

    .contact-form p.column.dt-sc-one-half {
        margin-bottom: 0
    }

    #contacts .dt-sc-contact-info {
        width: 75%
    }
}

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

    .boxed .wrapper {
        width: 100%;
        margin: 0 auto;
        float: none
    }

    .boxed #header {
        width: 100%
    }

    .video-text h2 {
        font-size: 45px;
        line-height: 50px
    }

    .video-text h3 {
        font-size: 16px;
        margin-bottom: 0
    }

    .purchase-now {
        font-size: 14px;
        padding: 10px 15px;
        margin-top: 10px
    }

    .video-text h4 img {
        max-width: 45%
    }

    .video-text {
        height: 250px
    }

    .scroll-down a img {
        margin-bottom: 5px
    }

    .pattern-text h2 img {
        max-width: 40%
    }

    .pattern-text img {
        max-width: 60%
    }

    .pattern-text h4 {
        font-size: 15px
    }

    .pattern-text h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .pattern-text {
        height: 250px
    }

    .pattern-text h2 {
        line-height: 20px;
        margin-bottom: 5px
    }

    .pattern-text h5 {
        margin-bottom: 0
    }

    .pattern-text .number {
        max-width: 50%;
        height: 25px
    }

    .video-text,
    .pattern-text {
        width: 100%
    }

    .parallax-text ul {
        margin-bottom: 0
    }

    .parallax-text ul li {
        font-size: 16px;
        line-height: 27px
    }

    .parallax-text h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 0
    }

    .parallax-text h3 a {
        font-size: 22px
    }

    .parallax-text h3 {
        margin-bottom: 0
    }

    .parallax-banner .purchase-now {
        font-size: 16px;
        padding: 10px 25px;
        margin-bottom: 0
    }

    .parallax-text img {
        max-width: 70%
    }

    .parallax-text ul,
    .parallax-text-right {
        width: 45%
    }

    .parallax-text-right {
        margin-left: 0;
        margin-bottom: 0
    }

    .parallax-text {
        height: 230px
    }

    #logo {
        width: 100%;
        text-align: center;
        padding: 10px 0
    }

    #main-menu {
        width: 100%;
        display: block
    }

    #header .container,
    #header2 .container {
        width: 100%
    }

    #header {
        height: 68px
    }

    .column {
        margin-right: 0
    }

    .main-title .small-line {
        left: 45%
    }

    #about .column.dt-sc-one-fourth,
    #team .column.dt-sc-one-fourth,
    #about .column.dt-sc-one-half,
    .dt-sc-testimonial-wrapper .dt-sc-two-sixth,
    .full-width-contact .dt-sc-one-half,
    #blog .column.dt-sc-one-third,
    .statistic .dt-sc-one-fourth,
    .progress-bar .dt-sc-one-fourth,
    .content .column.dt-sc-one-half {
        width: 100%;
        margin: 0 0 25px
    }

    #about .bx-wrapper {
        background-position: 30% 89%
    }

    .dt-sc-testimonial-wrapper .dt-sc-testimonial-content {
        width: 100%
    }

    .testimonial-thumb {
        float: none;
        display: table;
        margin: 0 auto 55px
    }

    .dt-sc-testimonial-wrapper .dt-sc-testimonial-content .quotes:after {
        bottom: -12%;
        left: 35%
    }

    .dt-sc-icon-content.type2 .hexagon2 {
        width: 99px;
        height: 58px
    }

    .dt-sc-icon-content.type2 .hexagon {
        width: 103px;
        height: 60px
    }

    .theme-service .left {
        border: none
    }

    .theme-service .left .hexagon-shapes:before,
    .theme-service .right .hexagon-shapes:before {
        display: none
    }

    .theme-service .right .dt-sc-one-sixth {
        width: 16.5%
    }

    .theme-service .dt-sc-one-half {
        width: 100%
    }

    .theme-service .final {
        padding-bottom: 20px
    }

    .theme-service .hexagon2 {
        width: 54px;
        height: 32px
    }

    .theme-service .hexagon {
        width: 58px;
        height: 34px
    }

    .statistic .dt-sc-one-fourth {
        width: 100%;
        margin: 0 0 25px
    }

    .sorting-container a {
        margin: 0 0 5px;
        font-size: 14px
    }

    .portfolio-container .column.dt-sc-one-fourth.no-space,
    .recent-portfolio .column.dt-sc-one-fourth.no-space {
        width: 49.9%;
        margin: 0
    }

    .page-title h2 {
        padding: 0 45px
    }

    .post-pagination {
        margin: 0 0 40px
    }

    .content .bx-wrapper .bx-controls-direction a {
        top: 42%
    }

    .related-slider-controls a.prev-posts,
    .related-slider-controls a.prev-posts:hover {
        left: 30%
    }

    .related-slider-controls a.next-posts,
    .related-slider-controls a.next-posts:hover {
        right: 30%
    }

    .jcarousel li {
        margin-right: 15px;
        width: 198px !important
    }

    .tweets span.tweet_text {
        margin-bottom: 15px
    }

    .tweet-content .hexagon-shapes:before,
    .tweet-content .hexagon-shapes:after,
    .dt-sc-testimonial-wrapper.type2 .hexagon-shapes:before,
    .dt-sc-testimonial-wrapper.type2 .hexagon-shapes:after {
        min-width: 150px
    }

    .image-overlay-text h4 a {
        font-size: 20px
    }

    .image-overlay-text {
        top: 26.5%
    }

    .gallery .image-overlay .links a {
        width: 33px;
        height: 19px
    }

    .links li .hexagon {
        width: 33px;
        height: 19px
    }

    .links .hexagon .fa {
        font-size: 14px;
        line-height: 19px
    }

    .gallery:hover .image-overlay .links a.zoom {
        left: 0;
        right: 40px
    }

    .gallery:hover .image-overlay .links a.link {
        left: 40px;
        right: 0
    }

    .dt-sc-testimonial-wrapper.type2 .container {
        width: 420px
    }

    #primary.with-sidebar {
        width: 100%
    }

    #secondary {
        width: 100%;
        margin-left: 0
    }

    .entry-author-image {
        margin: 30px 25px 0 0
    }

    .with-sidebar .author-desc {
        width: 75%
    }

    ul.commentlist li ul.children:before {
        width: 25%;
        left: -20.5%;
        top: 15.5%
    }

    ul.commentlist li {
        padding: 0 0 0 105px
    }

    .commentlist:before {
        left: 9.7%
    }

    #commentform .column {
        margin-right: 14px
    }

    #commentform .column.last {
        margin-right: 0
    }

    #commentform .dt-sc-one-half {
        width: 100%
    }

    .contact-form p.column.dt-sc-one-half {
        margin-bottom: 0
    }

    .contact-form p.column.dt-sc-one-half>input {
        padding: 14px 3%
    }

    .contact-form {
        margin-bottom: 40px
    }

    .dt-sc-contact-info .dt-sc-social-icons li {
        margin-right: 7px
    }

    #contacts .dt-sc-contact-info {
        width: 87%;
        margin-left: 0
    }
}

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

    .mapa{
        width: 350px;
    }
    
    .logo_emp{
        width: 300px;
    }
    
    .boxed .wrapper {
        width: 100%;
        margin: 0 auto;
        float: none
    }

    .boxed #header {
        width: 100%
    }

    .top-content-bottom {
        bottom: 5%
    }

    .scroll-down a .fa {
        font-size: 28px
    }

    .video-text h2 {
        font-size: 35px;
        line-height: 40px
    }

    .video-text h3 {
        font-size: 13px;
        margin-bottom: 0
    }

    .purchase-now {
        font-size: 12px;
        padding: 5px;
        margin-top: 10px
    }

    .video-text h4 img {
        max-width: 35%
    }

    .video-text h4 {
        display: block;
        line-height: 0;
        margin-bottom: 0
    }

    .video-text {
        height: 200px
    }

    .scroll-down a img {
        margin-bottom: 5px
    }

    .pattern-text img {
        max-width: 35%
    }

    .pattern-text h2 {
        margin-bottom: 5px;
        line-height: 20px
    }

    .pattern-text h4 {
        font-size: 15px
    }

    .pattern-text h3 {
        font-size: 15px;
        margin-bottom: 5px
    }

    .pattern-text h4 .number {
        max-width: 45%;
        max-height: 15%;
        margin: 0 3px
    }

    .pattern-text h5 img {
        max-width: 90%
    }

    .pattern-text {
        height: 210px
    }

    .pattern-text h5 {
        margin-bottom: 0
    }

    .video-text,
    .pattern-text {
        width: 100%
    }

    .parallax-text ul {
        margin-bottom: 0
    }

    .parallax-text ul li {
        font-size: 13px;
        line-height: 17px
    }

    .parallax-text h2 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 0
    }

    .parallax-text h3 a {
        font-size: 19px;
        line-height: 25px
    }

    .parallax-text h5 {
        line-height: 25px
    }

    .parallax-text h3 {
        margin-bottom: 0;
        line-height: 10px
    }

    .parallax-banner .purchase-now {
        font-size: 14px;
        margin-bottom: 0;
        padding: 5px
    }

    .parallax-text img {
        max-width: 75%
    }

    .parallax-text ul,
    .parallax-text-right {
        width: 48%
    }

    .parallax-text-right {
        margin-left: 0;
        margin-bottom: 0
    }

    .parallax-text {
        height: 220px
    }

    #logo {
        width: 100%;
        text-align: left;
        display: inline-block;
        padding: 10px 0
    }

    #logo img {
        max-width: 67%;
        margin-left: 10px
    }

    #header .container,
    #header2 .container {
        width: 100%
    }

    #header,
    #header2 {
        height: 68px
    }

    .main-title h2,
    .main-title h3 {
        padding: 0 5px 7px;
        font-size: 30px
    }

    .main-title .small-line {
        left: 40%
    }

    .founder-thumb .hexagon-image,
    .team-thumb .hexagon-image,
    .hexagon-image {
        width: 123px;
        height: 161px
    }

    .founder-thumb .hexagon,
    .testimonial-thumb .hexagon,
    .dt-sc-team .team-thumb .hexagon {
        width: 126px;
        height: 72px
    }

    .founder-thumb .hexagon2,
    .testimonial-thumb .hexagon2,
    .dt-sc-team .team-thumb .hexagon2 {
        width: 121px;
        height: 72px
    }

    .hexagon-image {
        top: -45px
    }

    .team-thumb .hexagon-image {
        top: -62px;
        height: 196px
    }

    #about .bx-wrapper {
        background-position: 30% 74%
    }

    #about .bx-wrapper .bx-controls-direction a {
        top: 23%;
        width: 30px;
        height: 30px
    }

    #about .bx-wrapper .bx-prev {
        left: 0;
        background-size: 125%
    }

    #about .bx-wrapper .bx-next {
        right: 0;
        background-size: 100%
    }

    .column {
        margin-right: 0
    }

    #about .column.dt-sc-one-fourth,
    #team .column.dt-sc-one-fourth,
    #about .column.dt-sc-one-half,
    .dt-sc-testimonial-wrapper .dt-sc-two-sixth,
    .full-width-contact .dt-sc-one-half,
    .statistic .dt-sc-one-fourth,
    #blog .column.dt-sc-one-third,
    .progress-bar .dt-sc-one-fourth,
    .content .column.dt-sc-one-half {
        width: 100%;
        margin: 0 0 25px
    }

    .testimonial-thumb {
        float: none;
        display: table;
        margin: 0 auto 55px
    }

    .testimonial-thumb .hexagon-image {
        width: 123px;
        height: 164px
    }

    .dt-sc-testimonial-content {
        text-align: center
    }

    .dt-sc-testimonial-wrapper .dt-sc-testimonial-content .quotes:after {
        bottom: -5%;
        left: 97%
    }

    .dt-sc-testimonial-wrapper .dt-sc-testimonial-content {
        width: 100%
    }

    .dt-sc-testimonial-content .quotes {
        text-align: left
    }

    .dt-sc-star-icons {
        display: inline-block;
        float: none
    }

    .dt-sc-testimonial-wrapper.type2 .container {
        width: 200px
    }

    .theme-service .left {
        border: none
    }

    .theme-service .left .hexagon-shapes:before,
    .theme-service .right .hexagon-shapes:before {
        display: none
    }

    .theme-service .right .dt-sc-one-sixth {
        width: 32.8%
    }

    .theme-service .left.dt-sc-one-sixth {
        width: 25%
    }

    .theme-service .dt-sc-one-half {
        width: 100%
    }

    .theme-service .left .hexagon-shapes {
        float: none;
        display: table;
        margin: 15px auto
    }

    .theme-service .hexagon-shapes {
        margin: 20px 0
    }

    .theme-service .column.no-space.dt-sc-five-sixth {
        width: 67.2%;
        text-align: left
    }

    .theme-service .hexagon {
        width: 58px;
        height: 34px
    }

    .theme-service .hexagon2 {
        width: 54px;
        height: 32px
    }

    .purchase-detail h4 {
        line-height: 28px
    }

    .sorting-container a {
        margin: 0 0 5px;
        font-size: 14px
    }

    .portfolio-container .column.dt-sc-one-fourth.no-space,
    .recent-portfolio .column.dt-sc-one-fourth.no-space {
        width: 100%;
        margin: 0
    }

    .image-overlay:before,
    .image-overlay .border-line:before {
        left: -1.9%
    }

    .image-overlay:after,
    .image-overlay .border-line:after {
        right: -1.9%
    }

    .image-overlay-text p,
    .image-overlay-text h4 {
        margin-bottom: 10px
    }

    .image-overlay-text h4 a {
        font-size: 17px
    }

    .gallery .image-overlay .links a {
        width: 39px;
        height: 23px
    }

    .gallery:hover .image-overlay .links a.zoom {
        left: 0;
        right: 50px
    }

    .gallery:hover .image-overlay .links a.link {
        left: 50px;
        right: 0
    }

    .links li .hexagon {
        width: 39px;
        height: 23px
    }

    .links .hexagon .fa {
        line-height: 23px
    }

    .column.no-space.dt-sc-five-sixth {
        text-align: center
    }

    .post-pagination .dt-sc-button.small {
        padding: 10px 12px
    }

    .post-pagination a {
        font-size: 14px
    }

    .page-title h2 {
        padding: 0 10px;
        font-size: 40px
    }

    .post-pagination {
        margin: 0 0 40px
    }

    .content .bx-wrapper .bx-controls-direction a {
        top: 36%
    }

    .jcarousel li {
        margin-right: 15px;
        width: 198px !important
    }

    .related-slider-controls a.prev-posts,
    .related-slider-controls a.prev-posts:hover {
        left: 7%
    }

    .related-slider-controls a.next-posts,
    .related-slider-controls a.next-posts:hover {
        right: 7%
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin: 0 10px 0 0
    }

    .tweet-list h4 {
        line-height: 28px
    }

    .tweet-content .hexagon-shapes:before,
    .tweet-content .hexagon-shapes:after,
    .dt-sc-testimonial-wrapper.type2 .hexagon-shapes:before,
    .dt-sc-testimonial-wrapper.type2 .hexagon-shapes:after {
        min-width: 50px
    }

    #primary.with-sidebar {
        width: 100%
    }

    #secondary {
        width: 100%;
        margin-left: 0
    }

    .entry-author-image {
        float: none;
        display: table;
        margin: 40px auto
    }

    .tweets span.tweet_text {
        font-size: 22px
    }

    ul.commentlist li ul.children:before {
        width: 25%;
        left: -20.5%;
        top: 15.5%
    }

    ul.commentlist li {
        padding: 0
    }

    .commentlist:before {
        display: none
    }

    .comment-author .hexagon-image {
        float: left;
        margin-right: 10px;
        position: inherit
    }

    ul.commentlist li .comment-author {
        position: relative
    }

    ul.commentlist li ul.children:before {
        display: none
    }

    ul.commentlist li ul.children {
        margin: 30px 0
    }

    #commentform .column {
        margin-right: 14px
    }

    #commentform .column.last {
        margin-right: 0
    }

    #commentform .dt-sc-one-half,
    .with-sidebar .author-desc {
        width: 100%
    }

    ul.recent-posts-widget li a.thumb {
        margin-bottom: 10px
    }

    #secondary .entry-details .entry-metadata {
        float: left;
        margin-bottom: 20px
    }

    #secondary .widget .tweet_list li:before {
        padding: 2px 5px 45px 0
    }

    .hours span {
        min-width: 0
    }

    #contacts .dt-sc-contact-info .note,
    .customer-support {
        margin-left: 0
    }

    #contacts .dt-sc-contact-info {
        padding: 15px 20px 20px;
        width: 80%;
        margin-left: 0
    }

    .contact-form p.column.dt-sc-one-half {
        margin-bottom: 0
    }

    .contact-form p.column.dt-sc-one-half>input {
        padding: 14px 3%
    }

    .contact-form {
        margin-bottom: 40px;
        padding: 0;
        width: 99.4%
    }
}