/* Custom Breakpoint for Product line on the blog pages */
@media(max-width:1530px){
    .pm_news_filters ul li:hover ul li a {
        padding: 1rem 1rem;
        
    }
    
}


@media(max-width:1300px){
	.container{
		width:90%;
		max-width:90%;
	}
	.header_logo img{
		padding:0 0 1rem;
	}
	.header_nav li a{
		padding:1.45rem 0.75rem;
	}
    ul.alm-listing.alm-ajax {
        width: 90vw !important;
    }
}

/*LARGE*/
@media(max-width:1199px){
	.header, .header_logo{
		height:120px;
	}
	.header_logo img{
		padding:0;
	}
	.header_nav li a{
		padding:1.45rem 0.4rem;
	}
	.header_scrolled,
	.header_scrolled_logo{
		height:70px;
	}
	.hero_content_inner{
		width:100%;
	}
/* 	.hero_content_inner h1,
	.hero_content_inner p{
		padding-right:20%;
	} */
	.hero_content_inner h1,
	.pm_title_bar h1{
		font-size:48px;
	}
	.hero_buttons a{
		width:204px;
	}
	.pm_product_block{
		padding-bottom:65%;
	}
	.pm_social_post_content{
		padding-bottom:60%;
	}
	.footer_logo img {
	    width: 150%;
	    text-align: right;
	    margin-top: 7rem;
	    margin-left: -50%;
	}
	.header_search{
		margin-left:0.25rem;
	}
	.pm_news_filters ul li:hover ul li a{
		padding:1rem 0.5rem;
	}
    .pm_news_filters ul li:hover ul li a {
        font-size: 1rem;
    }
    #wpsl-direction-details ul li {
        width: 100% !important;
    }
    
}

/*MEDIUM*/
@media(max-width:991px){
	.header_right{
		display:none;
		position:fixed;
		width:50%;
		background:white;
		height:100vh;
		min-height:600px;
		right:0;
		padding-top:70px;
		text-align:left;
		overflow:scroll;
	}
	.header_mobile{
		display:block;
		margin:0;
		color:white;
		padding:1rem 1.5rem;
		font-size:30px;
		z-index:1000;
	}
	.header_mobile.open{
		color:#58595b;
	}
	.header_scrolled .header_mobile{
		font-size:24px;
		color:#58595b;
	}
	.header_nav,
	.header_top_nav{
		font-size:24px;
		width:100%;
		text-align:left;
		text-transform:uppercase;
		font-weight:400;
	}
	.header_nav li,
	.header_top_nav li{
		display:block;
		width:100%;
	}
	.header_nav li a,
	.header_top_nav li a{
		color:#58595b;
		padding:0.75rem 2rem;
	}
	.header_nav li .sub-menu{
		position:relative;
		font-size:16px;
		width:100%;
	}
	.header_nav li .sub-menu li a{
		padding:0.5rem 2rem;
	}
	.header_scrolled .header_top_nav{
		display:block;
	}
	.header_top_nav li.header_top_search{
		display:block;
	}
	.header_top_nav li.header_top_search_icon{
		display:none;
	}
	.header_search_form{
		display:block;
		position:relative;
		width:100%;
		padding:1rem 1.5rem;
		margin:0;
		top:0;
	}
	.header_search_form .form-control{
		display:block;
		width:100%;
		border-color:black;
		padding: 0.5rem 0.5rem;
		color:black;
	}
	.header_search_form .form-control::placeholder{
		color:grey;
	}
	.header_search_form .site_button{
		width:auto;
		background:black;
		color:white;
		margin:1rem 1.5rem;
	}
	.header_scrolled .header_search_form{
		box-shadow:none;
		margin:0;
	}
	.header_scrolled .header_search_form::before{
		content:none;
	}
	.hero_buttons{
		margin-top:2rem;
	}
	.hero_buttons a{
		width:48%;
		margin-bottom:0.75rem;
	}
	.hero_content_inner h1{
		padding-right:0;
	}
	.pm_product_block{
		padding-bottom:70%;
	}
	.pm_content h2,
	.pm_content_halved h2{
		font-size:34px;
	}
	.pm_blog_post{
		margin-bottom:3rem;
	}
	.pm_blog_post_image{
		width:100%;
		height:100%;
		padding-bottom:0;
	}
	.pm_blog_post_image img{
		height:100%;
		width:auto;
	}
	.pm_social_post_content_inner{
    	position: absolute;
    	padding: 1rem 1rem 1rem 0;
    }
    .footer_block{
    	padding-bottom:40%;
    	margin-bottom:2rem;
    }
    .footer_social{
    	text-align:center;
    	margin-top:3rem;
    }
    .footer_logo img{
    	width:100%;
    	margin-left:0;
    	padding:0 15%;
    	margin-top:0;
    }
    .footer_copy{
    	text-align:center;
    }
    .pm_news_filters ul li ul{
    	font-size:14px;
    }
    .hero_content_inner h1,
    .pm_title_bar h1{
    	font-size:45px;
    }
    .hero_alert{
    	top:5rem;
    }
    .pm_news_filters {
        margin-bottom: 7rem;
    }
        .pm_news_filters ul li a {
        padding: 0.5rem 1rem;
    }
    .tablepress td {
        padding: 0rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }    
    .tablepress td:nth-child(odd) {
        padding-right: 1rem;
    }
    .page-id-1409 .pm_content p{
        float: left;
        width: 50%;
    }
    .wpsl-direction-index {
        margin: 0 6% 0 0 !important;
    }
}

/*SMALL*/
@media(max-width:767px){
	.container{
		max-width:100%;
		width:100%;
	}
	.header_right{
		width:75%;
	}
	.hero_buttons a{
		width:48%;
	}
	.hero_content_inner{
		width:100%;
	}
	.hero_content_inner h1,
	.pm_title_bar h1{
		font-size:56px;
	}
	.pm_product_block{
		padding-bottom:60%;
	}
	.pm_page_content .pm_product_block{
		padding-bottom:55%;
	}
	.pm_content_halved{
		padding:0;
	}
	.pm_content_halved_image{
		width:100%;
		padding-bottom:60%;
		position:relative;
		overflow:hidden;
	}
	.pm_content_halved_text{
		padding:2rem 0 4rem;
	}
	.pm_content_intro{
		padding:0;
	}
	.pm_blog_post_image{
	    width: 100%;
	    height: auto;
	    padding-bottom: 60%;
	}
	.pm_blog_post_image img{
		width:100%;
		height:auto;
	}
	.pm_social_post_content_inner{
		padding:1rem;
	}
	.pm_social_post_content{
		padding-bottom:40%;
	}
	.footer_block{
		padding-bottom:15%;
	}
	.footer_list{
		margin:0 0 2rem;
	}
	.pm_contact_map{
		margin-top:2rem;
	}
	.pm_news_filters h5{
		display:block;
	}
	.pm_news_filters ul li{
		display:block;
	}
	.pm_news_filters ul li a{
		padding:0.5rem 0;
        font-size: 1rem;
	}
	.pm_news_filters ul li:hover ul{
		right:-1.5rem;
		left:auto;
		width:60%;
		top:0;
		text-align:left;
	}
	.pm_news_filters ul li:hover ul li a{
		padding:0.5rem 1rem;
	}
    .tablepress tbody {
        overflow: hidden !important;
        display: block !important;
    }    
    .tablepress tbody tr{
        width: 100% !important;
        max-width: 80vw !important;
        text-align: center;
        margin: 0 auto;
    }    
    .tablepress tbody tr td{
        width: 80vw;
        float: left !important;
        text-align: center;
    }
    .tablepress tbody td, .tablepress tfoot th {
        border-top: 0 !important;
    }    
    .hero {
        height: 106vh;
    }
    .hero_content {
        top: 65%;
    }
    .hero_content_inner h1 {
        font-size: 34px !important;
    }
    .header_logo a img:first-child {
        height: 100px;
    }
    .page-id-1409 .pm_content p{
        float: none;
        width: 100%;
    }
    .tablepress tr td:nth-child(odd) {
        width: 100%;
    }
    .tablepress tr td:nth-child(even) {
        width: 100%;
    }
    
    ul.alm-listing.alm-ajax {
        width: 100vw !important;
    }

}

/*EXTRA SMALL*/


@media(max-width:575px){
	.header_mobile{
		margin-top:-105px;
		padding: 1rem 1.5rem;
	}
	.header_scrolled .header_mobile{
		margin-top:-70px;
	}
	.header_right{
		top:0;
	}
	.header_scrolled .header_logo{
		z-index:1000;
		position:relative;
	}
	.header_nav,
	.header_top_nav{
		font-size:16px;
	}
	.header_nav li a,
	.header_top_nav li a{
		padding: 0.75rem 1.5rem;
	}
	.header_nav li .sub-menu li a {
	    padding: 0.5rem 1.5rem;
	}
	.hero_content_inner h1,
	.pm_title_bar h1{
		font-size:38px;
	}
	.hero_buttons a{
		width:100%;
	}
	.hero_content_inner p{
		font-size:18px;
	}
	.pm_product_block{
		padding-bottom:50%;
		margin:0.5rem 0;
	}
	.footer_block{
		margin-bottom:1rem;
	}
	.hero_content {
	    top: 57%;
	}
    .hero_alert {
	    animation: none;
	    margin-right: 0;
	    width: 100%;
	    bottom: 0;
	    top: 49rem;
	}
	.hero_alert p {
    	width: 100%;
    	font-size: 14px !important;
	}

}

@media(max-width:400px){
	.header, .header_logo{
		height:100px;
	}
	.header_scrolled,
	.header_scrolled .header_logo{
		height:70px;
	}
	.header_mobile{
		margin-top:-100px;
	}
	.header_nav{
		font-size:16px;
	}
	.hero_content_inner h1{
		font-size:28px;
		margin:0 0 0.5rem;
	}
	.pm_title_bar h1{
		font-size:28px;
	}
	.hero_content_inner p{
		font-size:16px;
		margin-bottom:0;
	}
	.hero_buttons{
		margin-top:1rem;
	}
	.pm_social_post_content {
	    padding-bottom: 65%;
	}
	.header_nav li a,
	.header_top_nav li a {
	    padding: 0.5rem 1.5rem;
	}
	.header_nav li .sub-menu{
		font-size:14px;
		padding:0.25rem 0;
	}
	.header_nav li .sub-menu li a {
	    padding: 0.25rem 1.5rem;
	}
	.header_right{
		overflow:scroll;
	}
	.pm_page_content .pm_product_blocks{
		margin-bottom:1rem;
	}
	.pm_page_content .pm_product_block{
		padding-bottom:60%;
	}
	.pm_page_content .pm_product_block img{
	    height:50px;
	    width:60px;
	}
	.pm_title_bar{
		height:200px;
	}
	.hero_alert {
	    top: 88%;
	}
	.hero {
	    height: 101vh;
	}
	.hero_content_inner p {
    	padding: 0;
	}
	.hero_content_inner h1 {
	    font-size: 28px !important;
	}
}
