@media all and (min-width: 992px) {
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .nav-link{line-height:normal;}
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	

@media only screen and (max-width:1599px){
    .steps ul li{display:grid;grid-template-columns:45px 1fr;gap:10px;margin-bottom:10px;}
    .number{width:45px;height:45px;}
    .number span{font-size: 20px;}
    .number:after{display:none;}
    .text-dtl{font-size:13px;}
    .JobModal .modal-dialog { max-width: 650px; }
    .JobModal .modal-body {   padding: 20px 20px 35px 20px;  }
    .job-pop-inner h3 {   font-size: 22px;     margin-top: -20px;    }
    .JobModal .modal-content::before {   width: 60%;      }
    .jobmodal-graphic { width: 80%;    }
    .counter-col { height: 130px;    }
    .counter-digit {     font-size: 50px;       line-height: 60px;         }
    .register-band p {
            font-size: 16px;
    }
/* For register page */
.registerpage .left {
    width: 350px;
    padding: 0 20px;
}
.registerpage .right-content {
    margin-left: 350px; 
}

/* For register page */
}

@media only screen and (max-width:1499px){ 
/*Register login*/
.left{width:300px;padding: 0 20px;}
.top-text{margin-top: 25px;}
.top-text span{font-size:20px;}
.top-text h1{font-size:26px;}
.steps{margin-top:30px;}
.steps p{font-size:14px;line-height:normal;}
.number:after{display:none;}
 
.right-content{margin-left:300px;}	
.skill-services ul { 
    grid-template-columns: repeat(auto-fill,minmax(80px,1fr));
}
.ser-box {
    height: 100px;
 }
 .notice-list {
    max-height: 400px;
 }
 ul.noti-list {
    height: 330px; 
    padding-bottom: 20px;
} 
}  

@media only screen and (max-width:1399px){
.notice-tabs .nav-link{font-size:13px;}


} 

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

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

@media only screen and (max-width:1199px){
.section{padding:30px 0;}
.skill-intro {
    padding: 25px 25px 25px; 
}
.skill-box{padding: 1rem;padding-bottom: 2rem;}

.navbar-dark .navbar-toggler-icon{background-image:none !important;}
.navbar-dark .navbar-nav .nav-link{padding:0.7rem 1rem !important;padding-left:1rem !important;display:grid;grid-template-columns:1fr auto;}

/*Login Register*/
.left{width:100%;padding:0 20px;height:auto;position:relative;} 
.registerpage .left { width: 100%;} 
.top-text{margin:0;padding:20px 0;max-width:100%;text-align:center;}
.steps h3{text-align:center;}
.steps p{text-align:center;}
.steps ul{display:grid;grid-template-columns:repeat(5,1fr);}
.right-content{margin-left:0px;}
.registerpage .right-content { margin-left: 0;}
.skill-tabs ul{padding-left:0;justify-content:center;}
.inner-banner{min-height: auto;}

}

@media only screen and (max-width:992px){ 
.banner{padding:0;border-radius: 0;min-height:auto;}
.bnr-pic-1 img,.bnr-pic-2 img{width:100%;}
.box-title{font-size:30px;text-align: center;}
.skill-box .title2{font-size:14px;text-align: center;}
.notices{padding:50px 0;}
.side-menu{min-height: auto;margin-bottom: 1rem;}
.main-navbar{position:relative;background: #06233d;}
.skill-data{margin-top:30px;}
#banner {margin-bottom: 2rem;}
.bnr-pic-1, .bnr-pic-2{display:none;}

.modal-wrap{padding:0 1rem 25px;}
.user-box{min-width:100%;}

}

@media only screen and (max-width:991px){ 
h2{font-size:26px;}
.steps ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.form-login{padding:70px 30px 130px;}

}

@media only screen and (max-width:767px){
.header-top{padding-left:0;}
.mode-wrap{justify-content:space-between;padding-right:0;}
.frame-1{padding:0 2rem;}
.frame-2{display:none;}
.skill-intro p{text-align:left;}
.steps{display:none;}
.registration-box .tab-pane{padding:30px;}
.skill-tabs ul li .nav-link{padding:10px 20px 7px;font-size:14px;}
.skill-tabs ul li.nav-item{width:100%;margin:2px 0;}
.skill-tabs ul li .nav-link{border-radius:0 !important;text-align:center;}
.form-login{padding:30px;}
.footer-menu ul li{display:block;}
.navbar-brand img {width: 300px;}

.JobModal .modal-content::before {  top: inherit;  width: 100%;  height: 50%;   border-radius: 0px 0px 25px 25px;    bottom: 0;}
.job-pop-inner {  flex-direction: column-reverse;}
.job-pop-inner h3 { margin-top: 0;}
.jobmodal-graphic {    width: 100%;    padding-top: 0;    display: flex;    justify-content: center;    margin-top: -20px;    margin-bottom: 50px;}
.jobmodal-graphic img {  width: 60%;}

}

@media only screen and (max-width:420px){
.row-form{display:grid;gap:20px;}
.signin{margin-top:30px;margin-bottom:30px;}
.navbar-brand img {width:250px;}
}

/* Portrait */
@media only screen and (max-width: 568px) { 

}