@media screen and (min-width:1650px) {

    .MenuLine2 {
        width: 90%;
    }
}

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

    .Footer .LogoFotter1 {
        padding-right:20px;
    }

    .Slide .Image {
        background-position: center center;
    }
    
}

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

    

    .Logo{
        /*background-image:url(/images/logoresp.svg);*/
        width:186px;
       
        height:48px;
    }

    .Researchers .Image {
        width: 12%;
    }

    .Researchers .Txts {
        width: 88%;
    }

    .Research .Txt2 a{
        word-wrap: break-word;
    }

    .Courses .Image {
        height: 140px;
    }

    .Courses .Image .Txt1 {
        font-size: 12px;
        line-height: 18px;
    }

    .Courses .Txt2 {
        font-size: 14px;
        line-height: 14px;
    }

    .Events .Image {
        height: 140px;
    }

    .Events .Image .Txt1 {
        font-size: 12px;
        line-height: 18px;
    }

    .Events .Txt2 {
        font-size: 14px;
        line-height: 14px;
    }

    .News .Image {
        height: 140px;
    }

    .News .Image .Txt1 {
        font-size: 12px;
        line-height: 18px;
    }

    .News .Txt2 {
        font-size: 14px;
        line-height: 14px;
    }

    .NewsDesc .ImageContainer {
        height: 140px;
    }
        
    .NewsDesc .Filter {
        height: 140px;
    }
    
    .NewsDesc .Image {
        height: 140px;
    }

    .NewsDesc .Image .Txt1 {
        font-size: 12px;
        line-height: 18px;
    }

    .NewsDesc .Txt2 {
        font-size: 14px;
        line-height: 14px;
    }

    .C1 {
        padding-left: 25px;
        padding-right: 25px;
        min-height:76px;
    }

    .C2 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .C4 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .C5 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .C6 {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 120px;
    }

    .C7 {
        width: 100%;
    }

    .C10 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .Footertemp {
        padding-left: 25px;
        padding-right: 25px;
    }

    .Logo {
        margin-top: 14px;
    }

    .Logo2 {
        margin-top: 23px;
        width: 100px;
        height: 99px;
    }
    
    .CRight {
        display: none;
    }

    .CCenter {
        padding-right: 0px;
    }

    .CCenter3 {
        padding-right:0px;
    }

    .Footer {
        padding-left:0px;
        padding-right:25px;
        /*float:right;*/
    }

    .MenuLine2 {
        display: none;
    }

    .Menu {
        display: none;
        position:fixed;
        top:0px;
        right:0px;
        width:100%;
        background-color:#fff;
        z-index:10000;
        padding:0px;
    }

    .MenuLinks{
        display:table;
        width:100%;
        padding-top:50px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .Menu .Color a{
        color:rgb(22, 42, 85);
    }

    .MenuLinks ul{
        width:100%;
    }

    .MenuLinks li{
        margin-bottom:10px;
        width:100%;
        text-align:center;
        padding-left:0px;
    }

    .MenuLinks a{
        width:100%;
        padding-bottom:3px;
        border-width:3px !important;
    }

    .Lang {
        display: none;
        width: auto;
        text-align: left;
        margin-top:30px;
        margin-left:25px;
    }

    .Lang a {
        font-size:14px;
        line-height:14px;
        padding-left:10px;
    }

    .Lang div{
        padding-left:10px;
        height:14px;
    }

    .MenuResp{
        display:table;
    }

    .Background {
        margin-top:76px !important;
    }

    .Footer .Container {
        margin-bottom: 28px;
    }

    .Footer .Bottom {
        margin-bottom: 28px;
    }
    
    .FotterIcons {
        margin-top: 30px;
    }
       
}

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

    .Publication {
        border:none;
    }

    .Publication .Image {
        float: none;
        clear:both;
    }

    .Publication .Txts {
        float: none;
        clear:both;
        width: 100%;
        height:auto !important;
    }  

    .Publication .Txts .Icons {
        position: relative;
        bottom: auto;
        margin-top:20px;
    }

    .Publication .Txt2 {
        display:table;
        float:left;
        margin-right:30px;
        margin-bottom:5px;
    }

    .Research .Image {
        width: 25%;
        clear:both;
        float:none;
    }

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

    .Publication2 .IframePdf {
        display: none;
    }
}

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


    .Background {
        background-image: url(/images/ESG_Headerresp.jpg);
    }

    .Slide .Image {
        background-image: url(/images/bannerresp.jpg);
    }

    .AboutsHome {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
    }

    .Publications .TopicHori .Content {
        padding-right: 0px;
    }

    .Courses .Image {
        height: 220px;
    }

    .Courses .Image .Txt1 {
        font-size: 14px;
        line-height: 20px;
    }

    .Courses .Txt2 {
        font-size: 16px;
        line-height: 18px;
    }

    .Events .Image {
        height: 220px;
    }

    .Events .Image .Txt1 {
        font-size: 14px;
        line-height: 20px;
    }

    .Events .Txt2 {
        font-size: 16px;
        line-height: 18px;
    }

    .News .Image {
        height: 220px;
    }

    .News .Image .Txt1 {
        font-size: 14px;
        line-height: 20px;
    }

    .News .Txt2 {
        font-size: 16px;
        line-height: 18px;
    }

    .NewsDesc .Image {
        height: 220px !important;
    }

    .NewsDesc .ImageContainer {
        height: 220px;
    }

    .NewsDesc .Filter {
        height: 220px;
    }

    .NewsDesc .Txt2 {
        font-size: 16px;
        line-height: 18px;
    }

    .Mr {
        margin-right: auto !important;
    }


    .MrResp{
        margin-right:0px !important;
    }


    #LettersHtml{
        display:none;
    }

    .CCenter {
        float: none;
        clear:both;
        padding-right: 0px;
        padding-left: 0px;
    }

    .MenuLine{
        float:right;
        background-position:right top;
    }

    .Background {
        height: 150px;
    }

    .C2 {
        padding-top: 45px;
    }

    .CLeft {
        display: table;
        margin-bottom:20px;
    }

    #YearsHtml{
        display:none;
    }

    #Cat3Drop{
        display:table;
    }

    .CCenter3 {
        float: none;
        clear:both;
        padding-right: 0px;
        padding-left: 0px;
    }

    .Footer {
        padding-left: 0px;
        padding-right: 0px;
        float: none;
        clear:both;
    }

    .Footer .Container .Left {
        display: table;
        float: none;
        clear:both;
        width: 100%;
        margin-bottom:20px;
    }

    .Footer .Container .Right {
        display: table;
        float: none;
        clear:both;
        width: 100%;
        margin-bottom:20px;
    }

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

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

    .Footer .LogoFotter1 img {
        max-width: 80px;
    }

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

    .Footer .LogoFotter2 img {
        max-width: 160px;
    }

    .Footer .Bottom2 .Left {
        float: none;
        clear:both;
        width: 100%;
    }

    .Footer .LogoFotter3 img {
        max-width: 160px;
    }

    .Footer .Bottom2 .Right {
        float: none;
        clear:both;
        width: 100%;
        text-align:left;
    }

    .Footer .Bottom2 .Right a {
        margin-left: 0px;
        margin-right:5px;
        float:left;
    }

    .Footer .Bottom2 .Right span {
        margin-left: 0px;
        margin-right:5px;
        float:left;
    }

    .Footertemp .Left {
        float: none;
        clear:both;
        width: 100%;
        margin-bottom:10px;
    }

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

    .Footertemp .Right a {
        margin-left: 0px;
        margin-right:10px;
        margin-bottom:10px;
    }

    .SearchersAlpha{
        margin-bottom:0px;
        display:table;
    }

    .SearchersAlpha a {
        margin-bottom:6px;
        padding-left:  8px;
        padding-right: 8px;
    }

    .Research {
        background-color: #fff;
    }

    .Research .Txts {
        padding-left: 0px;
        padding-right: 0px;
    }

    .Researchers {
        padding-top: 30px;
    }

    .Researchers .Image {
        width: 22%;
    }

    .Researchers .Txts {
        width: 78%;
    }

    .Research .Image {
        width: 40%;
    }

    .Investigation6 .Container2 {
        padding-left: 0px;
    }

    .Investigation6 .Txt1 {
        padding-left: 10px;
    }

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

    .Publication {
        background-color: #fff;
    }

    .Publication .Txts {
        padding-left: 0px;
        padding-right: 0px;
    }

}

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

    .bannerTemp {
        margin-top: 20px;
    }
    
    .Mr2 {
        margin-right: 15px !important;
    }
    
    .Mr2Resp{
        margin-right:0px !important;
    }

    .Publication .Image {
        width: 55%;
    }

    .Publications .Topic {
        /*float: none;
        clear:both;*/
        width: 50%;
        display:table;
        margin-right: 15px;
        margin-bottom:20px;
        min-height:300px;
    }

    .Publications .TopicHori {
        /*float: none;
        clear:both;*/
        margin-bottom: 40px;
    }

    .Publications .TopicHori .Txt1 {
    margin-top: 0px;
}

    .Publications .Group {
        display: inline;
        margin-bottom: 0px;
        width: 100%;
    }

    .Research .Image {
        width: 60%;
    }

    .Investigation6 .Image {
        width: 30%;
        height:100px;
    }

    .Investigation6 .Text {
        width: 70%;
        padding-top:15px;
        padding-bottom:15px;
    }

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

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

    .News .Topic {
        float: none;
        clear:both;
        margin-right: 0px;
    }

    .News .Txt2 {
        min-height: initial;
    }

    .News .Txt2 {
        min-height: initial;
    }

    .NewsDesc .Topic {
        float: none;
        clear:both;
        margin-right: 0px;
    }

    .NewsDesc .Txt2 {
        min-height: initial;
    }

    
    .Courses .Topic {
        float: none;
        clear:both;
        margin-right: 0px;
    }

    .Courses .Txt2 {
        min-height: initial;
    }

    .Events .Topic {
        float: none;
        clear:both;
        margin-right: 0px;
    }

    .Events .Txt2 {
        min-height: initial;
    }
}

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



    .Publications .Topic .Image .Book {
        height: 220px;
    }

    .Publications .Topic {
        float: none;
        clear: both;
        width: 100%;
        display: table;
        margin-right: 0px;
        margin-bottom: 40px;
        min-height:initial;
    }

    
}