/* Extra small devices (phones, less than 768px) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */


/* For extra large devices */
@media screen and (min-width: 1600px){

    .empower-text h2{ 
        font-size: 3.5em;
        line-height: 75px;
    }

    .home-watch-video-btn {
        padding-bottom: 3%;
    }

    .home-hero-text, .home-hero-text span{
        font-size: 20px;
        padding-bottom: 25px;
    }

    .learn-more-btn, .learn-more-btn a {
        font-size: 18px !important;
    }
    #watch-overview-btn {
        padding: 4px 15px;
        font-size: 18px !important;
    }
    .homepanel1_btns {
        margin-top: 3%;
    }


    /* ------ HEADER ------ */
    #header-search {
        /* margin-left: 40px; */
    }
    #sign-in-btn-div {
        margin-right: -15px;
    }

     #account-btn, #sign-in-btn, #register-btn, #sign-in-btn-div a {
        font-size: 14px;
    }



    /* ------ LEARN ------ */
    #videotimediv {
        right: 10%;
    }

    #learn-start-btn{
        margin: 20px 0px;
    }

    .free-mod-div {
       /*  bottom: 0px; */
    }

    #filter-mb-toggle.toggle-hide {
        display: inline;
    }
}

@media (min-width: 769px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
  
    /* For large screens this button is 12%, for smaller screens we use col-sm-12 */
    .learn-more-btn-div {
        width: 12%;
        margin-right: 10px;
    }

/* ----------------COLUMNS -------------------------------------*/
    .col-md-3-5, .col-md-8-5 {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-md-3-5 {
        width: 28.3333%;
    }
    .col-md-8-5 {
        width: 71.6667%;
    } 
 
    .pricing-option {
        /*width: 31%;*/
    }

    #login-navigation {
       /* width: 200px; */
    }
}


@media screen and (max-width: 1300px) {
    .homepanel1{
       background-size: auto !important;
    }

    .learn-more-btn-div {
        margin-right: 3%;
    }

    /* LEARN  */
    #learn-start-btn-container-bs {
    }

    #account-btn , #sign-in-btn, #register-btn, #sign-in-btn-div a {
        font-size: 12px;
        padding: 7px 10px;
    }

}

@media screen and (max-width: 1250px) {
    .main-navigation li {
        padding-right: 1%;
        padding-left: 1%;
    }

    .main-navigation li a ,
    :lang(es-ES) .main-navigation li a {
        padding-right: 10px;
        padding-left: 10px;
    }

    .main-navigation li, .main-navigation ul li a {
        font-size: 12px;
    }

    /* Registration boxes text */
    .pricing-option-img {
        font-size: 20px;
    }

     .btn{
        font-size: 12px !important;
    }

}
@media screen and (max-width: 1150px) {

    .main-navigation li, .main-navigation ul li a, .btn{
        font-size: 12px !important;
    }

    #sign-in-btn, #register-btn, #sign-in-btn-div a {
        font-size: 12px;
    }

    :lang(es-ES) .main-navigation li, :lang(es-ES) .main-navigation ul li a {
        font-size: 10.5px;
    }

    /* Registration boxes text */
    .pricing-option-img {
        font-size: 17px;
    }
    .pricing-option-img img {
        margin-right: 5px;
    }
    
    .progress-row {
        /* margin: 0px 6%; */ 
    }

}

@media screen and (max-width: 1024px) {

    /* General */
    .mb-hide-tablet{
    /* hidding class for tablets */
        display: none;
    }

        /* HEADER */

    #header-left-section {
        width: 100px;
        margin-right: 9px;
    }

    .main-navigation li {
        padding-right: 2.5px; /* 1%; */
        padding-left: 2.5px; /* 1%; */
    }

    .main-navigation li a,
    :lang(es-ES) .main-navigation li a {
        padding-right: 7px;
        padding-left: 7px;
    }

    #header-middle-section{
        width: 58.33333333%;
    }
    #header-right-sidebar{
        width: 40.33333333%;
    }

    #masthead .search-wrap input.s {
        width: 60%;
    }

    .main-navigation li, .main-navigation ul li a {
        font-size: 11px;
    }

     main-menu-container {
        top: 95px;
        position: absolute;
        right: 0;
        width: 100%;
        text-align: center;
    }

    #account-btn, #header-right-sidebar #sign-in-btn-div a, #register-btn-div a {
        font-size: 11px;
        padding: 8px 7px !important;
        border: medium none !important;
    }
    #account-btn-div{
        width: 31%;
    }

    /*  HOME  */

    .homepanel1{
       background-size: auto 120% !important;
       background-position: 70% -100px;
       background-position: 70% -20px;
    }
    .learn-more-btn-div {
        padding-bottom: 3%;
        margin-right: 5%;
    }
  
    .modal-dialog iframe {
     /*   height: 319px; */
    }

    #account-btn,
    #header-right-sidebar #sign-in-btn-div a,
    #register-btn-div a {
        padding: 7px 10px !important;
        border: medium none !important;
     }

    .finalite-item,
    :lang(es-ES) .finalite-item {
        height: 390px;
    }

    .tg-one-fifth .fa {
        margin: 0 15px 10px 15px;
    }

    /* -------- LEARN hasta 1024px ----------- */
    .learn-last-row {
        margin-top: -75px;
    }
    #learn-start-btn-container{
        margin-top: -75px;
    }
    .free-mod-div {
        bottom: -50px;
    }

    #learn-start-btn-container-bs {
        padding: 10px 0px;
    }



    /* ----- VIDEO DETAIL hasta 1024px --------- */
    /* Move top-banner items to the center */
    .left-side {
        width: 46%;
        text-align: center;
    }

    #video-detail-cover-img {
        float: none;
    }

    #video-detail-text{
        width: 100%;
    }

    /* Make content full-width - not anymore, keep the same as desktop, will
       go full-width on portrait */
    #tm-content{
        /* width: 100%; */
        width: 67%;
        padding: 0px 15px;
    }

    #main-content {
        min-height: 100px;
    }

    #tm-sidebar{
        /* width: 100%; */
        width: 33%;
    }

    .reloadBtn {
        top: -4px;
    }

    .video-detail-banner-links{
        text-align: left;
        margin-left: 34%;
        padding-bottom: 25px;
    }

    .progress-text, .progress-text a {
        line-height: 25px;
        margin-top: 10px;
        text-align: left;
    }

    .banner-getaccess-msg,
    .banner-register-btn{
       /* display: none; */
    }

    .banner-title {
        /* width: 100%; */
    }

    /* Video Detail Page  hasta 1024px ------- */
    #video-detail-cover-img {
        padding-right: 3px;
        padding-left: 10px;
    }

    .progress-row {
        line-height: 30px;
    }

    /* REGISTER PAGE */
    .pricing-option-title div{
       /* padding: 5px;*/ 
    } 
    .pricing-option-img img {
        max-width: 35px;
        margin-right: 5px;
    }
    /* Registration boxes text */
    .pricing-option-img {
        font-size: 17px;
    }
    .pricing-option-selection span {
        font-size: 12px;
    }
    .pricing-option-content, .pricing-option-content ul {
        min-height: 185px;
    }

    /* FOOTER */
    .footer-socket-wrapper .copyright{
        float: left;
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

}

@media screen and (max-width: 992px) {
    /* Bootstrap - small  - tablets */


    #header-middle-section{
    }

    #header-right-sidebar {
        width: 38%;
    }

    .banner-getaccess-msg {
        font-size: 14px;
    }
    .banner-register-btn, .banner-register-btn a {
        font-size: 12px !important;
    }

    .learn-more-btn-div {
        margin-right: 7%;
    }

    .finalite-item,
    :lang(es-ES) .finalite-item {
      height: 370px;
    }

    #account-btn, #header-right-sidebar #sign-in-btn-div a, #register-btn-div a {
        font-size: 11px;
        padding: 8px 7px !important;
        border: medium none !important;
    }

    #account-btn-div{
        width: 31%;
    }

    .regBannerMessage {
        font-size: 20px;
    }

    .banner-getaccess-msg,
    .banner-register-btn{
        display: none; 
    }

    .banner-title {
        width: 100%; 
    }

    /*-------- LEARN  hasta 992px --------- */
   #learn-start-btn-container-bs {
        padding: 30px 0px;
    }

    #mytax-filter.affix{
        position: relative;
        width: 100%;
        top: 0;
    }

    /* Registration boxes text */
    .pricing-option-img {
        font-size: 22px;
    }
}

@media screen and (max-width : 768px)
{
    /* a menos de 768px, sin importar si es portrait o landscape */
    /* Bootstrap - xsmall - phones */

    /* MENU */
    #header-right-section, .main-navigation {
      margin-top: 5px;
    }

    #header-left-section {
        width: 125px;
        margin-right: 20px;
    }

    .site-header .menu-toggle::before {
        margin-right: 0px;
    }
   
    #header-logo-image {
        float: left;
    }
 
    /* -----------HOME  under 768px -------- */

     .banner-title {
       width: 100%;
       font-size: 29px;
    }

    .learn-more-btn, #watch-overview-btn{
        width: 160px;
    }

    .banner-getaccess-msg {
        width: 100%;
        padding: 15px;
    }
    .vert-align {
          position: relative;
          top: 20px;
    }

    /* training-mods-btn */
    #panel-w552e67e7d4d35-1-0-2 .ow-button-base ,
    .homepanel4 .ow-button-base {
        text-align: center !important;
    }

    /* ------ MENU under 768px ------- */
    .main-small-navigation {
        position: relative;
        top: 0px;
        right: 0px;
        margin-top: 0px; 
    }

    .menu-main-menu-container, .menu-main-menu-spanish-container {
        top: 95px;
        position: absolute;
        right: 0;
        width: 100%;
        text-align: center;
    }


    /* ------ HEADER under 768px ------ */
    #header-left-section {
       float: left;
    }

    #header-right-section {
      float: right;
    }

    #header-right-sidebar{
        display: none;
    }
  
    #header-middle-section {
        width: 78%; 
    }

    .homepanel1{
       background-size: auto auto !important;
       background-position: 70% -100px;
       background-position: 70% -20px;
       background-image: url("https://9ff0d6.staticwbm.com/20240728054022im_/https://obalearn.com/wp-content/uploads/2015/05/homebgmb.jpg");
       text-align: left !important;
    }
     .learn-more-btn-div {
         padding-bottom: 3%;
    }

    /* mb-hide and mb-show  ----  under 768px  ---------------------- 
    * mb-hide class will be applied to hide elements on mobile devices.
    * mb-show is the opposite, hidden for desktop, shown when on mobile
    */
    .mb-show{
        display: inherit;
    }
    .mb-show.menu-item{
        display: block;
    }
    .mb-show.account-item a{
        color: #428DC2;
        font-weight: bold;
    }

    
    .mb-hide{
        display: none;
    }

    .finalite-item,
    :lang(es-ES) .finalite-item {
        height: 150px;
    }
    .fina-lite-hdr, .fina-lite-hdr p {
      font-size: 12px;
    }

    .homepanel1 h2{
        font-size: 25px;
    }

    .home-hero-text{
        display: none;
    }

    .resources-text, .resources-text p {
        min-height: initial; 
    } 


    #view_glossay_btn, #view_qa_btn{
        margin-bottom: 50px;
    }

    /* ------ TOP BANNER  under 768px ------  */
    #top-banner-row .banner-getaccess-msg,
    #top-banner-row .banner-register-btn{
        display: none;
    }

    #top-banner-row .banner-getaccess-msg
    {
        display: none;
    }


    .page-banner{
          min-height: 100px;
          text-align: center;
    }

    /* ------ Bottom Banner  under 768px ------ */
    .regBannerMessage {
        line-height: 34px;
        margin-top: 13%;
        font-size: 17px;
    }

    :lang(es-ES) .regBannerMessage {
        font-size: 17px;
    }

    /* ------ LEARN under 768px  ------ */

    #preloader{
        left: 40%;
    }

    .single-training_module #preloader{
        width: 100%;
        left: 0;
        top: 33%;
    }
    #inner-preloader {
        width: 100%;
        margin-left: 0%;
    }

    .col-sm-12, .col-xs-12{
    }

    .learn-last-row {
        margin-top: -75px;    
    }
    #learn-start-btn-container{
        margin-top: -75px;
    }

    .free-mod-div {
        bottom: -50px;
    }

    .preview-img-div img {
        /* width: 90%;*/
    }

    .learn-title, .learn-title a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #learn-start-btn {
        padding: 11px 10px;
        border-radius: 22px;
    }

    .learn-module-row {
        margin-left: -15px;
    }

    
    #mytax-filter.affix{
        position: relative;
        top: 0;
        width: 100%;
    }
    
    /* MODAL WINDOW FOR VIDEO */
    .modal-dialog {
        top: 20%;
        left: 10%;
        position: absolute;
    }

   /*Infographic */
    #tips_btn {
        margin-left: 0px;
        margin-top: 20px; 
    }

   .info_number, .info_number span, span.info_number {
        padding: 3px 12px;
    }




    /* ------ VIDEO DETAIL under 768px  ------ */
    .left-side{
        /* display: block;*/
        width: 98%;
        margin-left: 2px;
    } 

    .right-side {
        width: 98%;
        display: block;
        margin-top: 7px;
        margin-left: 2px;
    }

    #tm-content, .tm-col-8 {
        padding: 15px;
        width: 100%;
    }

    #tm-sidebar{
        width: 100%;
    }

    #main-content-header {
        font-size: 23px;
    }

    .reloadBtn {
        top: -10px;
   }

    .progress-row {
        /* margin-left: 31%;*/
    }

   #related-qa , #related-suppl ,
   #related-assessment span, #related-practice span,
   .suppl_bold_hdr, .suppl_light_hdr, .main-content-title
   {
      line-height: 44px;
      margin-top: 15px;
      font-size: 22px;
   }

   #suppl-title {
        font-size: 17px;
   }

   :lang(es-ES) #related-assessment span,
   :lang(es-ES) .suppl_bold_hdr,
   :lang(es-ES) .suppl_light_hdr,
   :lang(es-ES) .main-content-title
   {
      font-size: 20px;
   }

   :lang(es-ES) #related-practice span
   {
      font-size: 19px;
   }


      /* WATU - under 768px ------- */
   .watupro_buttons input[type=button], #next-question input[type=button], #prev-question input[type=button] {
        /*width: 160px;*/
        font-size: 12px;
    }

   /* ------ SUPPL MATERIAL under 768px  ------ */
    #suppl_mat_descr{
       display: none;
    }
    #suppl-img img{
        width: 70%;
        margin-bottom: 0px;
    }

    #suppl-view-btn{ 
    }

    #suppl-view-btn a {
        padding: 8px 20px;
    }

    /* ------- REGISTER under 768px  ------ */
    #pmpro_user_fields {
        width: 100%;
    }

    #pgc-4035-1-0, #register-panel2, .register-title {
        margin-bottom: 0px !important;
    }
 
    form.pmpro_form .input {
        width: 100% !important;
        max-width: 100%;
        line-height: 25px;
        z-index: 1001;
    }

    form.pmpro_form .pmpro_submit {
       margin-left: 0 !important;
        padding: 0px;
    }

    .pricing-option-title{
        text-align: center;
    }

    .pricing-option-header {
         font-size: 19px;
     }

    .pricing-option-content , .pricing-option-content ul{
        min-height: 85px;
    }

    #register-pricing-table{
        margin-top: -30px;
    }

    .pmpro_btn-submit-checkout {
        background-position: 9% 9px;
    }

   :lang(es-ES) #register_plan_div .billed-text {
        margin-left: -15px;
    }

    /* Account - My Profile */
    #your-profile {
       width: 100%;
    }

    #your-profile .form-table td {
        width: 100%;
    }
    .login p.error, .login p.message {
        width: 100%;
    }

    /* Account - Change Plan */
    .upgrade-plan {
        width: 100%;
        margin-bottom: 15%;
   }

   .upgrade-select {
        width: 100%;
        position: relative;
        margin-top: 33px;
        z-index: 1027;
   }

   .pmpro_btn.pmpro_cancel, .pmpro_btn.pmpro_cancel:link {
        margin: 16px 0 0 0px;
    }
    .upgrade-select a.btn, .current-plan {
         width: 100%;
    }

    #ExpirationYear, #ExpirationMonth {
        width: 47%;
    }


    /* TEAM under 768 */
    #team-cell{
        padding: 30px 0;
    }

    #team-row {
        padding: 0px;
    }

}

@media screen and (min-width: 768px) and (orientation : portrait) {
	/* PORTRAIT:
	Apple iPad
	Apple iPad 2
	Apple iPad 3 (and 4)
	Apple iPad Mini
        etc */

     /* HEADER */
     #header-text-nav-container {
        line-height: 70px;
        vertical-align: middle;
    }

    #header-logo-image {
        margin-bottom: 5px;
    }

     /* -----------MENU  ipad portrait -------------  */
    .main-small-navigation {
        position: relative;
        top: 0px;
        right: 0px;
    }

    .menu-main-menu-container, .menu-main-menu-spanish-container {
        top: 95px;
        position: absolute;
        right: -68px;
        width: 148%;
        text-align: center;
    }

    .main-small-navigation li {
        line-height: 35px;
    }

    #account-icon-div{
        height: 80px;
        width: 80px;
        top: 5px;
    }



    /* PAGES - top-banner (yellow banner) - ipad portrait */
    #top-banner-row .banner-register-btn {
        display: block;
        background-color: #fcdb3a;
    }

    #topbanner_register {
        background-color: #428DC2;
        padding: 18px 26px 18px 26px;
        margin: 29px -26px -22px -26px;
        width: 107%;
    }


    /* --------------- REGISTER ipad portrait --------------- */
    .pricing-option-selection {
    /*    margin-left: 34% !important;*/
    }

    form.pmpro_form .pmpro_submit span {
        margin-left: 5%;
    }

   /* -------------- LEARN --------------------------- */
   /* mb-hide and mb-show will change when resolution is 768px or under,
    * however, for ipads portrait, we still want some of the components shown
    * in landscape mode. 
    */
    #learn-start-btn-container.mb-show{
        display: none !important;
    }
      
    #learn-start-btn-container-bs.mb-hide{
        display: initial !important;
    }

    #toggle-icon {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }

    #filter-mb-toggle.toggle-hide {
        display: none !important;
    }

    
    .training-module-search .fa,
    .qa-search .fa{
        top: 13px;
        /*left: 65px; */
    }


    /*
    #oba-search input[type="text"]{
        width: 91%;
    }*/


    /* ---------- VIDEO DETAIL - ipad portrait ---------------- */
    .page-banner {
        text-align: left;
    }

    .sidebar-item{
        margin-left: 4%;  
    }

    /* --------------- ABOUT US ---------------------------- */
    .about-us-img {
        text-align: center;
    }

    /* TEAM under 768 */
    #team-cell{
        padding: 30px 0;
    }

    #team-row {
        padding: 0px;
    }

}

/* ipad landscape */
@media screen and (min-width: 768px)  and (max-width : 1024px) and (orientation : landscape) {
    .pricing-option-img {
        width: 25%;
    }

    .pricing-option-title,
    .pricing-option-title p {
        /*font-size: 28px;*/
    }

    /* MODAL WINDOW FOR VIDEO */
        .modal-dialog {
            top: 0%;
        }

}

@media screen and (max-width : 768px) and (orientation : landscape) {
    /* MODAL WINDOW FOR VIDEO */
    .modal-dialog {
        top: 0%;
    }
}


/* ------------  Smartphones (portrait and landscape) ----------- */

@media screen and (max-width : 736px)
{

    /* ------ GENERAL ------ */

    #filter-mb-toggle.toggle-hide {
        display: none !important;
    }

    body{
        overflow-x:hidden;
    }

    h2.blue-font{
        line-height: 36px;
    }
    .btn, #view-training-mods-btn, .ow-button-hover,
    #watch-overview-btn, .lcnb_btn_time.lcnb_rm_btn_wrap,
    #register-btn{
        width: 100% !important;
        max-width: 100% !important;
    }

    .col-sm-12, .col-xs-12 {
     /* issue en Learn con filtro, el column del header cubre el filtro */
    }

    .banner-title {
        font-size: 25px;
    }
  
    /* HEADER */
    #header-logo-image img {
        width: 60px;
    }

    #account-icon-div{
        height: 60px;
        width: 60px;
        top: 0px;
    }

    #header-middle-section{
        top: 0;
        position: absolute;
        right: 0;
    }

    /* ------ HOME PANELS - phones ------ */

     .homepanel1{
         //margin-bottom: -60px;
     }

     #watch-overview-btn{
        background-color: rgba(255, 255, 255, 0.5);
     }

    #learn-start-btn-container {
        margin-top: 0px;
    }

    .learn-more-btn-div {
        padding-bottom: 3%;
        margin: 0px;
        padding-right: 15px;
    }

    .fina-lite-text{
        display: none;
    }

    .home-panel h3, .oba-acct-block h3 {
        font-size: 23px !important;
          line-height: 35px;
    }

    .homepanel4 {
        padding-top: 360px;
        background-position: top;
    }

    /* testimonial panel */
    .customer-quote {
        font-size: 17px !important;
    }

    .tg-one-fifth {
        width: 92%;
        margin: 0px 4%; 
        text-align: center;
        padding: 0px;
    }

   .tg-one-fifth h3{
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .footer-widgets-area{
        text-align: center;
    }

    #footer-img{
        /*width: 100%;*/
        background-repeat: no-repeat;
        background-position: center;
        width: 50%;
        float: left;
    }

    #footer-img img{
        width: 100px;  
    }

    #footer-logos {
        float: none;
        width: 100%;
        text-align: center;
    }

    #fideicomiso-logo {
        /*width: 100%;
        float: none;*/
        width: 50%;
        float: left;
        margin-right: 0px;
    }

    #appr-logo{
        max-width: 71px !important;
        margin-left: 15px;
    }

    #wbenc-logo {
        margin: 15px 15px 0px 0px !important;
        max-width: 118px;
    }

    aside#text-3{
        padding-bottom: 45px !important;
    }

    .footer-socket-area {
        border-top: none;
    }

    .footer-socket-wrapper .copyright {
        margin-top: 0px;
    }

    .takeFreeModHdr{
        font-size: 27px !important;
        line-height: 40px !important;
    }

    .resources-text, .resources-text p {
        min-height: initial; 
    } 

    #view_glossay_btn, #view_qa_btn{
        margin-bottom: 50px;
    }

    #regBannerRow{
         padding: 13px 0px;
         line-height: 50px !important;
         text-align: center;
    }

    .regBannerMessage{
        padding-top: 15px;
    }

    .register-btn-container {
        text-align: center;
        padding-bottom: 15px;
    }

    .homepanel5 .textwidget h3 {
        padding-bottom: 30px;
    }

    /* ---- NEWS BOX - phones ---- */
     .lcnb_vertical .lcnb_shown_img{
        width: 100% !important;
    }

    .lcnb_vertical .lcnb_img>div{
        width: 100% !important;
    }
    .lcnb_vertical .lcnb_img > div img
    {
        margin-left: 0px !important;
    }

    .lcnb_vertical .lcnb_news_inner {
        display: block;
    }


    /* MODAL WINDOW */
    .modal.in .modal-dialog{
        width: 80% !important;
    }
    .modal-dialog iframe{
     /*   height: 216px;*/
    }

    /* FOOTER ICONS */
    .fa-facebook, .fa-twitter, .fa-youtube{
        padding-right: 20px;
    } 

     .contact-us input[type="submit"] {
        width: 100%;
     }


    /* -----------MENU  phones -------------  */
    .main-small-navigation {
        position: relative;
        top: 0px;
        right: 0px;
    }

    .menu-main-menu-container, .menu-main-menu-spanish-container {
     /*   
        right: 0;
        width: 100%;
     */
        top: 58px;
        position: absolute;
        right: 0px;
        width: 129%;
        text-align: center;
    }

    .main-small-navigation li {
        line-height: 35px;
    }

    #header-middle-section {
     /*   float: right; */
    }

    .site-header .menu-toggle {
        margin-top: 4px;
        top: 0px;
        font-size: 12px;
        padding: 0px 9px 0 9px;
        line-height: 15px;
    }

    .site-header .menu-toggle .fa {
        font-size: 37px;
    }

    /* PAGES - top-banner (yellow banner) */
    #top-banner-row .banner-register-btn {
        display: block;
	background-color: #fcdb3a;
    }

    #topbanner_register {
        background-color: #428DC2;
        padding: 13px 25px 13px 25px;
        margin: 29px -20px -13px -20px;
    }





    /* PRICING TABLE --- phones ---------------- */
    #dt-pricing-table{
        display: none;
    }
    #mobile-pricing-table{
        display: block;
    }

    #mobile-pricing-table table{    
        margin-top: 110px;
    }

     #mobile-pricing-table .pricing-title-div{
        top: -107px;
        text-align: center;
    }

    .subscription-info{
        /* background-color: #f4f4f4; */ 
        font-size: 16px;
        text-align: left !important;
    }

    #pricing-table td.subscription-info {
        text-align: center;
    }

    #pricing-table {
        margin-top: 0px;
    }

    .pricing-option-content {
        min-height: 85px;
    }


   /* REGISTER - phones */
   #BasicPlan, #PremiumPlan {
       display: block;
       float: none;
       width: 100%;
   }

   .compact-option .pricing-option 
   {
       min-height: 200px;
   }

   .pricing-option-header {
       font-size: 22px;
    }

    .bigtext {
       font-size: 64px;
    }

    .permonth-text {
        font-size: 12px;
    }

    #register_plan_div .billed-text {
    }

    #mobile-pricing-table  .billed-text{
        font-size: 12px;
        padding: 0;
    }
    #mobile-pricing-table  .permonth-text{
        top: 45%;
        left: 68%;
    }

    #mobile-pricing-table .bigtext {
        font-size: 60px;
    }

    .pricing-option-bluebar, .pricing-option-yllbar {
    }

    .pricing-option-content {
       border: none; 
    }

    .register-title{
      font-size: 25px !important; 
    }

    .register-subtitle{
      font-size: 20px !important; 

    }
    .register-title-div{
       padding-bottom: 22px;
    }

    .draw-line {
        width: 20%;
        margin-left: 40% !important;
    }

    .entry-content img, .comment-content img, .widget img {
        max-width: 90%;
        height: auto !important;
    }

    #imgcontainer img{
        max-width: 100%;
    }

    .features-desc {
        font-size: 16px;
    }

    .blue-hr {
        border: solid 2px #428dc2;
    }

    .pricing-option-selection .circle {
        height: 40px;
        width: 100%;
        margin-left: 0% !important;
        line-height: 37px;
    }

    #first_name_div, #last_name_div, #email_div, #pass1_div, #pass2_div, #currpass_div, .register_input_div, #zipcode_div {
        padding-right: 0;
    }

    #first_name_div img, #last_name_div img, #email_div img, #pass1_div img, #pass2_div img, #currpass_div img, .register_input_div img {
        top: 38px;
    }


    .roundThreeLabel{
        top: 2px;
    }    

    #extra-fields1{
        padding-left: 6px;
    }

    #register_plan_div .center-fix {
        height: 20px;
    }

    .paymentgw_div img.selected {
        border: 1px solid #428dc2;
    }
    .paymentgw_div img {
        border-radius: 4px;
        padding: 20px 5px;
    }
    .paymentgw_div {
        padding: 0;
    }
    .pay-text {
        font-size: 11px;
    }

    /* ------ Account - phones------ */
    #your-profile {
       width: 100%;
    }

    p.indicator-hint, p.description {
        font-size: 12px;
        line-height: 20px;
    }

    form.pmpro_form label {
        font-size: 15px;
    }

    /*--------- My Account sub-menu ------------*/
    .acct-links-elem img {
        height: 40px;
    }

    .acct-links-elem {
        width: 33%;
        border-bottom: none;
    }

    .acct-links-text {
        margin-top: 10px;
    }

    .acct-links-elem.active {
        border-bottom: none;
    }


    /* ------ LEARN phones ------ */
    .free-mod-div {
        bottom: 0px;
        position: relative;
    }    

    #toggle-icon {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }

   
    .training-module-search .fa,
    .qa-search .fa{
        top:  23%;
        /*left: 16%; */
    }
    
    /*
    #oba-search input[type="text"]{
        width: 85%;
    }*/

    #oba-search.general-search  input[type="text"],
    #oba-search.faq-search input[type="text"]{
        width: 100%;
    }
 
    #space-div{
        margin-bottom: 0px !important;
    }

    #mytax-filter {
        margin-bottom: 0px;
    }

    #mytax-filter.affix{
        position: relative;
        width: 100%;
        top: 0;
    }
 
    .preview-img-div img {
        width: 100%;
    }

    .learn-last-row {
        margin-top: 0px;
        float: none;
    }

    .sidebar-item{
        margin-bottom: 50px !important;
    }

    #filters-col{
        float: none; 
    }

    /* ------- Video-Detail  Page - phones --------- */
    .video-detail-banner-links{
       text-align: left;
       margin-left: 0;
       padding: 0 0 25px 0;
       width: 100%;
    }

    .progress-row {
        /* margin-left: 10%; */ 
    }

    #video-detail-cover-img{
        float: none;
    }

    #video-detail-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    #main-content-header{
        line-height: 31px;
    }

    #related-suppl, #related-assessment, #related-practice, #related-qa,
    .suppl_bold_hdr, .suppl_light_hdr {
        line-height: 31px;
        margin-top: 30px !important;
        margin-bottom: 18px;
    }

    #assess-img, #practice-img,
    #suppl_hdr_img, #questions_hdr_img,
    #main-content-header img {
        width: 45px;
        height: 45px;
        background-size: 100%;
    }

    .reloadBtn {
    }
    .progress-text, .progress-text a {
        line-height: 25px;
        margin-top: 10px;
        text-align: left;
    }

    #sign-in-btn-div, #sign-in-btn-div a{
         width: 100% !important;
         margin: 13px 0px;
    }
    #filter-results .top_hdr {
        margin-right: 0px;
    }

    #restricted-info-div {
        padding: 5% 0%;
    }

    /* ---------- WATU -------------- */
    .watupro_buttons td {
        display: block;
    }

    #training-mod-content .watupro-qnum-info {
        top: 100px;
    }

    /* ------ Bottom Banner ------ */
    .regBannerMessage {
        line-height: 30px;
        margin-top: 0px;
    }

    /* ------- BOOKS ------- */
    #books-left-col {
        width: 90%;
        padding-left: 10%;
    }

    #books-right-col {
        padding-left: 25px;
        width: 100%;
    }

    #books-link, #books-link-sp {
        padding: 15px 0px;
        margin-bottom: 18px;
    }

    #books-link-sp {
        margin-top: -18px;
    }

    /* ------ TEAM ------ */
    #team-cell {
        text-align: center;
        padding-top: 30px;
    }
    #team-row {
        padding: 0px;
    }

    /* ------ QA ----------- */
    .qacta{
        text-align: center;
    }

    .qacta .register-btn{
        margin-top: 15px;
    }

    /* ------ 404 ------ */
      #bgcontainer{
         background-size: contain;
         background-position: center;
    }

    /* OBA FOR ORGS */
    .customize-contact-form input[type="submit"] {
        width: 100%;
    }

   /* ------- FOOTER ------- */
   #colophon .widget ul li {
      line-height: 1.8;
   }
   .menu-footer_footer_menu-container{
        text-align: center;
        display: table-cell;
        width: 100%;
    }


}

@media screen  and (max-width: 590px) {

   /*homepanel4 - learn-apply-execute */

    .homepanel4 {
        padding-top: 370px;
        background-image: url("https://c80215.staticwbm.com/20240728054022im_/https://www.obalearn.com/wp-content/uploads/2014/03/foto-panel-mobile.jpg") !important;
        background-position: top;
    }

}


/* Smartphones (portrait) ----------- */
@media screen and (max-width : 320px) {
    .modal-dialog iframe {
     /*   height: 151px;*/
    }
}

/* -------------------- IPHONE 6 PLUS ---------------------------- */

@media screen and (min-width: 484px) and (max-width: 736px) and (orientation : portrait) {

    .homepanel4 {
        padding-top: 405px;
    }

}


@media screen and (min-width: 484px) and (max-width: 736px) and (orientation : landscape)
{
    .progress-row
    {
        /* margin-left: 20%;*/
    }
}


/*
     FILE ARCHIVED ON 22:15:23 Jun 03, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:37:44 May 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.024
  exclusion.robots: 0.051
  exclusion.robots.policy: 0.046
  esindex: 0.004
  cdx.remote: 9.583
  LoadShardBlock: 143.127 (3)
  PetaboxLoader3.resolve: 72.618 (4)
  PetaboxLoader3.datanode: 158.928 (4)
  load_resource: 117.814
*/