/* ========================================================= */
/* Smaller screens */


@media (min-width: 768px) and (max-width: 992px ){
    .container {
        width: 97%;
    }
    .nav>li>a{
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}
@media (min-width: 768px) {
    .top-menu li:hover ul {/*display:block; */z-index: 9999}

}

@media (max-width: 1220px){
    .carousel-control.right{
        margin-right: -0.2em;
    }
}


@media (max-width: 1200px){
    .mb_dita img{
        padding-left: 3em;
    }
    #equation .row a{font-size: 1.2em; display: block}
    #equation .eq_logo{}

    #video_preview{width: 850px}
    /*   .side_features2{display: none !important;}*/

    .dLink{
        float: none;
        margin: 25px 12% 50px 20px;
        text-align: center;
    }
    .dInfo{max-width: 80%}
    .dInfoKit{float: none}
    .dInfoKit .dw{display: none}

    #bb_continue {
        margin: 0px 0 0px -10px;
    }
    #bb_continue .checkout{margin-bottom: 1em}

    header h1{margin-top: 1em; font-size: 2.4em}
    header .btn-primary{margin-top: 1em}

    #banner-xml-author h1{margin-top: 2.5em; font-size: 2.2em}
    #banner-xml-editor h1, #banner-xml-developer h1{margin-top: 4em; font-size: 2.2em}
    #banner-xml-editor, #banner-xml-developer, #banner-xml-author, #banner-xml-author .container{height: auto; min-height: 500px}


    .bb_qty{padding-right: 0}

    #buy_dispatch div a, #buy_dispatch .active, #buy_dispatch .empty{
        height: 70px;
        vertical-align: middle;
    }
    /*#buy_dispatch a:first-child { background-color: #ff0000}*/
}

@media (max-width: 1199px) {
    .carousel-control.left{
        margin-left: -2em;
    }
    .carousel-control.right{
        margin-right: -2.4em;
    }
    .carousel-control{
        max-width: 20px;
    }
    .nav>li>a{
        padding-right: 13px;
        padding-left: 13px;
    }
}

@media (max-width: 1085px) {
    .carousel-control.left{
        margin-left: auto;
    }
    .carousel-control.right{
        margin-right: auto;
    }
}

@media (max-width: 1000px){
    .features-sticky, .side_features2 {
        display: none !important;
    }

    #mb_{width: 700px; }
    .getTrialTop .btn-trial{text-align: center; margin-top: 0.8em}
    .getTrialTop .title, #get_trial{text-align: center}
    .register_products h3{font-size: 1.3em}
    .navbar-form{padding: 0}

    header#banner-idx .row, .mb_desk{
        background-image: url("/National_Library/20160517234414oe_/http://oxygenxml.com/img/mb_desk_medium.png");
    }

    .mb_desk{background-size: contain}

    #v10_1, #v10_2, #v10_3, #v11_1, #v11_2, #v12_1, #v12_2, #v13_1, #v13_2{display:none}
    #mb_left, #mb_right{display:none}
    #submenu li a {padding:0 12px 0 12px;}

    /*download*/
    div#download_oxygen a,div#download_developer a,div#download_author a{font-size:0.8em}
    .dInstructions, .dRequire{ width:46%; }
    div#shop_nav a{font-size: 0.9em}
    .nav>li>a{
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 992px){
    .mb_dita{text-align: center}
    .mb_dita .dita-logo{
        text-align: center;
        margin-top: -2em;
    }
    .mb_dita img{
        padding-top: 0;
    }
    .mb_dita h1{margin-top: -1em}
    header h1{margin-top: 1em; font-size: 2.1em}
    header h2{font-size: 1.6em; margin-top: 0.7em; line-height: 1.4em}
    /*header img{width: 320px}*/
    header .btn-primary{margin-top: 1em}
    #bidx-xml-developer, #bidx-xml-editor, #bidx-xml-author, #bidx-xml-webhelp, #bidx-web-author, #banner-xml-author, #banner-xml-editor, #banner-xml-developer{text-align: center; margin: auto}
    #bidx-xml-developer h1, #bidx-xml-editor h1, #bidx-xml-author h1, #bidx-xml-webhelp  h1, #bidx-web-author h1, #banner-xml-author h1, #banner-xml-editor h1, #banner-xml-developer h1 {font-size: 2.6em}
    #bidx-xml-developer img, #bidx-xml-editor img, #bidx-xml-author img, #bidx-xml-webhelp img, #bidx-web-author img, #banner-xml-author img, #banner-xml-editor img, #banner-xml-developer img {text-align: center; margin: auto}

    #bidx-xml-author .floatRight, #bidx-xml-webhelp .floatRight{
        float: none;
    }
    #bidx-xml-author .row:first-child, #banner-xml-author .container{
        background-image: none;
        height: auto;
    }
    #banner-xml-author h1, #banner-xml-editor h1, #banner-xml-developer h1{margin-top: 1.2em}
    #banner-xml-author img, #banner-xml-editor img, #banner-xml-developer img{margin-bottom: 1.8em}
    /*#bidx-xml-author .col-md-6:last-child{float: left}*/

    .navbar-brand img{width: 190px;}
    .navbar-brand{padding-top: 4px }
    .navbar-brand span{font-size: 0.9em }

    #equation .eq_oxy{margin-left: 0}
    #equation .row div a{
        background-position:35% 100%;
        background-size:1.7em;
        font-size: 1.2em;
    }
}


@media (max-width: 945px){
    .top-menu a{font-size: 1em}
    .bb_buttons li.bb_price img, .bb_buttons li.bb_price a{
        /*float:none;*/
        text-align: center;
        /*margin-left: auto;*/
        /*margin: auto;*/
    }
}


@media (max-width: 900px){
    #mb_{width: 650px}
    #video_preview{width: 650px}
    #myCarousel .title{font-size: 1.3em}
    .top-menu{padding-top: 0.2em}

    .navbar li{font-size: 13px;}
    .navbar-brand{padding-top: 8px}
    .navbar-brand span{font-size: 0.9em; margin-left: 0.3em; }
    .navbar-brand img{width: 150px; }
    input.search-text{width: 125px}

}


@media (max-width: 767px) {
    /*.navbar-brand span{display: inline-block;}*/
    /*.navbar-brand{top:0; left: 0; width: 60%}*/
    .navbar-brand {
        padding-top: 12px;
        margin-bottom: 2px;
    }
    .navbar-brand img {
        width: 140px !important;
    }

    .navbar li{text-align: left}

    .navbar-brand span {
        font-size: 0.9em !important;
    }
    .navbar-nav {
        margin: auto ;
    }

    .navbar-nav .open .dropdown-menu{
        /*background-color: #222222;*/
        padding: 0 10px 10px 10px;
    }

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
        background-color:#444;
        color: #ffffff;
        font-size: 1.2em;
    }

    .navbar-form{
        margin-left: 0;
    }

    .navbar-form .form-group{
        margin:15px 0;
    }

    .navbar-collapse{max-height: none}

    #mb_, #video_preview {
        width: 500px
    }

    header a {
        margin: 1.2em 0 0 0
    }

    /*.top-menu a:hover + ul.dropdown-menu {
        display: none;
    }*/

    .features-sticky, .side_features2 {
        display: none !important;
    }

    #equation .row > div {
        padding-left: 0;
        padding-right: 0
    }

    #bidx-oxygen-tv .title, #bidx-events .title, #bidx-support .title{
        font-size: 2em;
    }


    #buy_subscription_academic_products .type_User-based{
        padding-left: 0;
    }
    #buy_subscription_academic_products{
        text-align: center;
    }


    .top-menu .btn-buy{
        margin-top: 15px;
    }

    .top-menu ul.dropdown-menu {
        width: auto;
        height:auto;
        /*color: #ffffdd;*/
        padding: 0;
        /*position:static;*/
        margin: 0;
        float: none;
        left: 0;
        font-size: 1em;
    }
    /*.top-menu ul #mp-left{
        margin-top: 0.7em;
    }*/

    .top-menu ul #mp-left .slogan{
        clear:both;

        margin: 1.2em 0;
        float: none;
    }
    .top-menu ul #mp-left, .top-menu ul #all-right{
        float:none;
        position: relative;
        min-width: inherit;
        max-width: 100%;
        padding-left: 1.2em;

    }
    .top-menu ul #mp-left .img-large li{
        float:none;
        text-align: left;
    }

    .top-menu ul #mp-left .img-large li .image{
        display:none !important;
    }

    .top-menu li a.btn{
        width: 150px;
    }
    .top-menu .tm_oxy, .top-menu .tm_ath, .top-menu .tm_dev, .top-menu .tm_whp{
        background-size: 1.5em;
        background-position: 0 15%;
        padding-left: 30px;
        line-height: 2.5em;
        font-size: 1.1em;
    }

    .top-menu ul #all-right{
        border-left: 0;
        height: auto;
        /*margin-top: 1em;*/
        clear: both;
    }

    .top-menu ul #mp-left img{
        width: 40px;
    }
    .top-menu .open,
    .top-menu li.dropdown:hover, .top-menu li.dropdown:hover .dropdown-menu, .top-menu li.active:hover, .top-menu li.active:hover .dropdown-menu,
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
        background-color: #333;
        border:0px solid #333;
    }

    .bb_buttons li.bb_price img, .bb_buttons li.bb_price a {
        float: none;
    }
    /*
        .top-menu ul #mp-left .img-large li{float: left; text-align: center;}
        .top-menu ul #mp-left .img-large li .image{clear:both; text-align: center; width:122px;  }
        .top-menu ul #mp-left .img-large img{width:70px; float: none}
        .top-menu ul #mp-left span{float:left; font-size: 1.2em; margin-top:0}
        .top-menu ul #mp-left img{width:50px;  float:left; padding-right: 0.5em }
        .top-menu ul #mp-left .slogan{float:left; font-size: 0.9em; color: #999; line-height: 1.6em; }
    */
    /*.top-menu ul #all-right{float:right; border-left: 1px solid #444; padding-left: 1.2em; max-width: 45%; min-width: 30%; height:185px;}*/
    .top-menu ul #mp-left ul, .top-menu ul #all-right ul{list-style:none; margin-left:0; padding:0}


    #buy_dispatch div a, #buy_dispatch .active{
        height: 70px;
        vertical-align: middle;
        font-size: 0.8em;
        width: 32%;
    }


    #shop_nav .empty, #buy_dispatch .empty{display: none}


    div#download_oxygen a, div#download_developer a, div#download_author a, #shop_nav a {
        width: 32%;
        border-radius:0 !important;
        outline: 1px solid #ffffff;
    }

    div#shop_nav{padding-left: 18%}
    div#shop_nav a {
        width: 80% !important;
        font-size: 12px;
        border-right:0
    }

    #_JavaWebStart{
        content:"JWS";
    }

    /* VIDEOS */
    .videosection, h3.vtopic, .video_qs{text-align: center}
    #category, .video_qs input, #fresult{width: 90%; margin: 7px 0}


    /* DOWNLOAD */
    .dLink{
        float: none;
        clear: both;
        margin: auto;
        margin-top: 3em;
        margin-bottom: 3em;
        width: 150px;
    }

    .dInfo{
        float: none;
        clear: both;
        width: 100%;
    }

    .dLogo{
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .dRequire, .dInstructions{
        float:none;
        margin: auto;
        margin-top: 1em;
        width: 98%;
    }
    hr.dw{display: none}

    input.search-text{width: 92%}

}

@media (max-width: 650px){
    #mb_{display: none}

    #mb_mobile, #mb_ecuatie{display: inline-table !important;}
    #video_preview{width: 350px}

    header#banner-idx .title, .mb_desk .title{
        font-size: 1.4em;
        margin-top:-20px;
    }
    .mb_desk .title{
        font-size: 2em;
        margin-top: 0.71em;
    }

    .mb_dita h1{
        margin-left: 1em;
        font-size: 1.3em;
    }
    .mb_dita h2{
        font-size: 1em;
    }



    header#banner-idx .row, .mb_desk{
        background-image: url("/National_Library/20160517234414oe_/http://oxygenxml.com/img/mb_desk_small.png");
        background-size:87%;
    }
    .main-desc.submenu.sticky{height: 121px}

    .submenu-items .nav>li>a{
        padding: 12px 7px;
        font-size: 0.9em;
    }

    .submenu-items .nav{margin-left:-40px; font-size: 0.5em; width: 310px;}
    .submenu-items .nav > li{float: left; width: 7.3em;}
    .submenu-items .nav > li >a {padding: 4px 10px !important}

    .main-desc.submenu .abstract{padding: 0.5em 0 0.2em 0.6em;}
    .submenu-logo img{max-width: 35px}
    .submenu h1{font-size: 1.2em; margin-top: -3px}
    .submenu-items .nav{margin-left:-40px; font-size: 0.5em; width: 310px;}

    .submenu-items .nav ul.container{margin-top: 30px}

    header .cloud{
        font-size: smaller;
    }
}


@media (max-width: 550px){
    header#banner-idx .title, .mb_desk .title{
        font-size: 1.4em;
        margin-top:-5px;
    }
    .mb_desk .title{
        font-size: 2em;
        margin-top: 1em;
    }
    #myCarousel .title{font-size: 1.1em}
}

@media (max-width: 500px){
    .carousel-indicators{
        bottom: -7px;
    }
}


@media only screen and (max-width: 767px){
    .licenseType{display: block !important;}

}