
@media all and (min-width: 1920px) {
	.countdown h3 {
		font-size: 80px;
	}

	.countdown h3 span{
		font-size: 14px;
		margin: -19px auto -5px auto;
	}
}



@media all and (max-width: 992px) {



	.navbar-right {
		float: right!important;
		margin-right: -15px;
	}

	.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container{
		max-width: 70vw;
	}
	.daySliderDisabled .video {
		width: 50%;
	}

	.h3-video-title {
		font-size: 25px;
	}
}



@media all and (max-width: 768px) {

	.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container{
		max-width: 75vw;
	}

    #logoTop {
        height: 60px;
    }
	
	h2.home-page-title {
		font-size: 12px;
	}
	
	h1.home-page-title {
		font-size: 80px;
		margin: -9px auto -2px auto;
	}

    /*.logo {
        padding-top: 5px;
    }

     */

	.kenburns-slide-1 {
		background-image: url(/assets/img/slider_mobile/crew-at-night.jpg);
	}

	.kenburns-slide-2 {
		background-image: url(/assets/img/slider_mobile/navigation-chart.jpg);
	}

	.kenburns-slide-3 {
		background-image: url(/assets/img/slider_mobile/paco-sailing.jpg);
	}

	.kenburns-slide-4 {
		background-image: url(/assets/img/slider_mobile/pilar-at-dusk.jpg);
	}

	.kenburns-slide-5 {
		background-image: url(/assets/img/slider_mobile/ricard-mundus.jpg);
	}

	.kenburns-slide-6 {
		background-image: url(/assets/img/slider_mobile/sail-up.jpg);
	}

	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
	/*	margin-top: 45px;*/
	}

	.openbtn {
		margin-top: 25px;
	}

	.main-navigation .navbar-nav li a {
		color: #111;
		padding: 10px 5px;
		right: auto;
		font-size: 13px;
	}

	.privateArea {
		padding-left: 5px;
		padding-right: 5px;
	}


	.navbar-right {
		display: none;
	}

	.navbar-collapse {
		background: none;
	}

	.mundus-logo {
		width: 150px;
		height: auto;
		margin-top: 40px;
	}
	.sidepanel {
		padding-top: 50px;
	}

	.sidepanel a {
		padding: 4px 8px;
		font-size: 20px;
	}

	h1.home-page-title {
		font-size: 50px;
	}

	.flex-logos .logo {
		margin: 0 10px;
	}
}



@media only screen and (max-width: 640px) {
	.countdown h3 {
		font-size: 40px;
	}
	.countdown h3 span{
		font-size: 12px;
	}


	.texteTirat p{
		padding-left:0;
	}
	.texteTirat ul{
		max-width: inherit;
	}

	.daySlider .videoIcon,
	.daySliderDisabled .videoIcon{
		display: none !important;
	}

	.section-text {
		font-size: 18px !important;
	}

	.openbtn {
		margin-top: 7px;
	}

	.section-title {
		font-size: 40px;
		padding: 0 20px 0 20px;
	}

	.section-border-black,
	.section-border-white {
		width: 400px;
		max-width: 80vw;
	}

	.section-title-white {
		font-size: 40px;
	}

	.section-subtitle-white {
		font-size: 18px;
	}

	.section-subtitle {
		font-size: 24px;
	}

	.menuSecondari li {
		display: block;
	}

	.copyright {
		padding-top: 20px;
	}

	.texteTirat {
		text-align: left;
	}

	.texteTirat h2 {
		font-size: 20px;
		margin-top: 25px;
		margin-bottom: 15px;
		padding-left: 25px;
	}

	.texteTirat h2 span{
		margin-left: -25px;
	}



}


@media all and (max-width: 576px) {

	.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container{
		max-width: 80vw;
	}

	.copyright{
		font-size: 11px;
		text-align: center;
	}
	.copyright .link-underline{
		display: block;
		
	}

    h2.home-page-title {
        max-width: 75vw;
        margin: 0 auto;
    }

	.hiddenOnMobile {
		display: none;
	}

	.mobileOnlyBlock {
		display: block;
	}

	.mobileOnlyFlex {
		display: flex;
	}

	.mobileOnlyInlineBlock {
		display: inline-block;
	}

	.desktopOnlyBlock,
	.desktopOnlyFlex,
	.desktopOnlyInlineBlock {
		display: none;
	}

	.horizontalSliderWrapper {
		margin-bottom: 0px;
	}

	.horizontalSliderWrapper h3 {
		font-size: 18px;
	}

	.horizontalSliderWrapper h3 span {
		font-size: 18px;
	}

	.mundus-logo {
		width: 120px;
		height: auto;
		margin-top: 20px;
	}

	.section-title {
		font-size: 24px !important;
	}

	.h3-video-title {
		font-size: 16px;
	}

	.event-desc {
		font-size: 26px !important;
		line-height: 29px;
	}

	.event-title {
		font-size: 24px !important;
		line-height: 27px;
	}

	.event-title.descriptions {
		line-height: 30px;
	}

	#experiences .two-thirds {
		width: 100%;
		padding-bottom: 20px;
	}


}

@media all and (max-width: 320px) {
	


	.daySliderDisabled .video {
		/*width: 100%;*/
	}
}
