/* ------------------------ 
	HEADER
	------------------------ */	
	@media only screen and (max-width: 1280px) { 
		 .sub-menu {padding-left: 1rem; }
	}
    @media only screen and (max-width: 1160px) { 
		 .sub-menu {padding-left: .8rem; }
	}

    /* 1.BREAKE*/
    @media only screen and (max-width: 940px) { 
        /*additional*/
        header #additional a.but:last-child {
            margin-right: 0px;
        }
        /*nav*/
        header nav {
            float: none;
            clear: both; 
            padding-top: 1rem;
        }
        header nav ul.sub-menu {top: 2.7rem;}
	}

    @media only screen and (max-width: 850px) { }
    @media only screen and (max-width: 767px) { }

	/* 2.BREAKE*/
	@media only screen and (max-width: 600px) { 
        header #logo,
        header #additional { float: none; }
        body.noscroll {overflow: hidden;}
        
        .helpcenter header #logo,
        .single-help_article header #logo,
        .tax-help_article_category header #logo,
        .search-results header #logo,
        .search-no-results header #logo {float: left;}
        
		/*burger*/
		#burger-outer {
			display: block;
			z-index: 100; 
		}
		
		/*nav*/
		header nav {
			position: fixed; 
			z-index: 90;
			top: 0px;
			height: 100vh;
			
			overflow-y: scroll;
			-webkit-overflow-scrolling:touch; 
			transition: all .4s ease;
			
			width: 60vw;
			right: -60vw; 
			
			box-shadow: -2px 0px 10px rgba(57, 63, 72, 0.1);
			background: #fff;	
		}
		header nav.open {right: 0px;}
		
        header nav li {display: block;}
		header nav ul li .sub-menu { 
            z-index: 1;
			position: relative;
			top: 0px;
			left: 0px;
			float: none;
			clear: both; 
            
            visibility: visible;
			opacity: 1;
			margin: 0px;
            padding: 1rem 0 0 1rem;
            width: 100%;
            
            border-radius: none;
            box-shadow: none;
            background: none;
		}
        
        
        
        /* ---- MOBILE NAV (extra) ---- */
        header nav ul#menu-mainnav { 
            padding: 3rem 0 0 0; 
            /*padding: 0;*/ 
        }
        header nav ul#menu-mobilenav { padding: 0 0 1rem; }
        
       /*display*/
        #m-nav,
        #m-status { display: block; }
        
        /*status*/
        #m-status { 
            padding: 0 10px; 
        }
        #m-status a {
            color: #666; 
            font-size: 13px;  
            padding-top: .6rem;
            display: inline-block;
        }
        
        /*additional*/
		header #additional { padding: 0 1rem; }
        header #additional a.but {
            margin: 0 0 1rem 0; 
            display: block;
        }
 
	}

	@media only screen and (max-width: 479px) { 	
        header nav {
			width: 80vw;
			right: -80vw; 	
		}
	}


    /* ------------------------ 
	FOOTER
	------------------------ */		
	@media only screen and (max-width: 1280px) { 
        footer .col-12 {padding: 15px;}
        footer .inner.col-10 {padding: 0 1rem;}   
    }
	@media only screen and (max-width: 1160px) { }
    
    /* 1.BREAKE*/
    @media only screen and (max-width: 1024px) { 
        footer .logo {display: none; }
        footer .col-9 {width: 66.666%; }
        footer .col-3 {width: 33.333%; }
	}

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

    /* 2.BREAKE*/
    @media only screen and (max-width: 850px) { 
        footer .inner.col-10 {padding: 0;}
        
		footer .col-9,
        footer .status.col-3,
        footer .social.col-3 {width: 100%; }
        
        /*status line */
        footer .status {
            padding-bottom: 2rem; 
            margin-bottom: 1rem; 
        }
        footer .status:after {
            left: 1rem;            
            top: auto;
            bottom: 0;
            height: 1px;
            width: calc(100% - 2rem);
        }
        
        /*legal*/
        footer .legal p {padding-left: 0;}
        
        /*social*/
        footer .social {padding-top: 0px; }
        footer .social .row-left {justify-content: flex-start;}
        footer .social .row-left a:first-of-type {margin-left: 0px;} 
	}

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

    /* 3.BREAKE*/
	@media only screen and (max-width: 600px) { 
		footer .col-3 {width: 50%; }
        
        /*nav*/
        footer p.title {padding-bottom: .6rem;}
        footer .first li {padding: 4px 0;}
       
        /*legal*/
        footer .copyright {display: block; }
        footer .legal li:first-of-type:before {display: none;}
        footer .legal li:first-of-type {padding-left: 0px;}
	}
	
	@media only screen and (max-width: 480px) { 
        footer .col-12 {padding: 15px 1.5rem;}
        
        footer .inner .status,
        footer .inner .legal {padding-left: 0; padding-right: 0;}
        footer .inner .contain .col-3 {padding-left: 0;}
        footer .status:after {
            left: 0;
            width: 100%;
          }
        
        footer .social {padding-left: 0px;}
	}