/*
Copyright (c) 2014 Himanshu Softtech.
------------------------------------------------------------------
[Master Stylesheet]

Project:	Creato HTML Template
Version:	1.0.0
Assigned to:	Themeforest
-------------------------------------------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {  }
 
@media (min-width:980px) and (max-width:1199px) {
.creato_nav_icon {
  min-width: 200px;
  right: 40px;
}
.portfolioFilter {
  margin-right: 20px;
}
.blog_post_heading svg {
  width: 108%;
}
.footer_content_wrapper {
  padding: 25px 25px;
}
#estrategia_section {
  background-repeat: repeat;
}
.creato_team_wrapper .item {
  padding: 100px 0;
}
.creato_team_wrapper .creato_team.top {
  margin-left: 5%;
  margin-top: 0px;
}
.creato_team_wrapper .team_image {
  width: 235px;
  height: 235px;
  margin: 91px;
}
.creato_team_wrapper .team_content {
  width: 170px;
  height: 170px;
  margin-top: -62px;
  }
.creato_team_wrapper .creato_team.bottom .team_content {
  margin-top: 312px;
  margin-left: -414px !important;
}
.creato_team_wrapper .creato_team.bottom {
  margin-left: -119px;
  margin-top: -55px;
}
.creato_team.top .team_content {
    margin-left: -168px !important;
}
.testimonial_content_wrapper .ms-right .testimonial_content {
   left: 5%;
}
.testimonial_content {
  float: left;
  width: 80%;
}
.testimonial_content_wrapper .ms-left .testimonial_content {
  right: 20%;
}
#blog_single .creato_section_heading svg {
  width: 100%;
}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.creato_nav_icon {
  min-width: 200px;
  right: 40px;
} 
.creato_slider_wrapper .creato_slider_bg img {
  width: initial;
}
.creato_main_logo svg {
  margin-left: 0px; 
  width: 100%;
}
.creato_main_logo svg text {
  font-size: 194px;
}
.creato_team_wrapper .team_image {
  width: 173px;
  height: 173px;
}
.creato_team_wrapper .creato_team.bottom .team_content {
  margin-top: 300px;
}
.creato_team_wrapper .team_content {
  width: 150px;
  height: 150px;
}
#estrategia_section {
  background-repeat: repeat;
}
#estrategia_section .creato_section_heading svg text {
    font-size: 70px;
}
.service_slider i {
    margin-top: 5px;
}
.creato_testimonial_heading p {
    right: 15%;
}
.creato_overlay_slider p:before{
	left: -1%;
	padding: 0;
}
.creato_overlay_slider p:after{
	left: 89%;
	padding: 0;
}
.creato_overlay_slider {
  margin: 40% 0;
}
.portfolioFilter {
  margin-right: 20px;
}
div#testimonial_section .creato_section_heading svg {
  width: 100%;
}
#multiscroll-nav {
  left: 54% !important;
}
.blog_post_heading p {
  letter-spacing: 7px;
}
.creato_team_wrapper .creato_team.top {
  margin-left: 63px;
  margin-top: 0px;
}
.creato_team_wrapper .team_image {
  width: 200px;
  height: 200px;
  margin: 90px;
}
.creato_team_wrapper .team_content {
	width: 135px;
	height: 135px;
	margin-top: -40px;
}
.creato_team_wrapper .team_content .team_name svg {
  top: 63px;
  width: 135px;
}
.creato_team_wrapper .team_content .team_name p {
  line-height: 138px;
  letter-spacing: 6px;
}
.creato_team_wrapper .team_content .team_name {
  width: 135px;
  height: 135px;
  line-height: 135px;
}
.creato_team_wrapper .creato_team.bottom .team_content {
  margin-top: 285px;
  margin-left: -363px !important;
}
.creato_team_wrapper .creato_team.bottom {
  margin-left: -119px;
  margin-top: -55px;
}
.creato_team.top .team_content {
    margin-left: -151px !important;;
}
.testimonial_content_wrapper .ms-right .testimonial_content {
  right: 0;
  padding-left: 19%;
}
.testimonial_content {
  float: left;
  width: 100%;
}
.testimonial_content_wrapper .ms-left .testimonial_content {
  right: 0;
  left: 0;
  padding-right: 20%;
}
#blog_single .creato_section_heading svg {
  width: 100%;
}
div#post_half_overlay{
	right: 20% !important;
}
.creato_follow_us span {
/*
  float: left;
  width: 100%; 
*/
}
.creato_follow_us {
  /* padding-left: 50px; */
}
.service_slider {
  width: 31%;
}
.service_slider_wrapper:hover p {
  -webkit-transform: translate3d(0, 16px, 0);
  -moz-transform: translate3d(0, 16px, 0);
  -o-transform: translate3d(0, 16px, 0);
  -ms-transform: translate3d(0, 16px, 0);
  transform: translate3d(0, 16px, 0);
}
}
  
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.creato_nav_icon {
  min-width: 200px;
} 
.creato_slider_wrapper .creato_slider_bg img {
  width: initial;
}
.creato_main_logo svg {
  margin: 0px 50px; 
  width: 100%;
}
.creato_main_logo svg text {
  font-size: 170px;
}
.creato_agency_bg #agency_half_overlay {
  right: -10% !important;
  background-color: rgba(238, 241, 242, 0.84);
}
#estrategia_section {
  background-repeat: repeat;
}
#estrategia_section .creato_section_heading svg text {
    font-size: 70px;
}
.creato_service_bg #service_half_overlay {
  right: 0% !important;
  background-color: rgba(238, 241, 242, 0.84);
}
.service_slider i {
    font-size: 45px;
    margin-top: 5px;
}
.creato_testimonial .owl-carousel {
  width: 50%;
}
.creato_testimonial {
  width: 100%;
  float: left;
  margin: 150px 0 50px;
}
.creato_testimonial_heading {
  z-index: 3;
}
.creato_quote_wrapper .creato_quote_form {
  padding-bottom: 30px;
}
.creato_slate_bg #slate_half_overlay {
  left: 0% !important;
  right: 0;
}
.creato_quote_wrapper .creato_quote_btn {
  width: 60%;
}
div#client_section .creato_section_heading svg,
div#xarxa_section .creato_section_heading svg {
  width: 100%;
}
.creato_client_img, .creato_xarxa_img {
  width: 33%;
  text-align: center;
}
.creato_client_img img, .creato_xarxa_img img {
  width: 100%;
}
.creato_overlay_slider p:before, .creato_overlay_slider p:after{
	padding: 0;
}
.creato_overlay_slider p:before{
	left: 1%;
} 
.creato_overlay_slider p:after{
	left:88%;
}
.creato_overlay_slider {
    margin: 20% 0;
}
.portfolioFilter {
  margin-right: 20px;
}
.creato_portfolio_bg #creato_portfolio_overlay {
  left: 125% !important;
}
div#portfolio_section .creato_section_heading svg {
  width: 100%;
}
.portfolioFilter a {
  margin: 10px;
  float: left;
}
div#testimonial_section .creato_section_heading svg {
  width: 100%;
}
div#blog_section .creato_section_heading svg {
  width: 100%;
}
.blog_post_heading p {
  letter-spacing: 7px;
}
.blog_post_heading svg {
  width: 100%;
}
.post_meta h5 {
  display: block;
  margin-right: 0;
}
/*
#blog_section .creato_section_heading p {
  right: 0;
  top: -23px;
}
*/
div#blog_half_overlay {
  position: absolute;
  left: 10% !important;
}
.blog_content_wrapper .post_meta {
  padding: 0 0 0;
}
.footer_section_heading {
  text-align: center;
   z-index: 1; 
}
.creato_team_wrapper .creato_team.top {
  margin-left: 20%;
  margin-top: 60px;
  width: 100%;
  float: left;
  text-align: center;
}
.creato_team_wrapper .creato_team.bottom {
  margin-left: 21%;
  margin-top: 0;
}
.creato_team_wrapper .creato_team {
  float: left;
  width: 100%;
}
.creato_team_wrapper .team_image {
  width: 200px;
  height: 200px;
  background-color: #ccc;
  margin: 29% 0 0 17%;
}
.creato_team_wrapper .creato_team.bottom .team_content {
  margin-top: 21px;
  margin-left: -100px !important;
}
.creato_team_wrapper .creato_team.top .team_content {
  margin-left: -225px !important;
  margin-top: 21px;
}
.creato_team_wrapper .team_content {
  width: 130px;
  height: 130px;
  background-color: #6e616f;
  float: left;
  display: inline-block;
}
.creato_team_wrapper .team_content .team_name {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 130px;
  height: 130px;
  line-height: 130px;
}
.creato_team_wrapper .team_content .team_name svg {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  width: 130px;
}
.creato_team_wrapper .team_content .team_name p {
  line-height: 126px;
  letter-spacing: 5px;
}
.ms-section img {
  position: relative;
  float: right;
  width: 100%;
}
.estimonial_content_wrapper .ms-left .testimonial_content {
  right: 0;
  left: 0;
}
.testimonial_content {
  float: left;
  width: 100%;
  line-height:35px;
}
#blog_single .creato_section_heading svg {
  width: 100%;
}
div#post_half_overlay {
  right: -1% !important;
  background-color: rgba(238, 241, 242, 0.92);
}
.post_comment_wrapper img {
  width: initial;
}
.post_comment_section ul.children {
  padding-left: 50px;
}
.post_comment_section ul.children .post_comment_wrapper {
  padding: 20px;
}
.comment-form-wrapper form#comment-form {
  border: 0px;
}
.comment-form-wrapper input {
  border-right: 0px;
}
.comment_wrapper p {
  line-height: 32px;
}
.footer_wrapper> ul> li {
  float: left;
  display: block;
  width: 80px;
  text-align: center;
}
.tolltip_wrapper {
  left: 30%;
}
.footer_wrapper> ul> li:last-child .tolltip_wrapper {
  left: 7%;
}
.footer_wrapper ul li:nth-child(3) .tolltip_wrapper {
  left: 30%;
  font-size: 10px;
  word-wrap: break-word;
}
div#testimonial_container{
	display:none;
}
#multiscroll-nav {
  display: none;
}
.testimonial_slider {
  display: block;
}
.creato_nav_main_wrapper {
  display: none;
  -webkit-transition: all 0.5s;
  z-index: 9999;
  float: left;
  width: 100%;
  position: fixed;
  height: 100%;
  background-size: cover;
  top: 0;
  background-color: #AFC7E2;
}
.creato_nav_wrapper {
 /* position: relative; */
  float: left;
 /* max-height: 400px;*/
  overflow-y: scroll;
  width: 100%;
}
.creato_follow_us {
/*  position: absolute;
  top: 100%;
  float: right;
  position: absolute;
  top: 75%;
  width: 100%;
  right: 0;
  text-align: center;
  height: 300px;
*/
}
.creato_nav > ul {
/*  width: initial; */
  float: left;
  list-style: none;
  padding-left: 51px;
  margin: 0;
  margin-top: 0px;
  text-align: left;
  display: inline-block;
  min-width: 300px;
}
.social_nav > ul {
  width: 100%;
  float: left;
  list-style: none;
  padding-left: 50px;
  margin: 0;
  float: left;
  margin-top: 70px;
  text-align: left;
}
.creato_follow_us .follow_us_icon {
  margin-top: 30px;
}
.service_slider {
  width: 31%;
}
.service_slider_wrapper:hover p {
  -webkit-transform: translate3d(0, 16px, 0);
  -moz-transform: translate3d(0, 16px, 0);
  -o-transform: translate3d(0, 16px, 0);
  -ms-transform: translate3d(0, 16px, 0);
  transform: translate3d(0, 16px, 0);
}
}
@media (min-width: 479px) and (max-width: 635px) { 
.service_slider {
  width: 50%;
}
.service_slider_wrapper i {
  font-size: 60px;
  margin-top: 31px;
}
.creato_overlay_slider p:before {
    left: -2%;
}
div#contact_section .creato_section_heading svg {
    width: 100%; 
}
.creato_team_wrapper .creato_team.bottom .team_content {
  margin-top: 75px;
  margin-left: -126px !important;
}
.creato_team_wrapper .team_content {
  width: 120px;
  height: 120px;
}
.creato_team_wrapper .team_content .team_name {
  width: 120px;
  height: 120px;
  line-height: 130px;
}
  .creato_team_wrapper .team_content .team_name p {
  line-height: 126px;
  letter-spacing: 5px;
}
.creato_team.bottom .team_image {
  margin-top: 51%;
  margin-left: 0%;
}
.creato_team_wrapper .team_image {
  width: 155px;
  height: 155px;
  margin: 0px;
  margin-top: 40%;
}
  .creato_team_wrapper .creato_team.bottom {
  margin-left: 33%;
  margin-top: 0%;
}
.creato_team_wrapper .creato_team.top {
  margin: 0 0% 0 31%;
  margin-top: 60px;
  width: 100%;
  float: left;
  text-align: center;
}
.creato_team_wrapper .creato_team.top .team_content {
  margin-left: -118px !important;
  margin-top: 21px;
}
.creato_slate_bg #slate_half_overlay {
  left: 0% !important;
  right: 0;
}
.post_content p {
  font-size: 18px;
}
.testimonial_slider #testimonial_overlay {
  z-index: 1;
  position: absolute;
  left: 40%;
}
.creato_nav_icon{
	text-align:right;
}

.creato_follow_us .follow_us_icon {
  margin-top: 20px;
}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.creato_main_logo svg text {
  font-size: 150px;
}
div#patrimoni_section .creato_section_heading svg text {
  font-size: 80px;
}
div#patrimoni_section .creato_section_heading svg {
  width: 100%;
}
.creato_nav_icon{
	text-align:right;
}
/*
div#patrimoni_section .creato_section_heading p {
  font-size: 18px;
  letter-spacing: 8px;
}
*/
#estrategia_section {
  background-repeat: repeat;
}
.creato_portfolio_bg #creato_portfolio_overlay{
	display:none;
}
#estrategia_section .creato_section_heading svg  {
    width: 100%;
}
#estrategia_section .creato_section_heading svg text {
/*    font-size: 85px; */
}

div#estrategia_section .creato_section_heading p {
 /* font-size: 20px;*/
 /* top: 17px; */
}
.service_slider {
  width: 50%;
}
.service_slider_wrapper i {
  font-size: 60px;
  margin-top: 25px;
}
.creato_testimonial {
  margin: 100px 0 20px;
}
.creato_testimonial .owl-carousel {
  width: 100%;
}
#transformacio_section .creato_section_heading svg {
  width: 100%;
}
/*
#transformacio_section .creato_section_heading p {
  top: 0px;
  font-size: 18px;
  letter-spacing: 4px;
}
*/
.creato_slate_bg #slate_half_overlay {
  left: 0% !important;
  right: -20px;
}
div#client_section .creato_section_heading svg,
div#xarxa_section .creato_section_heading svg {
  width: 100%;
}
.creato_client_img, .creato_xarxa_img {
  min-height: 80px;
}

div#client_section .creato_section_heading p {
 /* font-size: 17px;*/
 /* top: 20px; */
}

.creato_overlay_slider p:before, .creato_overlay_slider p:after{
	padding: 0;
}
.creato_overlay_slider p:after {
    left: 77%;
}
.creato_overlay_slider p {
  font-size: 19px;
}
.creato_overlay_slider {
  margin: 10% 0;
}
/*
div#portfolio_section .creato_section_heading p {
  top: 19px;
  font-size: 20px;
}
div#blog_section .creato_section_heading p {
  font-size: 20px;
  letter-spacing: 5px;
  top: -2px;
}
*/
.blog_post_heading p {
  letter-spacing: 2px;
  width: 100%;
  font-size: 14px;
}
div#contact_section .creato_section_heading svg {
    width: 100%; 
}
/*
#contact_section .creato_section_heading p {
  top: 11px;
  letter-spacing: 5px;
  font-size: 23px;
}
*/
.tolltip_wrapper {
  min-width: 200px;
}
div#team_section .creato_section_heading svg {
  width: 100%;
}
.creato_team_wrapper .creato_team.bottom .team_content {
  margin-top: 75px;
  margin-left: -126px !important;
}
.creato_team_wrapper .team_content {
  width: 120px;
  height: 120px;
}
.creato_team_wrapper .team_content .team_name {
  width: 120px;
  height: 120px;
  line-height: 130px;
}
.creato_team_wrapper .team_content .team_name p {
  line-height: 123px;
  letter-spacing: 3px;
}
.creato_team.bottom .team_image {
  margin-top: 65%;
  margin-left: 0%;
}
.creato_team_wrapper .team_image {
  width: 145px;
  height: 145px;
  margin: 0px;
  margin-top: 47%;
}
  .creato_team_wrapper .creato_team.bottom {
  margin-left: 33%;
  margin-top: 0%;
}
.creato_team_wrapper .creato_team.top {
  margin: 0 0% 0 31%;
  margin-top: 60px;
  width: 100%;
  float: left;
  text-align: center;
}
.creato_team_wrapper .creato_team.top .team_content {
  margin-left: -118px !important;
  margin-top: -4px;
}
.creato_team_wrapper .team_content .team_name svg {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  width: 100%;
}
.creato_section_heading p,
.creato_section_heading h3 {
  font-size: 18px;
  letter-spacing: 4px;
  /*top: 6px;*/
  margin-top: 12px;
}
div#post_half_overlay {
  right: -18% !important;
}
.post_content p {
  line-height: 32px;
  font-size: 17px;
}
.testimonial_slider #testimonial_overlay {
  left: 20%;
  -webkit-transform: skewX(-7deg);
  -moz-transform: skewX(-7deg);
  -ms-transform: skewX(-7deg);
  -o-transform: skewX(-7deg);
  transform: skewX(-7deg);
}
.testimonial_slider .testimonial_content {
  padding-left: 17%;
}
.creato_client_img, .creato_xarxa_img {
  width: 50%;
}
.creato_client_img img, .creato_xarxa_img img {
  width: 90%;
}
.creato_nav_icon{
	text-align:right;
}
.creato_follow_us span {
 /* width: 100%;*/
}
.creato_follow_us .follow_us_icon {
 /* margin-top: 0px; */
}
.footer_wrapper ul li:nth-child(3) .tolltip_wrapper {
  left: 8%;
}
.creato_follow_us {
/*
  position: fixed;
  right: 400px;
  left: 0;
  bottom: -100px;
  height: 300px;
  padding-left: 10px;
*/
}
/*
.nav_close {
  margin-right: -2px;
}
*/
.service_slider {
  width: 50%;
}
.service_slider_wrapper:hover p {
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  -o-transform: translate3d(0, 10px, 0);
  -ms-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
}