@media (min-width: 999px) {
.cementbg{
background-size:;
position:absolute;
display:inline-block;
vertical-align: middle;
box-sizing: border-box;

width: 500px;
  height: 400px;
  animation: turnright 5s linear infinite;
border-radius: 20px;
  z-index:-2;
margin-top:20px;
margin-left:50px;
}
@keyframes turnright{
0% {
  transform: rotate(0deg);
}
25% {
  transform: rotate(3deg);
}

}
.innerbg{

position:absolute;
display:inline-block;
vertical-align: middle;
width: 400px;
  height: 400px;
  z-index:-1;
 background: ;
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: 1px solid rgba(112, 119, 201, 0.67);
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
 left:150px;
 padding:;
 margin:20px;
 animation: turnleft 5s linear infinite;
}
.innerbgtext{
font-size:40px;
color:#fff;
z-index:2;
position:;
display:inline-block;
line-height:1.2;
padding:;
}
.innerbgtext .letter{

  display: inline-block;
  line-height: 1em;

}
@keyframes turnleft{
0% {
  transform: rotate(0deg);
}
25% {
  transform: rotate(-3deg);
}

}


.aboutbox{
height: 700px;
 width:100%;
  left: 0;
  opacity: 1;
  position: relative;
 border-radius:16px;
 
  display:flex ;
  flex-direction: row; 
  margin-top: 0px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-1;

background:;
}
.aboutbox2{
height: 700px;
 width:100%;
  left: 0;
  opacity: 1;
  position: relative;
 border-radius:16px;
 
  display:flex ;
  flex-direction: row; 
  margin-top: 0px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-1;

background:;
}



.imagebox{
height: 700px;
 width:1000px;
  left: 0;
  opacity: 1;
  position: relative;
 border-radius:16px;
 border:;
  display:flex ;
  margin-top: 0px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-9;
background:;

}
.imagebox2{
height: 700px;
 width:800px;
  left: 0;
  opacity: 1;
  position: relative;
 border-radius:16px;
 border:;
  display:flex ;
  margin-top: 0px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-9;
background:;

}
.nextbox{
height: 800px;
 width:700px;
  margin-top:0px;
  left: ;
  opacity: 1;
  position: relative;
 border-radius:16px;
 
  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:-9;
background: rgba(39, 76, 153, 0.08);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgba(39, 76, 153, 0.87);

}
.nextbox2{
height: 700px;
 width:1000px;
  margin-top:0px;
  left: ;
  opacity: 1;
  position: relative;
 border-radius:16px;
 
  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:-9;
background: rgba(39, 76, 153, 0.08);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgba(39, 76, 153, 0.87);

}
.topbox{
height: 100px;
 width:700px;
  margin-top:0px;
  left: 0;
  opacity: 1;
  position: absolute;
 border-radius:16px;

  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:-9;

background:rgba(25, 16, 130, 0.37);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(26, 255, 212, 0.94);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgb(5, 32, 17);


}

.topbox2{
height: 70px;
 width:600px;
  margin-top:5px;
  left: 10px;
  opacity: 1;
  position: absolute;
 border-radius:16px;

  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:-9;

background: rgba(15, 41, 143, 0.35);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(228, 249, 131, 0.94);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgb(5, 32, 17);


}

.topbox3{
height: 80px;
 width:400px;
  margin-top:15px;
  margin-left: 500px;
  opacity: 1;
  position: absolute;
 border-radius:16px;

  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:0;

background: ;
border-radius: 16px;
box-shadow: 0 4px 30px rgba(228, 249, 131, 0.94);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgb(5, 32, 17);


}
.topbox3 h2{

color: #fff;
font-size:20px;
margin-left:60px;
    text-wrap:nowrap;
    display:flex;
    z-index:1;
    
}

.nestbox{
height: 100px;
 width:700px;
  margin-top:0px;
  left:990px;
  opacity: 1;
  position: absolute;
 border-radius:16px;
 border:1px solid white;
  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:0;
background:yellow;
}
}

/*=====================================================================================================================================*/
@media (max-width: 768px) {
.cementbg{
background-size:;
position:absolute;
display:inline-block;
vertical-align: middle;
box-sizing: border-box;

width: 500px;
  height: 400px;
  animation: turnright 5s linear infinite;
border-radius: 20px;
  z-index:-2;
margin-top:20px;
margin-left:50px;
}
@keyframes turnright{
0% {
  transform: rotate(0deg);
}
25% {
  transform: rotate(3deg);
}

}
.innerbg{

position:absolute;
display:inline-block;
vertical-align: middle;
width: 400px;
  height: 400px;
  z-index:-1;
 background: linear-gradient(to left, #972828, #0affba40);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: 1px solid rgba(112, 119, 201, 0.67);
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
 left:150px;
 padding:;
 margin:20px;
 animation: turnleft 5s linear infinite;
}
.innerbgtext{
font-size:40px;
color:#28d4f0b5;
z-index:2;
position:;
display:inline-block;
line-height:1.2;
padding:;
}
.innerbgtext .letter{

  display: inline-block;
  line-height: 1em;

}
@keyframes turnleft{
0% {
  transform: rotate(0deg);
}
25% {
  transform: rotate(-3deg);
}

}


.aboutbox{
height: ;
 width:100%;
  left: 0;
  opacity: 1;
  position: relative;
 border-radius:16px;
 
  display:flex ;
  flex-direction: column; 
  margin-top: -80px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-1;

background:;
}
.aboutbox2{
height: ;
 width:100%;
  left: 0;
  opacity: 1;
  position: relative;
 border-radius:16px;
 
  display:flex ;
  flex-direction: column; 
  margin-top: 0px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-1;

background:;
}



.imagebox{
height: 500px;
 width:;
  left: 0;
  opacity: 1;
  position: relative;
 border-radius:16px;
 border:;
  display:flex ;
  margin-top: -50px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-9;
background:;

}
.imagebox2{
height: 500px;
 width:;
  left: 0;
  opacity: 1;
  position: relative;
 border-radius:16px;
 border:;
  display:flex ;
  margin-top: -50px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-9;
background:;

}
.nextbox{
height: 1200px;
 width:;
  margin-top:;
  left:0px ;
  right:5px;
  opacity: 1;
  position: relative;
 border-radius:16px;
 
  display:inline ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:-9;
background: rgba(39, 76, 153, 0.08);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgba(39, 76, 153, 0.87);

}
.nextbox2{
height: 1200px;
 width:;
  margin-top:0px;
  left: ;
  opacity: 1;
  position: relative;
 border-radius:16px;
 
  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:-9;
background: rgba(39, 76, 153, 0.08);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgba(39, 76, 153, 0.87);

}
.topbox{
height: 100px;
 width:400px;
  margin-top:20px;
  left: 5px;
  opacity: 1;
  position: absolute;
 border-radius:16px;

  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:-9;

background:rgba(25, 16, 130, 0.37);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(26, 255, 212, 0.94);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgb(5, 32, 17);


}

.topbox2{
height: 70px;
 width:400px;
  margin-top:5px;
  left: 5px;
  opacity: 1;
  position: absolute;
 border-radius:16px;

  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:-9;

background: rgba(15, 41, 143, 0.35);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(228, 249, 131, 0.94);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgb(5, 32, 17);


}
.topbox3{
height: 80px;
 width:300px;
  margin-top:15px;
  left: 5px;
  opacity: 1;
  position: absolute;
 border-radius:16px;

  display:flex ;
 
  padding-top: ;
  overflow:hidden ;
  z-index:0;

background: rgba(15, 41, 143, 0.35);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(228, 249, 131, 0.94);
backdrop-filter: blur(5.7px);
-webkit-backdrop-filter: blur(5.7px);
border: 1px solid rgb(5, 32, 17);


}

.topbox h2{
font-size:12px;
text-wrap:nowrap;
}
.topbox2 h2{
font-size:16px;
}
.topbox3 h2{

color: #fff;
font-size:20px;
margin-left:20px;
    text-wrap:wrap;
    display:flex;
    z-index:1;
}

}