html {
    height: 100%;
    width: 100%;
    font-family: 'Open sans' !important;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;/* position: relative; */
}
body {
    height: 100%;
    width: 100%;
    margin: 0px;
    background-image: url('../img/background.jpg');
    font-family: 'Open sans' !important;/* position: relative; */
}

/* BOOTSTRAP OVERRIDE */
.label {
    border-radius: inherit;
    color: inherit;
    display: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: inherit;
    text-align: inherit;
    vertical-align: inherit;
    white-space: inherit;
}
.collapse {
    display: inherit;
}

/* END BOOTSTRAP OVERRIDE */
.paramsJSON span, .jsonFields span, .response span, .errorCodes span {
    display: initial;
    padding: 0;
}
.api-triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f5f5f5;
    position: absolute;
    bottom: -11px;
}
div.api {

    /* margin: auto; *//* max-width: 1280px; *//* height: 100%; */position: relative;
}
div.header {
    background-image: url('../img/backHeader.png');/* max-width: 1280px; height: 110px;*/
    height: 100%;
}
div.header > div {
    max-width: 1200px;
    margin: auto;
    height: 100%;
    position: relative;
}
div.header > div > .logo {
    float: left;
    margin-top: 24px;
    position: relative;
}
div.header > div > .languageSelector {
    position: absolute;
    right: 4px;    /* background: url(../img/fletxa_down.png) no-repeat; */

    /* padding-right: 15px; */
    background-position: 62px 5px;
    margin-top: 4px;
    height: 19px;
    overflow: hidden;
}
div.header form {
}
div.header .search {
    float: right;
    border: 1px solid #888;
    border-radius: 3px;
    height: 54px;
    background-color: #FFF;
    width: 419px;
    margin: 27px 0px 17px 10px;
}
div.header .search input[type='text'] {
    height: 30px;
    margin: 13px 20px;
    width: 319px;
    border: none;
    font-size: 17px;
    color: #777;
    outline: none;
}
div.header .search input[type='submit'] {
    float: right;
    border: none;
    background: none;
    font-size: 0px;
    width: 35px;
    height: 45px;
    margin: 5px 10px 5px 5px;
    background: url('../img/search.png') center no-repeat;
    cursor: pointer;
    outline: none;
}
.search2 {
    float: right;
    border: 1px solid #888;
    border-radius: 3px;
    height: 20%;
    background-color: #FFF;
    width: 100%;
    margin-bottom: 3%;
    margin-top: -2%;
}
.search2 input[type="text"] {
    height: 30px;
    margin: 1%;
    width: 90%;
    border: none;
    font-size: 17px;
    text-transform: uppercase;
    color: #777;
    outline: none;
}
.search2 input[type="submit"] {
    float: right;
    border: none;
    background: none;
    font-size: 0px;
    width: 28px;
    height: 40px;
    margin: -38px 10px -5px 5px;
    background: url('../img/search.png') center no-repeat;
    cursor: pointer;
    outline: none;
    z-index: 9;
    position: relative;
}
span.expandCollapseAll {
    border: 1px solid #888;
    font-size: 20px;
    font-weight: bold;/* width: 196px; */
    display: block;
    text-align: center;
    float: right;
    width: 28px;
    cursor: pointer;
}
span.expandCollapseAll:HOVER {
}
div.listresourceLine {
    display: block;
    overflow: hidden;
}
div.listresource {
    float: left;
    width: 378px;
    margin-bottom: 20px;/* border: 1px solid; */
    margin-right: 50px;
}
div.listresource a {
    margin: 0px !important;
}
div.listresource span {
    font-size: 13px;
    margin-left: 23px;
    display: block;
}
div.params table td.type2:FIRST-CHILD {
    font-weight: bold !important;
}
div.header2 {
    margin: 0px auto;
    max-width: 1200px;
    height: 50px;
    line-height: 60px;
    font-size: 13px;
    color: #666;
}
div.header2 a {
    text-decoration: none;
    color: #666;
}
div.body {

    /* background-image: url('../img/background.jpg'); */width: 100%;
    height: 100%;
    overflow: auto;
}
div.reference {
    border: 1px solid #888;
    margin: 0px auto  60px;
    max-width: 1200px;
    overflow: hidden;
    background-color: #F0F0F0;
}
div.moduleContent {
    overflow: hidden;
    color: #4d4d4d;
}
div.menu {
    float: left;
    width: 278px;
    overflow: hidden;
    background-color: #F0F0F0;
    font-size: 14px;
}
div.menu1 {
    width: 216px;
    height: 40px;
    line-height: 40px;
    margin-top: 40px;
    background-color: #F8F8F8;
    padding-left: 60px;
    margin-bottom: 3px;
    background-image: url(../img/wizard_24.png);
    background-repeat: no-repeat;
    background-position: 18px 9px;
    cursor: pointer;
}
div.menu2 {
    width: 216px;
    height: 40px;
    line-height: 40px;
    background-color: #F8F8F8;
    padding-left: 60px;
    margin-bottom: 3px;
    background-image: url(../img/PC_24.png);
    background-repeat: no-repeat;
    background-position: 18px 9px;
    cursor: pointer;
}
div.menu3 {
    width: 216px;
    height: 40px;
    line-height: 40px;
    background-color: #F8F8F8;
    padding-left: 60px;
    margin-bottom: 3px;
    background-image: url(../img/scripts_24.png);
    background-repeat: no-repeat;
    background-position: 18px 8px;
    cursor: pointer;
}
div.menu4 {
    width: 216px;
    height: 40px;
    line-height: 40px;
    background-color: #F8F8F8;
    padding-left: 60px;
    margin-bottom: 3px;
    background-image: url(../img/warning.png);
    background-repeat: no-repeat;
    background-position: 18px 8px;
    cursor: pointer;
}
div.menu .selected {
    width: 220px;
    background-color: #FFF;
    margin-bottom: 0px;
}
div.menu .subMenu {
    background-color: #FFF;
    overflow: hidden
}
div.subMenu a {
    display: block;
    margin: 10px 0px 10px 60px;
    color: #666;
    font-size: 12px;
}
div.subMenu a:FIRST-CHILD {
    margin-top: 0px;
}
div.subMenu a.selected {
    font-weight: bold;
    margin-bottom: 10px;
}
div.menu a {
    text-decoration: none;
    color: #000;/* text-transform: capitalize; */
}
div.module {
    float: right;
    max-width: 920px;
    background-color: #FFF;
    width: 100%;
}
div.footer {

    /* max-width: 1280px; */height: auto;
    background-color: #333;
    color: #AAA;
    text-align: center;
    font-size: 11px;
    line-height: 35px;/* position: absolute; */
    left: 0px;
    right: 0px;
    bottom: 0px;
}
div.footer a {
    color: white;
}
div.label > span {
    cursor: pointer;
}
div.moduleContent > .title {
    font-size: 23px;
    margin: 35px 30px 0px;
    text-transform: uppercase;
}
div.moduleContent > .description {
    font-size: 13px;
    margin: 10px 30px;
}
div.moduleContent > .listresources {
    margin: 35px 30px 10px 30px;
    overflow: hidden;
}
div.moduleContent > .listresources a {
    display: block;
    font-size: 13px;
    margin: 5px 0px;
    text-decoration: none;
    color: #9fbc0d;
    cursor: pointer;
    width: 400px;
    margin-right: 50px;
}
div.moduleContent > .listErrorCodes {
    margin: 10px 30px 50px;
}
div.moduleContent > .listErrorCodes table.params {
}
div.moduleContent > .listErrorCodes table.params td {
    text-align: left;
}
div.moduleContent > .listErrorCodes table.params td:FIRST-CHILD {
}
div.resource.content {
    margin: 50px 30px;
    border: 1px;
}
div.resource.title {
    border-bottom: 1px solid #222;
    overflow: hidden;
}
div.resource.title > span.title {
    font-size: 21px;
    color: #4d4d4d;
    display: block;
    padding-bottom: 5px;
    float: left;
}
div.resource.title > .buttons {
    float: right;
}
div.resource.title > .buttons > div.next {
    float: left;
    margin-top: 10px;
    background: url('../img/fletxa_down.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 15px;
    margin-right: 20px;
}
div.resource.title > .buttons > div.next a {
    font-size: 13px;
    text-decoration: none;
    color: #000;
}
div.resource.title > .buttons > div.top {
    float: left;
    margin-top: 10px;
    background: url('../img/fletxa_up.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 15px;
}
div.resource.title > .buttons > div.top a {
    font-size: 13px;
    text-decoration: none;
    color: #000;
}
div.resource.title > div.top {
}
div.resource .label {
    font-size: 16px;
    color: #000;
    margin: 15px 0px 0px;
}
div.resource .field {
    font-size: 11px;
    color: #4d4d4d;
}
div.description.label {
    margin-left: 23px;
}
div.description.field {
    margin-left: 23px;
}

div.requestType.label {
    margin-left: 23px;
}
div.requestType.field {
    margin-left: 23px; overflow: hidden; margin-top: 5px;
}

div.requestType.field > div{ float: left; min-width: 50px; text-align: center; padding: 1px 6px; background-color: #eaeaea; opacity: 1; }
div.requestType.field > div.free {   border-radius: 5px 0px 0px 5px; }
div.requestType.field > div.light{border-left: 1px solid #ccc;   border-right: 1px solid #ccc;  }
div.requestType.field > div.heavy { border-radius: 0px 5px 5px 0px;  }
div.requestType.field > div.actived{ opacity: 1; color: #eaeaea;}
div.requestType.field > div.free.actived {background-color:#69c163; }
div.requestType.field > div.light.actived {background-color:#deb317 }
div.requestType.field > div.heavy.actived {background-color:#d40505 }

div.resource.title span.method{  
    
    color: #F0F0F0;
    font-size: 16px;
    padding: 1px 10px;
    border-radius: 10px;
    margin-right: 10px;
}

div.resource.title span.method.get{ background-color: #6fb3c7; }
div.resource.title span.method.post{ background-color: #69c163; }
div.resource.title span.method.put{ background-color: #9e74d6; }
div.resource.title span.method.delete{ background-color: #d67674; }

div.example.label {
    margin-top: 30px;
    margin-left: 23px;
}
div.example.field {
    font-size: 13px;
    color: #9fbc0d;
    margin-left: 23px;
    overflow: auto;
}
div.params.label {
    margin-top: 30px;
    position: relative;
    margin-left: 23px;
}
div.params.label > .icon {
    width: 13px;
    height: 13px;/* position: absolute; */

    /* right: 0px; *//* top: 0px; */background-image: url('../img/icon_collapse_13px.png');
    margin-top: 5px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}
div.params.label > .icon.collapse {
    background-image: url('../img/icon_expand_13px.png');
}
div.params.field.collapse {
    height: 0px;
}
div.params.field {
    font-size: 13px;
    overflow: auto; /* For Safari 3.1 to 6.0 */
    margin-left: 23px;
}
div.paramsJSON.label {
    margin-top: 30px;
    position: relative;/* margin-left: 23px; */
}
div.paramsJSON.label > .icon {
    width: 13px;
    height: 13px;/* position: absolute; */

    /* right: 0px; *//* top: 0px; */background-image: url('../img/icon_collapse_13px.png');
    margin-top: 5px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}
div.paramsJSON.label > .icon.collapse {
    background-image: url('../img/icon_expand_13px.png');
}
div.paramsJSON.field.collapse {
    height: 0px;
}
div.paramsJSON.field {
    font-size: 13px;
    overflow: hidden; /* For Safari 3.1 to 6.0 */
    margin-left: 23px;
}
div.response.label > .icon {
    width: 13px;
    height: 13px;/* position: absolute; */

    /* right: 0px; *//* top: 0px; */background-image: url('../img/icon_collapse_13px.png');
    margin-top: 5px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}
div.response.label > .icon.collapse {
    background-image: url('../img/icon_expand_13px.png');
}
div.multiResponseIcon{background-repeat:no-repeat; background-size:12px auto; height:12px;}
div.response.field.collapse {
    height: 0px;
    padding: 0px;
}
div.jsonFields.label {
    margin-top: 30px;
    position: relative;
}
div.jsonFields.field {
    font-size: 13px;
    color: #9fbc0d;
    overflow: hidden;
    margin-left: 23px;
}
div.jsonFields.label > .icon {
    width: 13px;
    height: 13px;/* position: absolute; */

    /* right: 0px; *//* top: 0px; */background-image: url('../img/icon_collapse_13px.png');
    margin-top: 5px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}
div.jsonFields.label > .icon.collapse {
    background-image: url('../img/icon_expand_13px.png');
}
div.jsonFields.field.collapse {
    height: 0px;
    padding: 0px;
}
div.errorCodes.label {
    margin-top: 30px;
    position: relative;
}
div.errorCodes.field {
    font-size: 13px;
    overflow: hidden;
    margin-left: 23px;
}
div.errorCodes.label > .icon {
    width: 13px;
    height: 13px;/* position: absolute; */

    /* right: 0px; *//* top: 0px; */background-image: url('../img/icon_collapse_13px.png');
    margin-top: 5px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}
div.errorCodes.label > .icon.collapse {
    background-image: url('../img/icon_expand_13px.png');
}
div.errorCodes.field.collapse {
    height: 0px;
    padding: 0px;
}
div.errorCodes table td:FIRST-CHILD {
    width: 173px;
}
ul {
    list-style-image: url('../img/li_1nivel2.png');
    list-style-type: ethiopic-abegede-am-et;
}
div.exampleRequest {
    background-color: #F0F0F0;
    border-radius: 5px;
    padding: 15px;
    margin-top: 15px;
}
div.exampleRequest .label {
    font-size: 13px;
    color: #4d4d4d;
}
div.pad1 {
    margin-bottom: 3px;
    padding-left: 10px;
}
div.pad2 {
    margin-bottom: 3px;
    padding-left: 20px;
}
div.pad3 {
    margin-bottom: 3px;
    padding-left: 30px;
}
div.pad4 {
    margin-bottom: 3px;
    padding-left: 40px;
}
div.pad5 {
    margin-bottom: 3px;
    padding-left: 50px;
}
div.pad6 {
    margin-bottom: 3px;
    padding-left: 60px;
}
div.pad7 {
    margin-bottom: 3px;
    padding-left: 70px;
}
div.pad8 {
    margin-bottom: 3px;
    padding-left: 80px;
}
div.pad9 {
    margin-bottom: 3px;
    padding-left: 90px;
}
div.pad10 {
    margin-bottom: 3px;
    padding-left: 100px;
}
div.pad11 {
    margin-bottom: 3px;
    padding-left: 110px;
}
table.params {
    font-size: 12px;
    color: #555;
    margin-top: 10px;
    width: 100%;
}
table.params thead td {
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #555;
    min-width: 100px;
    padding: 5px 15px 5px;
    text-align: left;
    vertical-align: bottom;
}
table.params tbody td {
    border-bottom: 1px solid #4d4d4d;
    padding: 5px 15px 5px;
    vertical-align: top;
    text-align: left;
}
table.params tbody td:FIRST-CHILD {
    background-color: #F5F5F5;
    text-align: left;
}
table.params thead td:FIRST-CHILD {
    text-align: left;
}
table.params tbody td.type2 {
    border-bottom: 1px solid #eee;
    position: relative;
}
table.params tbody td.type1 {
}
table.params tbody td.description {
    background-color: #FFF;
    padding: 12px 15px 12px;
    font-weight: normal;
}
table.params tbody td.description1 {
    text-align: left;
}
table.params thead td.description1 {
    text-align: left;
}
div.statusCode.label {
    margin-top: 30px;
    margin-left: 23px;
}
div.statusCode.field {
    margin-left: 23px;
}
div.response.label {
    margin-top: 30px;
    f;
    position: relative;
}
div.response.field {
    background-color: #F0F0F0;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0px 0px 23px;
    font-size: 11px;
    overflow: hidden;
}
div.response.field .label {
    font-size: 13px;
}
div.response.label.multiResponse{margin:0;}
div.response.label.multiResponseTitle{margin-bottom:15px}
div.response.subTitle {
    font-size: 15px;
    margin: 10px 0px 0px;
}
img.doc1 {

    /*  margin: 20px 150px; */ border: 1px solid #ccc;
}
img.doc2 {
    width: 730px; /* margin: 20px 0px; */
}
img.icon {
    margin: 0px 5px;
}
li {
    list-style-type: circle;
}
td.center {
    text-align: center !important;
}
.logo > a > div {
    position: absolute;
    color: #666666;
    text-transform: uppercase;
    font-size: 20px;
    top: 28px;
    left: 98px;
    font-family: 'Lato', sans-serif
}
.logo > a > div .subTitle {
    float: left;
}
.logo > a > div .subTitle2 {
    font-weight: bold;
    float: left;
    margin-left: 10px;
}
div.body.index .title {
    font-size: 24px;
    color: #444;
    margin: 0 auto 25px;
    max-width: 600px;
    text-transform: uppercase;
    text-align: center;
    padding: 0px 25px;
}
div.body.index  .description {
    font-size: 13px;
    color: #333;
    margin: 30px auto;
    max-width: 700px;
    text-align: center;
    padding: 0px 25px;
}
div.body.index  .title2 {
    font-size: 24px;
    color: #444;
    margin: 30px auto;
    max-width: 600px;
    text-transform: uppercase;
    text-align: center;/* padding: 0px 25px; */
}
div.body.index .options {
    margin: 30px auto 45px;
    overflow: hidden;
    max-width: 1200px;
}
div.body.index .options  .option {
    border: 1px solid #666;/* width: 364px; */
    height: 300px;/* float: left;margin-left: 17px;margin-right: 17px; */
    margin-bottom: 35px;
    cursor: pointer;
}
div.body.index .options  .option:FIRST-CHILD {
}
div.body.index .options  .option > .img {
    background-color: #F00;
    width: 100%;
    height: 100px;
    margin: auto;
}
div.body.index .options  .option > .title {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    text-transform: uppercase;
    color: #444;
}
div.body.index .options  .option > .description {

    /* height: 180px; *//* width: 100%; */font-size: 12px;
    color: #333;
    margin: 20px 30px;
    text-align: center;
}
div.body.index .options  .option1 > .img {
    background: url('../img/wizard.png');
    background-repeat: no-repeat;
    background-position: center;
}
div.body.index .options  .option2 > .img {
    background: url('../img/PC.png');
    background-repeat: no-repeat;
    background-position: center;
}
div.body.index .options  .option3 > .img {
    background: url('../img/scripts.png');
    background-repeat: no-repeat;
    background-position: center;
}
div.module .search {
    min-height: 600px;
}
div.module .search .results {
    margin: 20px 20px;
    overflow: hidden;
}
div.module .search div.item {

    /* border-bottom: 1px solid #888; */padding-bottom: 20px;/* width: 368px; */

    /* float: left; *//* padding: 20px; */margin: 15px 10px;/* height: 65px; */
    cursor: pointer;
}
div.module .search div.item .imageSearch {
    float: left;
    width: 24px;
    height: 24px;/* background-color: #AAA; */
    background-image: url(../img/warning.png);
}
div.module .search div.item .imageSearch1 {
    background-image: url('../img/wizard_24.png');
}
div.module .search div.item .imageSearch2 {
}
div.module .search div.item .imageSearch3 {
    background-image: url('../img/scripts_24.png');
}
div.module .search .resume {
    font-size: 13px;
    margin: 0px 10px 30px;
}
div.module .search .moduleName {
    text-transform: uppercase;
    float: left;
    font-size: 16px;
    margin-left: 15px;
    color: #4D4D4D;
}
div.module .search .resource {
    margin-left: 40px;
    clear: left;
    color: #9fbc0d;
    font-size: 13px;
}
div.module .search .description {
    font-size: 13px;
    clear: left;
    margin-left: 40px;/* overflow: hidden; */

    /* text-overflow: ellipsis; *//* height: 20px; *//* white-space: nowrap; */line-height: 15px;
}
div.module .search .resource a {
    color: #9fbc0d;
    font-size: 13px;
    text-decoration: none;/* float: left; */
}
div.noPadding {
    margin-right: 0px !important;
}
div.languageSelector a {
    text-decoration: none;
    color: #4d4d4d;
    text-transform: uppercase;
    font-size: 10px;
    float: left;
    margin-top: 4px;
}
div.languageSelector span {
    float: left;
    color: #4d4d4d;
    margin: 3px 5px;
    font-size: 10px;
}
div.languageSelector a.selected {
    font-weight: bold;
    font-size: 10px;
    margin-top: 3px;
}
table p{margin:10px 0;}
@font-face {
    font-family: 'Open sans';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Open sans';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: light;
    font-style: normal;
}
@font-face {
    font-family: 'Open sans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open sans';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
.mpZero {
    padding: 0px;
    margin: 0px;
}
.mZero {
    margin: 0px;
}
div.menu .menu1, div.menu .menu2, div.menu .menu3, div.menu .menu4, div.menu .menu5 {
    width: 97%;
}
div.menu .selected {
    width: 100%;
    background-color: #FFF;
    margin-bottom: 0px;
}
.content-display-menu {
    display: block !important;
    padding: 5px;
}
.displayNone {
    display: none !important;
}
div.listresource {
    float: left;    /* width: 50% !important; */
    margin-bottom: 20px;
    border: none;
    margin-right: 0px;
}
.glyphicon-menu-hamburger {
    color: #777;
    font-size: 1.4em;
}
.menu-expand-click p {
    color: #4d4d4d;
    margin: 0 9px 10px;
    float: left;
    font-weight: bold;
    font-size: 1.4em;
}
img.doc1, img.doc2 {
    margin: 0 auto !important;
}
.tabla-json {
    width: 100%;
}
.overflowScroll {

    /*    overflow:scroll !important; */
}

/*************************************************************************************************************/
/* RESPONSIVE */
/*************************************************************************************************************/

/* Large desktops and laptops ************************************************************************************/
@media (min-width:1200px) and (max-width:1229px) {
    div.module {
        float: left;
        max-width: 76.1%;
        background-color: #FFF;
        width: 100%;
    }
}

/* Landscape tablets and medium desktops *************************************************************************/
@media (min-width:992px) and (max-width:1199px) {
    .container-searchBar {
        width: 100%;
    }
    div.module {
        float: right;
        max-width: 100% !important;
        background-color: #FFF;
        width: 100%;
    }
    div.menu {
        width: 100%;
    }
    div.menu1 {
        margin-top: 0px;
    }
    div.listresource {
        width: 50% !important;
    }

    /* PACK HEADER */
    .logo > a > div {
        position: absolute;
        top: 45%;
        left: 131px;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 2em;
        float: right;
        margin-right: 15px;
        margin-top: 3.5%;
    }
    .search2 input[type="submit"] {
        margin: 3px 10px -5px 12px !important;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 4%;
    }

    /* FINAL PACK HEADER */

    /* PACK BODY */
    div.moduleContent > .title {
        font-size: 23px;
        margin: 37px 31px 0px !important;
        text-transform: uppercase;
    }

    /* FINAL PACK BODY */
}

/* Portrait tablets and small desktops *************************************************************************/
@media (min-width:768px) and (max-width:991px) {
    div.menu1 {
        margin-top: 0px;
    }
    div.module {
        max-width: 100%;
    }
    div.listresource {
        float: left;        /* width: 378px; */
        margin-bottom: 20px;
        border: none;
        margin-right: 0;
    }

    /* PACK HEADER */
    .container-searchBar {
        width: 100%;
        padding: 0;
    }
    .logo > a > div {
        position: absolute;
        top: 45%;
        left: 128px;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 2em;
        float: right;
        margin-right: 15px;
        margin-top: 3.5%;
    }
    .search2 input[type="submit"] {
        margin: 3px 10px -5px 12px !important;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 4%;
    }

    /* FINAL PACK HEADER */

    /* PACK BODY */
    div.moduleContent > .title {
        font-size: 23px;
        margin: 37px 31px 0px !important;
        text-transform: uppercase;
    }

    /* FINAL PACK BODY */
    div.menu {
        width: 100%;
    }
    div.menu1 {
        margin-top: 0px;
    }
}

/* Landscape phones and portrait tablets *************************************************************************/
@media (min-width:650px) and (max-width:767px) {
    div.menu1 {
        margin-top: 0px;
    }
    div.menu {
        float: left;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
        font-size: 14px;
    }
    .listresource {
        float: inherit !important;
        width: 100% !important;
    }
    div.moduleContent > .listresources a {
        width: 100% !important;
    }

    /* PACK HEADER */
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: -16px;
        position: relative;
        width: 75%;
    }
    .logo img {
        padding: 0px 7%;
    }
    .logo > a > div {
        position: absolute;
        color: #666666;
        text-transform: uppercase;
        font-size: 1em;
        top: 50%;
        left: 140px;
        font-family: 'Lato', sans-serif;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 2em;
        float: right;
        margin-right: 15px;
        margin-top: 4.5%;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    .search2 input[type="submit"] {
        margin: 4px 10px -5px 13px;
    }

    /* FINAL PACK HEADER */

    /* PACK BODY */
    div.moduleContent > .title {
        font-size: 23px;
        margin: 37px 31px 0px !important;
        text-transform: uppercase;
    }

    /* FINAL PACK BODY */
}

/**********************************************************************************************************/
@media (min-width:651px) and (max-width:668px) {
    div.menu1 {
        margin-top: 0px;
    }
    .search2 input[type="submit"] {
        margin: -38px 10px -5px 13px;
    }
}

/**********************************************************************************************************/
@media (min-width:568px) and (max-width:650px) {
    div.menu1 {
        margin-top: 0px;
    }

    /* PACK HEADER */
    .logo > a > div {
        position: absolute;
        color: #666666;
        text-transform: uppercase;
        font-size: 1em;
        top: 50%;
        left: 119px;
        font-family: 'Lato', sans-serif;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 2em;
        float: right;
        margin-right: 15px;
        margin-top: 4.5%;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    .search2 input[type="submit"] {
        margin: -39px 10px -5px 12px;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 4%;
    }
    div.menu {
        float: left;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
        font-size: 14px;
    }

    /* FINAL PACK HEADER */
}

/**********************************************************************************************************/
@media (min-width:481px) and (max-width:568px) {
    div.menu1 {
        margin-top: 0px;
    }

    /* PACK HEADER */
    .logo > a > div {
        position: absolute;
        color: #666666;
        text-transform: uppercase;
        font-size: 1em;
        top: 50%;
        left: 115px;
        font-family: 'Lato', sans-serif;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 2em;
        float: right;
        margin-right: 15px;
        margin-top: 4.5%;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 4%;
    }
    div.menu {
        float: left;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
        font-size: 14px;
    }

    /* FINAL PACK HEADER */
}

/* Portrait phones and smaller *************************************************************************/
@media (max-width:480px) {
    div.body.index .options .option > .title {
        height: auto;
        font-size: 20px;
    }
    div.menu1 {
        margin-top: 0px;
    }

    /* PACK HEADER */
    .logo > a > div {
        position: absolute;
        color: #666666;
        text-transform: uppercase;
        font-size: 1em;
        top: 50%;
        left: 33%;
        font-family: 'Lato', sans-serif;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 1.5em;
        float: right;
        margin-right: 15px;
        margin-top: 4.5%;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 4%;
    }
    div.menu {
        float: left;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
        font-size: 14px;
    }

    /* FINAL PACK HEADER */

    /* PACK SEARCH */

    /* FINAL PACK SEARCH */

    /* PACK BODY */
    div.moduleContent > .title {
        font-size: 23px;
        margin: 37px 31px 0px !important;
        text-transform: uppercase;
    }

    /* FINAL PACK BODY */
}

/*************************************************************************************************************/
@media (min-width:403px) and (max-width:478px) {

    /* PACK HEADER */
    .logo > a > div {
        position: absolute;
        color: #666666;
        text-transform: uppercase;
        font-size: 1em;
        top: 50%;
        left: 33%;
        font-family: 'Lato', sans-serif;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 1.5em;
        float: right;
        margin-right: 15px;
        margin-top: 4.5%;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 4%;
    }
    div.menu {
        float: left;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
        font-size: 14px;
    }

    /* FINAL PACK HEADER */

    /* PACK BODY */
    div.moduleContent > .title {
        font-size: 23px;
        margin: 37px 31px 0px !important;
        text-transform: uppercase;
    }

    /* FINAL PACK BODY */
}
/*************************************************************************************************************/
@media (min-width:362px) and (max-width:402px) {

    /* PACK HEADER */
    .logo > a > div {
        position: absolute;
        color: #666666;
        text-transform: uppercase;
        font-size: 1em;
        top: 50%;
        left: 33%;
        font-family: 'Lato', sans-serif;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 1.5em;
        float: right;
        margin-right: 15px;
        margin-top: 4.5%;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 5%;
    }
    div.menu {
        float: left;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
        font-size: 14px;
    }

    /* FINAL PACK HEADER */

    /* PACK BODY */
    div.moduleContent > .title {
        font-size: 23px;
        margin: 37px 31px 0px !important;
        text-transform: uppercase;
    }

    /* FINAL PACK BODY */
    div.moduleContent > .description {
        clear: left;
    }
}

/*************************************************************************************************************/
@media (max-width:361px) {

    /* PACK HEADER */
    .logo > a > div {
        position: absolute;
        color: #666666;
        text-transform: uppercase;
        font-size: 1em;
        top: 50%;
        left: 33%;
        font-family: 'Lato', sans-serif;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 1.5em;
        float: right;
        margin-right: 15px;
        margin-top: 4.5%;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 5%;
    }
    div.menu {
        float: left;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
        font-size: 14px;
    }

    /* FINAL PACK HEADER */

    /* PACK BODY */
    div.moduleContent > .title {
        font-size: 23px;
        margin: 37px 31px 0px !important;
        text-transform: uppercase;
    }

    /* FINAL PACK BODY */
    div.menu1 {
        margin-top: 0px;
    }
    div.moduleContent > .description {
        clear: left;
    }
}
/*************************************************************************************************************/
@media (max-width:351px) {

    /* PACK HEADER */
    .logo > a > div {
        position: absolute;
        color: #666666;
        text-transform: uppercase;
        font-size: 0.8em;
        top: 50%;
        left: 33%;
        font-family: 'Lato', sans-serif;
    }
    .glyphicon-menu-hamburger {
        top: 6px;
        font-size: 1.5em;
        float: right;
        margin-right: 15px;
        margin-top: 4.5%;
    }
    .search2 input[type="text"] {
        font-size: 1em;
    }
    div.header > div > .logo {
        float: left;
        margin-bottom: 5%;
        margin-top: 15px;
        margin-left: 0;
        position: relative;
        width: 70%;
    }
    .logo img {
        padding: 0px 5%;
    }
    div.menu {
        float: left;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
        font-size: 14px;
    }

    /* FINAL PACK HEADER */
    div.moduleContent > .description {
        font-size: 13px;
        margin: 10px 30px;
        clear: left;
    }
}