@media(max-width:992px){


.section{

padding:70px 0;

}



}


@media(max-width:768px){


.container{

width:92%;

}



h1{

font-size:2.5rem;

}


.dw-btn{

padding:

13px 25px;

}



}

@media(max-width:900px){



.dw-navigation{


position:fixed;


top:0;


right:-100%;


height:100vh;


width:80%;


background:

var(--dw-dark);


padding:100px 40px;


transition:.4s;


}



.dw-navigation.active{


right:0;


}





.dw-menu{


display:flex;


flex-direction:column;


align-items:flex-start;


gap:30px;


}




.dw-header-actions .dw-btn{


display:none;


}




.dw-menu-toggle{


display:block;


}


}

@media(max-width:900px){


.dw-hero{


padding-top:150px;


}



.dw-hero-content{


grid-template-columns:1fr;


text-align:center;


}



.dw-hero-buttons{


justify-content:center;


}



.dw-hero-visual{


margin-top:40px;


}



.dw-floating-card{


display:none;


}



}

@media(max-width:900px){


.dw-trusted-grid{


grid-template-columns:

repeat(2,1fr);


}



.dw-about-grid{


grid-template-columns:1fr;


}



.dw-about-image{


height:350px;


}



}


@media(max-width:500px){


.dw-trusted-grid{


grid-template-columns:1fr;


}



.dw-about-features{


grid-template-columns:1fr;


}


}

@media(max-width:1100px){


.dw-why-grid{


grid-template-columns:

repeat(2,1fr);


}


}



@media(max-width:600px){


.dw-why-grid{


grid-template-columns:

1fr;


}


}

@media(max-width:900px){


.dw-stat-grid{


grid-template-columns:

repeat(2,1fr);


}


}



@media(max-width:500px){


.dw-stat-grid{


grid-template-columns:

1fr;


}


}

@media(max-width:700px){



.dw-roadmap-wrapper::before{


left:25px;


}




.dw-roadmap-item{


gap:20px;


}




.dw-roadmap-number{


width:50px;


height:50px;


font-size:15px;


}



}






@media(max-width:900px){


.dw-code-feature-box{


grid-template-columns:

1fr;


padding:

10px


}



.dw-challenge-meta{


grid-template-columns:

1fr;
width:90%

}



}

@media(max-width:700px){


.dw-leader-header{


display:none;


}



.dw-leader-row{


grid-template-columns:

1fr;


gap:

10px;


text-align:center;


}



}

@media(max-width:1000px){


.dw-category-grid{


grid-template-columns:

repeat(2,1fr);


}


}



@media(max-width:600px){


.dw-category-grid{


grid-template-columns:

1fr;


}


}

@media(max-width:900px){


.dw-editor-wrapper{


grid-template-columns:

1fr;


}



.editor-tabs{


flex-direction:

row;


}



.editor-tabs button{


flex:1;


}


}



@media(max-width:600px){


.editor-tabs{


flex-direction:

column;


}


}

@media(max-width:1000px){


.dw-badges-grid{


grid-template-columns:

repeat(2,1fr);


}


}



@media(max-width:600px){


.dw-badges-grid{


grid-template-columns:

1fr;


}


}

@media(max-width:700px){


.dw-timeline::before{


left:

25px;


}



.dw-timeline-item{


gap:

20px;


}



.dw-timeline-number{


width:

50px;


height:

50px;


font-size:

14px;


}



}


@media(max-width:1000px){


.dw-code-stats-grid{


grid-template-columns:

repeat(2,1fr);


}


}



@media(max-width:600px){


.dw-code-stats-grid{


grid-template-columns:

1fr;


}


}

@media(max-width:900px){


.dw-winners-grid{


grid-template-columns:

repeat(2,1fr);


}


}



@media(max-width:600px){


.dw-winners-grid{


grid-template-columns:

1fr;


}


}

@media(max-width:900px){


.dw-code-cta-box{


flex-direction:

column;


text-align:center;


padding:

45px;


}



.dw-code-cta-buttons{


justify-content:center;


}



.floating-code{


margin-top:

30px;


font-size:

80px;


}


}



@media(max-width:600px){


.dw-code-cta-buttons{


flex-direction:

column;


}



}


/* ==========================================================
   ACADEMY AUTH MOBILE RESPONSIVE
========================================================== */


@media(max-width:768px){


.dw-registration-hero,
.dw-login-hero {

min-height:300px;

padding:60px 20px;

}



.dw-registration-hero h1,
.dw-login-hero h1 {

font-size:36px;

line-height:1.2;

}



.dw-registration-hero p,
.dw-login-hero p {

font-size:16px;

}



.dw-registration-section,
.dw-login-section {

padding:40px 15px;

}



/* Important */

.dw-registration-wrapper {

display:flex;

flex-direction:column;

padding:20px;

gap:25px;

}



.dw-registration-intro {

padding:30px 22px;

order:1;

}



.dw-registration-form-box {

padding:25px 20px;

order:2;

}



/* Inputs */

.dw-form-row {

display:flex;

flex-direction:column;

gap:18px;

}



.dw-form-group input,
.dw-form-group select,
.dw-form-group textarea {

font-size:16px;

padding:15px;

}



/* Button */

.dw-registration-form button {

width:100%;

}



/* LOGIN */


.dw-login-box {

padding:30px 20px;

border-radius:25px;

}



.dw-login-box h2 {

font-size:28px;

}



}

@media(max-width:768px){

.dw-alert{

font-size:14px;

padding:15px;

}

}

/* =================================
========================== */

/*========================================
 DASHBOARD RESPONSIVE
========================================*/


@media(max-width:1100px){


.dw-dashboard-wrapper{

    grid-template-columns:1fr;

}



.dw-dashboard-sidebar{

   

    left:-320px;

    top:0;

    width:280px;

    height:100vh;

    z-index:3000;

    border-radius:0;

    transition:.3s ease;

}



.dw-dashboard-sidebar.active{

    left:0;

}



.dw-dashboard-mobile-header{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:20px;

}



.dw-sidebar-close{

    display:block;

    text-align:right;

}



.dw-sidebar-close button{

    background:none;

    border:none;

    color:white;

    font-size:30px;

}



.dw-dashboard-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.5);

    z-index:2000;

    opacity:0;

    visibility:hidden;

    transition:.3s;

}



.dw-dashboard-overlay.active{

    opacity:1;

    visibility:visible;

}


.dw-dashboard-stats{

    grid-template-columns:repeat(2,1fr);

}


}




@media(max-width:768px){


.dw-dashboard{

    padding:20px 0;

}



.dw-dashboard-wrapper{

    padding:0 15px;

}



.dw-dashboard-topbar{

    padding:25px;

}



.dw-dashboard-topbar h1{

    font-size:25px;

}



.dw-dashboard-user{

    display:none;

}



.dw-dashboard-stats{

    grid-template-columns:1fr;

}



.dw-course-grid{

    grid-template-columns:1fr;

}



.dw-profile-grid{

    grid-template-columns:1fr;

}



.dw-dashboard-section{

    padding:20px;

}


}

/*====================================================
 DWALLNET DASHBOARD RESPONSIVE SYSTEM
====================================================*/


/* TABLET + MOBILE
====================================================*/

@media(max-width:1100px){



.dw-dashboard{

    padding:20px 0;

}



.dw-dashboard-wrapper{

    display:block;

    padding:0 20px;

}





/* MOBILE HEADER */

.dw-dashboard-mobile-header{

    display:flex;

    align-items:center;

    gap:15px;

    padding:0 20px;

    margin-bottom:20px;

}



.dw-dashboard-toggle{

    width:45px;

    height:45px;

    border:none;

    border-radius:12px;

    background:#2563eb;

    color:#333;

    font-size:47px;

    cursor:pointer;

}



.dw-mobile-title{

    font-size:20px;

    font-weight:700;

    color:#0f172a;

}





/* SIDEBAR DRAWER */


/* .dw-dashboard-sidebar{

    position:fixed;

    left:-320px;

    top:0;

    width:280px;

    height:100vh;

    z-index:3000;

    border-radius:0;

    transition:.35s ease;

    overflow-y:auto;

} */



.dw-dashboard-sidebar.active{

    left:0;

}





.dw-sidebar-close{

    display:block;

    text-align:right;

    margin-bottom:20px;

}



.dw-sidebar-close button{

    background:none;

    border:none;

    color:white;

    font-size:35px;

    cursor:pointer;

}





/* OVERLAY */


.dw-dashboard-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.55);

    z-index:2000;

    opacity:0;

    visibility:hidden;

    transition:.3s ease;

}



.dw-dashboard-overlay.active{

    opacity:1;

    visibility:visible;

}





/* CONTENT */


.dw-dashboard-main{

    width:100%;

}





.dw-dashboard-topbar h1{

    font-size:30px;

}





.dw-dashboard-stats{

    grid-template-columns:repeat(2,1fr);

}



}





/* MOBILE
====================================================*/


@media(max-width:768px){



.dw-dashboard-wrapper{

    padding:0 15px;

}





.dw-dashboard-topbar{

    padding:25px;

}



.dw-dashboard-topbar h1{

    font-size:24px;

}



.dw-dashboard-topbar p{

    font-size:14px;

}



.dw-dashboard-user-avatar{

    display:none;

}





.dw-dashboard-stats{

    grid-template-columns:1fr;

}





.dw-stat-box{

    padding:20px;

}





.dw-stat-box strong{

    font-size:28px;

}





.dw-dashboard-section{

    padding:20px;

}





.dw-dashboard-section h2{

    font-size:21px;

}





.dw-course-grid{

    grid-template-columns:1fr;

}





.dw-profile-grid{

    grid-template-columns:1fr;

}





.dw-learning-card{

    padding:20px;

}



}





/* SMALL PHONES
====================================================*/


@media(max-width:420px){



.dw-dashboard-wrapper{

    padding:0 10px;

}



.dw-dashboard-topbar h1{

    font-size:21px;

}



.dw-mobile-title{

    font-size:17px;

}



}