@charset "UTF-8";

/* Smaller than 1385 (devices and browsers) */
@media only screen and (max-width: 1385px) {
	.last-news-container {width: 900px;}
	.slides-navigation a.next {right: -40px;}
	.slides-navigation a.prev {left: -40px;}
}

/* Smaller than 1215 (devices and browsers) */
@media only screen and (max-width: 1215px) {
	.disc-infoscroll {
        max-height: 200px; /* Ajustar la altura para este rango de tamaños de pantalla */
        overflow-y: auto;
    }
    .disc-container li:nth-child(2),
    .disc-container li:nth-child(5),
    .disc-container li:nth-child(8),
    .disc-container li:nth-child(11),
    .disc-container li:nth-child(14),
    .disc-container2 li:nth-child(2),
    .disc-container2 li:nth-child(5),
    .disc-container2 li:nth-child(8),
    .disc-container2 li:nth-child(11),
    .disc-container2 li:nth-child(14) {
        margin: 0 40px;
    }

    .disc-container li,
    .disc-container2 li {
        width: 286px;
    }
	
    #myTweet,
    .project-content,
    .audio-player {
        width: 940px;
    }

    .nav-news .news-next {
        right: -60px;
    }

    .nav-news .news-prev {
        left: -60px;
    }

    .disc-cover {
        width: 395px;
        margin-right: 20px;
    }

    .disc-tracklist ol,
    .disc-tracklist2 ol {
        margin: 0;
    }

    .disc-tracklist ol li,
    .disc-tracklist2 ol li {
        line-height: 12px;
    }

    .player-right {
        width: 830px;
    }

    .main-menu li a {
        padding: 7px 8px;
    }

    .main-menu,
    .main-logo {
        margin-right: 50px;
    }

    .main-logo,
    .slides-navigation {
        margin-left: 50px;
    }

    .slides-navigation {
        display: none;
    }
}

/* Smaller than 1334px and larger than 1024px (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    /* ... Otras reglas ... */

    /* Nueva regla para ajustar la altura del scroll */
    .disc-infoscroll {
        max-height: 300px !important; /* Ajustar la altura para este rango de tamaños de pantalla */
        overflow-y: auto !important;
    }
}

/* Medidas entre 1024px y 1334px (dispositivos y navegadores) */
@media only screen and (max-width: 1440px) {
    .disc-infoscroll {
        max-height: none !important; /* Restablecer la altura a su valor predeterminado */
        overflow-y: visible !important; /* O establecer overflow-y: visible; según tus necesidades */
    }
}

/* Smaller than 1085 (devices and browsers) */
@media only screen and (max-width: 1085px) {
	
    .main-wrapper {width: 700px;}
    .last-news-container {width: 600px;}

    /* Original .disc-container rules */
    .disc-container li:nth-child(2),
    .disc-container li:nth-child(5),
    .disc-container li:nth-child(8),
    .disc-container li:nth-child(11),
    .disc-container li:nth-child(14) {
        margin: 0 25px;
    }
    .disc-container li {
        width: 350px;
    }

    /* New .disc-container2 rules */
    .disc-container2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .disc-container2 li {
        width: calc(50% - 40px);
        box-sizing: border-box;
    }

    .disc-container2 li:nth-child(2n) {
        margin-right: 0;
    }

    .disc-container2 li:nth-child(3) {
        width: 100%;
        margin-right: 0;
    }

    #myTweet {width: 900px;margin-top: -50px; /* Nuevo margen superior de -100px */}
    .news-container iframe {width: 600px; height: 338px;}
    .news-container {width: 600px;}
    .news-description {font-size: 17px;}
    .nav-news div {top: 130px;}
    .project-content {width: 700px;}
    .disc-cover {width: 275px;}
    .disc-tracklist {width: 405px;}
    .disc-tracklist ol li {padding: 0;}
    .track-download-buy {display: block; line-height: 14px; margin: 14px 0 18px;}
    .close-btn {right: -50px;}
    .sell-platforms {position: relative; left: 0; margin-top: 30px;}
    .sell-platforms span {margin-top: 18px;}
}



/* Smaller than standard 976 (devices and browsers) */
@media only screen and (max-width: 976px) {
	.main-menu{display: none;}
	.header {height: 100px;}
	.main-logo {margin-top: 40px;}
	#nav2 {display: block;}
	.audio-player {width: 700px;}
	.player-right {width: 580px;}
	.title-container {width: 700px;}
	.title-container .logo img {width: 700px;}
	.top-spacer {width: 100px;}
	.welcome.logo .spacer-box {left: 333px; top: 166px;}
	.close-btn {right: -30px;}
	.o-mob {display:block;}
	.project-window {margin-bottom: 40px;padding-top: 65px;}
	.play-btns {float:left;width:20px;margin-top:3px;}
	.play-count {width:25px;float:left;display:table;font-size: 20px;color: #636262;font-family: Titillium Web;margin-top: 12px;}
	.track-title {width: 230px;position: relative;float: left;top: 14px;}
	.track-info {width: 230px;line-height: 25px;float: none;display: table;padding-left: 13px;position: relative;top: -12px;}
	.track-info em {display:block;}
	.track-download-buy {width:230px;float:none;display:block;}
	.track-download-buy a {padding: 6px 10px 6px;float: none;display: table;position: relative;top: -19px;right: -10px;}
	.disc-tracklist ol{margin: 10px 0 -30px;padding: 1px 0 0 0;padding-left:0px;max-height: inherit;overflow: hidden;}
	.disc-tracklist ol li {overflow: hidden;}
	.disc-info-wrap {max-width: 300px;display: block;}
	.sell-platforms {padding-left: 0px;}
	.sell-platforms span {margin-top: 18px;display: block;width: 100%;}
	.sell-platforms a {width:100px;float:left;}
	.sell-platforms .itunes {background-position: left 0;width: 113px;position: relative;right: 39px;background-size: 342px;height:43px;}
	.sell-platforms .beatport {background-position: center 0;width: 99px;background-size: 304px;position: relative;right: 27px;top: 2px;height:38px;}
	.sell-platforms .bandcamp {background-position: 118% 0px;background-size: 293px;width: 135px;position: relative;right: 27px;height: 37px;top: 3px;}
	.itunes:after{content: "/";color: #c3121c;float: right;font-weight: bold;font-size: 22px;position: relative;right: 1px;top: 2px;width: 5px;background: none;}
	.beatport:after {content: "/";color: #c3121c;float: right;font-weight: bold;font-size: 22px;position: relative;right: 1px;top: -2px;width: 5px;background: none;}
	.mob-no {display:none;}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
	position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
	.container {width:700px;max-width:700px;padding-right: 12px;padding-left: 12px;margin-right: auto;margin-left: auto;}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {float: left;width: 90%;}
	.side-widget ul {padding: 0px;position: relative;left: 15px;}
	.comment-form input {width: 91.5%;}
	.comment-form textarea {width: 91.5%;}
	.comment-gravatar {width: 50px;float: left;}
	.comment-author {margin-left: 65px;margin-top: 0px;font-size: 24px;font-weight: 700;color: #c3121c;}
	.comment-content p {border: 1px solid #434343;border-radius: 10px;padding: 20px 15px;margin: 20px 0;margin-left: 65px;font-size:14px;line-height:25px;}
	aside {padding-left: 0px !important;font-family:'Montserrat', sans-serif;}
	.pdate {left: 20px;top: -25px;position:relative;}
	article {padding-left: 0px;padding-bottom: 20px;margin-bottom: 80px;position: relative;line-height: 39px;font-family:'Montserrat', sans-serif;}
	.page-wrap {display: block;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 795px) {
	
	.project-window {height:auto !important;}
	.o-mob {display:block;}
	.project-window {margin-bottom: 40px;padding-top: 65px;}
	.play-btns {float:left;width:20px;margin-top:3px;}
	.play-count {width:25px;float:left;display:table;font-size: 20px;color: #636262;font-family: Titillium Web;margin-top: 12px;}
	.track-title {width: 230px;position: relative;float: left;top: 14px;}
	.track-info {width: 230px;line-height: 25px;float: none;display: table;padding-left: 13px;position: relative;top: -12px;}
	.track-info em {display:block;}
	.track-download-buy {width:230px;float:none;display:block;}
	.track-download-buy a {padding: 6px 10px 6px;float: none;display: table;position: relative;top: -19px;right: -10px;}
	.disc-tracklist ol{margin: 10px 0 -30px;padding: 1px 0 0 0;padding-left:0px;max-height: inherit;overflow: hidden;}
	.disc-tracklist ol li {overflow: hidden;}
	.disc-info-wrap {max-width: 300px;display: block;}
	.sell-platforms {padding-left: 0px;}
	.sell-platforms span {margin-top: 18px;display: block;width: 100%;}
	.sell-platforms a {width:100px;float:left;}
	.sell-platforms .itunes {background-position: left 0;width: 113px;position: relative;right: 39px;background-size: 342px;height:43px;}
	.sell-platforms .beatport {background-position: center 0;width: 99px;background-size: 304px;position: relative;right: 27px;top: 2px;height:38px;}
	.sell-platforms .bandcamp {background-position: 118% 0px;background-size: 293px;width: 135px;position: relative;right: 27px;height: 37px;top: 3px;}
	.itunes:after{content: "/";color: #c3121c;float: right;font-weight: bold;font-size: 22px;position: relative;right: 1px;top: 2px;width: 5px;background: none;}
	.beatport:after {content: "/";color: #c3121c;float: right;font-weight: bold;font-size: 22px;position: relative;right: 1px;top: -2px;width: 5px;background: none;}
	.mob-no {display:none;}
	.container {width:400px;max-width:400px;padding-right: 12px;padding-left: 12px;margin-right: auto;margin-left: auto;}
	.dates-nav{display: none;}
	.main-wrapper {width: 400px;}
	.last-news-container {width: 300px;}
	.last-news-next {right: -70px;}
	.last-news-prev {left: -70px;}
	.dates-wrapper {margin-left: 0px;}
	.title-container {width: 400px;}
	.title-container .logo img {width: 400px;}
	.top-spacer {width: 60px; top: 7px; height: 2px;}
	.welcome.logo .spacer-box {left: 192px;top: 97px;width: 10px;height: 10px;}
	.audio-player {width: 400px;}
	
	.dates-wrapper {
        height: auto; /* Ajuste específico para pantallas más pequeñas */
    }

    #myTweet {
        margin-top: -20px; /* Nuevo margen superior de -100px */
        width: 700px; /* Puedes ajustar el ancho según sea necesario */
        font-size: 20px; /* Puedes ajustar el tamaño de fuente según sea necesario */
    }
	
	/* Original .disc-container rules */	
.disc-container li {
    width: 350px;
    float: none;
    margin: auto;
}

.disc-container li:nth-child(2),
.disc-container li:nth-child(5),
.disc-container li:nth-child(8),
.disc-container li:nth-child(11),
.disc-container li:nth-child(14) {
    margin: 75px auto;
}

/* New .disc-container2 rules */
.disc-container2 li {
    width: 350px;
    float: none;
    margin: auto;
}

.disc-container2 li:nth-child(2),
.disc-container2 li:nth-child(5),
.disc-container2 li:nth-child(8),
.disc-container2 li:nth-child(11),
.disc-container2 li:nth-child(14) {
    margin: 75px auto;
}

	.front-content.contact {width: 400px; margin-left: -204px;}
	.symbol {font-size: 20px; line-height: 22px;}
	.navbar-brand ul li:first-child {height: 10px;margin-top: 10px;}
	.navbar-brand ul li:nth-child(2) {height: 16px;margin-top: 4px;}
	.navbar-brand ul li {width: 5px;height: 20px;}
	.player-right {width: 290px;margin-left: 20px;}
	.track-name, .artist {max-width: 213px;max-height: 30px;overflow: hidden;}
	.news-container {width: 340px;}
	.news-container iframe {width: 340px;height: 192px;}
	.close2-btn {right: -50px;top: -50px;}
	.news-description{max-height: 250px;}
	.footer-container {width: 300px;}
	.footer-container .social-ico {width: 140px; height: 140px; margin-left: 80px; margin-bottom: 80px; float: none;}
	.footer-container .social-ico.s-facebook {background-position: -5px -5px;}
	.footer-container .social-ico.s-youtube {background-position: -255px -5px;}
	.footer-container .social-ico.s-plus {background-position: -252px -131px;}
	.footer-container .social-ico.s-twitter {background-position: -125px -5px;}
	.footer-container .social-ico.s-soundcloud {background-position: -5px -135px;}
	.footer-container .social-ico:nth-child(3), .footer-container .social-ico:nth-child(4),.footer-container .social-ico:nth-child(5) {margin-left: 80px;margin-top: 80px;}
	.square-bg {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		margin-left: 0;
		opacity: 0.5;

		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.project-content {width: 400px;}
	.close2-btn {right: 0; top: -70px;}
	.news-container h1 {font-size: 20px;}
	.disc-tracklist {width: 400px; float: none;}
	.sell-platforms{width: 400px;}
	.track-info,.track-length {font-size: 15px;}
	.disc-cover {width: 400px;margin-right: 0; float: none;}
	.disc-tracklist ol {max-height: 360px;}
	.disc-title {font-size: 17px; margin-top: 50px;}
	.disc-date {font-size: 17px; margin-bottom: 25px;}
	.comment-form input {width: 84.5%;}
	.comment-form textarea {width: 84.5%;}
	
	.youtube-containerimg {
    		display: grid;
    		grid-template-columns: repeat(2, 1fr); /* Define las 7 columnas */
    		align-items: center; /* Centra verticalmente */
    		justify-content: space-around; /* Distribuye los elementos uniformemente */
    		max-width: 700px; /* Cambia el valor según sea necesario */
			margin-top: 100px;
			margin-bottom: 20px;
		}
    .youtube-containerimglive {
    		display: grid;
    		grid-template-columns: repeat(2, 1fr); /* Define las 7 columnas */
    		align-items: center; /* Centra verticalmente */
    		justify-content: space-around; /* Distribuye los elementos uniformemente */
    		max-width: 700px; /* Cambia el valor según sea necesario */
			margin-top: 100px;
			margin-bottom: 20px;
		}
	.youtube-containerimg img {
    		width: 250px;
    		max-width: 250px; /* Asegura que las imágenes no se vuelvan más grandes que su tamaño original */
			height: auto;
    		display: block;
		}
	
#imgtourdates {
	height:510px;
	padding: 10px 10px 10px;
	overflow:hidden;
	display: flex;
  justify-content: center;
}

#embedtourdates {
	height:510px;
	padding: 10px 10px 10px;
	overflow:scroll;
}

}

/* Alineación para resoluciones mayores a 479px */
@media screen and (min-width: 480px) {
    .column:nth-child(2n) {
        margin-right: 0;
    }
}

/* Reglas responsivas para evitar desfase entre 768px y 1334px */
@media only screen and (min-width: 768px) and (max-width: 1334px) {
    .youtube-container {
        justify-content: center; /* Centrar el contenido */
    }

    .column {
        width: 100%;
        max-width: 560px; /* Máximo ancho para mantener el contenido centrado */
    }

    .youtube-video {
        width: 100%; /* Ajustar ancho al 100% para evitar desfase */
        max-width: 560px; /* Máximo ancho para mantener el contenido centrado */
        margin: 0 auto 20px; /* Ajustar margen inferior */
    }
}

/* Reglas responsivas para evitar desfase entre 768px y 1334px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	.btn-cta{
	position:absolute;
    width:100%;
    height:60px;
    bottom:80%;
    right:0px;
    color:#FFF;
    text-align:center;
    z-index:100;
    transition: all 300ms ease;
	}
	
}

/* Reglas responsivas para evitar desfase entre 768px y 1334px */
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	
	.btn-cta{
	position:absolute;
    width:100%;
    height:60px;
    bottom:50%;
    right:0px;
    color:#FFF;
    text-align:center;
    z-index:100;
    transition: all 300ms ease;
	}
	
	.widget-container {
    height: 570px;
	width:50%;
	margin: 0 auto;
	overflow-y: auto;
	}
	
	#embedtourdates {
	height:510px;
	padding: 10px 10px 10px;
	overflow:scroll;
}
}

/* Reglas responsivas para evitar desfase entre 768px y 1334px */
@media only screen and (min-width: 1281px) and (max-width: 2560px) {
	
	.btn-cta{
	position:absolute;
    width:100%;
    height:60px;
    bottom:50%;
    right:0px;
    color:#FFF;
    text-align:center;
    z-index:100;
    transition: all 300ms ease;
	}
}

/* Reglas responsivas para evitar desfase entre 768px y 1334px */
@media only screen and (min-width: 426px) and (max-width: 768px) {
	
    .btn-cta{
	position:absolute;
    width:100%;
    height:60px;
    bottom:65%;
    right:0px;
    color:#FFF;
    text-align:center;
    z-index:100;
    transition: all 300ms ease;
	}
	
	.spotify_embed {
    position: relative;
	width:400px;
	margin-left:-20px;
    padding-bottom: 100px;
    height: 0;
    overflow: hidden;
	
	}
	.spotify_embed iframe {
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
	}
	
}


@media (max-width: 425px) {
	
#contenedortours {
	margin-top:100px;
	width:420px;
	width:90%;
	margin-left:5%;
}

#img-tourdate {
  width: 100%;
}

#sub-tourdate {
  width: 100%;
  
}

#imgtourdates {
	height:510px;
	padding: 30px 0px 0px;
	overflow:hidden;
	display: flex;
  justify-content: center;
}

#embedtourdates {
	height:650px;
	padding: 0px 0px 0px;
}
	
.bio-container {
	margin-top:-100px;
	width:100%;
}

#biocontenedor {
	margin-bottom:100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#img-about {
  width: 100%;
}
#sub-about {
  width: 100%;
  padding: 0px 15px 0px;
  text-align:left;
}

#imgfrancis {
	height:450px;
	padding: 0px 0px 0px;
	overflow:hidden;
	margin-top:-40px;
}

#biofrancis {
	padding: 0px 15px 0px;
	text-align:left;
}

	.spotify_embed {
    position: relative;
	width:120%;
	margin-left:-10%;
    padding-bottom: 40%;
    height: 270px;
    overflow: hidden;
	
	}
	.spotify_embed iframe {
    position: absolute;
    top:0;
    width: 100%;
	}
	
  /* Añade un margen de 50px al elemento siguiente */
  #about-us {
    margin-top: 100px;
  }
  
  .youtube-containerimg {
    		display: grid;
    		grid-template-columns: repeat(2, 1fr); /* Define las 7 columnas */
    		align-items: center; /* Centra verticalmente */
    		justify-content: space-around; /* Distribuye los elementos uniformemente */
    		max-width: 390px; /* Cambia el valor según sea necesario */
			margin-top: 100px;
			margin-bottom: 20px;
		}
	.youtube-containerimg img {
    		width: 175px;
    		max-width: 175px; /* Asegura que las imágenes no se vuelvan más grandes que su tamaño original */
			height: auto;
    		display: block;
		}
}

@media (max-width: 320px) {
	  
  .youtube-containerimg {
    		display: grid;
    		grid-template-columns: repeat(2, 1fr); /* Define las 7 columnas */
    		align-items: center; /* Centra verticalmente */
    		justify-content: space-around; /* Distribuye los elementos uniformemente */
    		max-width: 300px; /* Cambia el valor según sea necesario */
			margin-top: 100px;
			margin-bottom: 20px;
		}
	.youtube-containerimg img {
    		width: 130px;
    		max-width: 130px; /* Asegura que las imágenes no se vuelvan más grandes que su tamaño original */
			height: auto;
    		display: block;
		}
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
   .column.A,
   .column.B {
       margin: 0 auto; /* Ajusta el margen para centrar las columnas */
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .youtube-video {
       margin-bottom: 20px; /* Ajusta el espacio entre los videos */
   }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.front-content.dates{
		width: 380px;
		margin-left: -215px;
	}
	.dates-wrapper {
        height: auto; /* Restablecer la propiedad a 'auto' para permitir que el contenido determine la altura */
        overflow: hidden; /* Agregar desbordamiento oculto para evitar que se corten elementos que sobresalen */
        padding-bottom: 20px; /* Ajustar este valor según sea necesario para evitar el corte del fondo */
		margin-top: -150px;
    }
    .controller {
		margin-top: -120px;
    }
	.spacer {
        margin-bottom: 50px; /* Ajusta el margen inferior según sea necesario para evitar la superposición */
    }

    .last-news-wrapper,
    .last-news-container,
    .news-box {
        margin-bottom: 10px;
    }
	
	.project-window {height:auto !important;}
	.news-box {overflow: hidden;width: 200px;position: relative;margin: 0 auto;}
	.news-thumb {background-color: #111;background: #f000;width: 200px;overflow: hidden;}
	.main-wrapper {width: 300px;}
	.title-container {width: 300px;}
	.title-container .logo img {width: 300px;}
	.audio-player {width: 300px;}
	#myTweet {width: 300px; font-size: 18px; padding: 0; margin-top: 0px;}
	.welcome.logo ul li {font-size: 15px;}
	.top-spacer {width: 45px;top: 4px;}
	.welcome.logo .spacer-box {left: 143px;top: 71px;}
	.welcome.logo ul li.t-current {top: 13px;}
	.track-name, .artist {max-width: 110px;max-height: 25px;}
	.player-right {width: 190px;margin-left: 20px;}
	.square-bg {width: 100%;height: 100%;top: 0;left: 0;margin-left: 0;}
	
/* Original .disc-container rules */
.disc-container li {
    width: 360px;
}

.disc-container li:nth-child(2),
.disc-container li:nth-child(5),
.disc-container li:nth-child(8),
.disc-container li:nth-child(11),
.disc-container li:nth-child(14) {
    margin: 75px auto;
}

/* New .disc-container2 rules */
.disc-container2 li {
    width: 360px;
}

.disc-container2 li:nth-child(2),
.disc-container2 li:nth-child(5),
.disc-container2 li:nth-child(8),
.disc-container2 li:nth-child(11),
.disc-container2 li:nth-child(14) {
    margin: 75px auto;
}
.front-content.contact {width: 280px;margin-left: -140px;}
.name, .email {width: 100%;float: none;}
.email{margin-top: 18px;}
.buttoncontact {width: 280px; margin-top: 25px;}
.color-picker{display: none;}
.news-container {width: 300px;}
.news-container iframe {width: 300px;height: 169px;}
.last-news-next {right: -15px;}
.last-news-prev {left: -15px;}
.dates-wrapper {width: 350px; margin-left: 0;}
.date-box {padding: 0 50px;}
.date-box .info.date {width: 50px;}
.date-box .info .day {font-size: 25px;}
.date-box .info .city {font-size: 15px;}
.date-box .info .city2 {font-size: 10px; color: #fff;}
.date-box .info .city3 {font-size: 20px; color: #fff;}
.date-box .info {font-size: 12px;}
.date-box .info {max-width: 115px;}
.date-box .info .ico{display: none;}
.date-box .info .time, .date-box .info .buy, .date-box .info .place{padding-left: 0;}
.main-logo {margin-left: 20px;}
.twitter-quotes{margin-top: 50px;}
.front-content.dates {width: 100%;}
#comments, #name, #email {width: 97%;}
.nav-news {display: none;}
.close2-btn {right: 0; top: -70px;}
.news-container h1 {font-size: 20px;}
.disc-tracklist {width: 300px; float: none;}
.sell-platforms{width: 300px;}
.track-info,.track-length {font-size: 12px;}
.disc-cover {width: 300px;margin-right: 0; float: none;}
.disc-tracklist ol {max-height: 300px;}
.disc-title {font-size: 15px; margin-top: 50px;}
.disc-date {font-size: 15px; margin-bottom: 25px;}
.close-btn {right: 0;}
.project-content {width: 300px;}
.container {width:300px;max-width:300px;padding-right: 12px;padding-left: 12px;margin-right: auto;margin-left: auto;}
.comment-form input {width: 80.5%;}
.comment-form textarea {width: 80.5%;}
.o-mob {display:block;}
.project-window {margin-bottom: 40px;padding-top: 65px;}
.play-btns {float:left;width:20px;margin-top:3px;}
.play-count {width:25px;float:left;display:table;font-size: 20px;color: #636262;font-family: Titillium Web;margin-top: 12px;}
.track-title {width: 230px;position: relative;float: left;top: 14px;}
.track-info {width: 230px;line-height: 25px;float: none;display: table;padding-left: 13px;position: relative;top: -12px;}
.track-info em {display:block;}
.track-download-buy {width:230px;float:none;display:block;}
.track-download-buy a {padding: 6px 10px 6px;float: none;display: table;position: relative;top: -19px;right: -10px;}
.disc-tracklist ol{margin: 10px 0 -30px;padding: 1px 0 0 0;padding-left:0px;max-height: inherit;overflow: hidden;}
.disc-tracklist ol li {overflow: hidden;}
.disc-info-wrap {max-width: 300px;display: block;}
.sell-platforms {padding-left: 0px;}
.sell-platforms span {margin-top: 18px;display: block;width: 100%;}
.sell-platforms a {width:100px;float:left;}
.sell-platforms .itunes {background-position: left 0;width: 113px;position: relative;right: 39px;background-size: 342px;height:43px;}
.sell-platforms .beatport {background-position: center 0;width: 99px;background-size: 304px;position: relative;right: 27px;top: 2px;height:38px;}
.sell-platforms .bandcamp {background-position: 118% 0px;background-size: 293px;width: 135px;position: relative;right: 27px;height: 37px;top: 3px;}
.itunes:after{content: "/";color: #c3121c;float: right;font-weight: bold;font-size: 22px;position: relative;right: 1px;top: 2px;width: 5px;background: none;}
.beatport:after {content: "/";color: #c3121c;float: right;font-weight: bold;font-size: 22px;position: relative;right: 1px;top: -2px;width: 5px;background: none;}
.mob-no {display:none;}

/* Nuevas propiedades para elementos relacionados con el correo electrónico (emailmerch) */
.emailmerch{width: 100%; float: none;}
.emailmerch {margin-top: 18px;}
.emailmerch-btn {width: 280px; margin-top: 25px;}


/* Smaller than standard 976 (devices and browsers) */
@media only screen and (max-width: 976px) {
    /* ... (otras reglas de estilo) ... */
    .dates-wrapper {
        height: auto; /* Ajuste específico para pantallas más pequeñas */
    }
}

/* Smaller than 795 (devices and browsers) */
@media only screen and (max-width: 795px) {
    .dates-wrapper {
        height: auto; /* Ajuste específico para pantallas más pequeñas */
    }
}

/* Smaller than 479 (devices and browsers) */
@media only screen and (max-width: 479px) {
    .dates-wrapper {
        height: auto; /* Puedes ajustar o anular más propiedades según sea necesario */
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 425px) {
    .dates-wrapper {
        height: auto; /* Puedes ajustar o anular más propiedades según sea necesario */
    }
	.video-responsive {
	height: 0;
	overflow: hidden;
	padding: 5px 5px 200px 0px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 200px;
	width: 200px;
	}
	
	.buttoncta {
	text-transform: uppercase;
	width: 340px;
	background: #fff;
	color: #c8b273;
	font-size: 15px;
	margin: 40px auto 0 auto;
	padding: 15px 10px;
	border: none;
	box-shadow: none;
	outline: none;
}
.buttoncta:hover {color: #fff; background: #000!important;}
}


@media (max-width: 768px) {
			.sf img {
				width: 200%;
				max-width: 200%; /* Asegura que las imágenes no se vuelvan más grandes que su tamaño original */
				height: auto;
				display: block;
			}
		}

@media (max-width: 425px) {
			.sf {
				display: grid;
				grid-template-columns: repeat(7, 1fr); /* Define las 7 columnas */
				align-items: center; /* Centra verticalmente */
				margin-top: 100px;
				margin-bottom: 50px;
				/* Agrega espacio entre cada columna (icono) */
				grid-column-gap: 5px;
			}
			.sf img {
				width: 130%;
				max-width: 130%; /* Asegura que las imágenes no se vuelvan más grandes que su tamaño original */
				height: auto;
				display: block;
			}
			.ctacontact {
				margin-top:-50px;
				margin-bottom:-50px;
			}
            .ctacontact {
	margin-top:200px;
	margin-bottom:50px;
}
		}


@media screen and (max-device-width: 768px) and (orientation : portrait){

#dates>div:nth-of-type(1) {
	
	background:url(../img/parallax/01.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 410px 750px;
	
	margin: 0;
	height: 935px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
/*	background-size: 100%;*/
	-moz-background-size: auto 100vh !important;
	-o-background-size: auto 100vh !important;
	-khtml-background-size: auto 100vh !important;
}

}