
@media only screen and (max-width : 575px) {
    .white-wrp{
     display: none;
    }
   .top-header::after{
     display: none;
   }
   .mob-one{
        display: none;
    }
    .choose-sec .two h2 {
    z-index: 999;
}
.gallery > div > img {
    width: 390px;
    transition: .1s transform;
    transform: translateZ(0);
}
.over-flow{
    overflow-x: hidden;
}
.gallery {
    padding: 30px;
}

}


@media only screen and (max-width :600px) {
  .top-header .mt-2 {
    top: -15px !important;
     }
    .white-wrp{
     display: none;
    }
    .desktop-one{
        display: none;
    }
     .mob-one{
        display: block;
    }
    .feature-bx1{
        margin-top:60px;
    }
  .gallery > div > img {
    width: 340px;
    transition: .1s transform;
    transform: translateZ(0);
   }
   .top-header ul li {
    margin-top: 20px;
}
 .desktop-activities{
        display: none;
  }
.mob-activities{
        display:block;
  }

}

@media only screen and (min-width :600px) {
   
 .desktop-activities{
        display: block;
  }
.mob-activities{
        display:none;
  }

}

    


@media only screen and (max-width :920px) {
    .white-frame img{
        width: 690px;
    }
    .white-wrp{
     display: none;
    }
    .desktop-one{
        display: none;
    }
     .mob-one{
        display: block;
    }
    .feature-bx1{
        margin-top:60px;
    }
  .gallery > div > img {
    width: 340px;
    transition: .1s transform;
    transform: translateZ(0);
   }
  .over-flow{
    overflow-x: hidden;
  }
  .top-header{
    overflow-x: hidden;
  }
  .btn-wrp {
    top: 15%;
}
.over-flow-mob{
    overflow-x: hidden;
}
.ncc-annouce-wrp {
    padding: 50px 0px 50px 0px;
}
.top-header .mt-2{
  top: -9px;
}
.btn-wrp {
  top: 10%;
  left: 0px;
  position: relative;
  
}
.logo-mob{
    background: #a84c85;
    width: 100%;
    margin-top: -25px;
    padding: 10px;
}
.logo-mob img{
    width:25%;
}
.top-header::after {
    background-color:transparent;
}

}
     


@media only screen and (min-width :1000px) {
    
    
.mob-one{
        display: none;
    }

}


@media only screen and (min-width :1080px) {
    
.gallery > div > img{
	width:214px;
}
.edu-navbar .navbar-nav .nav-link {
   
    font-size: 13px;
}


}


@media only screen and (min-width :1480px) {
    
.gallery > div > img{
	width:250px;
}
.edu-navbar .navbar-nav .nav-link {
   
    font-size: 16px;
}

}



