/* Desktops (with large screens) */
@media only screen and (min-width : 1824px) {
  
    
}



/* Laptops */

@media only screen and (min-width : 125px) and (max-width : 1440px) {
/* @media only screen and (min-width : 1224px) { */
    .page-header {

        padding: 0 15px ;
 
    }
    #warp {
        padding: 0 15px;
    }
    .right-nav .nav-item .nav-link {
        font-size: 14px;
        padding: 0 8px;
    }

    .custom-tab .nav-item img {
        height: 18px;
        margin-right: 5px;
    }
    .right-nav .nav-item .nav-link span {

        margin-right: 5px;
    }


    #pencet {
        margin-left: 30px;
    }

    .v-progress {
        position: relative;
        width: 70%;
        margin: 0 auto;
    }

}



/* Tablets and iPads */
@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .v-progress {
        width: 100%;
       
    }

    #pencet {
        margin-right: 10px;
    }
    .page-header {

        padding: 0 ;
 
    }
    .mobe-view-show {
        display: block;
    }

    .dest {
        display: block;
    }
    
    .mob {
        display: none;

    }

    .mob2 {
        display: block;
    }
    .login-mob {
        display: block;
    }
    #warp {
        padding: 0 30px;
    }


    .right-nav .nav-item {
        display: none;
    }
    .right-nav .nav-item .nav-link span {
        display: none;
    }
    .dropdown-menu li .nav-link .link-list-icon1, .dropdown-menu li .nav-link .link-list-icon2, .dropdown-menu li .nav-link .link-list-icon3,   .dropdown-menu li .nav-link .link-list-text{display: block;}
    /* .dropdown-menu.show {
        display: block;
        top: 42px !important;
    } */
    .right-nav .nav-item:last-child {
        display: block;
    }

  

    .login-mob {
        display: none;
    }
    .login-mob2 {
        display: block;
        margin-top: 20px !important;
    }
    #pencet.Diam {
 
        right: -20px;
    }

    
    #progressbar {

        display: block;
   

    }
    #progressbar li{     margin: 5px;}
    .dash-line{display: none;}
    #msform fieldset {
        width: 100%;
    }


}

/* @media(min-width:576px){
   
  }
  @media(min-width:768px){
  
  }
  @media(min-width:992px){

  }
  @media(min-width:1200px){

  } */

@media only screen and (min-width : 481px) and (max-width : 768px) {
  
    .nav{display: block;}
    .nav-pills, .nav-tabs{ display:flex;}
    .page-header {

        padding: 0 30px;
 
    }
    .v-progress {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
    }


    .d-flex-mob {
        display: block !important;
    }

    .login-mob2 {
        display: none

    }

    .dest {
        display: block ;
    }
    
    .mob {
        display:none;

    }

    
    .mob2 {
        display: none;
    }
   
    #warp {
        padding: 0 30px;
    }
  

    .right-nav {
        display: none;
    }
    .login-mob {
        display: block;
    }
  
    .logo-warp {
        justify-content: space-between;
    }


    .logo-warp li {
        display: inline-flex;
    }

    .d-flex-mob {
        display: block !important;
    }


    .top-header .d-flex-mob {
        display: flex !important;
    }

    #pencet.Diam {

        right: 250px;
    }

    .studnt-login-tips {
       
        padding: 130px 0 0 30px;
       
    }

  
    
    #progressbar {

        display: block;
   

    }
    #progressbar li{     margin: 5px;}
    .dash-line{display: none;}
    #msform fieldset {
        width: 100%;
    }
    
   
}

/* Just smartphones */
@media only screen and (min-width : 320px) and (max-width : 480px) {

    .otp-fild {
        width: 2.4rem;
    }


    .nav{display: block;}
    .nav-pills, .nav-tabs{ display:flex; margin-bottom: 30px;}
    .page-header {

        padding: 0 30px;
 
    }
    .v-progress {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
    }


    .inner-banner-wrap{ padding: 0;}
    .inner-banner img {
        width: 100%;
        float: left;
        height: 150px;
    }
    .header-title {
        font-size: 30px;
    }

    .pages-section {
        padding: 0;
    }

    .institute-box {
        margin: 30px 0;
        text-align: center;
     
    }
    .institute-box .institute-box-icon {
        height: auto;
        position: relative;
      
    }

    .institute-box .institute-box-icon img {
           position: relative;
 
    }
    

    .page-header {

        padding: 0 ;
        top:0;
 
    }

    .searchbox .dropdown {
        width: 70px;
    }
    .about-bg {
        width: 108% !important;
        background: #EDEDED !important;
        margin: 0 0 0 -4% !important;
        padding: 15px 0 !important;
        border: none !important;
        border-radius: 0 !important;
    }

    #menu {
        margin-right: 10px;
    }

    .page-header #pencet.Diam {
        top: 0;
    
        right: -60px;
    }
    .form-check {
        margin: 7px 0;
    }

    .responcive-nav {        padding: 45px 15px 15px 15px;    }

    .responcive-nav .accordion .accordion-item .accordion-header .accordion-button {
        display: flex;
    }
    .responcive-nav .accordion .accordion-item h5{ display: none;}
    .line{display: none;}

    .responcive-nav .accordion .accordion-item{ border:solid 1px #ccc; margin: 7px 0; border-radius: 4px; overflow: hidden; padding: 0;}

 
   
    .responcive-nav .accordion .accordion-item .collapse:not(.show) {display: none; }

    .responcive-nav .accordion .accordion-item .accordion-header .accordion-button::after{ display: block;}

    .responcive-nav .accordion .accordion-item .accordion-header:last-child .accordion-button::after{ display: none;}



    .mobe-view-show{display: block;}

    .header hr{display: none;}
   .mob2{display: none;}

    .searchbox .form-control{width: 100%;}

    .services-box {
        min-height: 120px;
        width: 90%;
        left: 5%;
        margin: 10px 0;
    }

    .services-box .service-icon {
        text-align: left;
        width: 30%;
        margin: 0;
        padding: 5px 15px;
        height: 30px;
    }
    .services-box .service-icon img { float: right;}

    .services-box h3 {
        width: 70%;
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 400;
        display: block;
    }

    .top-header {
        display: none;
    }

    .login-mob {
        display: block;
    }

    .right-nav {
        display: none;
    }

    #warp {
        padding: 0;
    }

    .logo-warp {
        justify-content: space-between;
    }


    .logo-warp li {
        display: inline-flex;
    }

    .d-flex-mob {
        display: block !important;
    }
    .navbar-toggler {

        margin: 0 0 0 10px !important;
    }
    .serch-icon-bg {
        margin-right: 10px;
    }
    #serch-box-mob {
        display: none;
        width: 96% !important;
        position: absolute;
        left: 2%;
        top: 7%;
        z-index: 999;
    }



    .dest {
        display: none;
    }

    .mob {
        display: block;
    }
    .logo img {
        height: 42px;
    }

    .footer-nav .nav-item .nav-link {
        font-size: 15px;
    }
    .footer-nav .nav-item {

        margin: 5px 0;
        border: none;
        width: 50%;
    }
    .footer-nav .nav-item:last-child { width: 100%;}
    .announ {
        padding-right: 0;
        padding-left: 15px;
    }

    .logo-warp {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
 
    .student-box h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .student-box {
        width: 100%;
        float: left;
        padding: 30px;
        /* background:rgb(204 204 204 / 21%); */
        margin: 10px 0;
        
    }

    .studnt-login-tips {

        padding: 60px 0 0 0;
      
    }

    .dropdown-label {
        font-size: 0px !important;
    }
    .searchbox .dropdown {
        position: relative;
        min-width: 50px;
    }
    .dropdown-label:before{ display: none;}

    .d-flex {
        display: block !important;
    }

  
    
    .vertical-tab-content{border-left: none; border: solid 1px #ccc; padding: 15px; display: flex;}
    #progressbar {

        display: block;
   

    }
    #progressbar li{     margin: 5px;}
    .dash-line{display: none;}
    #msform fieldset {
        width: 100%;
    }

}