@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .thirdStep_form .text_box,
    .top_heading {
        text-align: center
    }
    .logo img {
        max-width: 230px
    }
    .box {
        float: none;
        margin: 0 auto 10px;
        width: 70%
    }
    .notebook_outer h2 {
        padding: 30px 0
    }
    .notebook {
        margin: 0 auto;
        float: none;
        height: 320px
    }
    .postal_text {
        padding: 30px 10px 0
    }
    .payment_left,
    .payment_right {
        width: auto;
        float: none
    }
    #create_acc_form {
        padding: 10px
    }
    .create_acc_box #create_acc_form input[type=password],
    .create_acc_box #create_acc_form ul input[type=text] {
        max-width: 92%
    }
    .create_acc_box #create_acc_form .btn-primary {
        width: 100%
    }
    .sitemap_content {
        margin: 1em
    }
    .sitemap_content ul {
        width: 49%
    }
    .qualifications>span {
        padding: 0 0 10px
    }
    .third_step_left,
    .third_step_right {
        width: auto;
        float: none
    }
    .map_bg {
        background: #f0efea!important
    }
    .top_heading {
        padding: 0
    }
    .top_heading h2 {
        font-size: 30px
    }
    #copyright-and-social a {
        margin: 0 2px;
        font-size: 15px;
        line-height: 200%
    }
    .custom_qualified_callout .qualifications form label {
        display: block;
        text-align: center
    }
    .custom_qualified_callout .qualifications form.thirdStep_form input[type=text] {
        width: 347px;
        margin-left: 0
    }
    .hide {
        display: none
    }
    .show {
        display: block
    }
}
/*

@media screen and (max-width:766px),
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait),
@media only screen and (min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait),
@media only screen and (min-device-width:600px) and (max-device-width:1280px) and (orientation:portrait),
@media only screen and (min-device-width:600px) and (max-device-width:1920px) and (orientation:portrait) 
*/
@media only screen and (min-device-width:375px) and (max-device-width:667px),
screen and (min-device-width:360px) and (max-device-width:640px),
screen and (min-device-width:320px) and (max-device-width:568px),
screen and (min-device-width:414px) and (max-device-width:736px)
{
    .bodyPadding {
        padding-top: 90px
    }
    .db {
        display: none!important
    }
    .dn {
        display: block!important
    }
    .container,
    .container_01 {
        padding: 0 10px
    }
    .navbar-brand {
        margin: 0 5px!important;
        outline: 0
    }
    .navbar-brand>img {
        margin: 4px 0 8px;
        max-width: 285px;
        outline: 0
    }
    .header_top_outer {
           background: url(../images/top_blue.png) repeat-x center bottom #00276D;
    border-bottom: 0 solid #6ca1f8;
    height: auto !important;
    width: 100%;
	padding:0 10px;
    
    }
	 .header_top_outer .login_div p{
		     line-height: 18px !important;
	 	
	 }
    .top_heading h2 {
        padding: 42px 0;
        text-align: center
    }
    .navbar-default .navbar-nav>li>a {
        border-bottom: 1px #fff solid;
        color: #fff!important;
        display: block;
        padding: 11px;
        font-size: 16px;
        font-weight: 400
    }
    .navbar-collapse {
        background: #5c65b2!important;
        display: block
    }
    .navbar-default .navbar-nav>li>a:hover {
        background: #444;
        box-shadow: none!important
    }
    .navbar-nav {
        margin: 0!important
    }
    .top-navigation {
        display: block
    }
    .header_main,
    .map_main {
        display: none
    }
    .sticky {
        position: fixed
    }
    .postal_text {
        padding: 30px 10px 0
    }
    .logo {
        padding: 0 100px
    }
    h1.heading {
        font-size: 36px
    }
    .center {
        text-align: center
    }
    .mobile_map {
        display: block;
        padding: 10px;
        background: url(../images/map_main.jpg)
    }
    .mobile_map .mobile-map-title {
        color: #333;
        font-size: 20px;
        font-weight: 700;
        padding: 10px 0;
        text-align: center

    }
    .mobile_map select {
        background: url(../images/arrow-drop-down.png) right 6px center no-repeat #fff;
        border: 1px solid #999;
        height: 40px;
        width: 266px
    }
    .mobile_map input[type=button] {
        border: 1px solid #3983c1;
        border-radius: 4px;
        color: #fff;
        font-size: 13pt;
        height: 40px;
        margin: 0 10px;
        outline: 0;
        padding: 1px 7px 1px 11px;
        background: -moz-linear-gradient(top, #3983c1 0, #206eb1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3983c1), color-stop(100%, #206eb1));
        background: -webkit-linear-gradient(top, #3983c1 0, #206eb1 100%);
        background: -o-linear-gradient(top, #3983c1 0, #206eb1 100%);
        background: -ms-linear-gradient(top, #3983c1 0, #206eb1 100%);
        background: linear-gradient(to bottom, #3983c1 1%, #206eb1 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3983c1', endColorstr='#206eb1', GradientType=0)
    }
    .grey_box_outer .box_content .view_whitePaper a {
        border: 1px solid #b4b4b4;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        max-width: 355px;
        padding: 11px 30px;
        text-align: center;
        transition: all .8s ease 0s;
        vertical-align: middle;
        width: 100%
    }
    .stripe-payment-form-submit {
        width: 355px!important;
        max-width: none!important
    }
    .mobile_map button {
        height: 25px;
        margin: 0 0 0 10px;
        outline: 0;
        padding: 0 10px;
        border: none;
        color: #FFF;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #71add9;
        background: -moz-linear-gradient(top, #71add9 0, #1263a8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #71add9), color-stop(100%, #1263a8));
        background: -webkit-linear-gradient(top, #71add9 0, #1263a8 100%);
        background: -o-linear-gradient(top, #71add9 0, #1263a8 100%);
        background: -ms-linear-gradient(top, #71add9 0, #1263a8 100%);
        background: linear-gradient(to bottom, #71add9 0, #1263a8 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#71add9', endColorstr='#1263a8', GradientType=0)
    }
    .box {
        float: none;
        margin: 0 auto 10px;
        width: 70%
    }
    .notebook {
        background-size: 100% auto;
        height: 240px;
        margin: 0 auto;
        width: 374px;
        float: none
    }
    .notebook ul {
        padding: 59px 0 0 50px
    }
    .notebook ul li {
        margin-bottom: 11px;
        font-size: 12px
    }
    .links {
        width: 25%
    }
    .footerLinks {
        padding: 0 10px 10px
    }
    .custom_qualified_callout {
        padding: 0 10px;
        margin: 0
    }
    .custom_qualified_callout h2 {
        line-height: normal
    }
    .custom_qualified_callout .qualifications p {
        width: auto
    }
    .custom_qualified_callout .qualifications form.fourthStep_form input[type=text] {
        width: 100%;
        height: 42px;
        margin-left: 0;
        padding: 8px 5px;
        border: 1px solid #aaa
    }
    .custom_qualified_callout .qualifications form input.phone_no_01[type=text] {
        text-align: center;
        width: 90px
    }
    .custom_qualified_callout .qualifications form input.phone_no_02[type=text],
    .custom_qualified_callout .qualifications form input.phone_no_03[type=text] {
        margin-left: 0;
        text-align: center;
        width: 90px
    }
    .custom_qualified_callout .lbluebutton {
        background-color: #1ab0ec;
        background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
        border: 1px solid #1090c3;
        border-radius: 5px;
        color: #fff!important;
        display: block;
        font-size: 17px;
        font-weight: 600;
        height: auto;
        line-height: 42px;
        margin: 20px auto 0;
        max-width: 355px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase
    }
    .custom_qualified_callout h2,
    .qualifications {
        padding: 10px 0
    }
    .district_main .district_left {
        margin-bottom: 10px;
        max-width: none
    }
    .district_main .district_right {
        clear: both;
        float: none;
        margin: 0 auto
    }
    .custom_qualified_callout .qualifications form {
        max-width: 350px
    }
    .thirdStep_form .text_box {
        text-align: center
    }
    .custom_qualified_callout .qualifications form label {
        display: block;
        text-align: center
    }
    .district_main .district_left ul li,
    .third_step_left p {
        text-align: justify
    }
    .custom_qualified_callout .qualifications form.thirdStep_form input[type=text] {
        margin-left: 0
    }
    .custom_qualified_callout .qualifications p {
        padding: 0 0 0 9%;
        margin-left: 0
    }
    .login_div {
   /*     display: none */
    }
    .contact_us_mobile {
        display: block
    }
    .contact_us_left,
    .contact_us_right {
        display: none
    }
    .how_to_apply_box {
        width: auto
    }
    .study_box .study_box_right a {
        margin: 10px 0 0
    }
    .payment_order_form {
        padding: 0 20px 10px 0
    }
    .payment_order_form .select_language {
        float: none;
        text-align: center
    }
    .payment_heading {
        height: auto;
        text-align: center
    }
    #copyright-and-social h2 {
        display: block;
        margin-top: 10px
    }
    .footer_main .sign-up {
        margin: 15px 0 0
    }
    .footer_main {
        padding: 0 0 15px
    }
    .hide {
        display: none
    }
    .grey_box_outer .box_content .box_content_right {
        bottom: 0;
        float: none;
        margin: 0 auto;
        max-width: 450px;
        position: inherit;
        right: 0
    }
    .how_to_apply_right,
    .study_box .study_box_right {
        float: none;
        max-width: 355px;
        text-align: center;
        margin: 0 auto
    }
    .study_box .study_box_left_01 {
        margin-top: 30px
    }
    .study_materials_main h1 {
        line-height: normal;
        margin: 30px 0 0
    }
    .how_to_apply_right .sign-up,
    .study_box .study_box_right .sign-up {
        margin-bottom: 10px;
        margin-top: 30px;
        width: 100%;
        background: url(../images/major-bg.png) repeat-x
    }
    .contactBox label,
    .grey_box_outer .box_content .box_content_left {
        float: none;
        width: auto
    }
    .how_to_apply,
    .study_box {
        padding: 0
    }
    .payment_box label {
        display: block;
        margin-bottom: 5px
    }
    .payment_order_form .select_language select {
        background: url(../images/arrow-drop-down.png) right center no-repeat #f0f0f0
    }
    .grey_box_outer .box_content .box_content_list {
        margin-left: 0
    }
    .view_whitePaper {
        text-align: center;
        display: none
    }
    .grey_box_outer .box_content .view_whitePaper a {
        margin: 0 0 20px
    }
    .contact_us_left {
        float: none;
        margin: 20px auto 0;
        max-width: 480px
    }
    .contactBox label {
        margin-bottom: 5px;
        display: block
    }
    .contactBox input[type=text],
    .contactBox textarea {
        width: 100%
    }
    .reset_pass_outer {
        margin: 30px auto
    }
    .sitemap_content_01 ul {
        width: 33.33%
    }
    .contact_us_main,
    .district_main,
    .faq_main,
    .third_step_left {
        padding: 0 10px
    }
    .custom_qualified_callout .qualifications form.fourthStep_form label {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 9px;
        width: 100%
    }
    .custom_qualified_callout .qualifications form select {
        margin-left: 0;
        width: 100%;
        height: 42px;
        border: 1px solid #aaa
    }
    .payment_right>img {
        display: block;
        margin: 0 auto;
        width: 200px
    }
    .how_to_apply_box_right {
        max-width: 270px
    }
    .mob_signUp a,
    .payment form {
        max-width: 355px
    }
    .custom_qualified_callout .qualifications form.fourthStep_form {
        float: none;
        margin: 0 auto;
        max-width: 355px
    }
    .book_div {
        float: none;
        margin: 0 auto
    }
    .third_step_left,
    .third_step_right {
        width: auto
    }
    .how_to_apply_main {
        padding: 0 10px
    }
    .mob_signUp {
        display: block;
        margin: 20px 0 0
    }
    .mob_signUp a {
        background: url(../images/major-bg.png) repeat-x;
        border-radius: 3px;
        box-shadow: -1px 3px 3px rgba(0, 0, 0, .3);
        color: #fff;
        opacity: .97;
        display: block;
        font-size: 15px;
        background-size: auto 100%;
        margin: 0 auto;
        outline: 0;
        padding: 14px;
        position: relative;
        text-decoration: none;
        white-space: nowrap
    }
    .mob_signUp a strong {
        font-size: 17px
    }
    .mob_signUp a:hover {
        background: #666;
        transition: all .8s ease 0s;
        text-decoration: none;
        color: #FFF
    }
    .contactBox input[type=text] {
        height: 38px
    }
    .payment {
        padding: 50px 10px
    }
    .payment_order_form .select_language select {
        width: 150px
    }
    .payment_box input[type=text] {
        width: 100%;
        height: 38px
    }
    .payment_box input.expiry_Textbox[type=text] {
        width: 50px
    }
    .payment_box input.expiry_Textbox_01[type=text] {
        width: 100px
    }
    .contactBox input[type=submit],
    .multiline_button,
    .terms_msg_01 {
        width: 100%
    }
    input[type=password],
    input[type=text] {
        color: #666!important;
        font-size: 19px!important;
        padding: 2px 5px!important
    }
    .terms_msg_01 {
        text-align: center
    }
    .study_box_left {
        padding: 0 10px
    }
    .didYouKnow {
        padding: 10px
    }
    .home-content h2 {
        padding: 15px 0;
        margin: 0
    }
    .age_main {
        margin: 10px
    }
    .qualifications_main {
        margin: 0;
        padding: 10px
    }
    .qualifications_main .lbluebutton {
        width: 100%;
        font-size: 26px!important;
        background: #ba0016;
        line-height: 30px
    }
    .qualifications_main .lbluebutton:hover {
        background: #ac1f30
    }
    a.multiline_button {
        margin: 0
    }
    .freeGuide_main {
        margin: 0 auto
    }
    .freeGuide_left {
        float: none;
        padding: 10px;
        width: auto
    }
    .freeGuide_Right {
        float: none;
        width: 100%
    }
    .freeGuide_Right img {
        width: 80%
    }
    .sign-up-left {
        float: none;
        padding: 10px;
        width: auto
    }
    .checkout_form form {
        width: auto;
        padding: 0
    }
    .checkout_form .checkoutBox label {
        width: auto;
        display: block
    }
    .checkout_form .checkoutBox input[type=submit] {
        font-size: 26px
    }
    .sign-up-right {
        float: none;
        margin-top: 0;
        padding: 10px;
        width: auto
    }
    .third_step_wrapper {
        margin-top: 0;
        padding-top: 0
    }
}

@media only screen and (max-width:480px) {
    .logo {
        padding: 0 98px
    }
    .contact_us_main form {
        float: none;
        margin: 20px auto;
        width: auto
    }
    .custom_qualified_callout .qualifications form {
        max-width: 350px
    }
    .custom_qualified_callout .qualifications p {
        margin-left: 115px;
        padding: 0 0 0 15%
    }
    .sitemap_content_01 {
        margin: 1em
    }
    .sitemap_content_01 ul {
        width: 49%
    }
    .how_to_apply_box_right {
        max-width: 370px
    }
}

@media only screen and (max-device-width:431px) {
    .logo {
        padding: 0 38px
    }
    .box {
        width: 100%
    }
    .notebook {
        height: 230px;
        background-size: 100%;
        width: auto
    }
    .notebook ul {
        padding: 50px 10px 0 45px
    }
    .links {
        width: 50%
    }
    .postal_text {
        padding: 30px 10px 0
    }
    .contact_us_main form {
        float: none;
        margin: 20px auto;
        width: auto
    }
    .contactBox label.none {
        display: none
    }
    .custom_qualified_callout .qualifications form.fourthStep_form label {
        display: block
    }
    .custom_qualified_callout .qualifications form input[type=text],
    .custom_qualified_callout .qualifications form select {
        margin-left: 0
    }
    .custom_qualified_callout .qualifications form {
        max-width: 355px
    }
    .custom_qualified_callout .qualifications form.fourthStep_form {
        float: none;
        margin: 0 auto
    }
    .custom_qualified_callout .qualifications p {
        margin-left: 55px;
        padding: 0 0 0 20%
    }
    .mobile_map select {
        width: 270px
    }
    . home-content .div-title,
    .grey_box_outer .box_content h2 {
        font-size: 24px
    }
}

@media only screen and (max-width:320px) {
    .logo {
        padding: 0 18px
    }
    .navbar-brand>img {
        max-width: 220px
    }
    .box {
        width: 100%
    }
    .notebook {
        height: 230px;
        background-size: 100%;
        width: auto
    }
    .notebook ul {
        padding: 46px 10px 0 39px
    }
    .links {
        width: 50%
    }
    .contact_us_main form {
        float: none;
        margin: 20px auto;
        width: auto
    }
    .contactBox label.none {
        display: none
    }
    .custom_qualified_callout .qualifications form.fourthStep_form label {
        display: block
    }
    .custom_qualified_callout .qualifications form input[type=text],
    .custom_qualified_callout .qualifications form select {
        margin-left: 0
    }
    .custom_qualified_callout .qualifications p {
        margin-left: 35px;
        padding: 0 0 0 22%
    }
    .reset_pass_outer #login_form .btn-primary,
    .reset_pass_outer #login_form .btn-primary:focus,
    .reset_pass_outer #login_form input[type=text] {
        width: 260px
    }
    .custom_qualified_callout .qualifications form.fourthStep_form input[type=text] {
        width: 100%
    }
    .custom_qualified_callout .qualifications form input.phone_no_01[type=text],
    .custom_qualified_callout .qualifications form input.phone_no_02[type=text] {
        width: 60px
    }
    .custom_qualified_callout .qualifications form input.phone_no_03[type=text] {
        width: 78px
    }
    .custom_qualified_callout .qualifications form select {
        width: 259px
    }
    .login_box #login_form .btn-primary,
    .login_box #login_form .btn-primary:focus,
    .login_box #login_form input[type=password],
    .login_box #login_form input[type=text] {
        width: 258px
    }
    .create_acc_box #create_acc_form .half_field {
        width: 120px
    }
    .create_acc_box #create_acc_form .half_field>input,
    .create_acc_box #create_acc_form .half_field_01>input {
        width: 100px!important
    }
    .payment_box.show label {
        width: 120px
    }
    .how_to_apply_box_right {
        max-width: 210px
    }
    .login_box {
        max-width: 300px
    }
    .mobile_map select {
        width: 190px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .container,
    .container_01 {
        padding: 35px 20px 0
    }
    .freeGuide_Right img {
        width: 40%
    }
}

@media only screen and (min-device-width:1024px) {
    .thirdStep_form input[type=text] {
        width: 270px!important
    }
    .custom_qualified_callout .qualifications form.fourthStep_form .text_box {
        margin-bottom: 15px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .district_main .district_left {
        margin-bottom: 10px;
        max-width: none
    }
    .district_main .district_right {
        clear: both;
        float: none;
        margin: 0 auto
    }
    .grey_box_outer .box_content .box_content_right {
        bottom: 0;
        float: none;
        margin: 0 auto;
        max-width: 560px;
        right: 0
    }
    .notebook {
        background: url(../images/notebook.png) no-repeat;
        float: none;
        height: 223px;
        margin: 0 auto;
        width: 374px
    }
    .footerLinks,
    .footer_main {
        margin: 0 auto;
        text-align: center;
        width: 90%
    }
    .outer_container {
        padding: 0 10px
    }
    .freeGuide_left {
        float: none;
        margin: 0 auto
    }
    .freeGuide_Right {
        float: none;
        width: 100%
    }
    .sign-up-main {
        margin: 30px auto;
        width: 95%
    }
    .sign-up-left,
    .sign-up-right {
        float: none;
        margin: 0 auto
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .sign-up-left {
        width: 620px
    }
    .freeGuide_Right {
        width: 450px
    }
    .footerLinks {
        width: 90%
    }
    .how_to_apply_left,
    .study_box .study_box_left {
        max-width: 730px
    }
    .freeGuide_Right img {
        width: 80%
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) {
    .links {
        width: 50%
    }
    .notebook {
        height: 207px;
        max-width: 320px
    }
    .notebook ul {
        padding: 50px 0 0 40px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    .custom_qualified_callout .qualifications form.fourthStep_form,
    .notebook {
        float: left
    }
    .notebook {
        background-size: 100% auto;
        height: 180px;
        margin: 0 6px;
        width: 374px
    }
    .book_div {
        display: none
    }
    .how_to_apply_box_right {
        max-width: 540px!important
    }
    .payment_left {
        float: left;
        width: 49%!important
    }
    .payment_right {
        float: right;
        width: 49%!important
    }
    .freeGuide_Right img {
        width: 45%
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) {
    .how_to_apply_box_right {
        max-width: 250px
    }
    .login_box {
        max-width: 300px
    }
}