@media (max-width:1366px){

}
@media (max-width:1280px){	
footer .footArea .twi_bx h3 {font-size: 14px;}
footer .footArea .twi_bx .ryt p {font-size: 12px; line-height: 18px;}

}
@media (max-width:1180px){	
footer .footArea .inpbx{padding:10px 0px; margin-top: 4px;}
footer .footArea .twi_bx {padding:8px 0px;}
footer .footArea .twi_bx .ryt p {padding: 0px 10px 10px 5px;}
footer .footArea .twi_bx {width: 31%;}
footer .footArea .inpbx {width: 34%;}	
}
	
@media (max-width:1023px){
footer .footArea .footerIcons, footer .footArea .twi_bx2{width: 100%; border-top:1px solid #ffffff;  text-align: center;}
footer .footArea .inpbx {width: 42%;}
footer .footArea .twi_bx {width: 38%;}
footer .footArea {padding-top: 5px;}
.footArea .twi_bx2 img {max-width: 250px; float: inherit !important; padding: 5px 0px;}

}
	
@media (max-width:991px){
.map .imgact{ margin:40px  auto 0px;}
.semvtext {margin-top:-41px;}
.semvtext .card p {font-size:16px;line-height:28px;}
.semvtext .card h2 {font-size:28px;}
.project h2{font-size:28px;}
.semvtext .card.green p{ font-size:14px; line-height:26px;}
.semvtext .bg_solid h2{ font-size:28px;}
.semvtext .bg_solid ul li {font-size:14px;padding-bottom:16px;}
.geography h2 { font-size:28px;}
.geography h5 {font-size:20px; line-height:30px;margin-bottom:15px;}
.geography .card ul li {font-size:16px; line-height:24px;}
.project .table td{font-size:14px; line-height:20px;}
.project .table th{font-size:14px; line-height:20px;}
.association h1{ font-size:28px; line-height:32px; margin-bottom: 20px}
.map .imgact{ padding:16px 0px 7px}
footer .footArea .twi_bx {width: 43%;}
footer .footArea .inpbx {width: 56%; float: right !important;}
footer .copyright p a {padding: 0px 7px;}
header img{ width:100px}
.semvBan {margin-top:40px;} 
.imhight img{ height:auto}
header{ padding:5px 0px;}
.project{ background-size:cover;}
}
@media (max-width:767px){

.association .card{padding:10px 18px;}
.project {margin:40px 0px 36px;padding: 43px 0px 30px;}
footer .footArea .twi_bx {width:100%; text-align: center; border-bottom: 1px solid #ffffff; }
footer .footArea .inpbx {width: 100%;   text-align: center; margin-top: 0px;}
.association {padding-bottom:10px;}




table {
    border: 0;
  }
  .project .table{ background-color:transparent;}

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
 
    display: block;
    background-color: #fff;
    margin-bottom: 20px;

  
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }



}
@media (max-width:576px){
footer .copyright p a{display: block; width:100%; border-top:1px solid #d5cece; padding:10px 0px;}
footer .copyright p a::before{display: none;}
footer .copyright p a:first-child{margin-left: 0px; margin-top: 5px;}
.semvtext{margin-top:20px;}
.semvtext .card {padding:15px;}
.semvtext .card p {font-size:14px;line-height:22px;}
.semvtext .card h2 {font-size:24px;line-height:32px;}
.project h2{font-size:24px;line-height:32px; margin-bottom:20px}
.semvtext .card.green p {font-size:14px;line-height:22px;}
.semvtext .bg_solid {padding: 15px 15px 0px;}
.semvtext .bg_solid ul li::before {width:22px;height:22px;font-size:12px;top:2px;left:0px;}
.semvtext .bg_solid ul li{ padding-left:30px}
.geography h2{ font-size:24px; line-height:32px; margin-top:0px;}
.geography h5 {font-size:16px;line-height:24px;margin-bottom: 12px;}
.map{ margin-top:15px;} 
.map .imgact {margin: 20px auto 0px;}
.geography .card ul li::before {left:5px;top:7px;}
.geography .card ul li{ font-size:14px; line-height:22px; padding-left:20px}
.geography .card {padding: 22px 10px 0px;}
.map .imgact { margin: 15px auto 0px;    width: 100%;   max-width: 100%;}
.map .imgact h4{ font-size:18px; line-height:30px; margin-bottom:0px;}
.project {margin: 40px 0px 29px;}
.association h1{ font-size:24px; line-height:32px;}
footer .copyright{ padding:15px 0px 10px;}
.semvtext .bg_solid h2 {font-size: 24px; line-height:32px; margin-bottom:0px;} 
.semvtext .bg_solid ul{ margin-top:10px}
.project .table td br{ display:none}
table td::before {width:100%;text-align:left;margin-bottom:10px;}
.project .table td{ text-align: left}
.table td, .table th{ padding:5px 15px 20px }




}
@media (max-width:480px){
.association .col-auto{ width:100%}
}