@media (max-width:1199px){
    .grid-box .box-item img{
        object-fit: cover;
    }
    .parallax__floating-header {
        height: calc(50% + 4.8rem + 290px);
    }
    .education .head-two-in-bottom, .education .head-two-in-top, .service .head-two-in-bottom, .service .head-two-in-top{
        font-size: 50px;
    }
    .education .parallax__floating-header {
        height: calc(50% + 4.8rem + 310px);
    }
  
}









@media (max-width:1024px){
    
  
}










@media (max-width:992px){
    .homeImg img{
        width: 100%;
    }
    .home .clusterGreat{
        left: 0;
        right: 0;
    }
    .homeImg{
        margin: 0 auto;
    }
    .education .text{
        padding-top: 18rem;
    }
    .grid-box{
        grid-template-columns: 100%;
        row-gap: 0;
    }
    .grid-box .box-item img, .eduImg, .about .clusterPieces{
        display: none;
    }
    .grid-box .item-content{
        padding: 3rem;
        margin-bottom: 3rem;
    }
    .grid-box .item-content img{
        display: block;
        margin-top: 2rem;
        width: 100%;
        max-width: 100%;
        max-height: 400px;
    }
    .about{
        margin-bottom: 4rem;
        margin-top: 6rem;
    }
    .education{
        margin-bottom: 2rem;
        margin-top: 0;
    }
    .contact iframe{
        height: 450px;
    }
    .grid-box .item-content {
        padding: 2rem;
    }
    .education .parallax__floating-header{
        height: calc(50% + 4.8rem + 290px);
    }
    .education .text {
        padding-top: 17rem;
    }
    /* .education .head-two-in-bottom, .education .head-two-in-top{
        font-size: 40px;
    } */
    
    .c-content h2{
        font-size: 36px;
    }
    .contact iframe {
        height: 450px;
        border-radius: 30px;
    }
    .c-content{
        padding: 2rem;
    }



    nav ul {
        flex-direction: column;
        position: absolute;
        top: 88px;
        right: 0;
        width: 189px;
        display: none;
        border-radius: 0 0 20px 20px;
        padding: 1.3rem 0;
    }

    nav ul.show {
        display: flex;
    }

    .menu-toggle {
        display: flex;
    }
    header .social-media{
        display: none;
    }
    header{
        background:rgba(255,255,255,0.6);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);  
        padding: 1rem 0;
        box-shadow: 0px 0px 8px  #7a7a7a4a;
    }
}









@media (max-width:768px){
    .home h1, .home p{
        position: relative;
        z-index: 99;
    }
    .aboutImg img{
        max-height: 400px;
    }
    .about .clusterGreat{
        right: 0;
    }
    .parallax__floating-header {
        height: calc(50% + 4.8rem + 260px);
    }
    .about .text{
        padding-top: 16rem;
    }
    .eduImg img{
        max-height: 360px;
    }
    .education .clusterGreat{
        right: -20px;
    }
    
    .grid-box .item-content img {
        max-height: 330px;
    }
    .grid-box .item-content, .contact .c-box{
        border-radius: 30px;
    }
    .footer{
        padding-top: 2rem;
    }

    
}









@media (max-width:574px){
    .education{
        margin: 0 1rem 2rem;
    }
    .about{
        margin: 6rem 1rem 4rem ;
        margin-bottom: 4rem;
        margin-top: 6rem;
    }
    .home h1{
        font-size: 56px;
    }
    .home p{
        font-size: 20px;
    }
    .aboutImg{
        display: none;
    }
    .head-two-in-top, .head-two-in-bottom{
        font-size: 50px;
    }
    .parallax__floating-header {
        height: calc(50% + 4.8rem + 180px);
    }
    .about .text {
        padding-top: 11rem;
    }
}








@media (max-width:360px){
      
}