body{font-family:Poppins, "Bebas Neue"; width: 100%; margin: 0 auto; padding: 0;}
header{width: 100%; float: left; position: fixed; background-color: #fff; border-bottom: solid 1px #000; margin: 0; padding: 0; top:0;}
.logo{width: 18%;float: left;margin: 1% 0% 0% 7%;padding: 0;}
.logo img{width: 100%; float: left; margin: 0; padding: 0;}
.apply-now{width: 10%; float: right;margin:1% 5% 1% 0%; padding:1% 2%;background: #f44336; border-radius: 40px; color: #fff; text-align: center; text-transform: capitalize; font-weight: bold; font-size: 18px;}

.banner{background-image:url("../images/parul-background-bannerd.jpg"); background-repeat: no-repeat; width: 100%; height: 700px; top: 0; flex: auto; float: left;}
.mobile-banner{background-image:url("../images/parul-background-bannerd-mobile-banner.jpg"); background-repeat: no-repeat; width: 100%; height: 700px; top: 0; flex: auto; float: left;}


.speak-for-us{width: 100%; float: left; margin: 0; padding: 0; background-color: #fff;}
.speak-for-us-inside-body{width: 90%; float: left; margin: 0 5%; padding:5% 0 0 0;}
.speak-for-us-h3{width: 100%; float: left; margin:0; padding: 0;color: #052711; font-size: 24px; text-align: center;font-weight: normal;}
.speak-for-us-h1{width: 100%; float: left; margin:1% 0; padding: 0;color: #052711; font-size: 30px; text-align: center;font-weight: bold;}
.speak-for-us-img{width: 100%; float: left; margin:0 auto;padding: 0;text-align: center;}
.speak-for-us-step{width: 16.8%; float: left; margin: 2%;padding:2%;border: dashed 1px #666;}
.speak-for-us-step-h1{font-size: 22px; font-weight: bold; color: #D20005;text-align: center; float: left;width: 100%;margin:5% 0;padding: 0;}
.speak-for-us-text{font-size: 14px; font-weight: normal; color: #052711;text-align: center; float: left;width: 100%;margin:0 0 10% 0;padding: 0;}
.speak-for-us-bottom-banner img{ width: 100%; float: left;background-position: center; background-repeat: no-repeat;}

.why-kiit{width: 100%; float: left; margin: 0; padding: 0; background-color: #e9faef;}
.why-kiit-heading{width: 100%; float: left; margin:4% 0 2% 0; padding: 0;color: #052711; font-size: 24px; text-align: center;font-weight: bold;}
.why-kiit-text-body{width:80%; float: left; margin:0 10% 4% 10%; padding: 0;}

.placements{width: 100%; float: left; margin:5% 0 0% 0; padding: 0; background-color: #fff;}
.placements-heading{width: 100%; float: left; margin:4% 0; padding: 0;color: #052711; font-size: 24px; text-align: center;font-weight: bold;}
.placements-inside{width:70%; float: left; margin:0 15% 4% 15%; padding: 0;}
.placements-inside-colm1{width:45%; float: left; margin:8% 5% 0 0; padding: 0;}
.placements-inside-colm1-text-body{width:100%; float: left; margin:0 2%; padding: 0;text-align: center;}
.placements-inside-colm1-text-body h1{font-size: 22px; font-weight: bold; color: #D20005;text-align: center; float: left;width: 100%;margin:5% 0 0 0;padding: 0;}
.placements-inside-colm1-text-body span{font-size: 14px; font-weight: normal; color: #052711;text-align: center; float: left;width: 100%;margin:0 0 10% 0;padding: 0;}
.placements-inside-colm2{width:50%; float: right; margin:0; padding: 0;}
.placements-inside-colm2 img{width:100%; float:left;}

fotter{background-color: #222523; width: 100%; float: left; margin: 0; padding: 2% 0; text-align: center; color: #fff; font-size: 14px;}





@media screen and (min-width: 320px) and (max-width:467px)
{
	
	.logo {width: 91%;}
	.apply-now {width: 50%;float: left;margin: 0% 25% 5% 25%;}
	.banner {display: none;float: left;margin: 0;padding: 0;top: 0;}
	.mobile-banner{float: left;margin: 0;padding: 0;top: 0; width: 20%;display: inherit !important;}
	.about-us{width: 100%; float: left;margin-top: 35%;}
	.about-us-inside{width: 96%; float: left;}
	.speak-for-us-step{width: 92%;}
	.placements-inside {width: 90%;margin: 0 5% 4% 5%;}
	.placements-inside-colm1 {width: 100%;margin: 0;}
	.placements-inside-colm2 {width: 100%;}
}

@media screen and (min-width: 468px) and (max-width:767px)
{
	.logo {width: 91%;}
	.apply-now {width: 50%;float: left;margin: 0% 25% 5% 25%;}
	.banner {display: none;float: left;margin: 0;padding: 0;top: 0;}
	.mobile-banner{float: left;margin: 0;padding: 0;top: 0; width: 20%;display: inherit !important;}
	.about-us{width: 100%; float: left;margin-top: 30%;}
	.about-us-inside{width: 96%; float: left;}
	.speak-for-us-step{width: 92%;}
	.placements-inside {width: 90%;margin: 0 5% 4% 5%;}
	.placements-inside-colm1 {width: 100%;margin: 0;}
	.placements-inside-colm2 {width: 100%;}
}

@media screen and (min-width: 768px) and (max-width:1023px)
{
	.logo {width: 91%;}
	.apply-now {width: 50%;float: left;margin: 0% 25% 5% 25%;}
	.banner {display: none;float: left;margin: 0;padding: 0;top: 0;}
	.mobile-banner{float: left;margin: 0;padding: 0;top: 0; width: 20%;display: inherit !important;}
	.about-us{width: 100%; float: left;margin-top: 25%;}
	.about-us-inside{width: 96%; float: left;}
	.speak-for-us-step{width: 92%;}
	.placements-inside {width: 90%;margin: 0 5% 4% 5%;}
	.placements-inside-colm1 {width: 100%;margin: 0;}
	.placements-inside-colm2 {width: 100%;}
}

@media screen and (max-width:1024px)
{
	.logo {width: 40%;margin: 3% 0% 2% 2%;}
	.apply-now {width: 30%;float: right;margin: 2% 2% 2% 10%;}
	.apply-now a {font-size: 14px;}
	.banner {display: none;float: left;margin: 0;padding: 0;top: 0;}
	.mobile-banner{float: left;margin-top: 11%;padding: 0;width: 100%;display: inherit !important;}
	.mobile-banner img{width: 100%;height: 100%;background-repeat: no-repeat;}
	.about-us{width: 100%; float: left;margin-top: 33%;}
	.about-us-inside{width: 96%; float: left;}
	.speak-for-us-step{width: 92%;}
	.placements-inside {width: 90%;margin: 0 5% 4% 5%;}
	.placements-inside-colm1 {width: 100%;margin: 0;}
	.placements-inside-colm2 {width: 100%;}
}