@charset "utf-8";
/* CSS Document */
/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
.film_roll_pager a {display:none;}
.jssorb03 {display: none;}
.vticker {width: auto;margin-top:0px !important;}
.vticker ul {padding: 0;width:100%;margin:0px !important;}
.vticker ul li img {max-width:99% !important;border:1px solid #ccc;}
.vticker li {width:100% !important;list-style: none;border: none !important;margin: 0px !important;display: block;padding:0px !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
body {
	background:none !important
}
ol, ul {
	/*list-style:none*/
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
table {/*border-collapse:collapse;*/
	border-spacing:0;
	border:0px solid #d6d6d6
}
td, tr {
	border:0
}
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#444
}
.LayoutContaner {
	width:1200px;
	margin:0 auto;
	padding:0
}
.LogoArea {
	float:left;
	position:relative;
	width:20%;
	z-index:9999
}
.headerSection {margin-top:20px; /*overflow:hidden;*/ min-height:269px}
/*.headerSection{margin-top:90px}*/
.HeaderRight {
	float:right;
	width:80%;
}
.clear {
	clear:both;
	display:block
}
.FormElement {
	float:right;
	width:350px
}
.FormElementLogin {
	float:right;/* width:440px; */
	margin-top:45px;
	margin-bottom:20px
}
.FormElementLogin span {
	margin-bottom:0;
	display:block;
	font-weight:bold;
	font-size:21px
}
.formControl {
	position:relative;/* margin-bottom:10px;*/
}
.formLabelText label {
	display:inline-block;
	padding-top:2px
}
.formLabelText {
	background:#1056a1;
	border-radius:15px 0 0 15px;
	line-height:17px;
	font-size:12px;
	padding:2px 5px 3px 5px;
	color:#fff;
	float:left;
	text-align:center;
	width:100px
}
.LogoArea img {max-height:223px !important; max-width:100%; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.formLabelText {padding:2px 5px 4px 5px}
.headerSection {
	margin-top:20px
}
.sti_container {
	margin-top:0 !important
}
.formLabelInput input[type=text], .formLabelInput input[type=password] {
	padding:4px 5px !important
}
}
@media screen and (-moz-min-device-pixel-ratio:0) {
.formLabelText {
	padding:2px 5px 4px 5px
}
.headerSection {
	margin-top:20px
}
.sti_container {
	margin-top:0 !important
}
.formLabelInput input[type=text], .formLabelInput input[type=password] {
	padding:4px 5px !important
}
}
.middleContainer {
	font-family:'Lato', Calibri, Arial, sans-serif
}
.formLabelText:after {
	/*background:rgba(0, 0, 0, 0) url("../images/static-skeloton.png") no-repeat scroll 0 0;*/
	content:"";
	height:47px;
	left:103px;
	position:absolute;
	width:55px;
	margin-top:-2px
}
/*input[type=text] , input[type=password], input[type=button]{border:none}*/
.formLabelInput input[type=text], .formLabelInput input[type=password] {
	border:1px solid #74aedf;
	border-radius:0 15px 15px 0;
	padding:3px 5px;
	margin-left:-77px;
	width:185px;
	border-left: 0!important;
}
@-moz-document url-prefix() {
    .formLabelText label{padding-bottom:1px;}
}
.formLabelInput {
	float:right;
	width:120px;
	font-family:'Lato', Calibri, Arial, sans-serif
}
.sbmit {
	/*background:url("../images/btnSkeleton.png") no-repeat #DE2A4B;*/
	text-align:center;
	width:111px;
	height:25px;
	float:left;
	margin-top: 0px;
    cursor: pointer;
    margin-right: 8px;
}
.sb3{
	margin-right:0;
}
#login_error2{margin-bottom:10px;}

.sbmit input {
	border:none;
	background:none;
	line-height:22px;
	color:#fff;
	cursor:pointer;
	width:111px;
	height:25px;
	
}
.frgtPass {
	margin-top:8px;
	float:right;
}
.frgtPass a:hover, .frgtPass a:a {
color:#DE2A4B
}
.frgtPass .redlink{
	color:#de2a4b!important;
}
.frgtPass .redlink:hover{
	text-decoration:underline;
}
.TopNav {margin-top:30px; position: absolute; top: 150px; margin-left: 14px;}
.TopNav ul {
    margin-right:-25px;
    margin-top:10px;/*background:none !important*/
}
/*.TopNav ul li{border:none !important}
.TopNav ul li a:hover{background:none !important}*/
/** Banner Section **/

.sti_container {
	width:100%;/* max-width:980px; */
}
.sti_slider img {
	width:100%;
}
.mattercomon p {
	line-height:28px
}
.BannerSection {
	margin-top:5px;
	position:relative;
	width:100%;
	margin:-28px auto 0;
	text-align:center;
	height:386px;
	border-top:15px solid #1056A1;
	border-bottom:15px solid #DE2A4B;
}
.BannerSection > img {
	width:100%;
	height:386px
}
.BannerSectionTemp2 {
	margin-top:5px;
	position:relative;
	width:100%;
	margin:-70px auto 0;
	text-align:center;
	height:auto;
	border-top:15px solid #1056A1;
	border-bottom:15px solid #DE2A4B;
}
.BannerSectionTemp2 > img {
	width:100%;
	height:386px
}
/** == Social Icons==  ***/
.SocialIconWrap {
	padding:15px 0
}
.SocialIconWrap li {
	display:inline-block;
	width:190px;
	padding:15px 20px 10px 20px;
	border-left:1px solid #ccc
}
/*.SocialIconWrap li:first-child{border:none}*/
.SocialIconWrap > ul {
	margin:0 auto;
	text-align:center;
	padding:0
}
.ScoalIcon.Fb {
	background:url(../images/socialIcons.png) no-repeat 0 0;
	width:40px;
	height:45px;
	float:left
}
.ScoalIcon.Pn {
	background:url(../images/socialIcons.png) no-repeat -48px 0;
	width:40px;
	height:45px;
	float:left
}
.ScoalIcon.Tw {
	background:url(../images/socialIcons.png) no-repeat -95px 0;
	width:40px;
	height:45px;
	float:left
}
.ScoalIcon.Inst {
	background:url(../images/socialIcons.png) no-repeat -145px 0;
	width:40px;
	height:45px;
	float:left
}
.ScoalIcon.FR {
	background:url(../images/socialIcons.png) no-repeat -192px 0;
	width:40px;
	height:45px;
	float:left
}
.ScoailIconText strong {
	font-weight:bold;
	font-size:16px
}
.ScoailIconText {
	float:left;
	font-size:11px;
	padding-left:10px;
	/*padding-top:5px;*/
	text-align:left;
	font-family: "Open Sans";
}
.SocialIconWrap a {
	color:#444;
	text-decoration:none
}
.SocialIconWrap li:last-child {
	border-right:1px solid #ccc
}
.ScoalIcon {
	width:40px;
	height:45px;
	float:left
}
.ScoalIcon img {
	max-width:100%
}
/**  Home Page Boxes **/
.boxContent p {
	line-height:26px;
	font-size:14px;
        text-align:left;
}
.boxContent {
	font-family:'Lato', Calibri, Arial, sans-serif
}
.boxContent > ul {
	margin:0 auto;
	text-align:center;
	padding:0
}
.boxContent li {
	vertical-align:top;
	display:inline-block;
	width:300px;
	margin:10px 25px;
	border:1px solid #ccc;
	min-height:327px;
	padding:10px 8px
}
.new_boxcontent{margin:30px -20px;}
.new_boxcontent li{padding:0;}
.new_boxcontent_li_head{font-size: 22px;text-transform: uppercase;font-weight: bold;display: block;padding: 2px 10px;color: #fff;text-align: left;background: #03417e;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.new_boxcontent_child_box{display:block;padding:10px 5px;text-align:left!important;border-bottom: 1px solid #cecece; margin:0 15px 0 0;}
.new_boxcontent_child_box:last-child{border-bottom:0;}
.new_boxcontent_child_img{display:inline-block;width:26%;vertical-align:top;text-align:center;}
.new_boxcontent_child_img img{width:50px!important;height:50px!important;border-radius:50%;border: 2px solid #c41531;box-sizing: border-box;}
.new_boxcontent_child_text{display:inline-block;width:72%;vertical-align:middle;}
.new_boxcontent_child_text p{margin:0 !important;line-height: 1.5 !important;}
.new_boxcontent_child_text p b{font-size:16px;}
.child_img_blue img{border: 2px solid #03417e;}
.new_boxcontent_li_head{font-size:16px;padding: 4px 10px;}
.new_boxcontent_li_head i{font-size:20px;}

.boxDescription {
	font-size:12px;
	color:#666;
	text-align:center;
/*	width:300px;*/
	margin:auto;
	line-height:20px;
	/*min-height:138px*/
	height: 286px;
}
.boxDescription:last-child {
	/*overflow: hidden;
	height: 310px;
	overflow-y: auto;*/
	/*width: 296px;*/
	margin: 0 auto
}
.scroll-sponsor{overflow-x:hidden; overflow-y:scroll;height:274px;}
.boximage {
    height: 122px;
    max-width: 296px;
}
/*
.boxDescription h1 {
	font-size:20px;
	color:#666;
	text-transform:uppercase;
	margin-bottom:8px;
	margin-top:0
}*/

.readmore {
	margin:0;
	text-align:right;
	display:inline-block
}
.readmore a {
	background:#F0F0F1;
	color:#333;
	border:1px solid #ccc;
	font-size:13px;
	padding:8px 10px;
	text-decoration:none;
	margin-top:5px;
	display:block
}
/*.MiddleContent {
	background:#ed1b24
}*/
.borderWhite {
	border-top:5px solid #fff;
	height:5px
}
.boderBlue {
	margin-top:0
}
.boderBluetop {
	margin-top:-44px
}
.MiddleContent li {
	display:inline-block;
	width:380px
}
.MiddleContent li a {
	color:#fff;
	text-decoration:none;
	cursor:pointer
}
.MiddleContent > ul {
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding:40px 0
}
.hdText {
	color:#fff;
	display:block;
	font-size:30px;
	font-weight:bold
}
.SpaceR {
	border-top:2px solid;
	margin:10px auto;
	padding:0;
	text-align:center;
	width:160px
}
.BorderCom {
	border-left:3px solid #fff;
	border-right:3px solid #fff;
}
/** == Footer Section  ==  **/
.FooterLeftcontent {
	float:left;
	padding:10px 0;
	color:#444
}
.FooterRightcontent {
	float:right;
	font-size:12px;
	line-height:20px
}
.FooterLeftcontent li {
	display:inline-block;
	margin:0 15px
}
.FooterLeftcontent li a {
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px
}
.footerSection {
	margin-top:15px;
	min-height:50px;
	font-family:'Lato', Calibri, Arial, sans-serif
}
.FooterRightcontent p {
	padding:0;
	margin:3px 0 5px 0
}
/*** Pop Up Content ***/

.md-content table {
	margin:0 auto
}
.md-content td {
	padding:10px;
	font-size:14px
}
.md-content .error td {
	padding: 0 10px
}
.md-content input, .md-content input[type="text"], .md-content input[type="email"] {
	padding: 8px;
	border-radius: 0;
	border: none;
	font-size: inherit;
}
.NewIcon {
	border-radius:50%;
	position:absolute;
	right:-10px;
	top:-10px;
	width:38px;
	height:38px;
	padding-left:15px
}
.sti_control {
	display:none !important
}
.MenuIconMobile {
	display:none
}
/*** Inner Pages Css Left Side  ***/
.ContentMainArea {
	display:inline-block;
	margin:25px auto;
	text-align:center;
	width:100%
}
.ContentWrap {
	display:inline-block;/*width:880px; */
	text-align:left;
	width:930px/* line-height:20px*/
}
.leftSideWrap {
	display:inline-block;
	margin-right:25px;/*width:280px;*/
	width:230px;
	vertical-align:top;
	text-align:left
}
.leftwidgetArea {
	border:1px solid #de2a4b;
	margin-bottom:15px
}
.leftwidgetArea > h2 {
	background:#de2a4b none repeat scroll 0 0;
	color:#fff;
	font-weight:bold;
	padding:10px
}
.leftwidgetArea .desc {
	padding:10px
}
.RightSideWrap, .RightSideWrap-left {
	display:inline-block;
	margin-left:25px;
	text-align:left;
	vertical-align:top;
	width:230px;/*width:280px*/
}
.RightSideWrap-left {
	float:left;
	margin-left: 0;
	margin-right: 25px;
}
.RightSideContentArea > h2 {
	font-size:30px;
	font-weight:bold;
	margin-bottom:15px;
	line-height:36px
}
/*.RightSideContentArea img {max-width:100%;border:1px solid #ccc;padding:5px}*/
.ContentWrap th {
	text-align:center
}
.barousel_slider {
    border-bottom: 15px solid #de2a4b;
    border-top: 15px solid #1056a1;
    height: 400px!important;
    margin: -46px auto 0;
    width: 100%;
}
@media screen and (max-width:1200px) {
    .LayoutContaner {
        width:100%
    }
    .LogoArea {
        float:none;
        width:100%;
        text-align:center
    }
    .HeaderRight {
        float:none;
        width:100%
    }
    .FormElement {
        float:none;
        width:290px;
        margin:0 auto
    }
    .formLabelInput input[type="text"], .formLabelInput input[type="password"] {
        margin-left:-13px;
        width:120px
    }
    .SocialIconWrap li {
        border:none
    }
    .SocialIconWrap li:last-child {
        border:none
    }
    .BorderCom {
        border:none;
        margin:25px 0 !important
    }
    .boxContent li {
        margin:5px auto
    }
    .MiddleContent li {
        display:inline-block;
        width:100%;
        margin:0 auto
    }
    .FooterRightcontent {
        color:#444;
        float:none !important;
        text-align:center;
        clear:both
    }
    .TopNav ul {
        float:none;
        margin-right:0;
        margin-top:1px
    }
    .BannerSection {
        clear:both;
        margin-top:5px !important
    }
    .sti_container {
        margin-top:0 !important
    }
    .MenuIconMobile {
        display:block !important;
        /*background:#ed1b24;*/
        padding:10px 0
    }
    .IconWrap {
        /*background:#ed0000;*/
        padding:5px;
        width:25px;
        margin:0 auto;
        cursor:pointer;
        border-radius:5px
    }
    .IconWrap > span {
        cursor:pointer;
        width:20px;
        height:4px;
        background:#fff;
        display:block;
        margin:3px auto
    }
    #main-menu {
        display:none
    }
    .RightSideContentArea img {
        max-width:100%
    }
    .TopNav {
        position:relative;
        top:0;
        width:auto !important; display:block;
    }
    .barousel {
        margin-top:0 !important
    }
    .barousel_slider {
        border-bottom: 15px solid #de2a4b;
        border-top: 15px solid #1056a1;
        height: 300px!important;
        margin: -46px auto 0;
        width: 100%;
    }
}
 @media (max-width:767px) {
#prev_banner {
	display:none
}
#next_banner {
	display:none
}
.sti_slide div.banner_title {
	bottom:0;
	font-size:12px;
	padding:4px
}
.sti_container img {
	height:100% !important
}
.ContentWrap, .leftSideWrap, .RightSideWrap {
	width:90%;
	margin:0 auto
}

}
@media only screen and (min-width:768px) and (max-width:1024px) {
    .ContentWrap {
        width:58%;
    }
    .responsive_slider img{
        border-radius: 0 !important;
        margin-top: 0;
        width: 100%;
        height:300px!important;
    }
    .barousel {
        border-bottom: 15px solid #de2a4b;
        height:300px !important;
        width: 100%;
    }
    .barousel_slider {
        border-bottom: 15px solid #de2a4b;
        height:243px !important;
        width: 100%;
    }
    .boderBluetop {border-top:none !important; margin-top: -34px!important;}
    .ContentMainArea {padding-top:25px!important;}
    /* Changes for logo in responsive size @pawan 16-02-2017*/
    .LogoArea img {max-width:310px!important; width:100%!important;}
}
@media (min-width:1200px) {
    .sti_slide div.banner_title {
        bottom:0;
        font-size:18px;
        padding:14px
    }
    .TopNav {width:930px;}
    #main-menu {position:relative;z-index:9999;width:auto;float: right;}
    #main-menu ul {
        width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
    }
}
.boxContent2 {
	float:left;
	margin-top:20px
}
.leftContentBox {
	float:left;
	width:70%;
}
.rightContentBox {
	float:left;
	width:25%;
	margin-left:50px
}
.boxContent2 h2 {
	font-weight:bold;
	font-size:22px;
	margin-bottom:15px
}
.boxContent2 h3 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:15px
}
form.field-table input[type="text"], form.field-table input[type="date"], form.field-table input[type="password"] {
	background:url("../../images/inputbg.png") repeat-x scroll 0 0 #FFFFFF;
	border:1px solid #BFCDD2;
	border-radius:4px 4px 4px 4px;
	color:#414141;
	font-family:arial;
	font-size:12px;
	padding-left:4px;
	font-family:'Lato', Calibri, Arial, sans-serif
}
table.field-table input[type="text"], table.field-table input[type="password"] {
	background: url("../../images/inputbg.png") repeat-x scroll 0 0 #FFFFFF;
	border: 1px solid #BFCDD2;
	border-radius: 4px 4px 4px 4px;
	color: #414141;
	font-family: arial;
	font-size: 12px;
	padding-left: 4px;
}
table.field-table textarea {
	background: url("../../images/inputbg.png") repeat-x scroll 0 0 #FFFFFF;
	border: 1px solid #BFCDD2;
	border-radius: 4px 4px 4px 4px;
	color: #414141;
	display: block;
	font-family: arial;
	font-size: 12px;
	padding: 5px;
}
/*.field-table textarea {
        width: 97% !important;
}*/
.field-table .group_add_form_textarea {
	width: 90% !important;
}
.NewWrapForgotPwd .field-table input[type=text], .NewWrapForgotPwd .field-table input[type=email], .NewWrapForgotPwd .field-table input[type=password] {
	padding: 8px 2px !important;
}
.minus_sign {
	width: 11px;
	height: 11px;
	float: left;
	background: url(../../images/sminus_06.jpg) no-repeat;
	margin: 6px 0px 0px 0px;
	cursor: pointer;
}
.RSVP_button {
	border: medium none;
	border-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	padding: 8px 21px;
	text-align: center;
	text-decoration: none;
	width: auto;
	vertical-align: middle;
	margin-left: 6px;
}
.neborder.field-table.traunungRUNINGNEWRRR .trainingTDRunningJT2 .tdcurve1 td {
	vertical-align: inherit !important
}


.barousel_image_logo img, .barousel_image img {
	width:100%;
	border-radius:0 !important;
	margin-top:0;height:400px;
}
.responsive_slider img{
    width:100%;
    border-radius:0 !important;
    margin-top:0;
    object-fit: fill;
}
.barousel_nav {
    position: absolute;
    padding: 3px 3px 0px 0;
    height: 40px;
    /* background: #000; */
    top: 50%;
    z-index: 20;
    width: 100% !important;
    margin-left: 0; transform: translate(0 ,-50%);
}
.barousel_image {
	width:100%
}
.barousel_nav ul {
	float:none
}
.barousel_nav li {
	padding-left:0
}
.barousel_nav li.next {
	float:right
}
.barousel_nav li a {
	width:40px;
	height:40px;
	opacity:0.5
}
.barousel_nav li.prev a {
	background:#000 url(../images/nav_next_prev.png) left top no-repeat;
	box-shadow:3px 3px 5px rgba(0, 0, 0, .5);
	border:1px solid #555
}
.barousel_nav li.next a {
	background:#000 url(../images/nav_next_prev.png) right top no-repeat;
	box-shadow:3px 3px 5px rgba(0, 0, 0, .5);
	border:1px solid #555
}
#pagemenu li a:hover, #catmenu li a:hover, .pagemenu-active a {
	background:none !important
}
/*Sponsors*/
.LogoArea > img {}
/*
.boxContent li img {
	width:250px;
	height:122px;
}*/
.spBox img {
	width:60px !important;
	height:50px !important;
}
.spBox {
	float: none;
	width: auto;display:inline-block;text-align:center;
}
.spBox span {
	float: none;
	margin: 0 1px 11px;
	border: 1px solid #ccc;
	padding: 3px;display:inline-block;
}
.nospClass {
	font-weight: bold;
	margin-top: 30px;
}
.error {
	color:#ff0000;
}
.formControl2 {
	margin:1px 10px;
	position: relative;
}
.formControl3 {line-height:6px;}
.successBox {
	text-align: center;
	padding: 20px;
}
.commonWidgetWrapper {
	/*border: 1px solid #5a0000;*/
	margin-bottom: 10px !important;
	overflow: hidden;
}
.accountRaceEventNameWrap .event_head {
	margin-left:7px;
	color:#000
}
.completion_time {
	margin-left:13px !important
}
.select_of_issue {
	padding-right: 10px;
	padding-top: 0px;
}
.wokroutHideMBL .title1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	margin-right: 0;
}
.trainingTDRunningJT1 .title1 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}
.barousel_nav .counter {
	display:none;
}
.spanhead {
/*	color:#ff0000;*/
	font-family:Lato, sans-serif;
	font-size:1.5em;
	line-height:1.2em;
	font-weight:normal;
}
/*== css for calender arrow ==*/

/*.LayoutContaner .eventCalendar-wrap .arrow.next {
	margin-right:60px!important;
}*/
.LayoutContaner .eventCalendar-wrap .arrow.next {
	margin-right:58px;
}
/*--prat---*/
.divright {
	float:right;
}
.widthdiv {
	width:98%;
}
.cls-dyn-line-left{width: 20px;height: 20px;display: block;position: absolute;top: -12px;Left: -25px;border-radius: 6px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-right: 1px solid; border-bottom: 1px solid;}
.cls-dyn-line{width: 14px;display: block;position: absolute;top: 12px;left: 125px;}
.cls-dyn-line-right{width: 20px;height: 20px;display: block;background: transparent;position: absolute;top: -12px;right: -25px;border-radius: 6px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-left: 1px solid; border-top: 1px solid;}
/*--kb styles for btn start---*/
@media  (max-width:1024px) {
	 .sb1{float:none;}
	 .sb2{float:none;}
	 .sb3{float:none;}
	.sbmit{background-size: 100% 100% !important;width:125px;margin-left:0;margin-top: 10px;}
	.frgtPass{margin-top: 15px;float: none;display: block;text-align: center;}
	.resp_btn1{float:left;}
	.resp_btn2{float:right;}
	.cls-dyn-line{width: 18px;}
 }
 .resp_btn2 .sb3{margin-left:auto; margin-right:auto;}
/*--kb styles for btn end---*/
@media screen and (min-width:651px) and (max-width:767px){
    .barousel_slider{
        width: 100%;
        margin: -46px auto 0;
        height: 204px!important;
        border-top: 15px solid #1056A1;
        border-bottom: 15px solid #DE2A4B;
    }
    .boderBluetop {border-top:none !important; margin-top: -34px!important;}
    .ContentMainArea {padding-top:25px!important;}
    /* Changes for logo in responsive size @pawan 16-02-2017*/
    .LogoArea img {max-width:310px!important; width:100%!important;}
}
@media  (max-width:667px) {
    .barousel_slider{
        width: 100%;
        margin: -46px auto 0;
        height: 186px !important;
        border-top: 15px solid #1056A1;
        border-bottom: 15px solid #DE2A4B;
    }
    .boderBluetop {border-top:none !important; margin-top: -34px!important;}
    .ContentMainArea {padding-top:25px!important;}
}
@media  (max-width:640px) {.barousel_nav {margin-top: -16px;} .boderBluetop {border-top:none !important; margin-top: -34px!important;}
.ContentMainArea {padding-top:25px!important;}
/* Changes for logo in responsive size @pawan 16-02-2017*/
.LogoArea img {max-width:310px!important; width:100%!important;}
}
@media  (max-width:568px) {.barousel_nav {margin-top: -10px;} .boderBluetop {border-top:none !important; margin-top: -34px!important;}
.ContentMainArea {padding-top:25px!important;}}
 @media  (max-width:480px) {

.barousel_image_logo img, .barousel_image img, .carousel-inner img{height: 140px;width: 100%;}
.responsive_slider img{
	height:auto!important;
}
.responsive_slider img{
	border-radius: 0 !important;
	margin-top: 0;
	width: 100%!important;
}

    .FormElementLogin {
        float:none;
        margin-top:20px;
        margin-bottom:5px;
        text-align:center;
    }
    .divright {
        float:none;
        display:block;
        margin:0 auto;
    }
    .sponsors_logo {
        width:100%;
    }
    .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
        color:#fff;
    }
    .latestnew_left {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .latestnew_right {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .boderBlue {
        border-top:10px solid #1056A1;
        margin-top:0px
    }
    .widthdiv {
        width:100%;
    }
    .RightSideWrap, .RightSideWrap-left {
        display:block;
        margin:0px auto;
        text-align:left;
        vertical-align:top;
        width:94%;
        float:none !important;
    }
    .RightSideWrap-left {
        margin-left:0px auto;
    }
    .RightSideWrap {
        margin:10px;
    }
    .barousel {
        border-bottom: 15px solid #de2a4b;
        border-top: 15px solid #1056a1;
        height: 386px;
        margin: -46px auto 0;
        width: 100%;
    }
    .barousel_slider {
        border-bottom: 15px solid #de2a4b;
        border-top: 15px solid #1056a1;
        height: 386px;
        margin: -46px auto 0;
        width: 100%;
    }
    .barousel_image_logo img, .barousel_image img {
        border-radius: 0 !important;
        margin-top: 0;
        width: 100%!important;
    }
    .barousel {
        border-bottom: 15px solid #de2a4b;
        height:196px !important;
        width: 100%!important;
    }
    .barousel_slider {
        border-bottom: 15px solid #de2a4b;
        height:152px!important;
        width: 100%!important;
    }
    /*.LayoutContaner .eventCalendar-wrap .arrow.next {
            margin-right: 0px !important;
    }*/
    .LayoutContaner .eventCalendar-wrap .arrow.next {
        margin-right: 0px;
    }

ol, ul {
    list-style: outside none none;
    padding-left: 0;
}
.FooterLeftcontent {
  color: #444;
  float: none;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}
.FooterLeftcontent li {
  display: block;
  margin: 10px 15px;
}
.boderBluetop {border-top:none !important; margin-top: -34px!important;}
.ContentMainArea {padding-top:25px!important;}
/* Changes for logo in responsive size @pawan 16-02-2017*/
.LogoArea img {max-width:310px!important; width:100%!important;}
}
@media  (max-width:414px) {
    .responsive_slider img{
        height:auto!important;
    }
    .barousel_slider {
        border-bottom: 15px solid #de2a4b;
        height:106px!important;
        width: 100% !important;
        margin-bottom:0px;
    }
    .barousel_nav {margin-top: -20px;}

.SocialIconWrap > ul {padding: 20px 0 0 0;}
.boderBluetop {border-top:none !important; margin-top: -34px!important;}
.ContentMainArea {padding-top:25px!important;}
 
 }
  @media  (max-width:375px) {
.responsive_slider img{
	height:auto!important;
}
.barousel_slider {
border-bottom: 15px solid #de2a4b;
/*height:75px!important;*/
width: 100% !important;
margin-bottom:16px;
}
.barousel_nav {margin-top: -2px;}
.boderBluetop {border-top:none !important; margin-top: -34px!important;}
.ContentMainArea {padding-top:25px!important;}
 }
 
@media  (max-width:360px) {.barousel_nav {margin-top: -4px;} .boderBluetop {border-top:none !important; margin-top: -34px!important;}
.ContentMainArea {padding-top:25px!important;} }
@media  (max-width:320px) {.barousel_nav {margin-top: -10px;} .boderBluetop {border-top:none !important; margin-top: -34px!important;}
.ContentMainArea {padding-top:25px!important;}
/* Changes for logo in responsive size @pawan 16-02-2017*/
.LogoArea img {max-width:310px!important; width:100%!important;}
}


.TopNav ul li {padding:0 !important;}
@media (min-width:590px) and (max-width:767px){
.barousel_image_logo img {height:auto !important;} 
}
@media (min-width:790px) and (max-width:900px){
.barousel_image_logo img {height:auto !important;}  
}
@media (min-width:758px) and (max-width:800px){
.barousel_image_logo img {height:auto !important;}  
.barousel_slider {height: 234px !important;} 
}
@media (min-width:991px) and (max-width:1199px) {
.barousel_image_logo img {height:auto !important;}
.barousel_slider {height: 307px !important;}  
}

@media (min-width:768px) and (max-width:1200px){
    .LogoArea {width:20%; float:left;}
    .HeaderRight {width:80%; float:right;}
    .headerSection {min-height:100%; padding-left: 8px; padding-right: 15px;}
}

@media (min-width:481px) and (max-width:767px){
    .FormElementLogin {float:none; text-align:center;} 
}
@media (min-width:768px) and (max-width:1024px){
.FormElement {float:right; margin-right:27px;} 
}
@media (min-width:1025px) and (max-width:1200px){
.FormElement {float:right;}	
}

@media (min-width:1448px) and (max-width:1630px){
.barousel_slider {height:440px !important;} 
}
@media (min-width:1631px) and (max-width:1920px){
.barousel_slider {height:460px !important;} 	
}
@media (min-width:1921px) and (max-width:5000px){
.barousel_slider {height:600px !important;} 		
}