@charset "utf-8";
/* CSS Document */


@media only screen and (max-width:1700px) {
.graph {
	width: 53%;
	margin: auto;
}
.banner-info h1 {
	font-weight: 700;
	color: #fff;
	text-shadow: 0px 4px 5px rgba(0,0,0,0.5);
	margin-top: 19px;
}
.bg1{ }
.welcome-msg{font-size: 30px;}
.margin-top1 {
	margin-top: 48px;
}

.registerpic1{width: 20%; left: 5px;}
.registerpic2{width: 24%; } 

}
@media only screen and (max-width:1599px) {
	.sitestrip{font-size: 26px;}
.banner-info h1 {
	margin-top: 7px;
}
.welcome-msg {font-size: 30px;} 
.margin-top1 {
	margin-top: 39px;
}
.yellow-btn {font-size: 23px;padding: 16px 62px;}
.heading h2 { font-size:30px;}
.prize-pic {
    width: 24%;
    text-align: right;
}

.prize-txt {
	float: left;
	width: 100%;
	padding-right: 0;
	padding-top: 41px;
}
.prize-txt ul li:before {
	width: 30px;
	height: 30px;
	background-size: 100%; top:2px;
}

.prize-txt ul li {
	float: left;
	width: 100%;
	font-size: 22px;
	margin-bottom: 16px;
	position: relative;
	padding-left: 47px;
}
.register-form .heading span{font-size: 23px;}
.register-form .heading i{font-size: 20px;}
.graph {
	width: 50%;
	margin: auto;
}


.rank-opt span{font-size: 34px;}
.prize-card-two .prize-amount, .prize-card-three .prize-amount{font-size: 26px;}
.prize-card-two .prize-header, .prize-card-three .prize-header {
	font-size: 26px;
}
.prize-header{font-size: 28px;}
.prize-amount {
	font-size: 29px;
	line-height: 34px;
}
.prize-welcome-txt {
	font-size: 18px;
	 line-height: 30px;
}
.prize-card-two .prize-welcome-txt, .prize-card-three .prize-welcome-txt {
	font-size: 16px;
	line-height: 30px;
}
.font28 {
	font-size: 25px;
}

.register-form .heading span {
	font-size: 21px;
}
.register-form .heading i {
	font-size: 18px;
}
.registerpic1 {
	width: 20%;
	left: 5px;
}
.registerpic2 {
	width: 28%;
}

.faq .panel-title{font-size: 16px;}
.faq .panel-body {
	font-size: 16px;
	line-height: 25px;
}

.form-wrap{min-height: 568px;}
.kidsbg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 15%;
}
.canceltxt{font-size: 21px;}
.moneyback{font-size: 19px;}

.advent-logo {
	left: 10px;
	top: 30px;
	width: 216px;
}
.banner-info{ padding-top:30px; padding-left:230px; width:50%;}
.jesus-birth{ width:50%;}
.banner-info h1{ font-size:24px;}
.main-heading h1{font-size: 42px;}
.main-heading span {font-size: 36px;}
.main-listing ul li{font-size: 20px; padding:0 20px 15px 48px}
.bg1{min-height: 587px; padding-top: 46px;}
.footer_container .cws-widget .widget-title{font-size: 22px;}
#footer-area .arrow_style li i{font-size: 12px;}
.cws_fa_tbl_cell h2 {
	font-size: 24px;
}
#contact_us .cws_fa_tbl_cell a {
	color: black !important;
	font-size: 18px;
}
.pre-grade{    width: 247px;}
.heading span {
    font-size: 22px;
}
.pricing_table_column .title_section{    font-size: 27px;}
.pricing_table_column .top_section {
    height: 99px;
}
}


@media only screen and (max-width:1360px) {
.main-heading h1 {
	font-size: 35px; margin: 0px 0 7px 0;
}
.main-heading span {
	font-size: 29px;
}
.pre-grade {
	position: absolute;
	right: 0;
	bottom: -43px;
	right: 24%;
	width: 218px;
}
.bg1{min-height: 525px;}
.welcome-msg {
    font-size: 26px;
}
.banner-strip ul li{font-size: 30px;}
}
@media only screen and (max-width:1279px) {
.banner-info h1 {
	font-size: 29px;
	line-height: 16px;
}
.welcome-msg {font-size: 26px;}
.margin-top1 {
	margin-top: 39px;
}
.yellow-btn {font-size: 21px;padding: 16px 52px;}
.heading h2 { font-size:28px;}
.prize-pic {
    width: 24%;
    text-align: right;
}


.prize-txt ul li:before {
	width: 28px;
	height: 28px;
	background-size: 100%; top:2px;
}

.prize-txt ul li {
	float: left;
	width: 100%;
	font-size: 20px;
	margin-bottom: 16px;
	position: relative;
	padding-left: 47px;
}
.register-form .heading span{font-size: 23px;}
.register-form .heading i{font-size: 20px;}

.graph {
	width: 40%;
	margin: auto;
}
.padB70 {
	padding-bottom: 50px;
}
.padT60 {
	padding-top: 50px;
}


.banner-info h1 {
	font-size: 20px;
	line-height: 30px;
}
.banner-info p{font-size: 16px;}
.video-btn a{padding: 9px 20px; font-size:16px;}
.form-wrap{min-height: 461px; padding-bottom: 38px;}
.register-form{padding: 55px 0 20px;  max-width: 585px;}
.menu ul li {
	font-size: 14px;
	margin: 0;
	padding: 0 0px 0 2px;
	
}
.banner-tagline i{ display:inline-block;}
.footer_container .cws-widget {
	-webkit-flex: 1 1 208px;
	-ms-flex: 1 1 208x;
	flex: 1 1 208px;
}
.menu ul li a{padding: 6px 11px;}
.banner-info{padding-left: 189px;}
.advent-logo {
	left: 10px;
	top: 30px;
	width: 186px;
}
.main-navigation ul li a{padding: 6px 8px;}
}

@media only screen and (max-width:1023px) {
.banner-info, .jesus-birth {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0;
	padding-bottom: 0;
}
.advent-logo {
	left: 10px;
	top: 30px;
	width: 268px;
	position: relative;
	text-align: center;
	margin: auto;
}
.banner-info {
	padding: 43px 0 36px 0;
	text-align: center;
}
.banner-info h1 {
	font-size: 21px;
	line-height: 30px; text-align:center; padding-top:20px
}
.banner-info p {
	font-size: 16px;
	text-align: center;
}
.video-btn{ text-align:center !important;}
}

@media only screen and (max-width:991px) {
	
.menu ul li a{padding: 6px 5px;}	
.menu ul li {
	font-size: 13px;
	padding: 0 0px 0 2px;
}
.catholic-brain-logo {
	float: left;
	width: 180px;
}
.welcome-msg {
    font-size: 24px;
    padding: 24px 0 0;
    display: inline-block;
    width: 100%;
}
.yellow-btn {
	font-size: 19px;
	padding: 16px 49px;
}
.video-space {	
padding: 18px;
	margin: 40px auto;
	width: 90%;
}
.heading h2 {
	font-size: 26px; margin-bottom:20px;
}
.prize-txt ul li{font-size: 18px; padding-left: 36px;}
	.prize-txt ul li:before {
	width: 24px;
	height: 24px;

}
.prize-panel{width: 247px;}
.rank-opt span {
	font-size: 30px;
}
.prize-card-two .prize-header, .prize-card-three .prize-header {
	font-size: 24px;
}
.prize-header {
	font-size: 26px;
}
.prize-card-two .prize-amount, .prize-card-three .prize-amount {
	font-size: 24px;
}
.prize-amount {
	font-size: 26px;
	line-height: 30px;
}
.prize-welcome-txt {
	font-size: 16px;
	line-height: 26px; padding:15px;
}
.prize-card-two .prize-welcome-txt, .prize-card-three .prize-welcome-txt {
	font-size: 15px;
	line-height: 25px;
	padding: 14px;
}
.prize-block {
	padding-bottom: 102px;
}
.font28 {
	font-size: 22px;
}
.graph {
	width: 45%;
	margin: auto;
}
.banner-info {
	
	padding: 24px 0 36px 0;
}
.padT60 {
	padding-top: 40px;
}
.padB70 {
	padding-bottom: 40px;
}
.margin-top1 {
	margin-top: 25px;
}

.prize-txt {    padding-top: 26px;
    padding-bottom: 0;}
.registerpic1, .registerpic2{ display:none;}
.bg3{min-height: 763px;}
.form-wrap {
	min-height: 461px;
	padding-bottom: 43px;
}
.top-header.shrink .catholic-brain-logo {
	width: 167px;
}
.footer_container .cws-widget {
	float: left !important;
	width: 45% !important;
	flex: inherit;
	-webkit-flex:inherit;
-ms-flex: inherit;
}
.pricing_table_column .title_section {
	padding: 0 9px;
	font-size: 22px;
	line-height: 1;
	text-transform: uppercase;
}
.pricing_table_column .desc_section ul li {
	line-height: 1;
	padding: 12px 10px;
	border-bottom: 1px solid #cecece;
	position: relative;
	color: #524f4f; font-size:18px;
}
.footer_container .cws-widget .widget-title {
	padding: 13px 0;
	color: #fff;
	font-size: 23px;
	font-weight: 600;
}
.copyrights_area .copyrights {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	width: 100%;
}
.banner-tagline span{font-size: 29px;}

.sitestrip{font-size: 19px;}
.banner-info h1 {
	font-size: 21px;
	line-height: 30px;
}
.video-btn {
	margin-top: 14px;
	text-align: left;
}
.advent-programme ul{margin: 50px 0 0 0;}
.video-icon img {
	width: 48px;
}
.main-heading h1 {
	font-size: 31px;
}
.main-heading span {
	font-size: 25px;
}
.main-listing ul li {
	font-size: 18px;
	padding: 0 20px 11px 48px;
}
.advent-detail span{font-size: 20px;}
.top-header{height: 79px;}
.main-banner{margin-top: 78px;}
.top-header.shrink{ height:76px;}
.welcomepoint{    margin-top: 27px;}
.main-listing ul li br{ display:none;}
.main-navigation ul li{font-size: 14px;}
.main-navigation ul li a{padding: 6px 4px;}
}



@media only screen and (max-width:767px) {
	.common-popup .modal-dialog { width:90%;}
	.common-popup  .form-wrap{ min-height:inherit}
	.common-popup .register-form{ height:auto; min-height:inherit}
	.common-popup #payment-form{ height:400px; overflow-y:scroll; padding:15px;}
	.common-popup .form-wrap {
	padding: 0;
}
	.whtxt {
	white-space: normal;
	display: block;
}
	.logo-title .graph {
	max-width: 406px;
	display: inline-block;
	width: 75%;
}
	
	.canceltxt{font-size: 18px;}
.moneyback{font-size: 16px;}
	.copyrights_area .copyrights {
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	width: 100%;
}
.footer_container .cws_textwidget_content .text:not(only-child) {
	padding-bottom: 0;
}
.kidsbg{ display:none;}	
.catholic-brain-logo {
	float: left;
	width: 151px;
}
.top-header{ height:auto; position:relative;}	
.main-banner{ margin-top:0;}
.top-header.shrink{ height:auto; box-shadow:none;}
.banner-info h1 {
	font-size: 24px;
	line-height: 34px;
	margin-top: 7px;
	width: 100%;
}
.banner-info h1 {
	font-size: 21px;
	line-height: 29px;
	margin-top: 7px;
	width: 100%;
}
.catechism-date {
	background: rgba(45,106,178,0.8);
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 25px;
	background-size: 100%; padding:12px 0;
}
.catechism-date span {
	font-size: 23px; line-height:23px;
	line-height: sas;
	padding: 3px 2px;
	display: inline-block;
	font-weight: bold;
	color: #fff;
}
.sitename {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	font-size: 22px;
}
.banner-tagline span {
	color: #fff;
	font-size: 18px;
	text-shadow: 0px 4px 5px rgba(0,0,0,0.5);
	text-align: center;
}
.banner-tagline i {
	font-style: normal;
	background: #f59d30;
	text-transform: uppercase;
	font-weight: 700;
	padding: 8px 3px;
	text-shadow: 0px 4px 5px rgba(0,0,0,0.3);
	line-height: 19px;
}
.padB70 {
	padding-bottom: 35px;
}
.padT60 {
	padding-top: 35px;
}
.welcome-msg {
	font-size: 22px;
}
.yellow-btn {
	font-size: 18px;
	padding: 13px 5px;
	display: inline-block;
	width: 100%; white-space: inherit;
}
.heading h2 {
	font-size: 22px;
	margin-bottom: 20px;
}
.prize-txt ul li {
	font-size: 16px;
	padding-left: 36px;
}
.heading span {
	font-size: 17px;
}
body{ font-size:16px;}
	.prize-panel {
	width: 320px;
	position: relative;
	float: none;
	margin: auto;
	display: table;
	margin-bottom: 88px;
	height: auto;
	min-height: auto;
	padding-bottom: 25px;
}
.prize-card {
	margin-top: 120px;
	max-width: 978px;
	margin: 84px auto 0;
}
.prize-block {
	padding-bottom: 0;
}
.font28 {
	font-size: 20px; padding:0 10px;
}
.register-form .heading span {
	font-size: 20px;
}
.register-form .heading i {
	font-size: 18px;
}
.form-wrap {
	padding: 10px 20px 22px;
}
.faq .panel-title {
	font-size: 15px;
}
.faq .panel-body {
	font-size: 14px;
	line-height: 24px;
}
.faq .panel-default .panel-heading + .panel-collapse .panel-body{padding: 14px 18px 10px;}
.social-icons span img {
	width: 46px;
}
.social-icons span {
	padding: 0 0 0 20px;
}
.footertxt{font-size: 12px;}
.bg1{background-size: cover;}
.graph {
	width: 62%;
	margin: auto;
}
.welcome-msg {
	font-size: 18px;
	padding: 0 0;
}

.video-space {
	padding: 12px;
	margin: 35px auto;
	width: 100%;
}
.heading h2 {
	font-size: 20px;
	margin-bottom: 20px;
}
.prize-pic {
	width: 58%;
	text-align: center;
	float: none;
	margin: auto;
	display: table;
}
.prize-txt {
    float: left;
    width: 100%;
    padding-right: 0;
    padding-top: 23px;
}
.cd-top{right:10px;}
.register-form{ background: #fff; background-image:none; border-radius:8px; padding: 25px 10px;}
.grid_col_4 {
	width: 100%;
	margin: 0 0 20px 0;
}
.grid_col + .grid_col {
	margin-left: 0;
}
.grid_row.eq_cols{ margin-bottom:0;}
.footer_container .cws-widget {
	float: left !important;
	width: 100% !important;
	flex: inherit;
	-webkit-flex: inherit;
	-ms-flex: inherit;
}
.footer_container .cws-widget {

	padding-top: 10px;
}
.copyrights_container > * {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.copyrights_container > * {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	margin-top: 10px;
}
.prize-card-three {
	background-size: 74%;
}
.pricing_table_column .top_section {
	height: auto;
}
.banner-info {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0;
	padding-bottom: 0;
}
.banner-info h1, .banner-info p, .video-btn{ text-align:center;}
.advent-programme ul li{ width:100%}
.advent-programme ul li:nth-child(2n+1) {clear:none;}
.advent-programme ul li i{ position:relative; text-align:center; width:100%; left:0px; right:0; float:left;}
.advent-detail {
	padding-left: 0;
	width: 100%;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	text-align: center;
}
.advent-detail span{font-size: 18px}
.yellow-btn-register{padding: 16px 28px;}
.advent-date {
	padding: 48px 0 0;
	text-align: center;
	font-size: 18px;
	color: #680094;
	text-transform: uppercase;
}
.page_content {
    padding-bottom: 0px !important;
    position: relative;
    z-index: 1;
}
.main-heading h1 {
    font-size: 22px;
    padding: 0 15px;

}
.bg1{padding-top: 32px;}
.main-heading span {
    font-size: 20px;
}
.main-listing ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}
.main-listing ul li {
    font-size: 17px;
    padding: 0 20px 14px 41px;
}
.pre-grade {
    position: relative;
    right: 0;
    bottom: 0;
    right: 24%;
    width: 167px;
    left: 0;
    margin: auto;
    margin-bottom: -34px;
}
.banner-strip ul li {
    font-size: 20px;
    padding: 3px 21px 0 10px;
}
.welcome-msg {
 
    padding: 28px 0 0 0 !important;
}
.welcomepoint{    margin-top: 31px;    padding: 18px;}
.prize-txt .welcome-first {
    width: 100%;
    padding-right: 10px;     margin-bottom: 0;
    float: left;
}
.prize-txt .welcome-second {
    width: 100%;
    padding-left: 0;
    float: left;
}
.cws_fa_tbl_cell h2 {
    font-size: 20px;
}
#contact_us .cws_fa_tbl_cell a {
    color: black !important;
    font-size: 16px;
}
.help{    font-size: 17px;}
.swcm-mar-bottom40 {
    margin-bottom: 0;
}
.cws_social_link{    font-size: 18px;     padding: 0 6px;}
.prize-sec {
    padding-bottom: 0;
}

/*************mobile-menu-start***************/
.main-navigation{padding-top: 0;}
 .main-navigation a.nav-toggle { display:block; float:right; width:30px; height:30px; background-image:url(../images/nav-toggle.png); background-repeat:no-repeat; background-position:top right; top: 9px;
position: relative;}
.main-navigation ul { position:absolute; left:0; top:67px; background:#fff; width:100%; display:none;box-shadow: 0px 5px 6px 2px rgba(0,0,0,0.3); }	
.main-navigation ul li { width:100%; margin:0; padding:0; border-top:1px solid #1c396e; }
.main-navigation ul li:before { display:none; }
.main-navigation ul li a { background:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:8px 15px;}
.main-navigation ul li.enquiry a { border:none; color:#1c396e; line-height:36px; }
.singlepage-menu a.nav-toggle { display:block; float:right; width:30px; height:30px; background-image:url(../images/nav-toggle.png); background-repeat:no-repeat; background-position:center; }
.singlepage-menu ul { position:absolute; left:0; top:calc(100% + 6px); background:#fff; width:100%; display:none; }	
.singlepage-menu ul li { width:100%; margin:0; padding:0; border-top:1px solid #1c396e; }
.singlepage-menu ul li:before { display:none; }
.singlepage-menu ul li a { background:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.singlepage-menu ul li.enquiry a { border:none; color:#1c396e; line-height:36px; }
}


@media only screen and (max-width:412px) {
.yellow-btn{font-size: 16px;}
.font28 {
	font-size: 18px;
	padding: 0 10px;
}
.register-form .heading span {
	font-size: 18px;
}
.register-form .heading span {
	font-size: 18px;
}
.form-wrap {
	padding: 10px 20px 22px;
}	
.welcome-msg {
	font-size: 17px;
	padding: 0 0;
}

}

@media only screen and (max-width:359px) {
	.graph {
	width: 80%;
	margin: auto;
}
.banner-info h1 span {
	display: block;
	padding-top: 0px;
}
.banner-info h1 {
	font-size: 18px;
	line-height: 23px;
	margin-top: 1px;
}
.yellow-btn {
	font-size: 15px;
	padding: 13px 0;
	display: inline-block;
	width: 100%;
	word-wrap: break-word;
}
.video-space {
	padding: 6px;
	margin: 40px auto;
	width: 100%;
}
.prize-panel{ width:278px;}

.catechism-date span {
	font-size: 20px;
	line-height: 23px;
	line-height: sas;
	padding: 3px 2px;
	display: inline-block;
	font-weight: bold;
	color: #fff;
}

}

/*==========================Mobile menu start here===========================*/
@media only screen and (max-width:767px) {
	

/*************mobile-menu-start***************/
.menuImage {
	height: 45px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 15px;
	width: 53px;
	z-index: 9;
}
.menuImage img {
	background: none;
	display: block;
	padding: 5px;
}
.iphon_navigation {
	background: #901014;
	border-top: medium none;
	margin: 0;
	position: absolute;
	top: 67px;
	width: 100%;
	z-index: 9999;
	left: 0px;
	right: 0px;
	text-shadow: none;
}
.iphon_navigation ul {
	margin: 0px;
	padding: 0px;
}
.iphon_navigation ul li {
	background: none repeat scroll 0 0 transparent;
	border-bottom: 0;
	margin: 0;
	padding: 0 !important;
	text-align: left;
	width: 100%;
}
.iphon_navigation ul li:first-child {
	border-top: none;
}
.parentMenu > div.subItem {
	width: 50px;
	height: 32px;
	float: right;
	background: url(../images/faq-arrowup.png) no-repeat center;
	cursor: pointer;
}
.parentMenuActive > div.subItem {
	background: url(../images/faq-arrowdown.png) no-repeat scroll right center transparent!important;
	cursor: pointer;
	float: none;
	height: 32px;
	position: absolute;
	width: 100%;
	z-index: 3;
}
.parentMenu > div.subItem {
	background: url(../images/faq-arrowup.png) no-repeat scroll right center transparent;
	cursor: pointer;
	float: right;
	height: 32px;
	position: relative;
	width: 50px;
	z-index: 3;
}
.iphon_navigation ul li a {
    background: none repeat scroll 0 0 #a53578;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    list-style: outside none none;
    margin: 0 0 1px;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.iphon_navigation ul li a:hover {
	color: #fff;
	text-shadow: inherit;
	text-decoration: none; background:#000;
}
.iphon_navigation > ul ul {
	padding: 0px 0px 0 0px;
	width: 100%;
	display: none;
	margin: 0px;
}
.iphon_navigation ul ul li {
	background: none repeat scroll 0 0 transparent;
	border-bottom: none;
	margin: 0;
	padding: 0 !important;
	text-align: left;
	width: 100%;
}
.iphon_navigation ul ul li a {
	background: #b52324;
	color: #ffffff;
    display: block;
    font-size: 13px;
    font-weight: normal;
    list-style: outside none none;
    margin: 0 0 1px;
    padding: 8px 10px 8px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.iphon_navigation ul ul li a:hover {
	color: #000;
	text-shadow: inherit;
	text-decoration: none;
}
.iphon_navigation ul ul ul {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	list-style: none;
}
.iphon_navigation ul ul ul li a {
	background: #9a0b11;
	color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    list-style: outside none none;
    margin: 0 0 1px;
    padding: 8px 10px 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.iphon_navigation ul ul ul ul li a {
	background: #c62128;
	color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    list-style: outside none none;
    margin: 0 0 1px;
    padding: 8px 10px 8px 25px;
    text-decoration: none;
    text-transform: uppercase;
}
.iphon_navigation ul ul ul li a:hover {
	color: #000;
	text-shadow: inherit;
	text-decoration: none;
}
.sub-menu.subMenu {
	background: none repeat scroll 0 0 #000000;
}
/*************mobile-menu-end***************/

}



@media only screen and (min-width:992px) {
.welcome-msg {

	margin: auto;
	padding:70px 0 0;
	/* display: inline-block; */
	width: 100%;
}

}