/* Additional styles need for responsive web design */
/* cd@ff 6/6/2014 */
.modal-backdrop.fade.in:target {
	display:none;
}
.modal-backdrop.fade.in:active {
    display:none;
}
#LicenseForm\:BillingInfofrm .control-label {
    padding-top:0px;
    /*display:inline-block;*/
}
/* For Small Phone Screens */   
@media screen and (max-width: 480px) {
    .col-xs-6 {
        width: 100%;
    }
    .col-xs-4 {
        width:48%;
    }
    #LicenseForm\:ContactInfofrm\:lastNameInput {
        margin-left:8%;
    }
    #contactEmailDiv.col-xs-5 {
        width:100%;
    }
    #lblphoneExt {
        margin-top: -17px;
        margin-left: 73%;
    }
    .col-xs-2.phonePart {
        width:27%;
    }
    .col-xs-2.phonePart.threeDigit {
        width:23%;
    }
    #premiseOccupancyDiv.col-xs-3 {
        width:66%;  
    }
    .autoComp {
        color:red;
    }
    #ccTypeDiv {
        width:100%;
    }
    #ccImageDiv.col-xs-offset-8 {
        margin-left:0px;
    }
    #ccFirstNameDiv, #expMonthDiv {
        margin-right: 5%;
    }
    #ccNameDiv .col-xs-3 {
        width: 47.5%
    }
    .credit-card .col-xs-5, .credit-card .col-xs-2 {
        width: 100%;
    }
    #expDateDiv .col-xs-2 {
        width: 47.5%;
    }
    #lblExpYear {
        margin-top: -22px;
        margin-left: 52%;
    }
    #lblExpMonth, #lblExpYear, #expMonthDiv { 
        display: block;
    }
    .billingAddressInput .col-xs-8 {
        width: 100%;
    }
    #nightDiv {
        margin-left:5px;
    }
    #diffAddDiv {
        margin-left:20px;
    }
    div.billingAddressInput {
        margin-left:-20px;
    }
    span.license-type {
        font-size:26px;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    #lblExpMonth {
        width:11%;
        margin-right:2%;
    }
    #lblExpYear {
        float: left;
        width: 11%;
        margin-left: 2% 
        margin-top: 7px;
    }
    #ccFirstNameDiv {
        /*margin-right:8*/
    }
    #lblExpMonth, #lblExpYear {
        width: 7%;
        margin-top: 7px;
    }

}
@media (min-width: 768px) and (max-width: 992px) {
    .col-xs-4 {
        width:23%;
    }
    #firstName {
        margin-right:4%;
    }
    #lblphoneExt {
        width:11%;
    }
    #ccFirstNameDiv, #ccLastName {
        width:24%;
    }
    #ccFirstNameDiv {
        margin-right:2%;
    }
    #ccImageDiv {
        margin-left:71%;
    }
    #expMonthDiv {
        margin-right: 1%;
    }
    #lblExpMonth, #lblExpYear {
        width: 7%;
        margin-top: 7px;
    }
}
@media (min-width: 992px) {
    #firstName {
        width: 14%;
        margin-right: 5%;
    }
    #lastName {
        width: 14%;
    }
    #ccFirstNameDiv {
        width: 15%;
        margin-right: 3.333333%;
    }
    #ccLastName {
        width: 15%;
    }
    #lblExpMonth, #lblExpYear {
        width: 7%;
        /*margin-top: 7px;*/
    }
    #lblExpYear {
        margin-left:1%;
    }
    #expYearDiv {
        width: 9%;
        margin-left: -1%;
    }
}