/************md***************/
@media (min-width:768px){
    
    .btn-register-header::before,.register-entrance-btn::before {
        font-size: .8em;
        top: -45%;
        right: -10%;
    }
    
    .logo-image {
    	height: 3.125vw;
    	margin: .2em 0;
    }
    
    .header-nameplate {
        background: linear-gradient(180deg,#fff,#def1fc);
        border-bottom: none;
	    box-shadow: none;
    }
    
	.footer-brand {
	    align-items: start;
	}
	
	.footer-content {
	    padding: 1em 0;
	}
	
	section,.faq-list {
        padding: 0;
    }
	
	.guide-step-number {
	    font-size: 1em;
	}
	 
	.steps-slide-btn, .faq-toggle-btn {
	    right: 1.5em;
	}
	 
    .faq-list > .faq-item,
    .about-item,
    .about-user-flow,
    .responsible-item,
    .responsible-flow,
    .support-item  {
        position: relative;
    }
    
	.header-main {
		padding: 0 8px
	}
    
    .access-item-title,
    .access-item-link {
        width: 25%;
    }
    
    .about-image img {
        max-width: 60%;
    }
    
    .access-item-summary {
        line-height: 1.2em;
        width: 50%;
        font-size: 1em;
    }
    
    p,
    .access-item article p,
    .guide-step-content h4,
    .access-item-title {
        font-size: 1.1em;
    }
    
    h1 {
    	font-size: 2em
    }
    
    h2 {
    	font-size: 1.7em
    }
    
    h3 {
        font-size: 1.4em;
    }
    
    .features-grid,
    .access-links-grid,
    .footer-content {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .categories-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    
    .footer-content {
        max-width: 720px;
    }
    
	.h5-only,.h5-flex {
	    display: none!important;
    }
	
	.desktop-only,
	.categories-card-link:hover .categories-card-content,
	.categories-summary {
	    display: block!important;
	}
	
	.desktop-flex {
	    display: flex!important;
	}
	
}

/************lg***************/
@media (min-width:992px){
    .footer-content {
        max-width: 960px;
    }
    
}
/************xl***************/
@media (min-width:1200px){
    .footer-content {
        max-width: 1140px;
    }
    
    .login-input {
		width: 140px
	}

	.btn-login-header,
	.btn-register-header {
		padding: 10px 14px;
		font-size: 12px
	}
    
}
/************xxl***************/
@media (min-width:1400px){
    .footer-content {
        max-width: 1320px;
    }
}

/************xxxl***************/
@media (min-width:1980px){
    .container {
        max-width: 1780px;
    }
}