
@media screen and (min-width: 1500px) {
	.marqe{
		font-size:30px !important;
		height:500px;

	}
	.blackrow{
		position: relative;
		z-index: 0;
		height: 700px;
		width: 100%;
	}
	.blackbackground{
		background-image: url(../img/cs1.jpg);
		position: absolute;
		z-index: 1;

		height: 700px;
		width: 65%;
		top: 0px;
		left: 00px;

	}
	.blackbackground h3{
		background-color: #f3b232 !important;
		color: #fff;
		font-size:30px;
		width:50%;
		margin-left:25%;
		margin-top:2.5%;
		text-align: center;
		padding: 10px 0px 10px;
	}

	.blackbackground > div{
		width:50%;
		margin-left:30%;
	}
	.yellowbackground{
		position: absolute;
		z-index: 2;

		height: 645px;
		width: 45%;
		top: 35;
		color:#fff;
		right:0;
		padding: 2.5em;
		padding-right: 50px !important;
		background:rgba(244,178,50,0.9) !important;
		-webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
		box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);

	}
	.yellowbackground h2{
		color: #fff;
		font-size: 40px;
		line-height: 54px;
	}
	.yellowbackground p{
		color: #fff;
		margin-bottom: 0;
		font-size:24px !important;
		line-height: 48px;
	}
	.btnm{
	    background:#222;
	}

}

@media screen and (max-width: 1499px) {
	.marqe{
		font-size:18px !important;
		height:300px !important;
	}
	.blackrow{
		position: relative;
		z-index: 0;
		height: 500px;
		width: 100%;
	}
	.blackbackground{
		background-image: url(../img/cs1.jpg);
		position: absolute;
		z-index: 1;

		height: 500px;
		width: 65%;
		top: 0px;
		left: 00px;

	}
	.blackbackground > div{
		width:50%;
		margin-left:30%;
	}
	.blackbackground h3{
		background-color: #f3b232 !important;
		color: #fff;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:30px;
		width:50%;
		margin-left:25%;
		margin-top:2.5%;
		text-align: center;
		padding: 10px 0px 10px;
	}
	.yellowbackground{
		position: absolute;
		z-index: 2;

		height: 445px;
		width: 45%;
		top: 35;
		color:#fff;
		right:0;
		padding: 1.2em;
		padding-right: 50px !important;
		background:rgba(244,178,50,0.9) !important;
		-webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
		box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);

	}
	.yellowbackground h2{
		color: #fff;
		font-size: 30px;
		line-height: 40px;
	}
	.yellowbackground p{
		color: #fff;
		margin-bottom: 0;
		font-size:18px !important;
		line-height: 30px;
	}
	.btnm{
	    background:#222;
	}

}
@media screen and (max-width: 1100px) {
.marqe{
		font-size:20px !important;
		height:300px !important;
	}
	.blackrow{
		position: relative;
		z-index: 0;
		height: 500px;
		width: 100%;
	}
	.blackbackground{
		background-image: url(../img/cs1.jpg);
		position: absolute;
		z-index: 1;
		height: 450px;
		width: 65%;
		top: 0px;
		left: 00px;

	}
	.blackbackground > div{
		width:50%;
		margin-left:25%;
	}
	.blackbackground h3{
		background-color: #f3b232 !important;
		color: #fff;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:30px;
		width:50%;
		margin-left:25%;
		margin-top:2.5%;
		text-align: center;
		padding: 10px 0px 10px;
	}
	.yellowbackground{
		position: absolute;
		z-index: 2;

		height: 400px;
		width: 45%;
		top: 35;
		color:#fff;
		right:0;
		padding: 1.5em;
		padding-right: 40px !important;
		background:rgba(244,178,50,0.9) !important;
		-webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
		box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);

	}
	.yellowbackground h2{
		color: #fff;
		font-size: 26px;
		line-height: 28px;
	}
	.yellowbackground p{
		color: #fff;
		margin-bottom: 0;
		font-size:20px !important;
		line-height: 28px;
	}
	.btnm{
	    background:#222;
	}
}
@media screen and (max-width: 550px) {
	marquee{
		height:25px;
	}
	.blackrow{

		position: relative;
		z-index: 0;
		height: 500px;
		width: 100%;
	}
	.blackbackground{

		background-image: url(../img/cs1.jpg);
		position: absolute;
		z-index: 1;
		height: 490px;
		width: 100%;
		top: 0px;
		left: 00px;

	}
	.blackbackground > div{
		width:50%;
		margin-left:0%;

	}
	.blackbackground h3{
		display: none;
	}
	.yellowbackground{
		position: absolute;
		z-index: 2;

		height: 400px;
		width: 90%;
		top: 00;
		color:#fff;
		right:20;
		padding: 1.5 em;
		padding-right: 30px !important;
		background:transparent !important;
		-webkit-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);
		box-shadow: 0px 10px 30px -13px rgba(0, 0, 0, 0.75);

	}
	.yellowbackground h2{
		color: #fff;
		font-size: 25px;
		line-height: 28px;
	}
	.yellowbackground p{
		color: #fff;
		margin-bottom: 0;
		font-size:18px !important;
		line-height: 24px;
	}
	.btnm{
	    background:#f3b232;
	}

}
