@media screen and (max-width: 1024px) {
    .top-nav{ display: grid; grid-template-columns: repeat( 2,1fr); grid-gap: 0px; align-items: center; } .header-social img { width: 100%; justify-content: center; align-items: center; margin: auto; }.top-nav .top-num { color: #fc500a; text-decoration: none;  } .why-us{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:10px; } .cards-section { display: grid; grid-template-columns: repeat(2, 1fr); } .cards-maindiv1 { display: grid; grid-template-columns: repeat(2, 1fr); } .about-us { width: 100%; display: flex;  flex-direction: column; border-radius: 30px; } .about-us .about-content { width: 100%;  } .about-us .about-img { display: none; width: 100%; } .about-us .mob { display: flex;  } .about-us .mob img { width: 100%; transform: translateY(0px); } .packages .cards-maindiv-city  { display: grid; grid-template-columns: repeat(2, 1fr); } .footer-inner { display: grid; grid-template-columns: repeat(1, 1fr);  padding: 20px 10px; } .footer-inner .image-section { width: 120px; margin: auto; } .footer-inner .copyright { text-align: center;  } .slides .testimonial .image-section { width: 60%;  margin: auto;  }  .slides .carousel-indicators [data-bs-target] { margin-bottom: -10px; } .slides .testimonial { padding: 30px; } .slides .testimonial .row .main-content { margin-top: -30px;  } .main-content { width: 100%; } .book-ticket { display: flex; flex-direction: column; justify-content: center; } .book-ticket .image{ display: none; } .book-ticket .content{ align-items: center; color: white; padding: 17px 10px; text-align: center; } .book-ticket .content a {  color: white; font-size: 30px;  } .umrah-page .cards-maindiv-umrah { grid-template-columns: repeat(2, 1fr); } .top-navdesk{ display: none; } .top-navmob{ display: grid; }
}
@media screen and (max-width:767px) {
    .slides .testimonial { padding: 0px 0px 25px 0px; } .slides .testimonial .row .main-content .heading { text-align: center; margin-bottom: 20px; }
}
@media screen and (max-width: 992px) {
	.top-nav .number{ text-align: center; align-items: center; } .navbar-down { position: relative; margin: auto; width: 95%; z-index: 111; left: 0%; margin-top: 0px; } .navbar-down .icons { display: flex; justify-content: center; width: 90%; align-items: center; margin: auto; text-align: center; } .contact-page{ display: flex; flex-direction: column;  } .contact-page .div1{ width: 100%; } .book-ticket .image { display: none; }
}
@media screen and (max-width: 640px) {
       .cards-maindiv1 { display: grid;  grid-template-columns: repeat(1, 1fr); grid-gap: 20px;  } .cards-maindiv1 .card1 .card-img { height: 350px; } .cards-maindiv1 .card1 .card-content { padding: 20px 20px; } .cards-section { display: grid; grid-template-columns: repeat(1, 1fr); } .packages .cards-maindiv-city { display: grid; grid-template-columns: repeat(1, 1fr); width: 100%; grid-gap: 10px;  }.footer-section-main .footer-bar{ grid-template-columns: repeat(1, 1fr); grid-gap:10px; align-items: center; }.footer-section-main .footer-mid{ padding: 0px 0px 30px 0px; align-items: center; text-align: center; } .book-ticket .content a { color: white; font-size: 20px; }.footer-section-main .footer-top{ display: flex; flex-direction: column; align-items: center; padding: 20px 0px; } .right-sec .d-flex ul li { text-align: start; } .umrah-page .cards-maindiv-umrah { display: grid; grid-template-columns: repeat(1, 1fr); }
}
@media screen and (max-width: 980px) {
		.navbar-nav li:hover>ul.dropdown-menu {	display: none; } .dropdown-menu.show { display: block; }
}