@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) {
.cliente {
	padding: 2px;
	float: left;
	width: 32%;
}
.cliente img{
	width: 90%;
}
.container {
width:90%;
margin-left:auto;
margin-right:auto;
}
.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 5px
}
#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:85%;
margin-left:auto;
margin-right:auto
}
.boxed .wrapper {
width:100%;
margin:0 auto;
float:none
}
.boxed #header {
width:100%
}
.top-content-bottom {
bottom:5%
}
.video-full-width2 {
	display:table;
	width:100%;
	height:50vh;
	overflow:hidden;
	vertical-align:middle;
	z-index:1;
	background-color:#333;
	position:relative
}
.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:5px 0
}
#logo img {
max-width:20%;
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%
}
.column.dt-sc-one-fourth, .recent-portfolio .column.dt-sc-one-fourth.no-space {
width:99.9%;
margin:0
}
.cliente {
	padding: 2px;
	float: left;
	width: 45%;
}
.cliente img{
	width: 90%;
}
}