/*---------------------------------------------------------------------
    Large Desktops
-----------------------------------------------------------------------*/

/*---------------------------------------------------------------------
    Desktops
----------------------------------------------------------------------*/

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.herobanner .bannerimg{
		right: 0px !important;
		width: 50%;
	}
}
@media only screen and (min-width:1400px) and (max-width:1500px) {
	.herobanner .bannerimg{
		right: 15px;
		width: 52%;
	}
}


@media only screen and (min-width:1025px) and (max-width:1150px) {
	.header{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannerimg{
		right: 0;
		width: 48%;
	}
	.herobanner .bannertop{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannerbottom{
		padding-left: 15px;
		padding-right: 15px;
	}
	.targetskills .targetskillsitem{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer{
		padding-left: 15px;
		padding-right: 15px;
	}
}






@media only screen and (min-width:991px) and (max-width:1024px) {
	.header{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannertop{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannerbottom{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannerimg{
		right: 0;
		width: 42%;
	}
	.targetskills .targetskillsitem{
		padding-left: 15px;
		padding-right: 15px;
	}
	.targetskills .targetpoints ul li{
		font-size: 15px;
	}
	.targetskills .targetlabel .heading{
		width: 150px;
		font-size: 25px;
	}
	.footer{
		padding-left: 15px;
		padding-right: 15px;
	}
}


@media only screen and (min-width:768px) and (max-width:990px) {
	.header{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannertop h1{
		font-size: 30px;
		line-height: 35px;
	}
	.herobanner .bannertop h4{
		font-size: 20px;
		line-height: 30px;
	}
	.herobanner .bannertop{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannerbottom{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannerimg{
		right: 0;
		width: 45%;
		top: 45px;
	}
	.targetskills .targetskillsitem{
		padding-left: 15px;
		padding-right: 15px;
	}
	.targetskills .targetpoints ul li{
		font-size: 14px;
		line-height: 25px;
	}
	.targetskills .targetlabel .heading{
		width: 120px;
		font-size: 20px;
		height: 120px;
	}
	.footer{
		padding-left: 15px;
		padding-right: 15px;
	}
}


@media (max-width:767px) {

	h1,h2,h3,h4,h5,label,span,p{
		line-height: normal !important;
	}
	.row{
		margin-left: 0;
		margin-right: 0;
	}

	.header{
		text-align: center;
	}
	.herobanner .bannertop{
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannerimg{
		display: none;
	}
	.herobanner .bannerimgmob{
		display: block;
	}

	.herobanner .bannertop h1{
		font-size: 25px;
		margin-bottom: 10px;
	}
	.herobanner .bannertop h4{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.herobanner .bannerbottom{
		padding-left: 15px;
		padding-right: 15px;
	}
	.herobanner .bannerbottom ul li{
		font-size: 15px;
	}

	.targetskills .targetlabel{
		width: 100%;
	}

	.targetskills .targetskillsitem{
		padding-top: 0;
	}
	.targetskills .targetlabel .heading{
		width: 100%;
		height: 80px !important;
		font-size: 25px;
	}
	.targetskills .targetpoints{
		width: 100%;
		padding-top: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.targetskills .targetpoints ul li{
		width: 100%;
	}
	.targetskills .targetlabel .heading img{
		right: auto;
		bottom: -20px;
		transform : rotate(90deg);
	}

	.footer{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer .contact label{
		width: 100%;
		padding-right: 0;
		border: none;
		margin: 0;
	}
	.footer .contact{
		display: block;
	}
	.footer .contact p{
		font-size: 16px;
	}

}