﻿@charset "UTF-8";
/* CSS Document */

@media (min-width:768px) and (max-width:991px)
{

}



@media (min-width:768px){
	.footBar{ position:absolute; width:100%; bottom:0px;}
	body{ margin-bottom:163px; }
	html{    position: relative;  min-height: 100%;}
	.modal-sm {width: 400px;}
	
}

@media (max-width:1200px){
	.homepageslider .carousel-caption{left:5%}
	
}
@media (min-width:992px) and (max-width:1024px){
	.homepageslider .carousel-caption h2 {
    font-size: 38px;}
    #stickMe{ position:relative;}
    .carousel-inner{ max-height: 465px;}
}
@media (min-width:768px) and (max-width:991px){
	.navbar-brand.logo img {width: 150px;}
	footer.footBar .col-lg-12 p {padding-top: 10px;text-align: center;}
	.navbar-inverse.navbar-cnac-theme .navbar-nav>li>a{ font-size: 14px;padding: 32px 7px;}
	.DarkGreyContent p{ width:70%}
	.DarkGreyContentleft ,	.DarkGreyContentright{min-height:231px}
	.homepageslider .carousel-caption a{ margin-right:0px;}
	.homepageslider .carousel-caption img{ width:230px; }
	.homepageslider .carousel-caption h2{ font-size:32px; margin-bottom:50px;}
	.social_nav li img{ width:112px;}
	#stickMe{ position:relative;}
	.homepageslider .carousel-caption{  bottom:20%;}
	.table-responsive.table_cnac>.table-bordered{ border: none}
	.table-responsive.table_cnac{ border: 1px solid #ddd;}
	.summaryQuestion{ margin-top: 20px;}
	.navbar-brand {

    padding: 12px;
}

}

@media (max-width:767px){
	.PageHeading h1 {
    font-size: 26px;
}
	footer.footBar .col-lg-12 p {padding-top: 10px;text-align: center;}
	.footBar a.btnOutline {width: 295px;}
	.navbar-inverse.navbar-cnac-theme .navbar-brand{ float:right;margin-bottom: 0; margin-top: 4px;}
	.navbar.navbar-cnac-theme{ min-height:50px;}
	.navbar-cnac-theme .navbar-toggle{ float:left; margin-top:15px; padding:9px 50px 9px 10px;}
	.navbar-inverse.navbar-cnac-theme .navbar-nav>li>a:focus, .navbar-inverse.navbar-cnac-theme .navbar-nav>li>a:hover , .navbar-inverse.navbar-cnac-theme .navbar-nav>li>a.active{ color:#ff9208; border-bottom:none;}
	.navbar-inverse.navbar-cnac-theme.navbar-inverse .navbar-collapse{border-color:#44A7E1 }
	.navbar-inverse.navbar-cnac-theme .navbar-nav>li>a{ padding:15px 12px;}
	.navbar-inverse.navbar-cnac-theme .navbar-toggle .icon-bar + .icon-bar{ margin-top:5px;}
	.navbar-inverse.navbar-cnac-theme .navbar-toggle .icon-bar{height: 3px;  width: 32px;}
	.navbar-inverse.navbar-cnac-theme .navbar-toggle .sr-only{  clip: inherit; color:#fff; overflow:visible; margin:-2px 0 0 21px ;font-size: 17px;}
	.DarkGreyContent{ background:transparent; text-align:center;}
	.DarkGreyContent p{ text-align:left;}
	.DarkGreyContentleft , .DarkGreyContentright{ background:#a5a5a5; padding: 20px; border:none; min-height:inherit; margin:0 10px 0 10px;}
	.DarkGreyContentright{ margin-top:15px;}
	.footBar a.btnOutline{ padding:10px 35px}
	.homepageslider .carousel-caption a{ margin-right:0px;}
	.homepageslider .carousel-caption img{ width:190px; }
	.homepageslider .carousel-caption h2{ font-size:28px; margin-bottom:15px;}
	.navbar-cnac-theme .navbar-brand > img{ width:130px; text-align:right;}
	.rightContent{ margin-top:25px;}
	.StateLicenceSection p  span{ display: block;}
	.navbar-collapse{ position: absolute; width:100%; background:#1075b4; z-index: 99999;}
	.fullContent p.blue-text span{ display: block;}
	.social_nav{ position: relative; text-align: center; width: 100%}
	.social_nav li:nth-child(1){ position: absolute; left: 0px; text-align: left}
	.social_nav li:nth-child(3){ position: absolute; right: 0px; text-align: right;}
	.rightContent span{ font-size: 18px;}
	#stickMe{ position:relative;}
	.homepageslider .carousel-caption{  bottom:20%;}
	.summaryOptions a{ font-size: 16px;}
	.summaryQuestion{ margin-top: 20px;}

    .DownpaymentSection h2 br{ display: none;}

	.StateLicenceSection p{ font-size: 14px; text-align: justify;}
    .modal-footer button , .modal-footer a{padding: 5px 0 !important;}
    .modal-title{ font-size: 18px;}
    .modal-header{ padding: 5px 15px;}

}

@media (max-width:500px){

	.orangeBar a.btnBasic{font-size: 15px;margin-right: 4px; padding: 13px 10px;}
	.GreyContent{ font-size:15px;}
	.DownpaymentSection h2{ font-size:20px;}
	.DarkGreyContentleft img , .DarkGreyContentright img{ width:40px}
	.DarkGreyContent p{ font-size:16px; width:210px;}
	.DarkGreyContentright{ margin-top:10px;}
	.homepageslider .carousel-caption{ width:90%; bottom:13%;}
	.homepageslider .carousel-caption a{ margin-right:0px;}
	.homepageslider .carousel-caption img{ width:140px; }
	.homepageslider .carousel-caption h2{ font-size:20px; margin-bottom:10px;}
	.carousel-indicators{ margin-bottom:0px;}
	.social_nav li img{ width:122px;}
	.DarkGreyContent p{ margin-top: 0px;}
	.fullContent .panel h4 a{ font-size: 20px;}
	.summaryOptions a{ width: 100%; text-align: center;}
	.logoutText{ top:-30px;}
	.infoBox .infotext{ word-break:break-all;}

}
@media (max-width:420px){
	.social_nav li img{ width:106px;}
    
}

@media (max-width:360px){
	.social_nav li img{ width:96px;}
    .footBar a.btnOutline{ width: 80%; margin-right: 0px; font-size: 13px;}
    .ResponsiveImgFixPhone{ width: 80%;}
}

.banner-warning {
	padding: 20px;
	background: red;
	color: #fff;
	text-align: center;
	font-size: 2rem;
  }