@media (min-width: 1820px){
  .card-capt .cardContent{top: 15%;font-size: 18px;}
  .card-capt .cardContent h3{font-size: 28px}
}
@media (max-width: 1280px){
  .card-capt .cardContent{top: 3%;min-width: 430px;}
  .card-capt .cardContent p:nth-child(6){margin-bottom: 10px}
  .videobtnp{font-size: 14px;padding: 6px 40px;}
  .card-capt .cardContent h3{font-size: 20px;margin-bottom: 1px}
  .card-capt{top: 0}
}

@media (max-width: 1024px){ 
  .card-capt .cardContent h3{font-size: 20px;}
  .card-capt .cardContent{font-size: 11px;top: 9%}

}

@media (max-width: 768px){
  .card-capt .cardContent{top: 0;font-size: 9.8px;min-width: 350px;}
  .card-capt .cardContent h3{font-size: 12.5px;margin-bottom: 0px;}
  .card-capt .cardContent p{margin-bottom: -2px}
  #my-Carousel .carousel-control{top: 28%}
  .card-capt .cardContent p:nth-child(6){margin-bottom: 5px;}
  .videobtnp{padding: 8px 40px; display: inline-block; text-align: center;}
  .card-capt{top: 2%}
}

@media (min-width: 768px){  
  #my-Carousel .mob-v{display: none;}
}

@media (max-width: 767px){
#my-Carousel .desk-v{display: none;}
#my-Carousel .carousel-control-prev, #my-Carousel .carousel-control-next{width: 21%;top: -50% !important;}
.card-capt .cardContent{color: #333;left: -35px; top: 110%;}
#my-Carousel .mob-v{display: block;margin: 0 auto;}
#my-Carousel .carousel-inner{height: 395px;}
.card-capt .cardContent p{font-size: 16px;color: #444444;text-shadow: none;}
.card-capt .cardContent h3{font-size: 18px; margin-bottom: 5px;text-shadow: none;color: #444444;font-weight: bold;}
}

@media (max-width: 465px){
 /*.custome .card{min-width: 100%;margin-bottom: 10px}*/
 #my-Carousel .carousel-control-prev, #my-Carousel .carousel-control-next{width: 40%;}
.card-capt .cardContent {min-width: 124%;}
.card-capt .cardContent p{font-size: 13px}
.videobtnp{width: 50%;margin-left: 25%;}
.videobtnp:focus{color: #fff;text-decoration:none;}
}

@media (max-width: 375px){  
 #my-Carousel .carousel-control-prev, #my-Carousel .carousel-control-next{width: 32%;}
  .card-capt .cardContent{min-width: 130%;}
  #my-Carousel .carousel-control{width: 30%}
  .banner-happy2{padding-top: 0}
}

@media (max-width: 320px){
 #my-Carousel .carousel-control-prev, #my-Carousel .carousel-control-next{width: 20%;}
  #my-Carousel .carousel-control{width: 20%}

}