	.container-fluid {
		padding: 1% 3%;
	}

	.container-fluid img {
		width: 75%;
		height: 12%;
		margin-left: 3%;
	}
   
	#navtion {
		margin: 0 auto;
		background-color: rgb(17,17,17,0.5);
	}

	#navbarColor02 {
		margin-left: 8%;
	}

	#navbarColor02 ul li {

		width: 150px;
	
		margin-bottom: 0.5%;
	}

	#navbarColor02 ul li a {
		color: white;
		font-size: 24px;
		text-decoration: none;

	}
	#navbarColor02 ul li .slider{
		color: #f6c25d;
	 }
	#navbarColor02 ul li span img{
		width: 5%;
		height: auto;
		margin-top: -5%;

	}


	#navbarColor02 ul li:last-child {
		width: 220px;
		color: white;
		margin-bottom: 0.5%;
	}



	.contact-Information {
		color: white !important;
		font-size: 16px;
	}

	.phone-img {
		display: flex;
		justify-content: flex-start;
	}

	.phone-img img {
		width: 25%;
	}


	.contact-Information p:last-child {
		margin-top: -10%;
		font-size: 24px;
	}

	.banner {
		max-width: 1920px;
		margin: 0% auto;
	}



	@media screen and (max-width:1680px) {
		#navbarColor02 ul li {

			width: 130px;
			color: black;
			margin-bottom: 0.5%;
		}
		#navbarColor02 ul li:last-child {

			width: 270px;
			color: black;
			
		}
	

	}

	@media screen and (max-width:1440px) {
		#navbarColor02 ul li {
			width: 120px;
			color: black;
			margin-bottom: 0.5%;
		}

		#navbarColor02 {
			margin-left: 3%;
		}
		#navbarColor02 ul li:last-child {

			width: 190px;
			color: black;
			
		}	
		.contact-Information p:last-child {
			margin-top: -2%;
			font-size: 20px;
		}
	}
	@media screen and (max-width:1360px) {
		#navbarColor02 ul li {
			width: 110px;
			color: black;
			margin-bottom: 0.5%;
		}

		#navbarColor02 {
			margin-left: 3%;
		}	
	}

	@media screen and (max-width:1280px) {
		#navbarColor02 ul li {
			width: 115px;
			color: black;
			margin-bottom: 0.5%;
		}

		#navbarColor02 {
			margin-left: 4%;
		}
		.phone-img img {
			width: 20%;
		}
		.contact-Information p:last-child {
			margin-top: -10%;
			font-size: 20px;
		}
		
	}

	@media screen and (max-width:1024px) {
		#navbarColor02 ul li {
			width: 90px;
			color: white;
			margin-bottom: 0.5%;
		}

		#navbarColor02 {
			margin-left: 4%;
		}
		.phone-img img {
			width: 20%;
		}
		.contact-Information p:last-child {
			margin-top: -10%;
			font-size: 16px;
		}
		#navbarColor02 ul li a {
			color: white;
			font-size: 18px;
			text-decoration: none;
	
		}
		#navbarColor02 ul li:last-child {

			width: 150px;
			color: white;
			
		}
	}

	@media screen and (max-width:1000px) {
		#navtion {
		
			background-color: rgb(17,17,17,0.5);
		}
		.currents::before {
			content: '';
			background-color: white;
			width: 70px;
			height: 4px;
			opacity: 0;
			margin: 0 auto;
			position: absolute;
			top: 80%;
			z-index: 1;
			transition: all 0.4s ease;
			border-radius: 5px;
		}

		.currentss::before {
			content: '';
			background-color: white;
			width: 35px;
			height: 4px;
			opacity: 0;
			margin: 0 auto;
			position: absolute;
			top: 80%;
			z-index: 1;
			transition: all 0.4s ease;
			border-radius: 5px;
		}

		#banner-box {
			margin-top: 6%;

		}

		.banner-box-text h1 {
			font-size: 48px;
		}

		.banner-box-text h2 {
			font-size: 48px;
		}

		.banner-box-text h5 {
			line-height: 45px;
			font-size: 20px;
		}

		#banner-box .banner-box-text1 {
			color: white;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 35%;
			left: 84%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
			display: flex;
			flex-flow: row wrap;
		}

		.banner-box-text1 h2 {
			font-size: 64px;
		}

		.container-fluid img {

			margin-left: 0%;
		}

		#navbarColor02 {
			margin-left: 8%;

		}

		#navbarColor02 ul li {
			width: 100px;
			font-size: 16px;
			color: white;
			margin-bottom: 0.5%;
		}

	}

	@media screen and (max-width:960px) {
		#banner-box {
			margin-top: 7%;

		}

		.banner-box-text h1 {
			font-size: 42px;
		}

		.banner-box-text h2 {
			font-size: 42px;
		}

		.banner-box-text h5 {
			line-height: 42px;
			font-size: 20px;
		}

		#navbarColor02 {
			margin-left: 15%;

		}

		#banner-box .banner-box-text1 {
			color: white;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 35%;
			left: 84%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
			display: flex;
			flex-flow: row wrap;
		}

		.banner-box-text1 h2 {
			font-size: 64px;
		}
	}

	@media screen and (max-width:850px) {
		#banner-box {
			margin-top: 8%;

		}

		.banner-box-text h1 {
			font-size: 36px;
		}

		.banner-box-text h2 {
			font-size: 36px;
		}

		.banner-box-text h5 {
			line-height: 42px;
			font-size: 18px;
		}
	}

	@media screen and (max-width:768px) {
		#banner-box {
			margin-top: 8.7%;

		}

		.banner-box-text h1 {
			font-size: 32px;
		}

		.banner-box-text h2 {
			font-size: 32px;
		}

		.banner-box-text h5 {
			line-height: 36px;
			font-size: 18px;
		}

		#banner-box .banner-box-text1 {
			color: white;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 35%;
			left: 83%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
			display: flex;
			flex-flow: row wrap;
		}

		.banner-box-text1 h2 {
			font-size: 58px;
		}
	}

	@media screen and (max-width:650px) {
		#banner-box {
			margin-top: 10.1%;

		}

		.banner-box-text h1 {
			font-size: 24px;
		}

		.banner-box-text h2 {
			font-size: 26px;
		}

		.banner-box-text h5 {
			line-height: 24px;
			font-size: 14px;
		}

		#banner-box .banner-box-text1 {
			color: white;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 35%;
			left: 82%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
			display: flex;
			flex-flow: row wrap;
		}

		.banner-box-text1 h2 {
			font-size: 54px;
		}
	}

	@media screen and (max-width:500px) {
		#banner-box {
			margin-top: 12.5%;

		}

		.banner-box-text h1 {
			font-size: 20px;
		}

		.banner-box-text h2 {
			font-size: 20px;
		}

		.banner-box-text h5 {
			line-height: 20px;
			font-size: 11px;
		}

		#banner-box .banner-box-text1 {
			color: white;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 35%;
			left: 82%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
			display: flex;
			flex-flow: row wrap;
		}

		.banner-box-text1 h2 {
			font-size: 42px;
		}
	}

	@media screen and (max-width:450px) {
		#banner-box {
			margin-top: 14.5%;

		}

		#banner-box .banner-box-text1 {
			color: white;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 35%;
			left: 82%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
			display: flex;
			flex-flow: row wrap;
		}

		.banner-box-text1 h2 {
			font-size: 36px;
		}


	}

	@media screen and (max-width:400px) {
		#banner-box {
			margin-top: 15.5%;

		}

		.banner-box-text h1 {
			font-size: 20px;
		}

		.banner-box-text h2 {
			font-size: 20px;
		}

		.banner-box-text h5 {
			line-height: 20px;
			font-size: 10px;
		}

		#banner-box .banner-box-text1 {
			color: white;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 32%;
			left: 82%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
			display: flex;
			flex-flow: row wrap;
		}

		.banner-box-text1 h2 {
			font-size: 32px;
		}
	}

	@media screen and (max-width:390px) {
		#banner-box {
			margin-top: 16%;

		}

		.banner-box-text h1 {
			font-size: 16px;
		}

		.banner-box-text h2 {
			font-size: 16px;
		}

		.banner-box-text h5 {
			line-height: 16px;
			font-size: 10px;
		}
	}

	@media screen and (max-width:350px) {
		#banner-box {
			margin-top: 17%;

		}

		.banner-box-text h1 {
			font-size: 16px;
		}

		.banner-box-text h2 {
			font-size: 16px;
		}

		.banner-box-text h5 {
			line-height: 16px;
			font-size: 10px;
		}

		#banner-box .banner-box-text1 {
			color: white;
			text-align: center;
			width: 100%;
			padding: 0 30px;
			opacity: 1;
			transform: translateX(-50%);
			position: absolute;
			top: 32%;
			left: 82%;
			z-index: 1;
			transition: all 0.4s ease;
			padding: 2%;
			display: flex;
			flex-flow: row wrap;
		}

		.banner-box-text1 h2 {
			font-size: 28px;
		}
	}

	@media screen and (max-width:320px) {
		#banner-box {
			margin-top: 18.5%;

		}

		.banner-box-text h1 {
			font-size: 16px;
		}

		.banner-box-text h2 {
			font-size: 16px;
		}

		.banner-box-text h5 {
			line-height: 16px;
			font-size: 8px;
		}
	}