/* #Web Fonts
================================================== */

@import url(http://fonts.googleapis.com/css?family=Arial:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);



/* #Reset
================================================== */

* {
    margin: 0;
    padding: 0;
}

body,
html,
form,
fieldset,
ul,
li {
    margin: 0;
    padding: 0;
    outline: none;
    font-weight: normal;
    border: 0;
}

form,
fieldset {
    width: 100%;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    border: 0;
    outline: 0;
}

a,
a:hover,
a:focus {
    border: 0;
    outline: none;
    text-decoration: none !important;
}

a:focus,
input:focus {
    outline: none;
    background: none;
}

.clear {
    clear: both;
}



/* #General Code
================================================== */

body {
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    background: #e8e8e8 !important;
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
    padding: 10px 0px;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    line-height: 100% !important;
    font-family: 'Arial', Helvetica, sans-serif;
    font-weight: 700;
}

.wrapper .main-wrapper .middle {
    display: block;
    width: 100%;
    padding: 10px 0px;
}

.wrapper .main-wrapper .middle .leftbar {
    display: block;
    width: 100%;
}

.wrapper .main-wrapper .middle .leftbar .login {
    display: block;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    box-shadow: 2px 2px 2px 0 #ccc;
}

.wrapper .main-wrapper .middle .leftbar .login .tittle {
    margin-bottom: 10px;
    padding: 10px 8px;
    background: -webkit-linear-gradient(#00b7f3, #047cd3);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00b7f3, #047cd3);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00b7f3, #047cd3);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00b7f3, #047cd3);
    /* Standard syntax (must be last)*/
    border-radius: 0px !important;
    border: none !important;
}

.wrapper .main-wrapper .middle .leftbar .login .tittle h4 {
    color: #FFF;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

.wrapper .main-wrapper .middle .leftbar .login .detail {}

.wrapper .main-wrapper .middle .leftbar .login .detail p {
    color: #046da7;
    font-size: 14px;
}

.wrapper .main-wrapper .middle .leftbar .login .detail .form-group {
    margin-bottom: 10px;
}

.wrapper .main-wrapper .middle .leftbar .login .detail .form-group .form-control {
    border-radius: 0px;
}

.wrapper .main-wrapper .middle .leftbar .login .detail .form-group>label {
    color: #046da7;
    font-weight: normal !important
}

.wrapper .main-wrapper .middle .leftbar .login .detail .btn {
    border-radius: 0px;
    text-shadow: none;
    padding: 6px 15px;
}

.wrapper .main-wrapper .middle .leftbar .login .detail .btn-default {
    background-color: #F00;
    border-color: #F00;
    margin-bottom: 10px;
    color: #FFF;
}

.wrapper .main-wrapper .middle .leftbar .login .detail .btn-default:hover,
.wrapper .main-wrapper .middle .leftbar .login .detail .btn-default:focus {
    background-color: #000;
    border-color: #000;
}

.wrapper .main-wrapper .middle .leftbar .login .detail .btn-success {
    margin-left: 5px;
    margin-bottom: 10px;
}

.wrapper .main-wrapper .middle .leftbar .left_slider {
    display: block;
    width: 100%;
    padding: 20px 0px;
}

.wrapper .main-wrapper .middle .leftbar .left_slider #slider h4 {
    margin-top: 0px;
    padding: 10px;
    font-size: 13px;
}

.wrapper .main-wrapper .middle .leftbar .left_slider .slider-wrapper.default>div #slides img {
    height: 200px !important;
}

.wrapper .main-wrapper .middle .mid-sec {
    display: block;
    width: 100%;
    background-color: #FFF !important;
    padding: 12px;
    box-shadow: 2px 2px 2px 0 #ccc;
}

.wrapper .main-wrapper .middle .mid-sec .tittle {
    display: block;
    width: 100%;
}

.wrapper .main-wrapper .middle .mid-sec .tittle h2 {
    color: #046da7;
    margin: 0px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    font-size: 24px;
}

.wrapper .main-wrapper .middle .mid-sec .discrep {
    display: block;
    width: 100%;
    border: 1px #CCCCCC solid;
    padding: 10px;
    margin-top: 10px;
}

.wrapper .main-wrapper .middle .mid-sec .discrep p {
    color: #00728a;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 8px;
}

.wrapper .main-wrapper .middle .mid-sec .discrep p span {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

.wrapper .main-wrapper .middle .mid-sec .discrep h6 {
    font-size: 17px;
    line-height: 21px !important;
    font-weight: bold;
}

.wrapper .main-wrapper .middle .mid-sec .discrep b {
    color: #00728a !important;
}

.wrapper .main-wrapper .middle .rightbar {
    display: block;
    width: 100%;
}

.wrapper .main-wrapper .middle .rightbar .news .right_slider {
    display: block;
    width: 100%;
}

.wrapper .main-wrapper .middle .rightbar .news .right_slider #SliderName {
    text-align: center;
}

.wrapper .main-wrapper .middle .rightbar .news .right_slider #SliderName img {
    width: 100%;
    height: auto;
}

.wrapper .main-wrapper .middle .rightbar .news .right_slider #SliderName h2 {
    font-size: 14px;
    color: #000;
}

.wrapper .main-wrapper .middle .rightbar .news {
    display: block;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    margin-bottom: 15px;
    box-shadow: 2px 2px 2px 0 #ccc;
}

.wrapper .main-wrapper .middle .rightbar .news .tittle {
    margin-bottom: 10px;
    padding: 10px 8px;
    background: -webkit-linear-gradient(#00b7f3, #047cd3);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00b7f3, #047cd3);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00b7f3, #047cd3);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00b7f3, #047cd3);
    /* Standard syntax (must be last)*/
    border-radius: 0px !important;
    border: none !important;
}

.wrapper .main-wrapper .middle .rightbar .news .tittle h4 {
    color: #FFF;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

.wrapper .main-wrapper .middle .rightbar .news .detail {
    display: block;
    width: 100%;
}

.wrapper .main-wrapper .middle .rightbar .news .detail p {
    text-align: left;
    padding: 0px 6px;
}

.wrapper .main-wrapper .middle .rightbar .news .detail p a {
    text-decoration: none;
}

.wrapper .main-wrapper .middle .rightbar .news .detail p a b {
    font-size: 12px;
}

.wrapper .main-wrapper .middle .rightbar .news .callpaper {
    max-height: 164px;
    overflow-y: scroll;
}

.wrapper .main-wrapper .footer {
    display: block;
    width: 100%;
    background-color: #195884;
    padding: 25px 0px;
}

.wrapper .main-wrapper .footer .links {
    display: block;
    width: 100%;
}

.wrapper .main-wrapper .footer .links ul {
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.wrapper .main-wrapper .footer .links ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 5px;
}

.wrapper .main-wrapper .footer .links ul li a {
    color: #FFF;
    padding: 6px 12px;
    font-size: 14px;
}

.wrapper .main-wrapper .footer .right {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 0px 20px;
}

.wrapper .main-wrapper .footer .right p {
    color: #FFF;
    font-size: 12px;
}

.wrapper .main-wrapper .footer .right p a {
    text-decoration: none;
    color: #CCC;
}

.wrapper .main-wrapper .footer .social {
    display: block;
    width: 100%;
}

.wrapper .main-wrapper .footer .social h4 {
    color: #FFF;
    margin-top: 0px;
    margin-bottom: 15px;
}

.wrapper .main-wrapper .footer .social ul {}

.wrapper .main-wrapper .footer .social ul li {
    display: inline-block;
    margin-right: 5px;
}

.wrapper .main-wrapper .footer .social ul li a {}

.wrapper .main-wrapper .footer .social ul li a img {}

.wrapper .main-wrapper .footer .counter {
    text-align: center;
    padding-top: 10px;
}



@media (max-width:767px) {
    .padleft {
        padding-left: 15px !important;
    }

    .padend {
        padding: 0px 15px !important;
    }

    .wrapper .main-wrapper .footer .right {
        text-align: center;
    }

    .wrapper .main-wrapper .footer .social {
        text-align: center;
    }

    .navbar-nav {
        margin: 0px;
    }

    .wrapper .main-wrapper .header .marq {
        padding: 0px;
    }

    .wrapper .main-wrapper .header .marq marquee {
        padding: 0px;
    }

    .registration .fill-form .form-control {
        margin-bottom: 15px;
    }

    .registration .fill-form .form-group {
        margin-bottom: 0px;
    }
}




/* #editorial board page start
================================================== */

.boardmember {
    display: block;
    width: 100%;
}

.boardmember .post {
    display: block;
    width: 100%;
    border-bottom: 1px solid #CCC;
}

.boardmember .post .membername {
    display: block;
    width: 100%;
    text-align: center;
}

.boardmember .post .membername h3 {
    color: #004266;
    font-size: 18px;
    font-weight: bold;
}

.boardmember .post .membername h5 {
    color: #337ab7;
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: bold;
}

.boardmember .post .membername p {
    color: #000;
    font-size: 12px;
}

.boardmember .editmember {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 13px;
}

.boardmember .editmember h3 {
    color: #004266;
    font-size: 18px;
    font-weight: bold;
}

.boardmember .editmember .namemem {
    display: block;
    padding: 0 20px;
    text-align: left !important;
    width: 100%;
}

.boardmember .editmember .namemem h5 {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: bold;
    color: #337ab7;
}

.boardmember .editmember .namemem h5 span {
    font-size: 12px;
    color: #999;
}



/* #editorial board page end
================================================== */


/* #editorial message page start
================================================== */

.editorial_message {
    display: block;
    width: 100%;
    padding: 15px 0px 235px 0px;
}

.editorial_message p {
    text-align: justify;
}

.editorial_message h5 {
    color: #000;
    font-weight: bold;
}

.editorial_message h6 {}



/* #editorial message page start
================================================== */


/* #Publication charges page start
================================================== */

.plb_charge {
    display: block;
    width: 100%;
    padding: 15px 0px;
}

.plb_charge h5 {
    color: #06C;
    line-height: 22px !important;
}

.plb_charge ul {
    padding-left: 0px;
}

.plb_charge ul li {
    display: block;
    color: #000;
    margin-bottom: 5px;
}

.plb_charge p {
    color: #F00;
    margin-top: 10px;
}



/* #Publication charges page start
================================================== */


/* #Reviewer page start
================================================== */

.reviewer {
    display: block;
    width: 100%;
    padding-top: 20px;
}

.reviewer {}



/* #Reviewer  charges page start
================================================== */


/* #current issue page start
================================================== */

.current-issue {
    display: block;
    width: 100%;
}

.current-issue .issue {
    padding: 10px 0px;
    border-bottom: 1px solid #CCC;
}

.current-issue .issue h6 {
    color: #00728a;
    font-size: 14px;
    line-height: 22px !important;
}

.current-issue .issue p {
    font-size: 12px;
    line-height: 24px;
}

.current-issue .issue .btn {
    background-color: #09F;
    color: #FFF;
    border-color: #09F;
    margin-right: 7px;
}



/* #current issue  charges page start
================================================== */


/* #submit your articals page start
================================================== */

.dear {
    display: block;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #CCC;
}

.dear h4 {
    color: #00728a;
    font-size: 16px;
    margin-top: 0px;
    line-height: 22px !important;
}

.dear p {
    font-size: 12px;
    line-height: 24px;
}

.registration {
    display: block;
    width: 100%;
    padding: 15px 15px 0px 15px;
}

.registration h6 {
    margin-bottom: 15px;
    color: #F00;
}

.registration .fill {
    display: block;
    width: 100%;
}

.registration .fill h5 {
    margin: 0px;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #15396b;
    color: #FFF;
}

.registration .fill-form {
    border: 1px solid #CCC;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 15px;
    padding: 15px 10px 0px 10px;
}

.registration .btn {
    background: #15396b;
    border: 1px solid #15396b;
    margin-left: 5px;
}

.registration .btn-primary:hover,
.registration .btn-primary:focus {
    background: #fff !important;
    border: 1px solid #15396b;
    color: #15396b;
}



/* #submit your articals  charges page start
================================================== */


/* #author guidlines  page start
================================================== */

.guide {
    display: block;
    width: 100%;
}

.guide .authorguide {
    display: block;
    width: 100%;
    padding-top: 10px;
}

.guide .authorguide h3 {
    color: #004266;
    font-size: 20px;
}

.guide .authorguide p {
    font-size: 14px;
    line-height: 24px;
}

.guide .authorguide p b {
    font-weight: 700;
}

.guide .authorguide p strong {
    font-size: 16px;
    font-weight: bold;
}

.guide .authorguide ul {
    padding-left: 32px;
}

.guide .authorguide ul li {}

.guide .submission {
    display: block;
    width: 100%;
}

.guide .submission h3 {
    color: #004266;
    font-size: 20px;
}

.guide .submission p {
    font-size: 14px;
    line-height: 24px;
}

.guide .submission p a {
    color: #F00;
}

.guide .submission ul {
    padding-left: 32px;
}

.guide .submission ul li {}

.guide .submission ol {
    padding-left: 32px;
}

.guide .submission ol li {}

.guide .submission h5 {
    color: #060;
    font-weight: bold;
}



/* #author guidlines  page end
================================================== */


/* #published issue  start
================================================== */

.archive {
    display: block;
    width: 100%;
    padding-top: 20px;
}

.archive ul {
    padding-left: 20px;
}

.archive ul li {
    line-height: 40px !important;
    display: block;
    font-size: 12px;
}

.archive ul li a {}



/* #author guidlines  page end
================================================== */


/* #publication charges  page start
================================================== */

.public_charge {
    display: block;
    width: 100%;
}

.public_charge h4 {
    line-height: 30px;
    font-size: 15px;
}

.public_charge ul {
    padding-left: 15px;
}

.public_charge ul li {}

.public_charge p {
    color: #F00;
    font-size: 13px;
}



/* #publication charges   page end
================================================== */


/* #abstract  page start
================================================== */

.abstract {
    display: block;
    width: 100%;
}

.abstract .infotext {
    display: block;
    width: 100%;
}

.abstract .infotext h6 {
    color: #00728a;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px !important;
}

.abstract .infotext .btn {
    border: 0px;
}



/* #abstract  page end
================================================== */


/* #abstract  page start
================================================== */

.contact_us {
    display: block;
    width: 100%;
}

.contact_us .info {
    display: block;
    width: 100%;
}

.contact_us .info p {
    color: #666;
    font-size: 16px;
    padding-top: 10px;
}

.contact_us .info p strong {
    color: #09C;
    font-size: 16px;
}

.contact_us .info p a {
    color: #F00;
}

.contact_us .info h3 {
    font-size: 20px;
    color: #036;
    margin-top: 15px;
}



/* #abstract  page end
================================================== */


/* rb style format code start */

.msg_required_field {
    color: #ff0000;
}

.ms_success_info {
    color: #689639;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 14px;
}

.ms_fail_info {
    color: #ff0000;
}

.msg_form_validation_error {}



/* rb style format code end   */


/* #indexing  page start
================================================== */

.indexingg {
    display: block;
    width: 100%;
    padding: 3%;
    background-color: #FFF;
}

.indexingg .tittle {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.indexingg .tittle h2 {
    color: #046da7;
    margin: 0px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    font-size: 24px;
}

.indexingg .index-img {
    width: 100%;
    display: block;
    padding-bottom: 8px;
}

.indexingg .index-img .image-box {
    text-align: center;
}

.indexingg .index-img .image-box img {
    width: 150px;
    height: 100px;
}

.indexingg .index-img .text_fr_img {
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 7px;
}

.indexingg .index-img .text_fr_img p {
    font-size: 11px;
}



/* #indexing  page end
================================================== */

.wrapper .main-wrapper .middle .rightbar .news .scrap {
    max-height: 115px;
    overflow: hidden;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title .title_div {
    display: block;
    width: 80%;
    float: left;
    padding-left: 20px;
}

.issn_div {
    display: block;
    position: absolute;
    top: 35px;
    right: 0px;
}



@media (min-width: 320px) and (max-width: 480px) {
    .wrapper .main-wrapper .header {
        height: 70px;
    }

    .wrapper .main-wrapper .header .issnumber h4 {
        font-size: 16px;
        margin-top: 5px;
    }

    .wrapper .main-wrapper .header .issnumber .date {
        font-size: 10px;
        padding: 3% 0px 0px 0px;
    }

    .wrapper .main-wrapper .header .marq {
        margin-top: -10px !important;
    }

    .wrapper .main-wrapper .header .marq marquee {
        margin-left: 2%;
    }
}

@media (min-width: 481px) and (max-width: 600px) {
    .wrapper .main-wrapper .header {
        height: 90px;
    }

    .wrapper .main-wrapper .header .issnumber h4 {
        font-size: 16px;
        margin-top: 5px;
    }

    .wrapper .main-wrapper .header .issnumber .date {
        font-size: 10px;
        padding: 3% 0px 0px 0px;
    }

    .wrapper .main-wrapper .header .marq {
        margin-top: -10px !important;
    }

    .wrapper .main-wrapper .header .marq marquee {
        margin-left: 2%;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .wrapper .main-wrapper .header {
        height: 110px;
    }

    .wrapper .main-wrapper .header .issnumber h4 {
        font-size: 18px;
        margin-top: 5px;
    }

    .wrapper .main-wrapper .header .issnumber .date {
        font-size: 13px;
        padding: 3% 0px 0px 0px;
    }

    .wrapper .main-wrapper .header .marq {
        margin-top: -10px !important;
    }

    .wrapper .main-wrapper .header .marq marquee {
        margin-left: 2%;
    }
}

.contact_us {
    display: block;
    width: 100%;
    padding: 2%;
    background-color: #f5f5f7;
}

.contact_us .getintouch {
    display: block;
    width: 100%;
}

.contact_us .getintouch h4 {
    color: #000;
    font-weight: normal;
    color: #000;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 15px;
}


.contact_us .cont_info {
    display: block;
    width: 100%;
}

.contact_us .cont_info h5 {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
}

.contact_us .cont_info p {}

.contact_us .cont_info p strong {
    font-size: 14px;
}

.contact_us .cont_info p a {
    font-size: 12px;
}

.map_add {
    display: block;
    width: 100%;
}

.map_add .maps {
    width: 100%;
    display: block;
}

.error_sucs {
    display: block;
    width: 100%;
}

.error_sucs .sucs {
    display: block;
    width: 100%;
    padding: 2%;
    border-radius: 4px;
    border: 1px solid #33691E;
    background-color: #CCFF90;
    margin: 2% 0%;
}

.error_sucs .sucs h4 {
    color: #33691E;
    margin: 0px;
    font-size: 13px;
    font-weight: bold;
}


.error_sucs .error {
    display: block;
    width: 100%;
    padding: 2%;
    border-radius: 4px;
    border: 1px solid #D50000;
    background-color: #FFCDD2;
    margin: 2% 0%;
}

.error_sucs .error h4 {
    color: #D50000;
    margin: 0px;
    font-size: 13px;
    font-weight: bold;
}


.newsimg {}

.newsimg img {}


.detail .nesw_imges {
    display: block;
    width: 100%;
}

.detail .nesw_imges img {
    width: 100%;
    max-height: 100px;
}

.pre_foot {
    margin-bottom: 5px;
    display: block;
    width: 100%;
}

.pre_foot p {}

.pre_foot p a {}

.pre_foot p a img {
    width: 100%;
    display: inline-block;
}

/* 04-12-2018 */


.wrapper .main-wrapper .middle .rightbar .news .right_slider {
    display: block;
    width: 100%;
}

.wrapper .main-wrapper .middle .rightbar .news .right_slider #SliderName {
    text-align: center;
}

.wrapper .main-wrapper .middle .rightbar .news .right_slider #SliderName img {
    width: 100%;
    height: auto;
}

.wrapper .main-wrapper .middle .rightbar .news .right_slider #SliderName h2 {
    font-size: 14px;
    color: #000;
}



.wrapper .main-wrapper .middle .rightbar .news {
    display: block;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    margin-bottom: 15px;
    box-shadow: 2px 2px 2px 0 #ccc;
}

.wrapper .main-wrapper .middle .rightbar .news .tittle {
    margin-bottom: 10px;
    padding: 10px 8px;
    background: -webkit-linear-gradient(#00b7f3, #047cd3);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00b7f3, #047cd3);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00b7f3, #047cd3);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00b7f3, #047cd3);
    /* Standard syntax (must be last)*/
    border-radius: 0px !important;
    border: none !important;
}

.wrapper .main-wrapper .middle .rightbar .news .tittle h4 {
    color: #FFF;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

/* .head_nav .nav li a {
    position: relative;
    display: block;
    padding: 15px 6px;
} */


/* new style css */

/* #Web Fonts
================================================== */

@import url(http://fonts.googleapis.com/css?family=Arial:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);



/* #Reset
================================================== */

* {
    margin: 0;
    padding: 0;
}

body,
html,
form,
fieldset,
ul,
li {
    margin: 0;
    padding: 0;
    outline: none;
    font-weight: normal;
    border: 0;
}

form,
fieldset {
    width: 100%;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    border: 0;
    outline: 0;
}

a,
a:hover,
a:focus {
    border: 0;
    outline: none;
    text-decoration: none !important;
}

a:focus,
input:focus {
    outline: none;
    background: none;
}

.clear {
    clear: both;
}



/* #General Code
================================================== */

body {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    line-height: 100%;
    font-family: 'Arial', Helvetica, sans-serif;
    font-weight: 700;
}

.top_header {
    display: block;
    width: 100%;
    padding: 0% 0%;
}

.top_header .navbar.navbar-default {
    margin-bottom: 0px;
    /* background-image: url(../images/the-truth-about-oxycodone-1421063562.png);
    background: rgb(255,255,255);
background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(72 143 205) 0%, rgb(47 114 173) 50%, rgb(35 99 155) 100%, rgb(35 99 155) 100%);*/
    background: #15396b !important;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand {
    height: unset;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .logo {
    display: block;
    width: 10%;
    text-align: center;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .logo img {
    width: 70%;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title {
    display: block;
    width: 90%;
    position: relative;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title h1 {
    font-size: 30px;
    text-align: left;
    padding: 0% 0% 0% 0%;
    color: #ffffff;
    margin: 0px 0px 15px;
    line-height: 34px !important;
    font-weight: 700;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .issn_div p {
    font-size: 16px;
    text-align: right;
    padding: 0% 0% 0% 0%;
    color: #ffffff;
    margin: 5px;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .title_div p {
    font-size: 16px;
    text-align: left;
    padding: 0;
    color: #ffffff;
    margin: 5px;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title p strong {}

.main_menu .navbar-nav {
    margin: 0;
    padding-right: 10px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    float: none;

}

.navbar-default {
    margin: 0;
}

.main_menu .navbar-collapse {
    margin-bottom: 0px;
    border-radius: 0px !important;
    border: none !important;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.main_menu .navbar-header {
    background-color: #15396b;
    border-color: #15396b;
    margin-bottom: 0px;
}

.main_menu .navbar-default .navbar-nav>li>a {
    color: #793717;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding-left: 0;
    padding-right: 0;
}

.main_menu .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #793600;
}

.main_menu .navbar-collapse li {
    padding: 4px 12px;
}

.main_menu .navbar-collapse li:first-child {
    padding: 4px 12px 4px 0px;
}

.main_menu .navbar-collapse a {
    background-image: none !important;
    background-color: transparent !important;
    text-transform: uppercase;
    color: #793918;
}

.default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #793918;
    background-color: #ffff;
}

.main_menu .navbar-collapse .dropdown-menu {
    background-color: #ffff;
    border-radius: 0;
}

.main_contain {
    display: block;
    width: 100%;
    padding: 2% 0%;
    background: #fff;
}

.main_contain .contant-leftpanel {
    display: block;
    width: 100%;
    /* padding: 2%; */
    background: #fff;
    margin-bottom: 20px;
}

.main_contain .contant-leftpanel .head-common02 {
    display: block;
    width: 100%;
}

.main_contain .head-common02 h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

.main_contain .head-common02 h2 span {
    padding-bottom: 6px;
    border-bottom: 2px solid #15396b;
    color: #04233e;
}

.main_contain .contant-leftpanel .research_content {
    display: block;
    width: 100%;
    /* padding: 2%; */
    padding: 1% 0;
}

.research_content .flex-container {
    display: block;
}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;

    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main_contain .contant-leftpanel .research_content ul li {
    /*display: inline-block;
     width: 48%;
    margin-right: 2%; */
    background: #fff;
    /* padding: 20px;
    border-radius: 8px; */
    margin-bottom: 15px;
    /* -webkit-box-shadow:0 0 10px rgb(0 0 0 / 8%);
    -moz-box-shadow:0 0 10px rgb(0 0 0 / 8%);
    box-shadow:0 0 10px rgb(0 0 0 / 8%); */
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.main_contain .contant-leftpanel .research_content ul li a {
    text-decoration: none;
    display: inline;
}

.main_contain .contant-leftpanel .research_content ul li a .top_admin {
    display: block;
    width: 100%;
    padding: 4px 0px;
    margin-bottom: 0px;
}

.main_contain .contant-leftpanel .research_content ul li a .top_admin span {
    color: #666;
    font-size: 12px;
}

.main_contain .contant-leftpanel .research_content ul li a .middil_content {
    display: block;
    width: 100%;
    padding: 4px 0px;
    margin-bottom: 10px;
}

.main_contain .contant-leftpanel .research_content ul li a .middil_content h3 {
    color: #069;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0px 8px;
    font-weight: 300;
}

.main_contain .contant-leftpanel .research_content ul li a .middil_content p {
    color: #333;
    font-size: 14px;
    margin: 0;
}

.main_contain .contant-leftpanel .research_content ul li a .read_more {
    display: block;
    width: 100%;
}

.main_contain .contant-leftpanel .research_content ul li .read_more .btn-info {
    font-size: 14px;
    padding: 6px 18px;
    width: 45%;
    color: #fff;
    background-color: #15396b;
    border-color: #15396b;
}

.main_contain .contant-leftpanel .research_content ul li .read_more .btn-info:hover {
    color: #15396b;
    background-color: #fff;
    border: 1px solid #15396b;
}

.main_contain .contant-leftpanel .research_content ul li .read_more .btn-primary {
    font-size: 14px;
    padding: 6px 18px;
    width: 45%;
    background-color: #00284a;
    border-color: #00284a;
}

.main_contain .contant-leftpanel .research_content ul li .read_more .btn-primary:hover {
    color: #00284a;
    background-color: #fff;
    border: 1px solid #00284a;
}

.main_contain .right_panel {
    display: block;
    width: 100%;
    padding: 0%;
    background: #eee;
    margin-bottom: 10px;
}

.main_contain .right_panel .news {
    display: block;
    width: 100%;
    padding: 0%;
}

.main_contain .right_panel .news .tittle {
    display: block;
    width: 100%;
    padding: 4% 6%;
    background: #15396b;
    color: #fff;
}

.main_contain .right_panel .news .tittle h4 {
    font-size: medium;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_contain .right_panel .news .tittle h4 .btn-primary {
    font-size: 9px;
    background-color: #ffffff;
    border-color: #ffffff;
    color: #15396b;
}

.main_contain .right_panel .news .detail {
    display: block;
    width: 100%;
    padding: 2% 6%;
    height: 218px;
}

.main_contain .right_panel .news .detail.indexing {
    display: block;
    width: 100%;
    padding: 20px 0;
    height: auto;
}

.main_contain .right_panel .news .detail .marquee {
    height: 100%;
}

.main_contain .right_panel .news .detail .newsimg img {
    max-width: 80%;
    object-fit: contain;
    width: auto;
}

.main_contain .right_panel .news .detail p {
    margin: 0 0 10px;
}

.main_contain .right_panel .news .detail p a {
    color: #000;
}

footer {
    padding: 40px 0 0 0;
    background: #333;
    display: block;
    width: 100%;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #FFF;
    font-size: 18px;
    margin-bottom: 15px;
}

footer address {
    line-height: 1.6em;
    color: #ccc;
}

footer p {
    margin: 0 0 10px;
    color: #ccc;

}

ul.link-list {
    margin: 0;
    padding: 0;
    list-style: none;
    float: none;
}

ul.link-list li {
    float: none;
    margin: 0;
    padding: 2px 0 2px 0;
    list-style: none;
}

footer ul.link-list li a {
    color: #CCC;
}

footer img {
    width: 10%;
}

#sub-footer {
    text-shadow: none;
    padding: 20px 0px 10px;
    margin: 20px 0 0 0;
    background: #141414;
}

#sub-footer a {
    font-size: 14px;
    color: #fff;
}

.link-list.social li {
    margin: 0;
    padding: 2px 0 2px 0;
    list-style: none;
    margin-right: 8px;
    display: inline-block;
}

.link-list.social li i {
    font-size: 20px;
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    background: #fff;
    color: #5b5e60;
    border-radius: 50%;
    padding: 8px 6px;
    text-align: center;
}

.link-list.social li i:hover {
    border: 1px solid #337ab7;
    background: #337ab7;
    color: #fff;
}

.navbar {

    margin-bottom: 0px !important;
    border: 0px;

}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #b5430b !important;
    background-color: transparent;
}

.mid-sec {
    display: block;
    width: 100%;
    padding: 2%;
    background: #fff;
    /* margin-bottom: 4%; */
    min-height: 675px;
}

.reviewer .btn-primary {
    color: #fff;
    background-color: #15396b;
    border-color: #15396b;
}

.reviewer .btn-primary:hover,
.reviewer .btn-primary:focus {
    color: #15396b;
    background-color: #fff;
    border-color: #15396b;
}

.current-issue .issue .btn {
    background-color: #15396b;
    color: #FFF;
    border-color: #15396b;
    margin-right: 7px;
}

.current-issue .issue .btn:hover,
.current-issue .issue .btn:focus {
    background-color: #fff;
    color: #15396b;
    border-color: #15396b;
}


/* .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
} */
.dropdown-submenu {
    position: relative;
}


/* rotate caret on hover */
/*.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
    color: #fff;
} */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #b5430b !important;
    text-decoration: none;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .main_contain .contant-leftpanel .research_content ul li {
        width: 100%;

    }

    .dropdown-menu.glo {

        position: static;
        top: 100%;
    }

    .main_menu .navbar-nav {
        width: 100%;
    }

    .main_contain .contant-leftpanel .research_content ul li .read_more .btn-info {
        font-size: 14px;
        padding: 6px 8px;
        width: 45%;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo {
        display: block;
        width: 100%;
        float: unset;
        text-align: center;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo img {
        width: 50%;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title h1 {
        font-size: 28px;
        text-align: center;
        padding: 6% 10% 0% 0%;
        margin-bottom: 10px;
        line-height: 32px;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title {
        width: 100%;
        float: unset;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title h1 {
        padding: 6% 0% 0% 0%;
    }

    .archive ul li {
        width: 100%;
    }

    .title_div {
        display: block;
        width: 100%;
        float: unset;
    }

    .issn_div {
        display: block;
        width: 100%;
        float: none;
        position: static;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title p {
        text-align: center;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title .title_div {
        float: none;
        padding-left: 0;
        width: auto;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title {
        width: auto;
        float: none;
    }

}

@media (max-width: 480px) {
    footer {
        text-align: center;
    }
}


.sec-height {
    padding-bottom: 365px;
}

.news-height {
    padding-bottom: 395px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1366px;
        width: 100%;
    }
}

.navbar-nav>li {
    float: none;
}

.main_menu .navbar-nav {
    padding-right: 0px;
    padding-left: 0px;
}

.dropdown-menu>li>a {
    padding: 3px 0px;
}

.dropdown-menu {
    position: static;
    float: none;
    min-width: auto;
    border: 0;
    box-shadow: none;
}

.navbar.navbar-default {
    background-color: transparent !important;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none
}

.logo b {
    font-size: 14px;
    color: #fff;
    position: relative;
    left: 0;
}

@media only screen and (max-width: 540px) {
    .logo b {
        font-size: 14px;
        color: #fff;
        position: relative;
        left: 0px;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title {
        display: block;
        padding: 0% 0% 0% 0% !important;
    }
}

.padend {
    padding: 0px;
}

.main_menu .navbar-collapse {
    margin-bottom: 0px;
    background: transparent;
    border-radius: 0px !important;
    border: none !important;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.main_menu .navbar-default .navbar-nav>li>a {
    color: #fff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: #15396b !important;
    padding-left: 15px;
    padding-right: 15px;
}

.main_menu .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #333;
    text-transform: none;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
    background-color: transparent;
}

.main_menu .navbar-collapse a {
    background-image: none !important;
    background-color: #15396b;
    text-transform: uppercase;
    color: #fff;
}

.default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #333;
    background-color: #ffff;
}

.main_menu .navbar-collapse .dropdown-menu {
    background-color: #ffff;
    padding: 5px 15px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #15396b !important;
    text-decoration: none;
    background-color: #f5f5f5;
}

.main_menu .navbar-collapse li {
    padding: 4px 0px;
}

.main_menu .navbar-collapse li:first-child {
    padding: 0;
    margin-bottom: 4px;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title {
    padding: 0;
    position: relative;
}

.top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title h1 {
    font-size: 30px;
    text-align: cenleftter;
    padding: 0% 0% 0% 0%;
    color: #ffffff;
    margin: 0px 0px 15px;
    line-height: 34px !important;
    font-weight: 700;
}

.main_menu .navbar-default .navbar-nav>li>a .caret {
    float: right;
    margin-top: 8px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.issnno {
    padding: 15px;
}

.issnno {
    margin-bottom: 5px;
}

.main_contain .right_panel .news .detail.indexing .newsimg {
    border-left: 1px solid #000;
    padding-left: 20px;
    margin-bottom: 20px;
}

.homeab {
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
    padding: 20px;
}

.card-header,
.otherlinks a {
    background: #eee;
    border-bottom: 1px solid #919191;
    padding: 12px 10px;
    cursor: pointer;
    font-weight: 600;
}

.otherlinks {
    margin-bottom: 15px;
}

.otherlinks a {
    display: block;
}

.archive-pannel {
    margin-top: 15px;
}

.archive-pannel .card-body {
    background: #f9f9f9;
    padding: 10px;
}

.archive-pannel .list-unstyled li a {
    display: block;
    color: #000;
    padding: 5px 0;
}

.archive-pannel .list-unstyled li a:hover {
    color: #069;
}

.archive-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.archive-head i {
    font-size: 18px;
}

.tabs-nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.tabs-nav li {
    background: #15396b;
    color: #fff;
    border-width: 0;
    margin-right: 0;
    width: 33.3%;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs-nav a {
    display: block;
    padding: 10px 15px;
    font-weight: bold;
    color: #fff;
}

/* Active tab */

.tabs-nav li.active {
    background: #081f3e;
}

.tabs-nav li.active a {
    color: inherit;
}

/* Tab content */

.article-tab {
    border: 0px;
    padding: 10px 0;
    background: #FFF;
    margin-top: -1px;
    overflow: hidden;
}

.article-tab IMG {
    margin-right: 10px;
}

/* Hide all but first content div */

.article-tab .tab__col:not(:first-child) {
    display: none;
}

.archive-pannel .list-unstyled li a i {
    margin-right: 7px;
}

.hometopimg {
    margin: -20px -20px 20px;
}



@media (max-width:767px) {
    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title h1 {
        font-size: 26px;
        line-height: 30px !important;
        padding: 0% 0% 0% 0%;
        margin: 0px 0px 15px;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand {
        display: block;
    }

    .top_header .navbar.navbar-default .navbar-header .navbar-brand .logo_title {
        width: auto;
        float: none;
    }

    .main_menu .navbar-collapse {
        background: #15396b;
    }

    .main_contain .contant-leftpanel {
        margin-top: 10px;
    }

    .main_contain .right_panel .news .detail.indexing .newsimg {
        border-left: 0;
        border-bottom: 1px solid #000;
    }
}