.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 96%;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 94%;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 94%;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 994px;
  }
}

@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1004px;
  }
}
@media only screen and (max-device-width: 480px)
.members-news-card .gap {
    margin: 8px;
}
}

/*============================
media
============================*/

@media only screen and (max-width: 3000px){
    .team-carousel .owl-nav{position: absolute;top: 38%;width: 100%;line-height: 1;margin: 0;padding: 0;display: inline-block;text-align: center;}
.team-carousel .owl-prev{
  float: left;
  left: -40px;
  position: absolute;
  display: block;
}
.team-carousel  .owl-next{
  float: right;
  right: -40px;
  position: absolute;
  display: block;
}
.team-carousel , .owl-next, .owl-prev{
  font-size: 30px!important;
  color:#860000;
}
.call-btn{
    
}

}

@media only screen and (max-width: 1440px) { 
}

@media only screen and (max-width: 475px) { 
	.vandals-header {
         height: 160px;
     }
	.navbar {
    top: 162px!important;
	}
    .donate-box{
      left: 0;
      width:100%;
    }
    .Donate-section{
      display: flex;     
      flex-direction: column;     
      justify-content: flex-end;   
      align-items: center;
    }
        .news-link-type2{
          margin: 7px 0;
        }
      .market-link{
        margin: 7px 0;
        height: 84px;
      }
      .mobile-xs .call-btn{
      text-align: center;
      width: 100%;
      font-size: 9px!important;
      }
      .mobile-xs .vandals-header-logo img{        
      width: 49%;        
      margin: 13px 0;
      }
      .mobile-xs{
        width:100%;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        text-align: center;
      }
      .mobile-xs .social{
      width: 100%;
      text-align: center;
      margin: 0 auto;
      position: relative;
      display: block!important;
      }
    .team-carousel .owl-prev{
        float: left;
        left: -4px;
        position: absolute;
        display: block;
      }
      .team-carousel  .owl-next{
        float: right;
        right: -4px;
        position: absolute;
        display: block;
      }
      .swiper-wrapper{
        height: 193px!important;
        background-position: center;
      }
      .vandels-box{
        height: 100%;
      }
      .slider-title{
        padding: 15px 0;
      }
      .vandals-box-p h1{
        font-size: 14px;
      }
      .vandals-box-text h3{
        font-size: 7px;
        width: 25%;
      }
      .vandals-box-text:after{     
        margin-top: -8px;      
        width: 49%;
      }
       .slider-title1{
        padding: 15px 0;
      }
      .vandals-box-p1 h1{
        font-size: 14px;
      }
      .vandals-box-text1 h3{
        font-size: 7px;
        width: 25%;
      }
      .vandals-box-text1:after{
        margin-top: -10px;
        width: 46%;
      }
      .swiper-slide{
        background-position: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-end;
        justify-content: center;
      }
      /*new code*/
      .footer-logo{
              margin: 0 auto;
              position: relative;
              display: block;
      }
       .footer-logo img{
            width: 45%;
            margin: 10px auto;
            position: relative;
            display: block;
      }
      .footer-res .grd-res{
            display: flex;
            display: -ms-flexbox;
            display: -webkit-box;
            width: 50%;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            align-content: center;
      }
      .footer-call-us{
        display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        flex-wrap: nowrap;
        align-content: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
      }
      .footer-call-us .icon {
        padding-top: 8px;
      }
      .footer-social p {
        margin: 0;
        padding: 3px;
      }
      .vandals-team h6:before{
            right: 75px;
      }
      .vandals-team h6:after{
            left: 75px;
      }
      .navbar-nav .dropdown{
        border-radius: 0!important;
      }

      .dropdown-item{
        display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: pre-line;
    background-color: transparent;
    border: 0;
      }
      .nav-item{
            margin:0!important;
      }
      .banner-inner{
          height: 120px;
      }
      .ex-team-ul .ex-team-res{
    width: 50%;
      }
     .contact-box .card-body{
             display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-between;
    padding: 0;
    align-items: stretch;
    flex-wrap: wrap;
     }
     .ex-team-c-box .mb-sideby {
    width: 50%;
}


}



@media only screen and (max-width: 480) { 
    .gap{
    margin:10px;
}

    .vandals-box-text h3{
        
    }
    .donate-box{
      left: 0;
      width:100%;
    }
    .Donate-section{
      display: flex;     
      flex-direction: column;     
      justify-content: flex-end;   
      align-items: center;
    }
        .news-link-type2{
          margin: 7px 0;
        }
      .market-link{
        margin: 7px 0;
        height: 84px;
      }
      .mobile-xs .call-btn{
      text-align: center;
      width: 100%;
      font-size: 9px!important;
      }
      .mobile-xs .vandals-header-logo img{        
      width: 49%;        
      margin: 13px 0;
      }
      .mobile-xs{
        width:100%;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        text-align: center;
      }
      .mobile-xs .social{
      width: 100%;
      text-align: center;
      margin: 0 auto;
      position: relative;
      display: block!important;
      }
    .team-carousel .owl-prev{
        float: left;
        left: -4px;
        position: absolute;
        display: block;
      }
      .team-carousel  .owl-next{
        float: right;
        right: -4px;
        position: absolute;
        display: block;
      }
      .swiper-wrapper{
        height: 193px!important;
        background-position: center;
      }
      .vandels-box{
        height: 100%;
      }
      .slider-title{
        padding: 15px 0;
      }
      .vandals-box-p h1{
        font-size: 14px;
      }
      .vandals-box-text h3{
        font-size: 7px;
        width: 25%;
      }
      .vandals-box-text:after{     
        margin-top: -8px;      
        width: 49%;
      }
      .slider-title1{
        padding: 15px 0;
      }
      .vandals-box-p1 h1{
        font-size: 14px;
      }
      .vandals-box-text1 h3{
        font-size: 7px;
        width: 25%;
      }
      .vandals-box-text1:after{     
        margin-top: -8px;      
        width: 49%;
      }
      .swiper-slide{
        background-position: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-end;
        justify-content: center;
      }
      /*new code*/
      .footer-logo{
              margin: 0 auto;
              position: relative;
              display: block;
      }
       .footer-logo img{
            width: 45%;
            margin: 10px auto;
            position: relative;
            display: block;
      }
      .footer-res .grd-res{
            display: flex;
            display: -ms-flexbox;
            display: -webkit-box;
            width: 50%;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            align-content: center;
      }
      .footer-call-us{
        display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        flex-wrap: nowrap;
        align-content: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
      }
      .footer-call-us .icon {
        padding-top: 8px;
      }
      .footer-social p {
        margin: 0;
        padding: 3px;
      }
      .vandals-team h6:before{
            right: 75px;
      }
      .vandals-team h6:after{
            left: 75px;
      }
      .navbar-nav .dropdown{
        border-radius: 0!important;
      }

      .dropdown-item{
        display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: pre-line;
    background-color: transparent;
    border: 0;
      }
      .nav-item{
            margin:0!important;
      }
      .banner-inner{
          height: 120px;
      }
      .ex-team-ul .ex-team-res{
    width: 50%;
      }
     .contact-box .card-body{
             display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-between;
    padding: 0;
    align-items: stretch;
    flex-wrap: wrap;
     }
     .ex-team-c-box .mb-sideby {
    width: 50%;
}


}
@media only screen and (max-width: 1024px) { 
  .vandals-box-p1 h1{
        font-size: 31px;
      }
    .slider-title1{
        width: 120%;
      }
}
@media (min-width: 320px) and (max-width: 480px) {
  .slider-title1{
        padding: 13px 0;
        width: 124%;
      }
      .vandals-box-p1 h1{
        font-size: 12px;
      }
      .vandals-box-text1 h3{
        font-size: 7px;
        width: 25%;
      }
}
@media (max-width: 989px) and (min-width: 768px){
  .vandals-box-p1 h1{
        font-size: 18px;
      }
      .vandals-box-text1 h3{
        font-size: 12px;
        width: 16%;
      }
}
}

@media only screen and (max-width: 320px) { 
    #myModal .team-popup h3{
     color: #fff;
    }
        #myModal .team-popup h5{
     color: #fff;
        }
    .res-team-popup{
        
    }
    .res-team-popup .res-teambox{
        width: 50%;
    }
    .button-vandall a{
        
    }
    .vandals-box-text h3{
        
    }
    .donate-box{
      left: 0;
      width:100%;
    }
    .Donate-section{
      display: flex;     
      flex-direction: column;     
      justify-content: flex-end;   
      align-items: center;
    }
        .news-link-type2{
          margin: 7px 0;
        }
      .market-link{
        margin: 7px 0;
        height: 84px;
      }
      .mobile-xs .call-btn{
      text-align: center;
      width: 100%;
      font-size: 9px!important;
      }
      .mobile-xs .vandals-header-logo img{        
      width: 49%;        
      margin: 13px 0;
      }
      .mobile-xs{
        width:100%;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        text-align: center;
      }
      .mobile-xs .social{
      width: 100%;
      text-align: center;
      margin: 0 auto;
      position: relative;
      display: block!important;
      }
    .team-carousel .owl-prev{
        float: left;
        left: -4px;
        position: absolute;
        display: block;
      }
      .team-carousel  .owl-next{
        float: right;
        right: -4px;
        position: absolute;
        display: block;
      }
      .swiper-wrapper{
        height: 193px!important;
        background-position: center;
      }
      .vandels-box{
        height: 100%;
      }
      .slider-title{
        padding: 15px 0;
      }
      .vandals-box-p h1{
        font-size: 14px;
      }
      .vandals-box-text h3{
        font-size: 7px;
        width: 25%;
      }
      .vandals-box-text:after{     
        margin-top: -8px;      
        width: 49%;
      }
       .slider-title1{
        padding: 13px 0;
        width: 124%;
      }
      .vandals-box-p1 h1{
        font-size: 12px;
      }
      .vandals-box-text1 h3{
        font-size: 7px;
        width: 25%;
      }
      .vandals-box-text1:after{     
        margin-top: -8px;      
        width: 49%;
      }
      .swiper-slide{
        background-position: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-end;
        justify-content: center;
      }
      /*new code*/
      .footer-logo{
              margin: 0 auto;
              position: relative;
              display: block;
      }
       .footer-logo img{
            width: 45%;
            margin: 10px auto;
            position: relative;
            display: block;
      }
      .footer-res .grd-res{
            display: flex;
            display: -ms-flexbox;
            display: -webkit-box;
            width: 47%;
            /*width: 50%;*/
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            align-content: center;
      }
      .footer-call-us{
        display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        flex-wrap: nowrap;
        align-content: flex-start;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
      }
      .footer-call-us .icon {
        padding-top: 8px;
      }
      .footer-social p {
        margin: 0;
        padding: 3px;
      }
      .vandals-team h6:before{
            right: 75px;
      }
      .vandals-team h6:after{
            left: 75px;
      }
      .navbar-nav .dropdown{
        border-radius: 0!important;
      }

      .dropdown-item{
        display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: pre-line;
    background-color: transparent;
    border: 0;
      }
      .nav-item{
            margin:0!important;
      }
      .banner-inner{
          height: 120px;
      }
      .ex-team-ul .ex-team-res{
    width: 50%;
      }
     .contact-box .card-body{
             display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-between;
    padding: 0;
    align-items: stretch;
    flex-wrap: wrap;
     }
    .ex-team-c-box .mb-sideby {
        width: 50%;
        }
        .membersd-job ul{
            width: 100%;
            margin: 0;
            padding-inline-start: 0px;
        }
        .membersd-job .side-1{
             width: 35%;
        }
        .membersd-job  .side-2{
             width: 65%;
         }

}
/* new banner changes */



@media only screen and (max-width: 1024px) { 
  .vandals-box-p1 h1{
        font-size: 31px;
      }
    .slider-title1{
        width: 100%!important;
      }

.slider-title1{ padding: 15px!important; }
.vandals-box-p1 h1{ font-size: 22px!important; }
.slider-title1{ width: 80%!important; padding: 10px!important; }
.vandals-box-text1 h3{ font-size: 13px!important; padding: 3px 5px; margin-bottom: 2px; width: 15%!important; }

.vandals-box-text1:after{
height: 3px; margin-bottom: 10px!important; width: 120px;
}

  }


  
  
@media only screen and (min-width:1440px) { 
  .vandals-box-p1 h1{
        font-size: 31px;
      }
 

.slider-title1{ padding: 15px!important; }
.vandals-box-p1 h1{ font-size: 26px!important; }
.slider-title1{ width: 80%!important; padding: 20px!important; }
.vandals-box-text1 h3{ font-size: 13px!important; padding: 5px 5px; margin-bottom: 2px; width: 14%!important; }

.vandals-box-text1:after{
height: 3px; margin-bottom: 10px!important; width: 150px;
}

  }

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

  .slider-title1{ padding: 22px!important; }
  .vandals-box-p1 h1{ font-size: 40px!important;padding-bottom: 10px; padding-top: 10px; }
  .slider-title1{ width: 100%!important; padding: 20px!important; }
  .vandals-box-text1 h3{ font-size: 16px!important; padding: 6px 6px; margin-bottom:-3px; width: 13%!important; }
  .vandals-box-text1:after{
    height: 4px; margin-bottom:10px!important; width: 180px;
    }

}


   
@media only screen and (max-width: 768px) { 
 
  .vandals-box-text1 h3{ font-size: 11px!important; padding: 3px 5px; margin-bottom: 5px; width: 15%!important; }
  .slider-title1{ width: 120%!important; padding: 10px!important; }
  
  
.vandals-box-text1:after{
  height: 3px; margin-bottom:10px!important; width: 120px;
  }
    }
  
       
    @media only screen and (max-width:425px) { 
 
      .vandals-box-text1 h3{ font-size: 11px!important; padding: 3px 5px; margin-bottom: 0px; width: 20%!important; }
      .slider-title1{ width: 160%!important; padding: 10px!important; }
    .vandals-box-text1:after{
      height: 3px; margin-bottom:10px!important; width:100px;
      }
        }

               
@media only screen and (max-width:375px) { 
 
  .vandals-box-text1 h3{ font-size: 11px!important; padding: 3px 5px; margin-bottom: 0px; width: 20%!important; }
  .slider-title1{ width: 160%!important; padding: 10px!important; }
.vandals-box-text1:after{
  height: 3px; margin-bottom:10px!important; width:100px;
  }
    }

       
@media only screen and (max-width:320px) { 
 
  .vandals-box-text1 h3{ font-size: 11px!important; padding: 3px 5px; margin-bottom: 0px; width: 20%!important; }
  .slider-title1{ width: 160%!important; padding: 10px!important; }
.vandals-box-text1:after{
  height: 3px; margin-bottom:10px!important; width:90px;
  }
    }