@media only screen and (max-width: 600px){
	#Header .navbar{
		margin-top: 0px;
	}
	
	#Header .logo{
		width: 60px !important;
	}
	#Header {
		background: url(../images/Banner/img2.jpg) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center 95px !important;
		min-height: 222px !important;
	}
	#Benefits .container .benefits-content{
		position: relative;
		top: -82px !important;
    	left: 2px !important;

	}
	#Benefits .container .benefits-content{
		position: relative !important;
		top: 15px !important;
		left: 2% !important;
		width: 99% !important;
	}
	#Benefits figure{
		background: #dc1919;
		text-align: center;
		padding: 15px;
		color: #fff;
		width: 100%;
		margin-left: 9px;
	}
	#AboutUs {
		position: relative !important;
		top: 588px !important;
	}
	#Header .navbar-expand-md .navbar-toggler{
	    margin-left: 60px;
	}
	#Header .navbar-expand-md .navbar-collapse{
		margin-top: 29px;
    	
	}
	#Benefits h5{
		font-size: 16px !important;
	}
	#Branches .fa-chevron-right {
		font-size: 25px;
		position: relative;
		top: 80px;
		right: -297px !important;
		color: #fff !important
	}
	#Placements .fa-chevron-right {
		font-size: 25px;
		position: relative;
		top: 210px !important;
		right: -324px !important;
		color: #000 !important;
	}
	#Programs {
		position: relative !important;
		top: 609px !important;
	}
	#Branches {
		position: relative !important;
		top: 518px !important;
		background: #ff9191;
		padding: 9px 9px 0px 9px;
	}
	#Placements {
		position: relative;
		color: #000;
		top: 515px !important;
	}
	#Placements .fa-chevron-left {
		font-size: 25px;
		position: relative;
		top: 210px;
		left: -16px !important;
		color: #000 !important;
	}
	#ContactUs {
		background: #0f94d491 !important;
		position: relative;
		top: 507px !important;
		color: #000;
		padding-bottom: 20px;
	}
	.form-popup nav {
		margin-left: -52px !important;
	}
	.form-popup nav > div a.nav-item.nav-link:hover, .form-popup nav > div a.nav-item.nav-link:focus {
		border: none;
		background: #e74c3c;
		color: #fff;
		border-radius: 0;
		transition: background 0.20s linear;
	}
	.form-popup nav > div a.nav-item.nav-link.active:after {
		content: "";
		position: relative;
		bottom: -56px;
		left: -16% !important;
		border: 15px solid transparent;
		border-top-color: #e74c3c;
	}
	.f-form-control {
		width: 48% !important;
		margin-left: 0px !important;
		border-radius: 6px;
	}
	.form-popup .tab-content {
		background: #fdfdfd;
		line-height: 25px;
		border: 1px solid #ddd;
		border-top: 5px solid #e74c3c;
		border-bottom: 5px solid #e74c3c;
		padding: 30px 25px;
		min-width: 100% !important;
		height: auto;
		margin-left: -12px !important;
	}
	.f-form-control-textarea {
		width: 94% !important;
    	margin-left: 0px !important;
		border-radius: 6px;
	}
	.form-btn-enq{
		left: 152px !important;
	}
	.form-popup {
		display: none;
		position: fixed;
		bottom: 0;
		right: -13px !important;
		z-index: 9999;
	}
	.close-button {
		width: 95% !important;
		margin-left: 3px !important;
		border: 2px solid #000000 !important;
	}
	.tab-content .form-width {
		min-width: 200px !important;
	}
	
	.form-popup nav > .nav.nav-tabs {
		border: none;
		color: #fff;
		background: #272e38;
		border-radius: 0;
		width: 410px !important;
	}
	.form-mob-width{
		display: block !important;
		height: 10px;
	}
	.form-mob-width	.f-form-mob-control{
		width: 50% !important;
	}
	.form-container .btn {
		color: white;
		padding: 8px 20px;
		border: none;
		cursor: pointer;
		width: 125px;
		margin-bottom: 10px;
		opacity: 0.8;
		position: relative;
		left: 0px !important;
	}
	.open-button {
		background-color: #169c11;
		color: white;
		padding: 8px 8px !important;
		font-size: 11px !important;
		cursor: pointer;
		opacity: 1 !important;
		position: fixed;
		bottom: 23px;
		right: 0px;
		z-index: 9999;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		border-top-left-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
		border: 2px solid red !important;
	}
	.Mob-view-form{
		display: none;
	}
	.Gallery-Sec {
		position: relative;
		padding-top: 128px !important;
		background: #FFF;
	}
	#Footer-Gallery {
		position: relative;
		top: -13px !important;
		background: #000;
		padding: 42px;
	}
	#Header-Gallery .navbar{
		margin-top: 30px !important;
		margin-left: 72px !important;
	}
	#Header-Gallery .navbar-nav{
		margin-left: -71px !important;
	}
	
	#Header-Gallery .logo {
		width: 63px !important;
		margin-left: -79px !important;
	}
	#Header-Gallery .navbar-collapse ul li {
		width: 129px !important;
		text-transform: uppercase;
		font-weight: 500;
	}
	#Header-Gallery .navbar-collapse ul li {
		width: 161px !important;
		text-transform: uppercase;
		font-weight: 500;
	}
	#Footer {
		position: relative;
		top: 510px !important;
		background: #000;
		padding: 42px;
	}
}

@media only screen and (min-width:600px){
	#AboutUs {
		position: relative;
		top: -64px !important;
	}
	#Header {
		background: url(../images/Banner/img2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 7px;
		min-height: 481px !important;
	}
	#Benefits .container .benefits-content {
		position: absolute;
		top: -98px !important;
		left: 2% !important;
		width: 100% !important;
	}
	#Benefits H5{
		font-size: 8px !important;
	}
	#Benefits figure {
		background: rgba(220, 25, 25, 0.66);
		text-align: center;
		padding: 8px !important;
		color: #fff;
		width: 100%;
		border-radius: 15px;
	}
	#Benefits p{
		font-size: 9px !important;
	}
	#Header .logo {
		width: 55px !important;
	}
	#Header .navbar-collapse ul li {
		width: 97px !important;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 10px !important;
	}
	#AboutUs p{
		 font-size: 8px !important;
	}
	#AboutUs img {
		margin-top: -87px !important;
	}
	#Branches .fa-chevron-right {
		font-size: 25px;
		position: relative;
		top: 80px;
		right: -679px !important;
		color: #fff !important;
	}
	#Placements .fa-chevron-left {
		font-size: 25px;
		position: relative;
		top: 155px !important;
		left: -21px !important;
		color: #000 !important;
	}
	#Placements .fa-chevron-right {
		font-size: 25px;
		position: relative;
		top: 155px !important;
		right: -663px !important;
		color: #000 !important;
	}
	#Placements h4{
		font-size: 22px !important;
	}
	#ContactUs {
		background: #0f94d491 !important;
		position: relative;
		top: -119px !important;
		color: #000;
		padding-bottom: 20px;
	}
	#Programs {
		position: relative !important;
		top: -45px !important;
	}
	#Branches {
		position: relative !important;
		top: -120px !important;
		background: #ff9191;
		padding: 9px 9px 0px 9px;
	}
	#Placements {
		position: relative;
		color: #000;
		top: -15px;
	}
	#Footer {
		position: relative;
		top: -116px !important;
		background: #000;
		padding: 42px;
	}
	#Footer-Gallery {
		position: relative;
		top: -13px !important;
		background: #000;
		padding: 42px;
	}
	#Header-Gallery .navbar-collapse ul li {
		width: 93px !important;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 12px !important;
	}
	#Header {
		background: url(../images/Banner/img2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 85px;
		min-height: 437px !important;
	}
	#Benefits .container .benefits-content {
		position: relative;
		top: -87px !important;
		left: 0% !important;
		width: 100% !important;
	}
	#Header-Gallery .navbar-collapse ul li a {
		color: #FFF;
		font-size: 6px !important;
	}

}


@media only screen and (min-width:900px){
	#Header {
		background: url(../images/Banner/img2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 98px;
		min-height: 558px !important;
	}
	#Header .navbar-collapse ul li a {
		color: #FFF;
		font-size: 9px !important;
	}
	#Benefits .container .benefits-content {
		position: relative;
		top: -87px !important;
		left: 0% !important;
		width: 100% !important;
	}
	#Benefits h5{
		font-size: 12px !important;
	}
	#Benefits figure .fas, #Benefits figure .far {
		font-size: 3.6em !important;
	}
	#Header .navbar-collapse ul li {
		width: 128px !important;
		text-transform: uppercase;
		font-weight: 500;
		text-align: center;
	}
	#AboutUs {
		position: relative !important;
		top: -114px !important;
	}
	#Header .logo {
		width: 75px !important;
	}
	#AboutUs img{
		margin-top: 70px;
	}
	#AboutUs p{
		font-size: 12px !important;
	}
	#Branches .fa-chevron-left {
		font-size: 25px;
		position: relative;
		top: 57px !important;
		right: -22px !important;
		color: #fff !important
	}
	#Branches .fa-chevron-right {
		font-size: 25px;
		position: relative;
		top: 57px !important;
		right: -918px !important;
		color: #fff !important
	}
	#Placements .fa-chevron-left {
		font-size: 25px;
		position: relative;
		top: 210px;
		left: -21px !important;
		color: #000 !important;
	}
	#Placements .fa-chevron-right {
		font-size: 25px;
		position: relative;
		top: 210px;
		right: -900px !important;
		color: #000 !important;
	}
	#Placements {
		position: relative;
		color: #000;
		top: -109px !important;
	}
	#Footer-Gallery {
		position: relative;
		top: -13px !important;
		background: #000;
		padding: 42px;
	}
	#Header-Gallery .navbar-collapse ul li {
		width: 120px !important;
		text-transform: uppercase;
		font-weight: 500;
	}
	#Header-Gallery .navbar-collapse ul li a {
		color: #FFF;
		font-size: 9px !important;
	}

}
@media only screen and (max-width:1280){
	#Header .navbar-collapse ul li{
		width: 180px !important;
		text-transform: uppercase;
		font-weight: 500;
	}
}
@media only screen and (min-width:1200px){
	#Header {
		background: url(../images/Banner/img2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 100px;
		min-height: 700px !important;
	}
	#Header .logo{
		width: 75px !important;
	}
	#Benefits .container .benefits-content{
		position: relative;
		top: -100px !important;
		left: 0% !important;
		width: 100% !important;
	}
	#Benefits h5{
		font-size: 14px !important;
    	font-weight: 700 !important;
	}
	#Benefits p{
		font-size: 16px !important;
	}
	#Benefits figure{
		background: rgba(220, 25, 25, 0.66);
		text-align: center;
		padding: 15px !important;
		color: #fff;
		width: 100%;
		border-radius:15px;
	}
	#Benefits figure .fas, #Benefits figure .far {
		font-size: 5.6em;
	}
	#Header .navbar-collapse ul li {
		width: 143px !important;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 11px !important;
	}
	#AboutUs {
		position: relative !important;
		top: -54px !important;
	}
	#AboutUs p {
		font-size: 14px !important;
	}
	#AboutUs img {
		margin-top: -80px !important;
	}
	
	#Branches .fa-chevron-right {
		font-size: 25px;
		position: relative;
		top: 80px !important;
		right: -1100px !important;
		color: #fff !important;
	}
	#Placements .fa-chevron-right {
		font-size: 25px;
		position: relative;
		top: 210px;
		right: -1085px !important;
		color: #000 !important;
	}
	#ContactUs {
		background: #0f94d491;
		position: relative;
		top: -90px !important;
		color: #000;
		padding-bottom: 20px;
	}
	#Footer {
		position: relative;
		top: -85px !important;
		background: #000;
		padding: 42px;
	}
	#Programs {
		position: relative !important;
		top: -27px !important;
	}
	#Footer-Gallery {
		position: relative;
		top: 11px !important;
		background: #000;
		padding: 42px;
	}
	#Branches {
		position: relative !important;
		top: -103px !important;
		background: #ff9191;
		padding: 9px 9px 0px 9px;
	}
	#Header-Gallery .navbar-collapse ul li {
		width: 145px !important;
		text-transform: uppercase;
		font-weight: 500;
	}
	.navbar-collapse ul{
		margin-left:65px !important;
	}
	.Gallery-enqry-btn{
		width: 666px !important;
    	margin-left: 137px;

	}
	#Header-Gallery .navbar-collapse ul li a {
		color: #FFF;
		font-size: 12px !important;
	}
}
@media only screen and (min-width: 1281px){
	#Header {
		background: url(../images/Banner/img2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 100px;
		min-height: 968px !important;
	}
	#Header-Gallery .navbar-collapse ul li {
		width: 170px !important;
		text-transform: uppercase;
		font-weight: 500;
	}
	.navbar-collapse ul{
		margin-left:165px;
	}
	.Gallery-enqry-btn{
		width: 666px !important;
    	margin-left: 137px;

	}
	#AboutUs {
		position: relative !important;
		top: 29px !important;
	}
	#Header .navbar-collapse ul li a {
		color: #FFF;
		font-size: 13px !important;
	}
	#Header .navbar-collapse ul li {
		width: 165px !important;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 11px !important;
	}
	#Programs {
		position: relative !important;
		top: 48px !important;
	}
	#Branches {
		position: relative !important;
		top: -28px !important;
		background: #ff9191;
		padding: 9px 9px 0px 9px;
	}
	#Placements {
		position: relative;
		color: #000;
		top: -25px !important;
	}
	#ContactUs {
		background: #0f94d491;
		position: relative;
		top: -36px !important;
		color: #000;
		padding-bottom: 20px;
	}
	#Footer {
		position: relative;
		top: -32px !important;
		background: #000;
		padding: 42px;
	}
}