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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800');

@font-face {
font-family:'Bauhaus 93';
src: url('../fonts/Bauhaus93Regular.ttf');
}

body{font-family: 'Open Sans', sans-serif;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.mt-5, .my-5 {
    margin-top: 3rem !important;
}

.exam-date{
font-family:'Bauhaus 93', Arial, sans-serif;
font-size:26px;
color:red;
}

#header-section{padding-bottom:20px;}
.header-banner{position:relative;}
.preparation-zone{position:absolute;bottom:-66px; right:100px; z-index:999}
.preparation-zone img{transition: all 0.2s ease-in-out 0s;
	 -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;}
.preparation-zone img:hover{ transform: scale(1.02) translateY(-5px); }
.navbar-dark .navbar-nav .nav-link.active{color:#6c1b6a !important;}

.register-now1{

    position: fixed;
    top: 45%;
    right: 0px;
    z-index: 999;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}


 
    .sidenav {
     position: fixed;
    top: 45%;
    left:  0px;
    z-index: 999;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;}


div.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  border: 3px solid #73AD21;
}
	
	
.text-section .container{padding-top:20px;}	
	
.register-now1 img{transition: all 0.2s ease-in-out 0s;
	 -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
	opacity:0.8}	



.sidnav img{transition: all 0.2s ease-in-out 0s;
	 -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
	opacity:0.8}	
	
.register-now1 img:hover{transform: scalex(1.02) translatex(5px); opacity:1; }
.navbar-nav a
{font-size:14px;
color:#333;}
#login-link{
color:#fff;
text-transform:uppercase;
    background: #ff0000;
	border:2px solid #e80808;
    padding: 6px 30px;
	margin-left:10px;
	transition: all 0.2s ease-in-out 0s;
	 -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}


.sidenav img:hover{transform: scalex(1.02) translatex(5px); opacity:1; }
.navbar-nav a
{font-size:14px;
color:#333;}
#login-link{
color:#fff;
text-transform:uppercase;
    background: #ff0000;
	border:2px solid #e80808;
    padding: 6px 30px;
	margin-left:10px;
	transition: all 0.2s ease-in-out 0s;
	 -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}


#login-link span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
#login-link span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
#login-link:hover span {
  padding-right: 25px;
}

#login-link:hover span:after {
  opacity: 1;
  right: 0;
}


#login-link.franchisee{padding: 8px 30px; margin-right:10px; text-decoration:none; font-weight:600;}
.submit-button{
color:#fff;
    background: #ff0000;
   	transition: all 0.2s ease-in-out 0s;
	 -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
#login-link:hover, .submit-button:hover{
background: #e80808;
color:#fff !important}
}.navbar-dark .navbar-nav .nav-link{font-weight:400 !important; font-size:18px;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#6c1b6a !important;}

.customer-care-section
{
	padding:0px 1.1rem;
}
.contact-link
{   color: #333;
    font-size: 16px !important;
	text-decoration:none;
}

.contact-link:hover{color:#6c1b6a; text-decoration:none;}

.contact-link img{margin-right:10px;}

.carousel-caption
{top:30%;}

.mobile-logo{display:none;}


.breaking-news-bg {
 padding: 10px 13px;
 margin-top:0px;
width:100%;}
.breaking-news {
float: left;
font-size: 15px;
color: #000;
padding-right: 10px;
}

.breaking-news-bg marquee {
    width: 95%;
    background: #fff;
    border-radius: 3px;
}

}
.breaking-news-bg marquee, .breaking-news {
    float: left;
}

.what-why-right
{    float: right;
    margin-left: 15px;
    margin-top: -40px;
}
.what-why-left
{    float: left;
    margin-right: 15px;
    margin-top: -35px;
}
.heading-text{
    font-size: 48px;
    font-weight: 400;   
    margin-bottom: 20px;
	font-weight:600;
}
.text-box{margin-bottom:0px;}
.green-text{color: #009933;}
.blue-text{color: #0000ff;}
.orange-text{color: #ff6500;}
.red-text{color: #e30f0f;}
.purple-text{color: #92278f;}
.carousel-caption h3
{ font-size:60px;
font-weight:bold;
color:#fff !important;
line-height:80px;}

.carousel-caption.color-caption h3{color:#92278f !important;}


.carousel-caption p
{font-size:2.5rem;
color:#fff;
 text-shadow: 1px 1px 2px #000000;
font-weight:600;}

.body-section  p {
    font-size: 14px;
    text-align: justify;
    line-height: 24px;
}
.student-body-section .participants{background:url(../img/main-images/skillsbgs.png) no-repeat #fbfbfb bottom left;}
.parents-body-section .participants{background:url(../img/main-images/skillsbgp.jpg) no-repeat #fbfbfb bottom left;}
.school-body-section .participants{background:url(../img/main-images/skillsbgt.jpg) no-repeat #fbfbfb bottom left;}

.bottom-links li{list-style:none;display:inline-block; margin-right:10px;}
.bottom-links li a{font-weight:600; font-size:18px; color:#fc7f0c; text-decoration:none; text-transform:uppercase; }
.bottom-links p{text-align:center; font-size:14px; font-weight:300;}



.participants h2, h3{font-size:24px;
font-weight:bold;
color:#92278f;
text-align:center;}
.card{padding:5px;}
.participants h3{font-size:22px; font-weight:400; color:#92278f;}
.card-text{font-size:26px !important;}
.card-text-right{font-weight:bold;}
.card-text-right{float:right; margin-left:10px;}
.skill-box {
    color: #fff !important;
	padding:5px 0px;
	width:100%;}
	
	.blue-box{background: #0000ff;}
	.purple-box{background: #9900cc;}
	.green-box{background: #009933;}
	.orange-box{background: #ff6600;}
	
	
.skill-box h2, .skill-box h3{font-size:24px;
font-weight:bold;
color:#FFF;
text-align:center;
margin-bottom:4px;}	
.skill-sections .dropdown-menu {

    padding: .5rem 7px;    
    border:none;
}

.skill-box h3{font-size:18px;}
.skill-sections ul{padding:0px;}	
.skill-sections ul li{list-style:none;padding-left:35px; line-height:20px; font-weight:400;}

.blue-section ul li{background:url(../images/blue-tick.png) no-repeat top left;}
.purple-section ul li{background:url(../images/purple-tick.png) no-repeat top left;}
.green-section ul li{background:url(../images/green-tick.png) no-repeat top left;}
.orange-section ul li{background:url(../images/orange-tick.png) no-repeat top left;}

.rewards{background:url(../images/rewards.jpg) no-repeat center center;
background-size:cover;}
.reward-text{width:90%;}
.reward-text p{font-size:34px;
font-weight:bold; text-align:center; line-height:48px;}
.reward-text h1{font-size:45px; text-transform:uppercase; line-height:55px; border-bottom:4px solid #fe0000; color:#fe0000; font-weight:bold; width:70%; margin:0 auto;}
.bold-red{color:#fe0000; font-size:38px;}
.register{background:#fc7f0c; padding:20px 0px;}

.register a{padding:20px 60px; border:4px solid #fff; color:#fff; font-size:34px; font-weight:400; text-transform:uppercase; display:inline-block; box-shadow:0px 0px 4px #333 inset; text-decoration:none; }
.register a:hover{
 box-shadow: inset 0 0 0 2em var(--hover);
}
.bottom-nav ul{margin-bottom:0px !important;}
.social-section{display:inline-block; margin-bottom:0px;}
.join-us{font-size:28px; font-weight:bold; color:#fc7f0c;}
.social-section li, .footer-section .nav-item .nav-link, .footer-section .nav-item {

    display: inline-block !important;
    list-style: none;
    margin-right: 10px;
    color: #fc7f0c;
    text-transform: uppercase;
    padding: 5px 0px;
    font-weight: 600;
	}
	
	
.footer-section .fa {

    padding: 11px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
    height: 50px;
-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.footer-section .fa:hover{
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    transform: scale(1.1) rotate(360deg);

}



.footer-section .fa-facebook {
  background: #3B5998;
  color: white;
}

.footer-section .fa-twitter {
  background: #55ACEE;
  color: white;
}

.footer-section .fa-google {
  background: #dd4b39;
  color: white;
}

.footer-section .fa-pinterest {
  background: #cb2027;
  color: white;
}	
	
	
	
	
	
	
	
	
	
	
	
.copyright{color:#686868; text-align:center !important;}

.modal-body .popup-link{ width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    background: #ff0000;
    display: inline-block;
color:#fff;
font-weight:600;
text-decoration:none;
transition: all 0.2s ease-in-out 0s;
	 -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

.modal-body .popup-link:hover{

    background:#e80808;
    color: #fff !important;

}
.modal-header{border:none !important;}

.modal-body {
    padding: 3.5rem 2rem;
}
.modal-title{font-weight:bold;
margin-left:30%;}

.modal-backdrop {
     top: 124px;}


.error { color: red;
    font-size: 16px;
}
.registry-heading {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #92278f;
    padding: 30px 0;
}
.register-here
{ padding: 30px 30px 60px;}

.submit-here{background:red;
color:#fff;
font-size:20px;
font-weight:600;
padding:12px 40px;}
.payment-mode img{margin-bottom:20px;}
.login-submit{background:red;
color:#fff;
font-size:20px;
font-weight:600;
padding:8px 40px;}

.new-reg:hover{color:#fff !important; text-decoration:none;}
.faqs h3{text-align:left; margin-top:30px;}
.loginform {
    position: relative;
    width: 430px;
    top: 17px;
    left: 126px;
    z-index: 1;
    background: white;
    box-shadow: 0px -1px 18px 3px #D2CECE;
}

.step-section{background:#ddd;}

.inner-model{background:#ddd;}
#NewModal .modal-dialog-centered::before {

    height:auto !important;

}
.skillscontent, .skillscontent1, .skillscontent2, .skillscontent3{display:none; background:#fff; width:100%; box-sizing:border-box; padding:5px;}

.readmore, .readless{color:#fff; font-size:16px; font-weight:bold; text-decoration:none; padding:10px 20px; margin-top:10px; display:inline-block; transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

#content-show, #content-hide{background:#e50f0f;}
#content-show:hover, #content-hide:hover{background:#c60b0b;}

#content-show1, #content-hide1{background:#009832;}
#content-show1:hover, #content-hide1:hover{background:#056525;}

#content-show2, #content-hide2{background:#0000fe;}
#content-show2:hover, #content-hide2:hover{background:#0505bd;}

#content-show3, #content-hide3{background:#ff6501;}
#content-show3:hover, #content-hide3:hover{background:#de5b05;}

#content-show4, #content-hide4{background:#9900cb;}
#content-show4:hover, #content-hide4:hover{background:#6d038f;}



.readmore:hover, .readless:hover{text-decoration:none; color:#fff;}
.register-process{position:absolute; top:60%; right:10%; z-index:999;}
.input-group-text{width:40px;}

#typetext{color:#ff0000; font-size:24px; font-weight:bold;}
.breaking-news .fa {
    font-size: 30px;
    color: #ff0000;
}



.clientlogocarousel{height:450px;}

#typetext span{
	display: inline-block;
	height: 3px;
	width: 12px;
	background-color: #ff0000;
	animation: blink .5s infinite linear;
}

@keyframes blink{
	0%{
		opacity: 1;
	}
	99%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}



/*************** hover effect ****************/

.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.51);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
	background: rgba(146, 39, 143, 0.8);
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: 45%;
	left: 10%;
	
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
.hvrbox-text h2, .hvrbox-text h3{color:#fff;}
.hvrbox-text h3{font-size:18px;}



/******************* ends *******************/


/********************** 3d carousel css ************/
/* hardware accelatator class */	
	.trans3d
	{
		-webkit-transform-style: preserve-3d;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform-style: preserve-3d;
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform-style:preserve-3d;
		-ms-transform: translate3d(0, 0, 0);
		transform-style:preserve-3d;
		transform: translate3d(0, 0, 0);

		/*-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility:hidden;
		backface-visibility:hidden;*/
	}
	
	#contentContainer
	{
		width:100%;
		height:400px;
	}
	
	#carouselContainer
	{
	width:100%;
		height:400px;
	}
	
	.carouselItems
	{
		width:320px;
		height:130px;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-160px;
		margin-top:-90px;
		visibility:hidden;
	}
	
	.carouselItemInner
	{
		width:320px;
		height:130px;
		position:absolute;
		background-color:rgba(255, 255, 255, .75);
		border:10px solid rgba(255, 255, 255, .5);
		color:aqua;
		font-size:72px;
		left:50%;
		top:50%;
		margin-left:-160px;
		margin-top:-90px;
		text-align:center;
		padding-top:50px;
		
	}


/**************** 3d carousel css ends  *****************/


   /******************* jcrousal css starts *******************/
    
.jcarousel-container{ width:980px;}
.jcarousel-wrapper { width:100%;/*margin: 20px auto;*/ margin:0px auto;  position: relative;}
/** Carousel **/
.jcarousel {position: relative;overflow: hidden;width: 85%; margin:0px auto;}
.jcarousel ul {width: 20000em;position: relative; list-style: none;margin: 0; padding: 0;}
.jcarousel li {width: 265px !important;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; background:#f3f3f3; margin: 5px 15px 5px 0px; padding:5px; -moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;}

.jcarousel li:hover {
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);

}

.jcarousel img {display: block;max-width: 100%; height:auto !important;}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {position: absolute;top: 50%; margin-top: -15px; width: 30px; height: 30px;text-align: center;background: rgba(0,0,0,0.8);color: #fff;text-decoration: none;   /*text-shadow: 0 0 1px #000;*/font: 24px/27px Arial, sans-serif;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;-webkit-box-shadow: 0 0 4px #F0EFE7;    -moz-box-shadow: 0 0 4px #F0EFE7; box-shadow: 0 0 4px #F0EFE7;}
.jcarousel-control-prev {left: 15px; /*left:-35px; right:0; margin:0 auto;*/}
.jcarousel-control-next {right:15px;/*left:0; right:-35px; margin:0 auto;*/}
.image-size img{ margin:0 auto; /*width:180px;*/}
.rotate {
  /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
}


/************* jcrousal css ends****************/
  
  
	
/*************  media quries ****************/

@media only screen and (max-width: 600px) {
	.header-banner {
margin-top:0px;
padding-top: 0px !important;
}
}
@media only screen and (min-width:768px)
{
	.bg-dark{background:transparent !important;}
	.navbar-dark .navbar-nav .nav-link {
    color: rgba(51,51,51);
	font-weight:600;
	font-size:18px;
}
header {
    padding: 0px 0px 0px 0px !important;
    position: fixed;
    z-index: 99999;
    width: 100%;
    background: #fafafa;
	top:0px;
}
.header-banner {
margin-top:0px;
padding-top: 0px;
}
#testimonial{padding-top:120px;}
}
@media only screen and (max-width:1600px)
{
	.carousel-caption h3 {
    font-size: 55px;}
	.carousel-caption p {
    font-size: 2.0rem;}
}


@media only screen and (max-width:1366px)
{
	.carousel-caption h3 {
    font-size: 45px;
	line-height:60px;}

.carousel-caption p {
    font-size: 2.0rem;}
.carousel-caption {
    top: 20%;}
.reward-text p {
    font-size: 30px;}

.bold-red {
 font-size: 34px;
}
.reward-text h1 {
font-size: 40px;
width: 100%;
}
.header-banner {
    margin-top: 0px !important;
    <!--padding-top: 95px;-->
    padding-top: 0px;

}

.register-now1{top:30%; width:60px;}

.preparation-zone {
    right: 70px;
}
.contact-link {
font-size: 14px !important;}
#login-link {
 padding: 6px 15px;}
	
.navbar-dark .navbar-nav .nav-link {
 font-size: 16px;
}
}

@media only screen and (max-width:1200px)
{		.carousel-caption h3 {
    font-size: 2.5rem;
}

.carousel-caption p {
    font-size: 1.5rem;
}
.reward-text p {
    font-size: 24px;
line-height: 36px;
}

.bold-red {
    font-size: 30px;
}

.preparation-zone {
    right: 25px;
	width:  300px; 
	bottom:-42px; 
}
.register-now1{width:40px;}
.navbar-dark .navbar-nav .nav-link {
	font-size:14px;
}

.sidnav{width:40px;}
.navbar-dark .navbar-nav .nav-link {
	font-size:14px;
}
.preparation-zone {
    right: 60px;
}
}

@media only screen and (max-width:1199px)
{.jcarousel li {
    width: 295px !important;}
	.card-text {
 font-size: 20px !important;
line-height: 15px !important;
}	
	}
	
	
@media only screen and (max-width:1024px)
{
	.register-link {
    font-size: 14px;
}
.jcarousel li {
    width: 218px !important;
}

.nav-tabs .nav-link .tab-text p {
    font-size: 12px;
    line-height:20px;
}
.carousel-caption h3 {
    font-size: 2rem;
    line-height: 2.5rem;}
.carousel-caption p {
    font-size: 1.2rem;
}
.register-now1{top:25%; width:40px;}
.navbar-dark .navbar-nav .nav-link {
	font-size:12px;
	font-weight:600;
}


.sidenav{top:25%; width:40px;}
.navbar-dark .navbar-nav .nav-link {
	font-size:12px;
	font-weight:600;
}
.contact-link
{  font-size: 13px !important;}
#login-link.franchisee {
    padding: 8px 15px;
    margin-right: 10px;
    text-decoration: none;
    font-size: 14px;
}
	
	.reward-text h1 {
    font-size: 34px;
    width: 96%;
}

.reward-text p {

    font-size: 20px;
    line-height: 28px;

}

.bold-red {
    font-size: 24px;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.mt-5, .my-5 {
    margin-top: 3rem !important;
}

.partners-logo img{max-width:80%;}
}
	

@media only screen and (max-width:992px)
{
	#login-link {
    padding: 5px 10px;
    margin-left: 5px;

}

			 h3
{   font-size: 1.8rem;
    line-height: 40px;
	}
.carousel-caption p {
    font-size: 1.2rem;
}

.body-section h2 {
    font-size: 28px;
}

.body-section p {
  font-size: 14px;
}
.heading-text {
    font-size: 38px;}

.participants h3 {
    font-size: 18px;
}

.card-body p{margin-bottom:2px;}

.skill-sections ul li {
    padding-left: 30px;
    line-height: 24px;
     font-size: 14px;
}

.reward-text p{font-size:16px;line-height: 28px;}
.bold-red {
    font-size: 22px;
}
.reward-text h1 {
    font-size: 30px;}
.preparation-zone {
bottom: -36px;
}
.navbar-nav a {
    font-size: 12px;}

.preparation-zone {
    right: 20px;
	width:  300px;  
}
.register a {
    font-size: 24px;
}
.join-us {
    font-weight: 600;}
	.modal-dialog {
    max-width: 700px;}
}
@media only screen and (max-width:991px)
{.card-text {
    font-size: 14px !important;
    line-height: 6px !important;
}
.breaking-news-bg marquee {
    width: 94%;
}
}


@media only screen and (max-width:768px)
{
	.nav-item.nav-register{display:none !important;}
header {
<!--padding:15px 0px 0px;-->
}	
	
	.jcarousel {
    width: 80%;
}
.jcarousel-wrapper {
    width: 96%;
}
.modal-dialog {
    max-width: 600px;}
	.breaking-news-bg {
    width: 100%;
}
.reward-text h1 {
    font-size: 25px;
line-height: 38px;
}

.reward-text p {
    line-height: 22px;
}
.jcarousel li {
    width: 319px !important;
}

}

@media only screen and (max-width:767px)
{
	.breaking-news-bg marquee {

    width: 91%;

}
	.jcarousel li {
    width: 232px !important;
}
.card-text {
    font-size: 24px !important;
    line-height: 20px !important;
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    background: #c4c4c4 !important;
    border: none !important;
    text-align: center !important;
}	
		
	#header-section .row{margin:0px !important}
	.text-right {
    padding: 0px;
}
.bg-dark {
    background-color: #fafafa !important;
}

.navbar-dark .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51, 51, 51, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.desktop-logo{display:none;}
.mobile-logo{display:inline-block;}
header {
    <!--padding: 15px 0px 0px;-->
}

#header-section .container-fluid {
    padding-right: 0px;
    padding-left: 0px;}

.navbar-brand {
    text-align: left;
padding-top: .1rem;
    padding-bottom: .1rem;
}
.navbar-brand img {
    width:60%;
}
.navbar-nav a {
 color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(51,51,51,1);
}
.navbar-dark .navbar-nav .nav-link {

    color: rgba(51,51,51,1);
	text-align:center;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.mt-5, .my-5 {
    margin-top: 3rem !important;
}


.body-section h2 {
    font-size: 24px;
}

.body-section p {
    font-size: 14px;
}

.carousel-caption p {
    font-size: 1rem;
}

.carousel-caption {
 padding-top: 2px;
}
.carousel-caption h3 {
    font-size: 1.5rem;
}
.footer-section ul
{padding:0px;}

#header-section {
    padding-bottom: 0px;
}

.customer-care-section {
    margin-bottom: 15px;
}

.heading-text {
    font-size: 34px;
}
.reward-text {
    width: 100%;
    margin-top: 30px;
}
.reward-text p {
    font-size: 30px;
    line-height: 40px;
}

.bold-red {
    font-size: 36px;
}
.participants {
    background-size: contain;
}
.copyright {
    font-size: 14px;}
	.modal-body a{ font-size:14px;}
	.contact-link {
    font-size: 14px !important;
}
.customer-care-section {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
}

#login-link.franchisee {
    display: inline-block;
    margin-bottom: 10px;
}
.partners-logo img {
    max-width: 70%;
}
.skill-sections .blue-section, .skill-sections .purple-section{margin-bottom:30px;}
.header-banner {
    margin-top: 0px !important;
}

}
@media only screen and (max-width:680px)
{
.carousel-caption h3 {
 font-size: 1.2rem;
line-height:30px;
}
.register-now1 {
    top:35%; width:35px;}



.sidenav {
    top:35%; width:35px;}

.jcarousel {
    width: 92%;
}
.jcarousel-wrapper {
    width: 96%;
}
.preparation-zone {
    right: 20px;
	width:  250px;  
}
	}
	

@media only screen and (max-width:576px)
{
	.carousel-caption p {
display:none;
}
.carousel-caption h3 {
    font-size: 1.1rem;
}
.carousel-caption {
    right: 5%;
    left: 5%;
}
.reward-text p {

    font-size: 24px;
    line-height: 36px;
}

.bold-red {
    font-size: 28px;
}

.register-now1 {
    bottom: 10px;
}


.sidenav {
    bottom: 10px;
}
.preparation-zone {
       bottom: -25px;
}

.preparation-zone {
    right: 20px;
	width:  200px;  
}
.modal-title {
  margin-left: 18%;
}
.navbar-brand{width:80%;}
.jcarousel li {
    width: 233px !important;
}

.skill-sections .green-section{margin-bottom:30px;}

}
@media only screen and (max-width:500px)
{
	.breaking-news-bg marquee {
    width: 85%;
}
	.register a {
    font-size: 18px;
}
.body-section h2 {
  margin-top: 20px;
}
.footer-section .nav-item .nav-link, .footer-section .nav-item {
margin-right: 5px;
font-weight: 400;
font-size: 14px;
}
.register-now1{width:25px;}


.sidenav{width:25px;}
.social-section img{width:80%;}
.jcarousel {
    width: 64%;
}
.jcarousel-wrapper {
    width: 100%;
}
.preparation-zone {
    right: 20px;
	width:  200px;  
}

.card-text {

    font-size: 34px !important;
    line-height: 44px !important;
}

.hvrbox .hvrbox-text {
    left: 24%;
}
.jcarousel-wrapper {

    width: 88%;}
	.jcarousel li {

    width: 403px !important;

}
}

@media only screen and (max-width:420px)
{

.modal-title {
  margin-left: 10%;
}	
.jcarousel li {
    width: 329px !important;
}
.hvrbox .hvrbox-text {
    left: 15%;
}
.card-text {

    font-size: 32px !important;
    line-height: 38px !important;

}
}
@media only screen and (max-width:410px)
{

	.navbar-brand {
width: 200px;
}

.nav-link {
padding: .5rem 0.5rem;
}
.heading-text {
    font-size: 28px;
}
.carousel-caption h3 {
    font-size: 1rem;
line-height:28px;
}
.register a {
    font-size: 16px;
padding: 14px 28px;
}
.join-us {
    font-size: 20px;
}
.preparation-zone {
    right: 20px;
	width:  180px;  
}
.modal-title {
  margin-left: 6%;
font-size:16px;
}
.jcarousel li {

    width: 246px !important;
	}
	.card-text {

    font-size: 27px !important;
    line-height: 22px !important;

}
}