@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic);
/*
Template Name: Young CA Initiative
Version: 1.0
Author: Javed Ur Rehman
Author URL: https://www.allphptricks.com
*/
body {margin:0px; padding:0px;}
header {width:100%; margin-top:30px;}
header .head {width:1050px; margin:0 auto;}
header .head .logo {float:left;}
header .head .icaplogo {float:right;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
img {max-width:100%;}

.main-container {width:100%; margin-top:10px;}
.main-container .content {width:1100px; margin:0 auto;}
.main-container .content .content-inner {padding:0px 30px 50px;}
.main-container .content .content-inner p {font-size:22px; text-align:justify; font-family:Arial, Helvetica, sans-serif; color:#333;}
ul li {font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#333; line-height: 32px;}
a.applynow{color: #009640; font-weight:bold; text-decoration: none; background: linear-gradient(#f9f9f9, #e0e0e0); padding: 10px 20px; border: 3px solid #ffffff; border-radius: 20px; box-shadow: 1px 1px 40px #b3b3b3; background-color: white;}
a.applynow:hover {color: #009640; text-decoration: none; background: linear-gradient(#ecebeb, #cecece);}

.star { color: #FF0000; font-weight: bold; }

.banner {position:relative;}
.banner .video {position:absolute; top: 140px; right: 50px; box-shadow: 1px 1px 40px #b3b3b3;}
.banner .video video {width: 500px;}

@media only screen and (max-width: 1100px) {
header .head {width:95%;}
.main-container .content {width:100%;}
}

@media only screen and (max-width: 980px) {
.banner .video {position: initial;}
.banner {margin-bottom: 40px;}
}


@media only screen and (max-width: 768px) {
.main-container .content .content-inner p {font-size:16px;}
ul li {font-size:16px; line-height: 24px;}
}

@media only screen and (max-width: 550px) {
.main-container .content .content-inner {padding:0px 10px 50px;}
}

@media only screen and (max-width: 520px) {
.banner .video video {width: 100%;}
}

