@media only screen and (max-width: 1200px){
    .contents-summary .field .label {width:140px !important;}
    .field-terms {margin-top:80px; line-height:20px;}
    .field-terms a {width:85%; margin-top:8px !important;}
    .terms-error-msg {margin-top:0px !important;}
}

@media only screen and (max-width: 1024px){
    .field-cc-number {width:calc(100% - 75px) !important;}
    .field-exp-date {clear:both; float:left !important;}
    #aux-frame {width:100% !important; height:100% !important; margin-top:0px !important;}
}

@media only screen and (max-width: 991px){
    body {background:#333333;}
    header .logo {height:40px;}
    .logo-visa-fleet {height:40px; margin-top: 0px !important;}
    .links-box {width:300px; height:100% !important; position:fixed; top:0px; right:0px; margin-top:0px !important; padding:30px; padding-top:100px;
                background:#333333; z-index:1; display:none;}
    .links-box .links a {clear:both; float:left; margin-bottom:15px; padding-bottom:0px !important; 
                        font-size:1.3em !important; font-weight:300 !important; color:#fff !important;}
    .links-box .links a:hover {border-bottom:1.6px solid #fff !important;}
    .links-box .social-box {width:100%; float:left;}
    .links-box .social-box ul {padding-left:0px;}
    .links-box .social-box ul li {margin-left:0px;}
    .links-box .social-box ul li a i {margin-top:10px; margin-right:15px; font-size:1.6em; color:#fff;}
    .links-box .social-box ul li a i:hover {color:#fff !important;}
    #nav-min-link {display:none;}
    .col1-box {width:100%;}
    .col2-box {width:100%;}
    .title-bar {width:70% !important;}
    .title-bar-box span:nth-child(1) {font-size:0.9em !important;}
    .title-bar-box span:nth-child(2) {padding-right:10px; font-size:1.6em !important;}
    #steps-box1 .steps-box-container {right:0px;}
    #steps-box1 {width:30% !important; position:absolute; top:30px; right:0px;}
    #steps-box1 .line {width:15px !important;}
    .contents-summary {width:100% !important;}
    .contents-summary .field .label {width:50% !important; font-size:1.2em !important;}
    .contents-summary .field .value {width:45% !important; font-size:1.2em !important;}
    .contents-summary .tcontainer .label {width:50% !important; font-size:1.4em !important;}
    .contents-summary .tcontainer .value {width:45% !important; font-size:1.6em !important;}
    .component-ty-msg .box {padding:40px !important; padding-top:10px !important;}
    .component-running-summary .rsbox {margin-top:-10px !important; padding-top:0px !important;}
    header .links-box .links a {font-size:1.1em !important;}
    .field-terms a {width:85%; margin-top:14px !important;}
    .terms-error-msg {margin-top:-3px !important;}
    .component-no-classes-available {text-align:center;}
    .component-classes .no-classes-available {text-align:center;}
    .component-classes .no-classes-available h3 {margin-top:-5px;}
}

@media only screen and (max-width: 768px){
    footer .footer-bottom-nise .container {text-align:center;}
    footer .footer-bottom-nise .container span {width:100%; margin-top:5px;}
    footer .footer-bottom-nise .container span:nth-child(1) {margin-top:15px;}
}

@media only screen and (max-width: 730px){
    .col1-box .title-bar {width:100% !important; text-align:center;}
    .col1-box .title-bar-box span {float:none !important; display:inline-block;}
    #steps-box1 .steps-box-container {right:auto;}
    #steps-box1 {display:none !important;}
    #steps-mobile {display:block !important;}
    .component-summary .field .body .attrib {width:170px !important;}
    .component-summary .field .body .value {width:calc(100% - 190px) !important;}
    .component-personal-info .field-gender {clear:both; margin-left:auto !important;}
}

@media only screen and (max-width: 660px){
    .field-terms a {width:85%; margin-top:10px !important;}
    .terms-error-msg {margin-top:2px !important;}
    .component-summary .field .body {padding-left:5px !important;}
    .component-summary .field .body .attrib {width:130px !important; font-size:0.95em;}
    .component-summary .field .body .value {width:calc(100% - 150px) !important; font-size:0.95em;}
    .component-running-summary .rsbox {margin-top:-30px !important; padding-top:0px !important;}
    .component-personal-info #username {width:100% !important;}
    .component-personal-info .field-password {width:100% !important; clear:both; margin:0px !important;}
}

@media only screen and (max-width: 590px){
    header .container {padding:0px;}
    #nav-min-link {margin-right:10px !important;}
}

@media only screen and (max-width: 520px){
    .component .contents {padding:15px !important; padding-top:20px !important;}
    #cc-card-logos {height:60px !important; margin:10px !important;}
    #seal {margin:10px !important;}
    #secure-trust-logo {margin:10px !important;}
    .component-ty-msg .box {padding:20px !important; padding-top:10px !important;}
    .contents-summary .field .label {width:68% !important; font-size:1.1em !important;}
    .contents-summary .field .value {width:25% !important; font-size:1.1em !important;}
    .component-classes .filter {width:47% !important;}
    .component-classes #events tr td {font-size:0.9em;}
    .component-classes #events .venue span:nth-child(1) {line-height:18px;}
    .component-personal-info .field-dl-dlstate {width:100% !important;}
    .component-personal-info .field-dl-dlnum {width:100% !important; clear:both; margin-left:0px !important; margin-top:-10px !important;}

    header .logo-visa-fleet {display:block; float:none; margin-left:auto; margin-right:auto;}
    .logo-visa-ntsi{display:block; float:none; margin-left:auto; margin-right:auto; height: 40px; margin-left: auto !important; margin-block: 10px !important;}

    /* .logo-visa-ntsi {width: 50%;}
    .logo-visa-fleet{width: 20%;} */
}

@media only screen and (max-width: 375px){
    .component-running-summary .rsbox {padding:15px !important; padding-top:0px !important;}
    .field-juvenile {margin-left:-10px;}
    .field-terms {margin-left:-10px;}
    .field-terms a {width:80%; margin-top:10px !important;}
    .terms-error-msg {margin-top:2px !important;}
    .component-classes .filter {width:47% !important;}
    .component-classes #events tr td {font-size:0.85em;}
    .component-classes #events .venue span:nth-child(1) {line-height:16px;}
    .component-classes .sclass-info {font-size:1em !important; line-height:18px !important;}
    .component-ty-msg .body {width:100%;}
    .component-ty-msg .body img {max-width:290px !important; height:auto !important;}
    .logo-visa-ntsi {width: 40%;}
    .logo-visa-fleet{width: 25%;}
}

@media only screen and (max-width: 360px){
    .component-ty-msg .body img {max-width:270px !important; height:auto !important;}
}

@media only screen and (max-width: 320px){
    .component-running-summary .rsbox {padding:10px !important; padding-top:0px !important;}
    #nav-min-link {margin-right:5px !important;}
    .field-juvenile {margin-left:-15px;}
    .field-juvenile span {font-size:0.9em !important;}
    .field-terms {margin-left:-15px;}
    .field-terms a {width:75%; margin-top:10px !important; font-size:0.9em !important;}
    .terms-error-msg {margin-top:2px !important;}
    .component-summary .box .contents {padding:0px !important;}
    .component-summary .field .body .attrib {width:100px !important; font-size:0.9em; word-break:break-all;}
    .component-summary .field .body .value {width:calc(100% - 120px) !important; font-size:0.9em;}
    .component-classes .map-col {display:none;}
    .component-classes .class-time {display:none;}
    .component-personal-info .field-phone {width:100% !important;}
    .component-ty-msg .body {width:100%;}
    .component-ty-msg .box {padding-left:10px !important; padding-right:10px !important;}
    .component-ty-msg .body img {max-width:240px !important; height:auto !important;}
    .component-personal-info .xtitle {font-size:0.9em;}
    .component-payment-info .xtitle {font-size:0.9em;}
    .component-payment-info .paylater {margin-top:-5px !important;}
    .component-payment-info .checkbox-paylater {margin-top:-10px !important;}
    .component-payment-info .field-cardholder-name {margin-top:0px !important;}
    .component-summary .attrib {line-height:normal;}
    .component-summary .field .body div {float:left; margin-bottom:5px;}
    .component-personal-info .no-dlnum-label {margin-top:18px !important; font-size:0.85em;}
}