@media only screen (max-width: 1199px) {
}
 @media only screen and (max-width: 1000px) {
}
 @media (min-width: 768px) and (max-width: 991px) {
}
 @media only screen and (max-width: 800px) {
	 
	 


}


 @media only screen and (max-width: 767px) {
	 .sky-bag img {
	width: 100%;
	height: 200px;
}
	 #wrap {
	display: none;
}
	 .wrapper {
	position: relative;
	margin: 0 auto;
	width: 90%;
	padding-left: 0;
	padding: 15px 15px;
}
	 .footer_body  img {
	display: block;
	margin: 0 auto;
}
	 .slide-right img {
	display: block;
	margin: 0 auto;
	width: 79%;
}
	 .bag-section {
	margin: 0 0 0;
}
	 .slide-right p {
	padding: 25px 0 0;
	
}
.slide-left img {
	width: 80% !important;
	margin: 0 auto;
	display: block;
	margin-bottom: 50px;
}
	 .post-slide .post-img img {
	width: 100% !important;
}
	 header {
	height: 76px;
}
	 #gallery {
	background: #f5bb47;
	padding: 30px 0 0;
}
	 .text-box {
	left: 21%;
	
}
	 #product-listing-section .our-team .team-content img {
	height: 200px;
	
}
	 #product-listing-section .col-md-3 {
	width: 50%;
}
	 .page-about {
	padding: 0 7%;
}
.subpage-in-left {
	width: 38%;
	margin-top: 33px;
}
.subpage-in-left h1 {
	margin-top: 0;
	padding: 9px 0;
}
	 #accordion {
	margin-top: 23px;
}
	 .faq-content h3 {
	
	margin-top: 0;
}
	 .faq img {
	display: none;
}
	 .appointment img {
	width: 100%;
	height: 180px;
}
	 #gallery .col-md-3 {
	width: 50%;
}
	 .aboutleft-content {
	padding: 0 0% 74px 18%;
	margin-top: 0;
}
	 .main-heading h2 {
	font-size: 21px;
}
	 #testimonial-section {
	padding-top: 24px;
	  height: auto;
}
.book-whatsapp {
	left: 0%;
}
	 .book-appointment {
	 display:none;
}
	 #carousel .carousel-caption {
	top: 38%;
}
	 .heading-primary-sub br {
		 display:none;
	 }
	 .heading-primary small {
	display: none;
}
	 .in-left p {
	display: none;
}
.heading-primary-sub {
	font-size: 21px;
	left: 10%;
	line-height: 32px;
}
	 .call-btn {
	 background: transparent; 
}
	 .blog-section .card {
	margin-bottom: 40px;
}
	 .objective-section {
	padding: 25px 0 30px;
	background: #fff;
	margin-top: 0;
}
	 .owner-div span {
	left: 0;
	text-align: center;
	display: block;
}
	 .owner-div h4 {
	left: 0;
	padding-top: 27px;
	text-align: center;
}
	 .owner-div {
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #fff;
	border-radius: 7px;
	margin-top: 0;
}
	 .owner-div img {
	border-radius: 7px;
	float: none;
	width: 61%;
	margin: 0 auto;
	display: block;
	padding-top: 3px;
}

	 .content p {
	    height: 177px;
	padding: 7px 0%;
}
	.dutyfree_banner {
	height: 195px;
  margin-top: 0;
  padding-top: 30px;
  background-size: cover;
	padding-top: 50px;
}
	 .stellarnav.mobile.right > ul {
	right: 0;
	margin-top: 0;
}
	 .stellarnav .menu-toggle span.bars {
	position: relative;
	top: 19px !important;
}
	 .numbercount-section {
	 background: none; 
	height: auto;
	background-color: #0d233a;
}
	 .count-area {
	padding: 25px 0;
}
	 .team-prof {
	padding: 15px 0;
}
	 .number-box {
	width: 50% !important;
	float: left;
    margin-bottom: 25px;
}
	 .booking-form {
	width: 100%;
}
	.aboutleft-content span {
	padding-left: 0;
	position: relative;
	top: 14px;
}
	 .box-column {
	height: 135px;
	width: 100%;
	padding: 50px 19px;
	cursor: pointer;
}
	 .mobile-product {
	display:block;
}
.desktop-product {
	display:none;
}
	 .quartz-header p {
	font-size: 15px;
	padding: 0 0%;
	line-height: 22px;
}
.content {
	padding: 0 15px;
	min-height: 368px;
}
	 .article h5 {
	text-align: center;
	padding-right: 0;
	text-transform: uppercase;
	font-size: 16px;
	color: #073eaa;
	font-weight: 700;
}
	 .article {
	width: 80%;
	margin: 57px auto 0;
	padding: 0 0;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 0 10px 0 #e7e7e7;
	border-bottom: 4px solid #2b429f;
}
	 .headline {
	font-size: 26px;
	position: relative;
	left: 0px;
	font-weight: 600;
	font-family: 'Work Sans';
	text-align: center;
	padding-left: 0;
	margin-top: 25px;
	line-height: 31PX;
	top: 8px;
}
	 .content p {
	left: 0px;
	font-size: 14px;
	text-align: justify;
	padding-right: 0;
	margin-bottom: 0;
	color: #000;
}
	 .article .image1 {
	height: 322px;
	border-radius: 0;
	padding: 0;
	color: #efefef;
	font-size: 8rem;
	width: 100%;
}
	 .testimonials input {
	top: 285px;
}
	 .service-content {
	padding: 0 0 0;
	text-align: left;
	float: left;
	width: 100%;
}
	 .service-icon img {
	width: 28%;
	margin: 18px 0 0;
}
.serviceBox .service-icon {
	font-size: 40px;
	margin: 20px 0;
	width: 100%;
	float: none;
	text-align: center;
	display: block;
}
	 .whats_app {
    left: 87%;
}
.product-section {
	height: 201px;
	margin-top: 0;
	background-size: cover;
	width: 100%;
	background-position: right;
}
	 .gallery-section .col-md-3 {
    width: 50%;
}
	 .stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third {
    text-align: center;
    display: none !important;
}
	#queryform {
    margin-bottom: 30px;
}
	 .query-section {
    height: auto;
    background: #004274;
}
	 .darkgreyheader_planetinfra span {
    color: #000;
    font-weight: 600;
    font-family: 'Livvic', sans-serif;
    text-transform: uppercase;
    width: 30%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: #f7f7f7;
    z-index: 99;
    position: relative;
    margin-bottom: 0;
    font-weight: 700;
}
	 .our-team .team-content {
    padding: 20px 0 0;
}
	 .greyheader_planetinfra span {
    color: #000;
    font-weight: 600;
    font-family: 'Livvic', sans-serif;
    text-transform: uppercase;
    /* font-family: system-ui; */
    width: 31%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: transparent;
    z-index: 99;
    position: relative;
    margin-bottom: 0;
    /* color: teal; */
    font-weight: 700;
}
	 .whiteheader_planetinfra span {
    color: #000;
    font-weight: 600;
    font-family: 'Livvic', sans-serif;
    text-transform: uppercase;
    /* font-family: system-ui; */
    width: 28%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: #fff;
    z-index: 99;
    position: relative;
    margin-bottom: 0;
    /* color: teal; */
    font-weight: 700;
}
	 .phone-volume {
    background: #3479a9;
    width: 48px;
    /* height: 31px; */
    padding: 12px 11px;
    font-size: 25px !important;
    margin-right: 0;
    display: none !important;
}
	 .contact-slider {
    background: #0c3163;
    color: #fff;
    font-size: 14px;
    padding: 11px 16px;
    border-radius: 5px;
}
	 .in-left h1 {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
    font-size: 22px;
    font-family: 'Playfair Display', serif;
    line-height: 34px;
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 700;
    padding-top: 0;
    font-family: 'Philosopher', sans-serif;
    color: #044fb5;
}
.carousel-inner .carousel-caption {
  
	    display: block;
}
	 .p-carousel {
    display: none;
}
	 .pre-header .d-flex {
    display: block !important;
    margin: 0 auto;
    text-align: center;
}
	 p.p-2 {
    padding: 0 0 !important;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding-top: 0 !important;
}
	.pre-header {
	height: 37px;
	display: block;
	line-height: 33px;
}
	 .stellarnav  img {
    float: left;
    width: 24%;
}
	 .career-box {
	width: 100%;
}
	 .card-text:last-child {
	min-height: 52px;
}
	 #what-we-do .card-title {
	font-size: 14px;
}
	 #what-we-do .col-md-4 {
	width: 50%;
}
	 #what-we-do .card-block img {
	float: none;
}
	 #what-we-do .card {
	padding: 8px 19px;
	text-align: center;
}
	 .worktogether-box {
	padding: 64px 0;
}
	 .worktogether-section {
	background: url(../images/innerpage-callus.jpg) no-repeat 0 0;
	height: auto;
	margin-top: -16px;
	background: #011d4d;
}
	 .innerpage-img {
	margin-bottom: 30px;
}
	 .subpage-banner h3 {
	padding: 13% 0;
}
	 .subpage-banner {
	background: url(../images/subpagebanner.jpg) no-repeat 0 0;
	height: 220px;
	padding: 0;
	width: 100%;
	padding-top: 5%;
	background-size: cover;
}
	 .mobile-view {
	display: block;
}
.desktop-view {
	display: none;
}
	 .about-us .mb5 {
	margin-bottom: 15px;
}
	 .page-abouttext-p {
	text-align: justify;
	font-size: 15px;
	line-height: 23px;
	padding: 25px 0;
	margin-bottom: 0;
}
	 .dutyfree_banner h3 {
	padding: 26% 0;
}

	 .stellarnav.dark ul ul {
	box-shadow: none !important;
}
	 .stellarnav.dark li a {
	color: #fff !important;
	  line-height: 36px !important;
}
	 .blue-row-bg {
	padding: 43px 15px;
}
	 .call-flex {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
	 .success-section {
	height: auto;
}
	 .main-timeline .timeline-content::before, .main-timeline .timeline-content::after {
	display: none;
	text-align: center;
}
	 .main-timeline .timeline:nth-child(2n) .timeline-content {
	border-right: none !important;
	border-left: none !important;
	text-align: center;
}
	 .main-timeline .description {
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.5px;
	margin: 0;
	padding-top: 10px;
	font-family: 'Lato';
	padding-right: 0;
}
	 .main-timeline .timeline:nth-child(2n) .timeline-year {
	right: 0;
	left: -2px;
	/* clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%); */
}
	.main-timeline .timeline-year {
	color: #000;
	/* background-color: #ffffff; */
	/* font-size: 25px; */
	font-weight: 600;
	letter-spacing: 0.5px;
	padding: 0 0;
	position: absolute;
	right: 0;
	top: -60px;
	z-index: 1;
	clip-path: none;
	left: 0px;
	text-align: center;
	width: 42px;
	margin: 0 auto;
	border-radius: 50px;
	height: 41px;
	line-height: 43px;
}
	 .main-timeline .timeline-content {
	min-height: 100px;
	padding: 0 15px 0 0;
	border-right: none;
	text-align: center;
}
	 .alliance-section {
	 height: auto; 
	background: #f4f5f9;
}
	 	 .alliance-section .col-md-3 {
	width: 50%;
}
	 .certification-section .col-md-3 {
	width: 50%;
}
.certification-section {
    padding: 0 0;
    margin: 0 0;
    background: url(../images/certificate-section.jpg) no-repeat 0 0;
    height: auto;
    background: #f4f5f9;
}
.serviceBox {
    margin: 0 auto;
    width: 85%;
    margin-bottom: 30px;
    color: #020202;
    text-align: center;
}
.solution-section {
    background: url(../images/solution-bg.jpg) no-repeat 0 0;
    height: auto;
    padding: 0 0;
    background: transparent;
}
	 .our-mission {
	border: 2px solid #fff;
}
	 .about-img {
	width: 100%;
}
	
	 .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
	max-width: 310px;
}
	 .stellarnav.mobile.right > ul {
	right: inherit;
	left: -1px;
}
	.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {
	z-index: 9999;
}
	.pre-header .col-sm-4 {
	display: none !important;
}
	 .stellarnav.dark .menu-toggle span.bars span {
	background: #fff !important;
	text-align: right;
	/* float: right; */
}
	 .stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle {
	border-bottom: 0;
	float: right;
}
.serviceBox .title {
	font-size: 18px;
	text-align: center;
}
	.aboutleft-content a {
	line-height: 50px;
	display: block;
	width: 100%;
	margin: 0 auto;
}
	 .footer_body {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin:0 0;
	
	
}
	 .footer_background {
	height: auto;
}
	 .call-us span {
	display: none;
}
	 .call-us h2 {
	font-size: 25px;
}
	 .contact-us {
	margin-bottom: 12px;
}
.Material-contact-section {
	height: auto;
	width: 100%;
	padding-bottom: 30px;
}	

 .call-us {
	background: #d1a825;
	padding: 35px 0;
	margin-top: 1px;
}
	 .label-floating {
	float: left;
	width: 100%;
}
	 .van-img {
	display: none;
}
	 .service-section {
	margin: 0 0 15px;
}
	 .header_eidsvag span {
	width: 90%;
}
	 .header_eidsvag h3 {
	width: 68%;
}
.aboutleft-content h2 {
	margin-top: 0;
	text-align: left;
	margin-bottom: 15px;
}
.about-section {
    margin: 0px 0 0;
    padding: 35px 0 50px;
	  height: 876px;
margin-top: 35px;
}
	 .aboutleft-content h2::before {
	display: none;
}
	 .about-section  img {
	width: 100%;
}
.carousel-inner img {
	width: 100%;
	height: 200px;
}
	 .counter {
  padding: 10px 0;
}
	 .count-title {
	  margin-top: 4px;
	font-size: 13px;
}
	 .university-section {
  margin: 0 0;
}
	 .number-section {
  padding: 25px 0;
	 }
	 .number-section {
  margin-top: 19px;
}
	 .view-all {
  width: 32%;
}
	 .header_bumblebee h3 {
  text-align: center;
  margin-bottom: 11px;
}
	 .item .text {
  padding: 82px 0 0;
}
.item {
  height: 378px;
  width: 600px !important;
  margin: 8px 7px 10px;
}
	 .app-portion {
  text-align: center;
}
	 .app-portion h4 {
  width: 100%;
  float: left;
  line-height: 49px;
  text-align: center;
}
	 .feature-section-right p {
  text-align: justify;
}
.easylearn-ul li {
  padding-left: 27px;
  line-height: 23px;
}
	 .slider {
  height: 525px;
}
	 .slider-content h1 {
  margin-top: 16px;
}
	 .feature-section-right {
  padding: 10px 0;
}
	 .slider {
  height: 558px;
}
	 .enquiry-form {
  width: 100%;
}
	 .slider-content {
  padding: 10px 10% 0;
}
	 .enquiry-form {
  width: 100%;
}
	 .nav__container {
  padding: 5px 15px !important;
}
	 .fade:not(.show) {
  opacity: 1 !important;
}
.nav-toggle {
  width: 33px !important;
}
	 .nav-toggle span {
  height: 2px !important;
}
	 .d-flex {
  justify-content: center;
}
 
	 .add-mobile {
	display:none;
}

.social {
    color: #fff;
    padding: 10px;
    text-align: center;
}
.social1 {
    color: #fff;
    padding: 10px;
    float: initial;
    text-align: center;
}
.carousel-caption {
    display: block;
}

}


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

}




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


@media only screen and (max-width: 414px) {
	.our-team .team-content {
	padding: 0 0 0;
}
	.gallery-section .our-team {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
	.testimonial-text {
	padding: 20px;
}
	.our-team {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
	.greyheader_planetinfra span {
    width: 33%;
}
	.whiteheader_planetinfra h3 {
    font-size: 22px;
    padding: 10px 0 10px;
}
	.greyheader_planetinfra h3 {
    font-size: 23px;
    color: #000;
    padding: 10px 0 10px;
}
	.aboutleft-content h2 {
    font-size: 24px;
    padding: 12px 0 6px;
}
	.whiteheader_planetinfra span {
    width: 29%;
}
	a.mail-us {
	font-size: 13px;
}
	a.tap-call {
	font-size: 13px;
}
	.certificate-box img {
	width: 100%;
}
	.testimonial {
	padding: 21px 0 0;
	margin: 0 0;
	border-radius: 0 70px 0 70px;
	border-left: none;
	border-right: none;
	text-align: center;
}
.aboutleft-content a {
    line-height: 47px;
    display: block;
    width: 49%;
    margin: 0 auto;
    padding: 0 0;
}

}



@media only screen and (max-width: 384px) {
	.page-about {
	padding: 0 2%;
}
	.heading-primary-sub {
	font-size: 19px;
	left: 10%;
	line-height: 32px;
}
	.aboutleft-content h2 {
	font-size: 22px;
	padding: 12px 0 6px;
}
	.dutyfree_banner {
	height: 140px;
	padding: 0 0;
	margin-top: 0;
	background-size: cover;
	width: 100%;
	padding-top: 31px;
}
	.content {
	padding: 0 0;
	min-height: 368px;
}
.our-team .team-prof h3 {
	font-size: 13px;
	padding: 0 8px;
	margin-bottom: 0;
	
	min-height: 31px;
}
.page-about h4 {
	font-size: 23px;
}
}

@media only screen and (max-width: 360px) {
	#product-listing-section .our-team .team-content img {
	height: 169px;
}
	.heading-primary-sub {
	font-size: 18px;
	left: 10%;
	line-height: 32px;
}
	header {
	height: 63px;
}
	.stellarnav .menu-toggle span.bars {
	position: relative;
	top: 13px !important;
}
	.quartz-img {
	margin-bottom: 20px;
}
	.article .image1 {
	height: 280px;
}
	.solution-section-p {
	padding: 0 0%;
}
	.darkgreyheader_planetinfra h3 {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 21px;
    color: #000;
    text-transform: uppercase;
    padding: 10px 0 10px;
    text-align: center;
}
	.greyheader_planetinfra h3 {
    font-size: 21px;
    color: #000;
    padding: 10px 0 10px;
}
	.greyheader_planetinfra span {
    width: 37%;
}

.whiteheader_planetinfra span {
	width: 34%;
}
	
}
/* MQ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 550px) {
  .page-header .panel1 {
    width: 60%;
  }
  .page-header .panel2 {
    width: calc(60% - 3rem);
  }
  .page-header .top-menu {
    width: calc(60% - 6rem);
  }
}

@media screen and (min-width: 768px) {
  .page-header .top-menu {
    padding: 4rem;
  }

  .page-header ul a {
    font-size: 1.6rem;
  }

  .page-header .search-form input {
    font-size: 2.4rem;
    height: 5rem;
    line-height: 5rem;
  }
}

@media screen and (min-width: 995px) {
  .page-header {
    padding: 0 3rem;
  }

  .page-header .panel,
  .page-header .open-mobile-menu,
  .page-header .vertical-logo,
  .page-header .top-menu .mob-block,
  .page-header .top-menu > li:last-child,
  .page-header .top-menu-wrapper::before {
    display: none;
  }

  .page-header .horizontal-logo {
    display: block;
  }

  .page-header .top-menu-wrapper {
    display: flex;
    align-items: center;
    color: var(--white);
  }

  .page-header .top-menu {
    flex-direction: row;
    position: static;
    width: auto;
    background: transparent;
    transform: none;
    padding: 0;
    overflow-y: visible;
    box-shadow: none !important;
  }

  .page-header .top-menu li + li {
    margin-top: 0;
  }

  .page-header .top-menu > li:not(:nth-last-child(2)) {
    margin-right: 3rem;
  }

  .page-header .top-menu > li > a {
    padding: 3rem 0.5rem;
  }

  .page-header ul a {
    font-size: 1.3rem;
  }

  .page-header .has-dropdown i {
    display: inline-block;
  }

  .page-header .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.5rem 2rem;
    background: var(--purple-2);
  }

  .page-header .sub-menu li + li {
    margin-top: 1.2rem;
  }

  .page-header .sub-menu a {
    padding: 0.5rem 1rem;
    white-space: nowrap;
  }

  .page-header .has-dropdown {
    position: relative;
  }

  .page-header .has-dropdown:hover .sub-menu {
    display: block;
  }

  .page-header .search {
    display: flex;
    align-items: center;
    margin-left: 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .page-header .search {
    margin-left: 5rem;
  }

  .page-header .search i {
    margin-right: 1.5rem;
  }

  .page-header .search span {
    display: block;
    font-weight: 500;
    font-size: 1.6rem;
  }
}