/* ------------------------ 
	SEARCHFORM 
	------------------------ */	
    @media only screen and (max-width: 1440px) {
        #relevanssi #searchform {
            width: 90%; 
            max-width: 700px;
        }
    }
    @media only screen and (max-width: 1280px) {}
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) {
        #relevanssi #searchform input[type="submit"] {
            left: -5px;
            width: 20px;
            height: 20px;
	    }
        #relevanssi #searchform input[type="text"] { 
            width: calc(100% - 4rem);
            margin-left: 2rem;
         }
    }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { 
        #relevanssi #searchform input[type="text"] { 
            width: calc(100% - 2rem);
         }
        #relevanssi #searchform input[type="text"] { 
            font-size: 1.2rem;
        }
    }
    @media only screen and (max-width: 767px) {}
	@media only screen and (max-width: 600px) { }
	@media only screen and (max-width: 479px) {
        #relevanssi #searchform input[type="submit"] {
            left: 0px;
            width: 15px;
            height: 15px;
            top: -2px;
        }
        #relevanssi #searchform input[type="text"] { 
            font-size: 1.05rem;
        }
    }

    /* ------------------------ 
	HELPCENTER OVERVIEW
	------------------------ */	
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { 
        .hc-grid #butbox.post {padding: 1rem 0 0rem;}
    }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { 
        /* flex */
        .hc-grid #flexgrid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
        }
    }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { }
    @media only screen and (max-width: 767px) {
        .hp-overview .hc-grid {padding-bottom: 2rem; }
        
        /* flex */
        .hc-grid #flexgrid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 25px;
            margin-bottom: 1.5rem; 
        }   
        
    }
	@media only screen and (max-width: 600px) { }
	@media only screen and (max-width: 479px) { }

    /* ------------------------ 
	HELPCENTER SEARCH + CAT RESULT + 404
	------------------------ */	
        #error-404,
        #search-result,
        #cat-result {
            min-height: calc(100vh - 470px);
        }

    @media only screen and (max-width: 1440px) { 
        #error-404,
        #search-result,
        #cat-result {
           min-height: calc(100vh - 500px);
        }
    }
    @media only screen and (max-width: 1280px) { 
        #error-404,
        #search-result,
        #cat-result {
           min-height: calc(100vh - 480px);
        }
    }
	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) { }
    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) { }
	@media only screen and (max-width: 479px) { }


    /* ------------------------ 
	HELPCENTER POST
	------------------------ */	
    @media only screen and (max-width: 1440px) { }
    @media only screen and (max-width: 1280px) { 
        /*grid*/
        #hp-article #post .col-9 { width: calc(100% - 300px); }
        #hp-article #post #sidebar { width: 300px;}
        #hp-article #post .inner.col-10 {padding: 0;}
        #hp-article .inner.pad {padding: 0 3rem;}
        
        #hp-article #post .inner .col-11 { width: 95%; }
        
        /*additional*/
        #hp-article #post #additional { margin-top: 0; }
    }

	@media only screen and (max-width: 1160px) {  }
    @media only screen and (max-width: 1024px) { 
        /* anchermnu */
        #hp-article #AnchorMenu { display: none; }
        
        /*grid*/
        #hp-article #post .col-9,
        #hp-article #post #sidebar,
        #hp-article #post .inner .col-11 { width: 100%;  }
        
        #hp-article #post .col-9 { 
            padding: 15px 0; 
        }
        #hp-article #post #sidebar {  
            padding: 15px; 
        }
        
        /*topheader*/
        #hp-article #topheader {padding: 1.5rem 0 1rem;}
        #hp-article #topheader #supportticket {
            float: none;
            display: block;
            padding-top:1rem;
        }
        
        /*textbox*/
        #hp-article section#textbox:last-of-type {margin-bottom: 0;}
        #hp-article section#textbox .intro {padding: 0 1rem;}
        #hp-article section#textbox .contain.row {
          width: 100%;
          margin-left: 0px;
        } 
        
        /*additional*/
        #hp-article #post #additional { padding: 0 15px; }
        
    }

    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) {
        /* grid */
        #hp-article .inner.pad {padding: 0 2rem;}
       
        /*section img*/
        #hp-article #post .img-wrap img {max-height: 100% !important; }
        
        /*tablebox*/
        #copysingle #tablebox ul li div {
          font-size: 0.9rem;
          line-height: 1.25rem;
        }
    }

    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) {
        
        /*textbox*/
        #hp-article section#textbox {margin-bottom: 2rem;}
        #hp-article section#textbox .inner.col-10 {padding: 0;} 
        #hp-article section#textbox .img-outer {padding-bottom: 2rem;}
        
        /*divider*/
        #hp-article section#textbox #copysingle .divider-inline {padding: 1rem 0;}
        
        /*tablebox*/
        #copysingle #tablebox ul li div {
          padding: 10px;
        }
        #copysingle .copylist p {
          font-size: 0.8rem;
          line-height: 1.15rem;
        }
        #copysingle .copylist p .num {width: 2rem;}
        #copysingle .copylist::before {width: 2.5rem;}
        
        /*author*/
        #author #contentbox {
          width: 100%;
          padding-left: 0;
        }
    }

	@media only screen and (max-width: 479px) { 
        /*grid*/
        #hp-article .inner.pad {padding: 0 1.5rem;}
        
        /*textbox*/
        #hp-article section#textbox,
        #hp-article section#textbox:last-of-type {margin-bottom: 2rem;}
        #hp-article section#textbox .contain #copysingle {padding-bottom: 0;}
        
        /*footer*/
        #hp-article section#blogfooter {margin-top: 3rem;} 
    }