/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}









/*==========  MISC   ==========*/
/* Change the navbar collapse breakpoint from 768 to 1025px */
@media (max-width: 1025px) {
	.navbar-header {
	  float: none;
	}
	.navbar-left,.navbar-right {
	  float: none !important;
	}
	.navbar-toggle {
	  display: block;
	}
	.navbar-collapse {
	  border-top: 1px solid transparent;
	  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
	  top: 0;
	  border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
	  display: none!important;
	}
	.navbar-nav {
	  float: none!important;
	  margin-top: 7.5px;
	}
	.navbar-nav>li {
	  float: none;
	}
	.navbar-nav>li>a {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.collapse.in{
	  display:block !important;
	}

  	/* Menu contents */
	.nav-tabs.nav-justified>li {
		display: block;
		width: auto;
	}
	.nav-justified>li {
		display: block;
		width: auto;		
	}
	.header_menus {
		border:0;
	}

	/* Submenu placement */
	.dropdown-menu {
		width: 100%;
    	text-align: center;
    }



    /* Move the language selector to the bottom of the first logo */
    #language_selector {
    	right: 0px;
    	left: 0px;
    	top: 153px;
    }
	#language_selector a {
		padding: 10px;
	}
	#language_selector img {
		width: 25px;
	}    

}






/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
/* md */
@media only screen and (max-width : 1200px) {
	
	#galeria .content
	{
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 100px;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}

}


@media only screen and (max-width : 1100px) {

	/* Hacking sliders */
	/* Side buttons become hidden because sliders use the top div width to recalculate dinamically its margins */
	.jssora11_inv_l
	{
		top: 0px !important;
		left: 35% !important;
		margin-top: 18% !important;
	}
	.jssora11_inv_r
	{
		top: 0px !important;
		right: 35% !important;
		margin-top: 18% !important;
	}

	.gallery-row
	{
		margin-bottom: 70px;
	}

	.under_construction img
	{
		width: 100%;
	}

	/* Redeploy the header logos at the sides */
	.header_logo .logo_gelmi 
	{
		margin-left: 10px;
	}
	.header_logo .logo_zb 
	{
		right: 10px;
	}

	/* Make piscines galleries full width to make them responsive */
	#piscines .gallery_slider
	{
		width: 100%;
	}


    /* Move the language selector to the left of the second logo */
    #language_selector {
    	right: 190px;
    }
	#language_selector a {
		padding: 10px;
	}
	#language_selector img {
		width: 25px;
	}

}

/* Medium Devices, Desktops */
/* sm */ 
@media only screen and (max-width : 992px) {

	.header_logo img
	{
		margin-left: 1%;
	}

	

	.header_menus {
		border:0;
	}

}

/* Small Devices, Tablets */
/* xs */
@media only screen and (max-width : 768px) {

	.header_logo
	{
		height: 15px;
	}

	

	.collapse.in 
	{
		margin-top: 65px;
	}

	.presmall-footer
	{
		height: 130px;
		margin-top: 40px;
	}

	.presmall-header
	{
		text-align: center;
		margin-top: 10px;
		height: 130px;
	}

	.presmall-footer img,
	.presmall-header img
	{
		width: 100px;
	}
	
	#contacte .info-contact 
	{
		padding: 0px;
		border-left: 0px;
		margin-top: 15px;
		margin-bottom: 30px;
	}

	#contacte .info-contact > span
	{
		width: 100%;
		float: left;
	}

	#contacte .info
	{
		margin-top: 15px;
	}

	#contacte .info-who,
	#contacte .info-who p
	{
		text-align: center;
	}

	/* Menu */
	.nav-tabs.nav-justified>.active>a {
		color: #FFF;
    	background: #17678a;
    	border: 0;
    	border-radius: 0;
    }
    .nav-tabs.nav-justified>li>a {
		color: #FFF;
    	background: #002246;    
    	border: 0;
    	border-radius: 0;	
    }


    /* Gallery selector */
    #piscines .gallery_item
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
    #piscines .gallery_item span
	{
	    margin-bottom: 0px;
	    padding: 10px;
	}

	#piscines .gallery_selector 
	{
		margin-bottom: 40px;
	}
}




/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {


	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}



@media only print
{
	.footer	{visibility: hidden;}
	.presmall-footer {visibility: hidden;}
	.presmall-header {visibility: hidden;}
}