@media only screen and (max-width: 1230px) {
 .too_header {
	display: none;
}

.navbar {
	position: absolute;
	left: -100%;
	background: #111111;
	z-index: 99;
	top: 61px;
	width: 100%;
	transition: all 0.5s linear;
}

.navbar.\.Active {
	left:0%;
}

.navbar ul li {
	display: block;
	padding: 8px 16px;
}

.mobile {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 30px;
  height: 4px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}
}

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

	.vision {
	grid-template-columns: 1fr;
	padding: 30px 0;
	gap:20px;
}

.categories_grid_box {
	grid-template-columns: 1fr 1fr;
}

.Vision_grid {
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.footer_grid {
	grid-template-columns: 1fr 1fr;
}

.blog_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
}

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

    .second {
	display: none;
}

.logo img {
	width: 100px;
}

header {
	background-color: #111111;
	padding: 16px 0;
}

.categories_grid_box {
	grid-template-columns:1fr;
}

.text h2 {
	font-size: 24px;
}


}

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

		.Premium_grid {
	grid-template-columns:1fr !important;
}

.premium_box h3 {
	text-align: center;
}

.Vision_grid {
	grid-template-columns: 1fr;
	gap: 10px;
}

.footer_grid {
	grid-template-columns: 1fr;
}

.test_grid {
	display: grid;
	grid-template-columns: 1fr !important;
	gap: 20px;
}

.blog_grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
}

.contact_grid {
	grid-template-columns: 1fr !important;
	gap: 40px;
}
}

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

	.Premium_grid {
	grid-template-columns: 1fr 1fr;
}

.test_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.contact_grid {
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}


}