@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton:wght@300;400;500;600;700&display=swap');

:root{
	--primary-backcolor:#fff;
	--content-font:'Sen';
	--content-text-color:blue;
	--content-line-height:1.75;
	--content-font-size:16px;

	--banner-h1-color: #fff;
	--banner-h1-font-family: 'Manrope';
	--banner-h1-font-size:50px;
	--banner-h1-font-weight:bold;

	--banner-desc-color: #fff;
	--banner-desc-font-family: 'Montserrat';
	--banner-desc-font-size:20px;
	--banner-desc-font-weight:400;

	--h1-color: red;
	--h1-font-family: 'Montserrat';
	--h1-font-size:30px;
	--h1-font-weight:600;

	--h2-color: green;
	--h2-font-family: 'Montserrat';
	--h2-font-size: 20px;
	--h2-font-weight: 500;

	--h3-color: green;
	--h3-font-family: 'Montserrat';
	--h3-font-size: 20px;
	--h3-font-weight: 500;

	--menu-font-family: 'Manrope';
	--menu-font-size:18px;
	--menu-font-weight:700;
	--menu-bg-color:transparent;
	--menu-position:relative;
	--menu-font-color:#000;
	--menu-z-index:9998;
	--menu-padding-menuitems:15px;

	--menu-dropdown-font-color:#000;
	--menu-dropdown-font-size:15px;
	--menu-dropdown-padding-top:10px;
	--menu-dropdown-padding-bottom:10px;
	--menu-dropdown-oneside-border:10px solid #0078c1;
	--menu-dropdown-hover-bgcolor: #373435;
	--menu-dropdown-hover-color:#fff;

	--footer-bgcolor:#2b2829;
}

body
{
	margin:0px;
	padding: 0px;
	font-size: var(--content-font-size);
	color: var(--content-text-color);
	font-weight: 500;
	font-family: var(--content-font);
	background-color: var(--primary-backcolor);
	line-height: var(--primary-line-height); 
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

p{
	margin:0px;
	padding: 	0px;
	text-align: justify;
	line-height: 24px;
}

a{
	outline: none;
	text-decoration: none;
}

h1{
	font-family: var(--h1-font-family);
	color: var(--h1-color);
	font-weight: var(--h1-font-weight);
	font-size: var(--h1-font-size);
}

h2{
	font-family: var(--h2-font-family);
	color: var(--h2-color);
	font-weight: var(--h2-font-weight);
	font-size: var(--h2-font-size);
}

/* Apply to all screens with overrides in each sections */

/*header section */
header{
	position: relative;
}

.no-margin{
	margin:0px !important;
}


.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  width: 65%;
}

.marquee span {
  color: #fff;
  font-weight: 600;
  display: inline-block;
  padding-left: 100%;
  animation: marquee 25s linear infinite;
}

.marquee2 span {
  animation-delay: 10s;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

/*start of menu css*/
header .main-menu
{
	width: 100%;
	background-color: var(--menu-bg-color);
	position: var(--menu-position);
	z-index: var(--menu-z-index);
	color: var(--menu-font-color);
	padding-top:10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 10px;
}

 .main-menu .navbar li{
 	padding-right: var(--menu-padding-menuitems);
 }


.navbar-toggler {
  background: #373435 !important;
}	


.main-menu .logo-wrapper{
	width: 100%;
	text-align: right;
}

.main-menu .logo-wrapper img {
	max-width: 400px;
	padding-block: 15px;
}

.main-menu .logo-wrapper1{
	display: none;
}

.main-menu .navbar a{
	font-family: var(--menu-font-family);
	font-size: var(--menu-font-size);
	font-weight: var(--menu-font-weight);
	color: var(--menu-font-color);
	text-transform: uppercase;

}

.navbar-expand-lg .navbar-nav .dropdown-menu	
{
	position: absolute;
	left: 0px !important;
	width: 275px !important;
}

.main-menu .top-panel{
	background-color: #ff5e13;
	width: 95%;
	height:70px;
}

.top-main-panel {
    padding: 5px;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: #f9f8f8;
    color: #302b4b;
}

button#btntrackhome {
    background-color: #ed3237;
    border-color: #ed3237;
    color: #fff;
    font-weight: bold;
}


.track-page {
    width: 50%;
    margin: 0px auto;
    line-height: 50px;
    text-align: center;
    padding-block: 50px;
}


.main-menu nav{
	width: 95%;
	top:45%;
}

.main-menu nav ul{
	position: absolute;
	right: 10px;
}

.main-menu .dropdown-menu
{
	padding: 0px;
	border-bottom: 10px solid #010101;
}

.main-menu .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

.main-menu .dropdown-menu li
{
	padding: 0px;
}

.main-menu .dropdown-menu a
{
	color: var(--menu-dropdown-font-color);
	padding-top: var(--menu-dropdown-padding-top);
	padding-bottom: var(--menu-dropdown-padding-bottom);
	font-size: var(--menu-dropdown-font-size);
}

.main-menu .dropdown-menu a:hover
{
	background-color: #ed3237;
	color: var(--menu-dropdown-hover-color);
}


.main-menu .mega-menu{
	left: 0;
	right:0;
	width: 100%;
	position: static;
}

.blog-wrapper{
	margin-bottom: 75px;
}

.blog-item-wrapper .img-wrapper{
	width: 100%;
	height: 150px;
	overflow: hidden;	
}

.blog-item-wrapper .img-wrapper img{
	max-width: 100%;
	width: 100%;
	height: 150px;
	padding-right: 10px;
}

.blog-item-wrapper .blog-content-wrapper{
	padding-block: 20px;
	font-size: 15px;
}

.blog-item-wrapper .blog-content-wrapper h2{
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	color: #1a1616;
}

.content-wrapper h3 {
    font-size: 20px;
    padding-block: 20px;
    font-weight: 700;
    color: #373435;
}


/* end of menu css*/

header .banner-wrapper .carousel-item-overlay{
	position: absolute;
	top: 0px;
	width: 100%;
	background-color: rgba(0,0,0,0.75);
	height: 100%;
	z-index: 9991;
}

header .banner-wrapper img {
    width: 100%;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.project-content-block .carousel-inner .carousel-item > img {
	animation: none;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

header .banner-wrapper{
	position: relative;
	z-index: 9990;
}

header .banner-wrapper .carousel-caption{
	position: absolute;
	top: 0%;
	z-index: 9992;
}

header .banner-wrapper .carousel-indicators{
	position: absolute;
	top: 90%;
	z-index: 9993;
	display: none;
}

header .carousel .carousel-indicators button {
    width: 10px;
   height: 10px;
   border-radius: 100%;
 }

header .banner-wrapper .carousel-control-prev,header .banner-wrapper .carousel-control-next{
	position: absolute;
	z-index: 9994;
}

header .banner-wrapper h1{
	font-size: var(--banner-h1-font-size);
	color: var(--banner-h1-color);
	font-weight: var(--banner-h1-font-weight);
	position: relative;
	top: 40%;
	text-align: left;
	left: 0px;
}

header .banner-wrapper p{
	font-family: var(--banner-desc-font-family);
	font-size: var(--banner-desc-font-size);
	color: var(--banner-desc-color);
	font-weight: var(--banner-desc-font-weight);
	position: relative;
	top: 40%;
}


header .banner-wrapper h1{
  color: #fff;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeSlideIn 1s ease-out forwards;
  /* delay each letter if you wrap them in spans */
  animation-delay: 0.5s;
}

@keyframes fadeSlideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}





/*Footer Section Goes Here*/
footer {
  position: relative;
  color: #fff;
  background-color: #171717;
}


footer a{
	color: #000;
	text-decoration: none;
}

footer .logo-bg{
	background-color: #fff;
	padding: 10px;
	display: table;
	margin-bottom: 20px;
}

footer .logo-bg img{
	max-width: 250px;
}

footer .footer-top{
	width: 100%;
	padding-block: 100px;
}

footer .footer-top h2
{
	color: #fff;
	font-family: var(--h2-font-family);
	font-size: var(--h2-font-size);
	margin-bottom: 25px;
	font-weight: bold;
}

footer .footer-top .footer-summary{
	color: #000;
	width: 80%;
}

.footer-top .firstitem {
  padding-block: 60px;
}

footer .footer-social ul{
	padding: 0;
	margin-left: 15%;
	text-align: left;
}

footer .footer-social ul li{
	display: inline;
	list-style-type: none;
	position: relative;
	margin-right: 5px;
}

footer .footer-social ul li a{
display: inline-block;
  color: #fff;
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 50%;
  border: 2px solid #fff;
}

footer .footer-social ul li a i{
	margin-top: 10px;
  margin-left: 12px;
}


footer .footer-top .footer-services ul
{
	margin:0;
	padding: 0;
}

footer .footer-top .footer-services li
{
	list-style-type: none;
	padding: 5px 0;
	position: relative;
}

footer .footer-top .footer-services li a
{
	text-decoration: none;
	color: #fff;
	font-weight: 500;
}

footer .footer-top .footer-services li a:before
{
	content: "\f105";
	color: #fff;
	font-size: 18px;
	margin-right: 15px;
	font-family: "fontawesome";
	font-weight: bold;
}

footer .footer-top .footer-address{
	color: #fff;
}

footer .footer-top .footer-address ul{
	padding: 0;
	margin: 0;
	text-align: left;
}

footer .footer-top .footer-address ul li{
	list-style-type: none;
	position: relative;
	padding: 0px 0px 0px 30px;
	margin-top: 10px;
}

footer .footer-top .footer-address ul li a{
	text-decoration: none;
	color: #fff;
}

footer .footer-top .footer-address ul li i{
	position: absolute;
	color: #fff;
	font-size: 20px;
	left:-2px;
	top: 3px;
}


footer .footer-bottom {
  background-color: #171717;
  padding-block: 10px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

footer .footer-main-menu{
	text-align: right;
}

footer .footer-bottom-section1{
	margin: 0;
	color: #fff;
}

footer .footer-main-menu ul{
	margin: 0;
}

footer .footer-main-menu ul li{
	display: inline;
	list-style-type: none;
	position: relative;
}

footer .footer-main-menu ul li:before{
	display: block;
	content: "";
	position: absolute;
	font-size: 20px;
	background-color: #ffffff;
	left: -20px;
	top: 60%;
	width: 6px;
	height: 6px;
	transform: translateY(-50%);
	border-radius: 50%;
}

footer .footer-main-menu ul li:first-child:before{
	opacity: 0;
}


footer .footer-main-menu ul li a{
	text-decoration: none;
	position: relative;
	color: #fff;
	display: inline-block;
	foont-size:16px;
	margin-right: 35px;
}

.service-item-wrapper{
		margin-block:80px;
}

.service-item-wrapper p{
	text-align: center;
}

.service-item-wrapper .service-icon {
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 3px solid #c5b518;
	margin: 0 auto;
	position: relative;
}

.service-item-wrapper .service-icon img{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 50px;
}

.service-item-wrapper h2 {
		padding-block: 20px;
		font-size: 25px;
		text-align: center;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
}

.service-item-wrapper p {
		text-align: center;
		color: #7d8184;
		text-transform: unset;
}


.service-item-wrapper .service-icon img{
		max-width: 50px;
		border-radius: 50%;
}


.project-item-wrapper{
	width: 100%;
	margin-block: 80px;
	padding-block: 80px;
	background-color: #f1f6fb;
	padding-left: 80px;
	padding-right: 80px;
}

.project-inner{
	margin:0px;
	margin-bottom: 50px;
}

.content-padding-project{
	padding-top: 100px;
	padding-bottom: 0px !important;
}

.project-item-wrapper h2{
	padding-bottom: 20px;
    font-size: 28px;
    text-align: center;
    color: #622d91;
    text-transform: uppercase;
    font-weight: bold;
}

.project-item-wrapper .project-item{
	background-color: #fff;
	position: relative;
	margin-bottom: 45px;
	margin-right: 25px;
	border: 1px solid #d7cbcf;
}

.project-item-wrapper .project-item .project-type{
	position: absolute;
	left: 10px;
	top: 10px;
	padding:8px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 11px;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 99;
}

.project-content-block ul{
	display: table;
}

.specification-content-block ul{
	border-bottom: 1px solid #e2e2e2;
    padding-bottom: 70px;
    padding-top: 10px;
}

.project-content-block h2, .specification-content-block h2 {
  color: #b7ac12;
  font-size: 22px;
  font-weight: bold;
  margin-block: 20px;
}

.project-floor-plans img {
    max-width: 100%;
}

.project-floor-plans .carousel-control-prev-icon{
	background-color: #838080;
}

.project-floor-plans .carousel-control-next-icon{
	background-color: #838080;
}


.project-floor-plans h3{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding-top: 20px;
}

.project-gallery{
	overflow: hidden;
}

.project-gallery img{
	display: block;
	transition: transform 1s; /* Animation */
	width: 100%;
}

.project-gallery .project-gallery-item{
	margin-bottom: 30px;
}

.project-gallery .img-wrapper{
	overflow: hidden;
}

.project-gallery img:hover{
	transform: scale(1.5);
	cursor: pointer;
}

.project-floor-plans-item{
	margin-bottom: 20px;
}


.project-item-wrapper .project-item a{
	text-decoration: none;
	color: var(--bs-body-color);
}

.project-item-wrapper .project-item .project-item-head{
		text-transform: uppercase;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #0266a5;
}

.project-item-wrapper .project-item .project-item-content{
	padding-left: 18px;
	padding-block: 15px;
}

.project-item-wrapper .project-item p, .project-item-wrapper .project-item .address{
	text-transform: unset;
	font-size: 14px;
	margin-bottom: 0px;
}

.project-item-wrapper .project-item .address{
	margin-bottom: 15px;
	padding-top: 3px;
	padding-left: 12px;
	position: relative;
	color: #333;
	font-size: 13px;
}


.project-item-wrapper .project-item .address:before{
	content: "\f041";
	position: absolute;
	font-size: 14px;
	left: 0px;
	color: #333;
	font-family: "fontawesome";
}

.project-item-wrapper .project-item .bottom{
	padding-left: 18px;
	padding-block: 15px;
	border-top: 1px solid #e2e2e2;
}

.project-item-wrapper .project-item .bottom span{
	background-color: #c5b518;
	padding: 7px;
	margin-right: 3px;
}

.project-item-wrapper .project-item .img-wrapper{
	 width: 100%;
	 overflow: hidden;
}

.project-item-wrapper .project-item img{
	display: block;
	max-width: 100%;
	transition: transform 1s; /* Animation */
}

.project-item-wrapper .project-item img:hover{
	transform: scale(1.5);
	cursor: pointer;
}

.project-content-block{
	background-color: #fff;
    margin-block: 50px;
    padding-block: 50px;
    overflow: auto;
}

.inquiry-wrapper label {
    font-weight: bold;
    padding-top: 20px;
    padding-left: 3px;
}

.inquiry-wrapper .btn-primary {
    margin-top: 20px;
}

.team-content-block{
	background-color: #fff;
    margin-block: 50px;
    padding-block: 50px;
    overflow: auto;
}

.team-item-wrapper{
	padding-block: 30px;
}

.team-item-wrapper img{
	max-width: 100%;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 3px solid #c5b518;
}

.team-item-wrapper h5{
	font-weight: bold;
}

.team-item-wrapper h6{
	color: #9d8a8a;
	font-weight: bold;
}

.specification-content-block{
	background-color: #fff;
    margin-block: 50px;
    padding-block: 50px;
    overflow: auto;
}


.project-content-panel{
	background-color: #fff;
    margin-block: 50px;
    overflow: auto;
}

.project-content-block ul li {
    width: 50%;
    float: left;
    padding-right:50px;
}

.project-content-block .page-title{
	padding-bottom: 0px !important;
}

.content-wrapper {
    background-color: #f9f9f9;
    overflow: auto;
}

.content-wrapper a {
    text-decoration: none;
    color: #b61d8d;
    font-weight: 500;
}


.content-wrapper-white {
    background-color: transparent;
}

.content-padding{
	padding: 100px 0;
}

.content-padding-top{
	padding-top: 100px;
}

.content-wrapper .sidemenu{
	background-color: #fff;
  border: 1px solid #e2e2e2;
}

.content-wrapper .sidemenu ul li {
		font-size: 15px;
    font-weight: 400;
    margin-bottom: 8px;
    padding: 5px;
    color: #4e4505;
 }

.content-wrapper .sidemenu ul {
		list-style: none;
    padding: 20px;
 }

 .content-wrapper .article-content {
    background-color: #fff;
    width: 99%;
    padding: 20px 50px;
    border: 1px solid #e2e2e2;
		text-align: justify;
}


.article-content h1 {
    font-size: 30px;
    font-weight: bold;
    color: #006eb9;
    text-transform: uppercase;
    background-color: #fbfbfb;
    padding: 10px 6px;
}

.article-content h2 {
    font-size: 20px;
    font-weight: bolder;
    color: #ff3600;
    text-align: left;
}

.content-wrapper .sidemenu ul li a {
    text-decoration: none;
    color: #4e4505;
}

.content-wrapper .sidemenu ul li a:hover {
	font-weight: bold;
}

.content-wrapper .sidemenu ul li:first-child {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.director-wrapper {
    background-color: #fff;
    padding-block: 70px;
    margin-block: 20px;
}

.director-wrapper2{
	background-color: #fff;
	margin-block: 50px;
	padding-block: 50px;
}

.director-wrapper .radius {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.contact-row-wrapper {
    margin-bottom: 30px;
}

.director-wrapper h3:after {
    display: block;
    content: "";
    background: #373435;
    width: 70px;
    height: 3px;
    margin-top: 13px;
    margin-bottom: 15px;
}

.middle-wrapper{
	position: relative;
	z-index: 9990;
}

.middle-wrapper .page-title {
    text-align: center;
    padding-bottom: 30px;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #373435;
}

.middle-wrapper .page-subtitle {
    text-align: center;
    margin-top: -31px;
    font-size: 15px;
}

.faq-wrapper .card {
    margin-block: 25px;
    padding-block: 8px;
    border-left: 3px solid #e52116;
}

.faq-wrapper .card:first-child {
    margin-top: 0px;
}

.faq-wrapper p {
    margin-bottom: 0.25rem !important;
    font-size: 13px;
}

.faq-wrapper .card h5 {
    font-size: 16px;
    color: #76690b;
    font-weight: 600;
}


.content-item-wrapper {
    padding-block: 100px;
    vertical-align: middle;
    margin-bottom: 2px;
    overflow: hidden;
    background-color: #fff;
}

.content-item-wrapper h2 {
    font-size: 35px;
    padding-bottom: 20px;
    color: #373435;
    font-weight: 700;
}

.content-item-wrapper h3 {
    font-size: 21px;
    padding-bottom: 20px;
    color: #ed3237;
    font-weight: 500;
}


.content-item-wrapper .item-content{
	background-color: #fff;
	padding-block: 20px;
	height: 100%;
	margin-top: -2px;
}

.welcome-title-wrapper h5{
	text-align: center;
	padding-block: 20px;
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: bold;
	color: #622d91;
}


.contact_syn {
    padding-block: 40px;
}

.box_dital p {
    max-width: 68%;
}

.box_icon {
    width: 40px !important;
    height: 40px;
    float: left;
    background-color: #e52116;
    border-radius: 20%;
    text-align: center;
}

.box_dital {
    margin-left: 50px;
}

.box_icon i {
    font-size: 16px;
    line-height: 36px;
    color: #fff;
}

.mining-destination li, .mining-core-purpose li {
    list-style: none;
    border: 2px dashed #e2e2e2;
    display: table;
    padding: 13px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

.mining-mission p {
    text-align: center;
}

.project-overview{
	position: relative;
}

.project-overview .right-panel {
  position: absolute;
  top: 0;
  right: 0;
}


.fix-wrapper {
    background-image: url(../images/bgfixed.jpg);
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    text-align: center;
}


.fix-wrapper .content-wrapper {
    padding-block: 180px;
    color: #fff;
    font-size: 42px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.70);
    letter-spacing: 3px;
}

.fix-wrapper h2 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    line-height: 70px;
}

.fix-wrapper h3 {
    color: #fff !important;
}

.stat div {
  display: inline-block;
}

.stat .number, .stat .number1{
	font-family: Anton;
	font-weight: 600;
}

.stat h5{
	font-family: Manrope;
	font-size: 22px;
	font-weight: bolder;
}

.track-section-xs{
	display: none;
}

section.track-section {
    width: 30%;
    position: relative;
    top: -130px;
    padding: 7px;
    z-index: 999;
    left: 35%;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.5);
}

section.track-section-xs {
  background-color: black;
}

section.track-section-xs .track-wrapper {
  width: 75%;
  position: relative;
  padding: 7px;
  margin: 0px auto;
  border-radius: 15px;
}

.track-section .track-wrapper input, .track-section-xs .track-wrapper input{
	font-size: 20px;
	font-weight: 600;
}

.track-section button, .track-section-xs button {
    background-color: #ff3600;
    border: 1px solid #ff3600;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.track-section button:hover, .track-section-xs button:hover {
    background-color: #ff3600;
    border: 1px solid #ff3600;
}

/* Screen with overrides upto 992 - 1200px :lg */
@media only screen and (max-width: 1200px) {
	.main-menu img {
		width: 210px;
		padding-top: 46px;
	}


section.track-section {
  width: 40%;
  left: 30%;
  top:-100px;
}

	footer .footer-bottom-section1{
		display: none;
	}

	footer .footer-main-menu{
		text-align: center;
		padding: 12px 0;
	}

}
/*End of Screen with overrides upto 992 - 1200px :lg */


/* Screen with overrides upto 769 - 992px :md*/
@media only screen and (max-width: 992px) 
{

	/*section for navbar*/

	section.track-section {
			display: none;
	}

	.track-section-xs
	{
		display: block;
	}

	.content-padding-top
	{
		padding-top: 40px;
	}

	.content-item-wrapper{
		padding-block: 25px;
	}

	header .main-menu	
	{
		padding:5px;
	}

	.main-menu .navbar-nav{
		right:0px;
	}

	.main-menu img {
		position: absolute;
    left: 30px;
    top: -16px;
    z-index: 9996;
    width: 280px;
 	}

	.main-menu nav ul{
		position: relative;
	}

	.box_dital p {
	    max-width: 100%;
	}


	.main-menu .navbar li{
		padding-right: 0px !important;
	}

	header .main-menu .dropdown-menu{
		position: relative !important;
		width: 100%;
		right:0;
		border:0px;
	}

	header .main-menu{
		background-color: transparent;
	}

	header .main-menu .logo-wrapper{
		display: none;
	}

	header .main-menu .logo-wrapper1{
		display: block;
	}

	header .main-menu .top-panel{
		display: none;
	}

	header .main-menu .navbar{
		background-color: transparent;
		padding-block:25px;
		top:15px;
	}

	header .navbar{
		padding-top: 20px;
	}

	header .main-menu #navbar1{		
		box-sizing:border-box;
		position: fixed;
		height: 100%;
		width: 300px;
		left: 0;
		bottom: 0;
		top: 0;
		color: #fff;
		background-color: rgba(0, 0, 0,0.6);
		z-index: 9999;
		-webkit-animation-name: run;
		-webkit-animation-duration: 0.3s;
		overflow: auto;
	}	

	header .main-menu .navbar-nav li{
		border-bottom:1px solid rgba(255,255,255,0.2);
	}

	header .main-menu .navbar-nav li a{
			padding-left:20px;
	}

	header .main-menu .navbar-nav a{
		color: #fff;
		font-weight: bold;
	}

	@-webkit-keyframes run{
		0%{
			width:0px;
			height:100%;
		}
		25%{
			width:150px;
		}
		100%{
			width: 300px;
		}
	}

	header .main-menu .dropdown-menu{
		width: 100%;
		position: absolute;
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		background-color: #ff5e13;
	}


	footer{
		padding-left: 20px;
	}

	footer .footer-services{
		margin-top: 40px;
	}

	footer .footer-address{
		margin-top: 40px;
		margin-bottom: 30px;
	}

	footer:before
	{
		height: 120%;
	}

/*end of section for navbar*/
}
/*End Of Screen with overrides upto 769 - 992px :md*/


/* Screen with overrides upto 571 - 768px :sm */
@media only screen and (max-width: 768px) {

}
/*End Of Screen with overrides upto 571 - 768px :sm */


/* Screen with overrides upto 0- 576px:xs */
@media only screen and (max-width: 576px) {

}
/*End Of Screen with overrides upto 0- 576px:xs */