#planAndDev { background-color: #ffffff;padding-top:120px; padding-bottom:30px;}

#planAndDev .bContainer{}
#planAndDev .breadcrumbs{display: none }
#planAndDev .topIcons{display: none }
#planAndDev .rContainer{display: none;}

#planAndDev .lContainer{}
#planAndDev .lContainer h1{font-family: 'BlenderBold', Arial, sans-serif; font-size: 23px; font-weight: normal; color: #0072C1;margin-bottom: 10px;}
#planAndDev .lContainer h2{font-family: 'BlenderBold', Arial, sans-serif; font-size: 28px; font-weight: normal; color: #3c3c3c;margin-bottom: 10px;}
#planAndDev .lContainer h3{font-family: 'BlenderBold', Arial, sans-serif; font-size: 20px; font-weight: normal; color: #3c3c3c;margin-bottom: 10px;}
#planAndDev .lContainer h4{font-family: 'BlenderBold', Arial, sans-serif; font-size: 24px; font-weight: normal; color: #0072C1;margin-bottom: 10px;}
#planAndDev .lContainer h5{font-family: 'BlenderBold', Arial, sans-serif; font-size: 19px; line-height:28px; font-weight: normal; color: #3c3c3c;}
#planAndDev .lContainer h6{font-family: 'BlenderBold', Arial, sans-serif; font-size: 19px; line-height:28px; font-weight: normal; color: #0a6aae;}
#planAndDev .lContainer .regText{font-family: 'blenderRegular', Arial, sans-serif; font-size: 19px; line-height:26px; color: #3c3c3c;margin-bottom: 24px;}

#planAndDev .lContainer .topGroup{ padding-right: 0px !important;padding-left: 0px !important;padding-top: 25px;padding-bottom: 25px;}
#planAndDev .lContainer .topRight{    padding-right: 0px !important;  padding-left: 30px;}
#planAndDev .lContainer .topLeft{padding-right: 0px !important;padding-left: 0px !important;}

@media screen and (max-width: 768px){
    #planAndDev.imgHeader.fromInnerPageCss{ background-image:none !important;}
}

@media (min-width: 768px) {
    #planAndDev {padding-top:230px; margin-top:0;}
    #planAndDev.imgHeader{  background-position:left top; background-size:auto 330px; background-repeat: repeat-x;}
    #planAndDev .bContainer{width: 700px; background-color:#ffffff;}

    #planAndDev .navHeader { margin:30px 30px 0; width:auto;}
    #planAndDev .navHeader .col-md-12{ margin:0; padding:0;}
    #planAndDev .breadcrumbs{ display:block; font-size: 17px; float: right; list-style: none; padding:0; margin:0;}
    #planAndDev .breadcrumbs li{display:inline-block;}
    #planAndDev .breadcrumbs li a { color:#3c3c3c;}
    #planAndDev .breadcrumbs li:after { content:">"; margin:0 2px;}
    #planAndDev .breadcrumbs li:last-child { font-family:'BlenderBold', Arial, sans-serif; font-size:15px;}
    #planAndDev .breadcrumbs li:last-child:after { content:""; margin:0px;}

    #planAndDev .topIcons{ display:block; float: left; list-style: none; padding:0;}
    #planAndDev .topIcons li{margin-right: 20px; display:inline-block;}
    #planAndDev .topIcons li a{ font-size:20px; color:#b3b3b3;}
    #planAndDev .topIcons li a:hover{ color:#646464;}
    #planAndDev .topIcons li a span{margin:0 ;}

    #planAndDev .lContainer{ width: 650px; margin:0 auto; padding:0;}
    #planAndDev .lContainer h1{font-size: 40px; margin-bottom:12px; line-height:32px;}
    #planAndDev .lContainer h2{font-size: 28px;margin-bottom: 20px;}
    #planAndDev .lContainer h3{font-size: 16px;}
    #planAndDev .lContainer h4{font-size: 24px;}
    #planAndDev .lContainer h5{font-size: 19px; line-height:29px;}
    #planAndDev .lContainer h6{font-size: 19px; line-height:29px;}
    #planAndDev .lContainer .regText{font-size: 19px; line-height:27px;}
}

@media (min-width:992px) {
    #planAndDev {padding-top:315px; margin-top:30px;}
    #planAndDev.imgHeader{ background-size:auto 457px;}
    #planAndDev .bContainer{width: 960px; }

    #planAndDev .navHeader { margin:20px 30px 30px; width:auto;}
    #planAndDev .breadcrumbs {}

    #planAndDev .rContainer{width: 204px; float: right; display:block; margin-right:30px;}

    #planAndDev .downManu{ list-style:none; border-bottom: 2px #c4c4c4 solid; padding:7px 0; margin:40px 0 0;}
    #planAndDev .downManu li{ padding:9px 15px 9px;}
    #planAndDev .downManu li span{ margin-left:15px; margin-top:-3px; font-size:1.5em; float: right;}
    #planAndDev .downManu li a{font-size: 17px; line-height:17px; color: #3c3c3c;}
    #planAndDev .downManu li.active a{font-family: 'BlenderBold', Arial, sans-serif; color:#0072bc;font-size: 15px;}
    #planAndDev .downManu li p{font-family: 'BlenderBold', Arial, sans-serif; font-size: 18px; margin:0;}

    #planAndDev .lContainer{ float: left; width: 650px; margin-left: 30px;}
}

@media (min-width: 1200px) {
    #planAndDev { padding-top:360px; margin-top:0px;}
    #planAndDev.imgHeader{background-size:auto 525px;}
    #planAndDev .bContainer{width: 1198px;}

    #planAndDev .navHeader { margin:34px 40px 28px;}
    #planAndDev .breadcrumbs {}

    #planAndDev .rContainer{width: 244px; margin-right:40px;}

    #planAndDev .downManu{ border-bottom: 3px #c4c4c4 solid; margin:70px 0 0;}
    #planAndDev .downManu li{ padding:9px 18px 9px;}
    #planAndDev .downManu li p{font-size: 20px;}

    #planAndDev .lContainer{ float: left; width: 798px; margin-left: 36px; }
    #planAndDev .lContainer h1{font-size: 50px; line-height:50px; margin-top:-14px; margin-bottom:30px;}
    #planAndDev .lContainer h2{font-size: 28px;margin-bottom: 22px;}
    #planAndDev .lContainer h3{font-size: 20px;}
    #planAndDev .lContainer h4{font-size: 28px;}

    #planAndDev .inThisPage a{font-size: 19px;}
}

@media (min-width: 1919px) {
    #planAndDev { padding-top:430px; margin-top:20px;}
    #planAndDev.imgHeader{background-size:contain;}
    #planAndDev .bContainer{width: 1600px;}

    #planAndDev .navHeader { margin:34px 80px 28px 30px;}
    #planAndDev .breadcrumbs {}

    #planAndDev .rContainer{margin-right:80px;}

    #planAndDev .lContainer{ margin-left: 135px; }
}
