/** 
* @file 
* Responsive styling for Montreal theme. 
*/

@media (max-width: 575.98px) {
  
	/*  Header  */
	
	.path-frontpage .main-header{
		background-image: url('../images/jumbo-bg2.jpg');
		background-size: 100%;
	}
	
	.navbar{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.site-logo img,
    .custom-logo img{
		width: 150px;
	}
	
	.page-nav-main{
		width: 100%;
	}
	
	.region-nav-main .menu--main{
		padding: 10px 0 10px;
		font-size: 0.95em;
		margin-bottom: 10px;
	}
	
	.region-nav-main .menu--main .navbar-nav{
		flex-direction: row;
		justify-content: flex-start !important;
		padding: 0;
	}
	
	.region-nav-main .menu--main .nav-link {
        padding: 20px !important
	}
	
	.region-nav-main .menu--main .navbar-nav li{
		display: block;
		width: 100%;
	}
	
	.page-nav-additional{
		width: 60%;
	}
	
	
	
}


@media (min-width: 576px) and (max-width: 767.98px) {
  
	/*  Header  */
	
	.navbar{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.site-logo img,
	.custom-logo img{
		width: 150px;
	}
	
	.page-nav-main{
		width: 100%;
	}
	
	.region-nav-main .menu--main{
		padding: 10px 0 10px;
		font-size: 0.95em;
		margin-bottom: 10px;
	}
	
	.region-nav-main .menu--main .navbar-nav{
		flex-direction: row;
		justify-content: flex-start !important;
		padding: 0;
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 20px !important
	}
	
	.region-nav-main .menu--main .navbar-nav li{
		display: block;
		width: 100%;
	}
	
	.page-nav-additional{
		width: 60%;
	}
	
	
	
}


@media (min-width: 768px) and (max-width: 991.98px) {
	
	/*  Header  */
	
	.navbar{
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	.site-logo img,
	.custom-logo img	{
		width: 170px;
	}
	
	.page-nav-main{
		width: 100%;
	}
	
	.region-nav-main .menu--main{
		padding: 10px 0 10px;
		font-size: 0.95em;
	}
	
	.region-nav-main .menu--main .navbar-nav{
		flex-direction: row;
		justify-content: flex-start !important;
		margin-bottom: 10px;
		padding: 0;
	}
	
	.page-nav-additional{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		margin-bottom: 5px;
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 20px !important
	}
	

	
	
	
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	
	/*  Header  */
	
	.region-nav-main{
		height: 70px;
	}
	
	.site-logo img,
	.custom-logo img{
		width: 170px;
	}
	
	.page-nav-main{
		
	}
	
	.region-nav-main .menu--main{
		padding: 10px 10px 0 10px;
		font-size: 0.9em;
	}
	
	.region-nav-main .menu--main .nav-link {
        padding: 10px 20px !important
	}
	
	
	
	
	
	
	/*  Commerce Pages  */
	
	.layout-region-checkout-main,
	.layout-region-checkout-secondary{
		width: 50%;
	}
	
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	
	/*  Header  */
	
	.region-nav-main{
		height: 75px;
	}
	
	.site-logo img,
	.custom-logo img{
	  width: 170px;
	}
	
	.page-nav-main{
		
	}
		
	.region-nav-main .menu--main .nav-link {
        padding: 10px 20px !important
	}
	
	
	
}


@media only screen and (min-width: 1400px) {
	
	
	.region-nav-main{
		height: 80px;
	}

	
	/*  Commerce Pages  */
	
	.layout-region-checkout-main,
	.layout-region-checkout-secondary{
		width: 50%;
	}
} 

/*  Smaller Screens  */

@media (max-width: 574px) {
	
	.region-nav-main .menu--main .navbar-nav li{
		display: block;
		width: 100%;
	}
	
	.region-nav-main .menu--main .nav-link{
		padding: 13px 15px 13px 0 !important;
	}
	
	.region-nav-main .menu--main .nav-link {
		padding: 15px 20px !important
	}

}