@media screen and (max-width:1200px) { 
    .rotElement .rotText {
        margin-right:0px;
        right:0px;
    }
    .rotTopBtn{
        margin-right:2%;
        right:0px;
    }
    #rotBox1Holder{
        margin-left:2%;
        left:0px;
    }
    #rotBox2Holder{
        margin-left:2%;
        left:15px;
    }

}


@media screen and (max-width:1120px) { 
    ul#mainMenu li a{ padding:0 10px ; }

}
@media screen and (max-width:980px) { 
    ul#mainMenu {
        clear:both;
        width:100%;
        text-align:center;
    }
    ul#mainMenu li, ul#mainMenu li a{ float:none; display: inline-block; }
    .blackStripe { display:none;}
    .footerBottom{ background:#fff; }

    .cOnasImage span.t1 { font-size:20px; }
    .cOnasImage span.t2 { font-size: 22px; }
}

@media screen and (max-width:800px) { 
    #footerMenu li a{
        padding:0 10px;
        line-height:40px;
    }
    #footerBox li{
        clear:both;
        width:100%;
        padding:10px 0px;
    }

    .pageList h3 ,.pageList p{ padding-left:45%; }
    
    .rotElement .rotText { display:none; }

}
@media screen and (max-width:720px) { 
    .contactTable td{
        display:block;
        width:100%;
    }
}


@media screen and (max-width:590px) { 
    a.menuBtn{
        display:block;
    }

    ul#mainMenu {
        clear:both;
        display:none;
    }

    ul#mainMenu li{
        display:block;
        height:auto;
    }
    ul#mainMenu li a{
        display:block;
        line-height:4em;
        height:auto;
    }
    
    ul#mainMenu > li ul{ position:relative; visibility: visible; display:none; background: #5e5f5f; }
    ul#mainMenu > li:hover ul{ display:block; }
    ul#mainMenu > li ul li a{ padding-top:0px; padding-bottom:0px; line-height:2em; }
    #footerMenu > li ul{ left:auto; right:0px; }
    .footerCopy, .footerDesigned{ float:none; text-align:center;}

    .contentHolder h1{ font-size: 45px; }
    .cOnasImage{ max-width:98%; }
    .cOnasImage span.t1 { font-size:32px; }
    .cOnasImage span.t2 { font-size: 36px; }

    .reference a.refImg { display:none; }
    .reference h3, .reference p{ padding-left:0px; }

    .ContentLeft{
  float:none;
  width:100%;
  padding-bottom:30px;
}

.contentRight{
  float:none;
  width:100%;
}
.lang1 .mapCanvas{
    height:360px;
}

    .pageList h3 ,.pageList p{ padding-left:0px; }
    .pageList a.pageListImage{ display:none; }

    .galleryHolder .imageHolder{ margin:10px 10px; }

}


@media screen and (max-width:460px) { 
    .cOnasImage span.t1 { font-size:22px; }
    .cOnasImage span.t2 { font-size: 24px; }
    .galleryHolder .imageHolder{ margin:10px auto; float:none; }
    .rotTopBtn{ padding-left:20px; max-width:90%;}

}
@media screen and (max-width:400px) { 
    .langHolder{
        padding:0px 1.5% 0px 1.5%;
        height:90px;

    }
    .langHolder a{
        display:block;
        margin:8px 5px;
    }
}