@media only screen and (min-width: 768px) {
  footer p.with {margin-top: 20px;}
  body.page-template-homepage {
    background-image: url('../images/bg-home-desktop.png');
  }

  body.page-template-page-mood {
    background-image: url('../images/bg-desktop.png');
    background-repeat: no-repeat;
    background-size: auto;
  }

  /* body.single-moods {background-repeat: no-repeat; background-size: contain;} */
  body.single-moods {
    background-image: none;
  }

  .single-moods .col-md-3 {
    background-image: url('../images/bg-desktop-mood.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  #next {
  right: 28%;
  top: 0%;
}
#prev {
  left: 30%;
  top: 0%;
}
  /* #header .header-inner {padding: 0;} */
  .hidden-lg-up {
    display: none !important;
  }

  .hidden-sm-down {
    display: block;
  }

  .divider-left {
    position: absolute;
    width: 1px;
    height: 80%;
    background: #fff;
    top: 7%;
    right: 0;
  }

  .divider-right {
    position: relative;
    width: 1px;
    height: 50%;
    top: 7%;
    background: #fff;
  }

  .single-moods .divider-right {
    position: relative;
    width: 1px;
    height: 50%;
    top: 0;
    background: #2457A7;
  }

  #slider {
    max-width: 1110px;
    margin: 0 auto;
  }

  /* .slick-slide[data-slick-index="-2"], .slick-slide[data-slick-index="2"]{
              transform: scale(0.9);
          } */
  .slick-track {
    padding-top: 53px;
    padding-bottom: 53px;
  }

  .slick-slide {
    text-align: center;
    transition: transform 0.3s ease-in-out;
  }

  .slick-slide:not(.slick-current) {
    filter: blur(4px);
  }

  .slick-slide.slick-current {
    transform: scale(1.35);
    position: relative;
    z-index: 1;
  }

  .slick-slide img {
    width: 100%;
  }

  .carousel-moods .carousel-moods-item:not(.active) {
    filter: blur(3px)
  }

  .carousel-moods {
    /* margin-top: -70px; */
  }
  .single-moods .heateor_sss_horizontal_sharing {margin-bottom: 30px;}

  section.mood h1 {
    margin-bottom: 0;
    margin: 0;
    margin-top: 10%;
  }
  section.home {
    margin-top: 80px;
  }

  #header .logo-header {
    width: 100%;
  }
  .page-template-homepage #header .logo-header {
    width: 100%;
  }

  .single-moods #header .logo-header {
    width: 100%;
  }
  .single-moods .col-md-3 {
    padding-right: 0;
    padding-left: 0;
  }

  #header p {
    font-size: 20px;
  }

  .page-template-homepage footer .logo-footer {
    width: 130px;
    margin-top: 10px;
  }

  .align-desktop {
    /* align-items: center; */
  }
  .page-template-homepage .align-desktop {
    align-items: center;
  }

  .page-template-homepage .align-desktop h1 {
    font-size: 58px;
  }

  .page-template-homepage .align-desktop p {
    font-size: 20px;
  }

  .page-template-homepage .align-desktop a {
    width: 50%;
  }

  .presents:before,
  .presents:after {
    content: '';
    width: 40em;
    border-bottom: 1px #fff solid;
    display: inline-block;
    vertical-align: middle;
  }

  .presents:before {
    margin-left: -100%;
    margin-right: 3em
  }

  .presents:after {
    margin-right: -100%;
    margin-left: 3em;
  }
  .single-moods #header .logo-moodhour {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 0;
  }
  .page-template-page-mood #header .logo-moodhour {
    width: 80%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .page-template-page-mood .footer-desktop .logo-disney {width: 130px;margin-top: 10px;}
  .single-moods .footer-desktop  {padding-bottom: 40px;}
  .page-template-page-mood .footer-desktop,
  .single-moods .footer-desktop {
    text-align: center;
  }
  .single-moods .footer-desktop img {width: 130px;margin-top: 10px;}
  .page-template-page-mood .footer-desktop p,
  .single-moods .footer-desktop p {
    margin-bottom: 0;
  }

  .page-template-page-mood .social-share {margin-top: 75px;}
  .page-template-page-mood .social-share .heateorSssSharingRound,
  .single-moods .social-share .heateorSssSharingRound {
    margin-top: 30px !important;
  }

  .page-template-page-mood .social-share .heateor_sss_sharing_ul,
  .single-moods .social-share .heateor_sss_sharing_ul {
    display: flex;
    flex-direction: column-reverse;
  }

  .flex-desktop {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .single-moods .desktop-fixed {
    position: fixed;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .single-moods .col-md-3 .desktop-fixed {
    width: 25%;
  }

  section.single-mood-page {
    margin-top: 0;
  }

  .single-moods footer {
    padding-top: 0;
  }

  .single-moods .close-mood {
    width: 50px;
    height: auto;
    margin-bottom: 0;
    margin: 30px 0;
  }

  section.single-mood-page h1 {
    font-size: 34px;
    width: 70%;
    margin: 0 auto;
    padding: 50px 0;
    line-height: 46px;
  }

  section.single-mood-page h2 {
    margin-top: 30px;
  }

  section.single-mood-page img {
    margin-bottom: 30px;
  }

  section.single-mood-page p {
    font-size: 20px;
    text-align: left;
  }

  section.single-mood-page iframe {
    height: 550px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  section.single-mood-page a.btn-see {
    background: #1BA1F7;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    font-size: 20px;
  }

  .single-moods section.single-mood-page {
    padding-bottom: 50px;
  }
  .single-moods .conditions-desktop {
    text-align: center;
    padding-bottom: 20px;
    color: #333;
  }
  .single-moods .conditions-desktop a {color: #333;font-size: 12px;}
  .single-moods .conditions-desktop a:hover {color: #1BA1F7;}
  .single-moods .conditions-desktop p {
    color: #333;
    margin-bottom: 0;
  }
  .single-moods .conditions-desktop img {width: 80px;}
}

@media only screen and (min-width:1025px) and (max-width: 1440px) {
  #next {
    right: 26%;
  }
  #prev {
    left: 30%;
  }

}

@media only screen and (max-width: 1500px) {
  section.home {margin-top: 30px;}
  section.home img {margin-bottom: 0;}
  section.home .btn-start {margin-bottom: 0;}
}

@media only screen and (max-width: 992px) {
  .page-template-homepage .align-desktop h1 {font-size: 3.5rem;}
}

@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 767px) {
  .link-moodhour {display: block;}
  .carousel-moods .carousel-moods-item:not(.active) {visibility: hidden!important;}
  section.home .btn-start {margin-right: auto; margin-left: auto;margin-bottom: 40px;}
  .carousel-moods {perspective: 5px!important;-webkit-perspective:5px!important; position: relative!important;margin-top: 150px;}
  .carousel-moods .carousel-moods-item {width: 70%!important;}
}
@media only screen and (min-width:375px) and (max-width: 430px) {
  .carousel-moods .carousel-moods-item {
    width: 60%!important;
  }
}
@media only screen and (min-width:431px) and (max-width: 601px) {
  .carousel-moods .carousel-moods-item {
    width: 50%!important;
  }
}

@media only screen and (min-width:600px) and (max-width: 767px) {
  .carousel-moods .carousel-moods-item {
    width: 30%!important;
  }
  #prev {
    left: 20%;
  }
  #next {
    right: 20%;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  #header .logo-header .logo-hector, #header .logo-header .logo-doolittle {
    width: 90px;
  }
	section.mood h1 {margin-top:90px!important;}
}
@media only screen and (min-width:992px) and (max-width:1024px) {
  #header .logo-header .logo-hector {
    width: 100px;
  }
}
@media only screen and (min-width:425px) and (max-width: 1024px) {
  section.single-mood-page a {
    width: 50%;margin: 30px auto 30px auto;
  }

}
@media only screen and (min-width:768px) and (max-width: 1024px) {
  section.mood h1 {
    margin-top: 150px;
  }
  #header .logo-header {
    width: 100%;
  }
  /* #header .logo-header .logo-hector {width: 50px;} */
  /* #header .logo-header .logo-doolittle {width: 80px;} */
  #header p {font-size: 14px;}
  #header .col-md-12 {padding-right: 0; padding-left: 0;}
  .page-template-page-mood #header .logo-moodhour{width: 100%;}
  .page-template-page-mood .logo-disney {
    width: 90px;
  }
  #next {
    right: 17%;
  }
  #prev {
    left: 22%;
  }
}

@media only screen and (max-width:394px) {
  section.mood h1 {
    width: 70%;
    margin:  0 auto;
  }
}