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

  #container{
      padding-right: 0px;
      padding-left: 0px;
      margin-right: auto;
      margin-left: auto;
    }

    #btn{     
      margin-left: 0px;
    }
    
}  

@media (max-width:767px) {
  .mySlides img {
      max-width: 100%;
      max-height: 100%;
  }
  .col-md-12{
    position: relative;
width: 100%;
padding-right: 0px;
padding-left: 0px;
  }


  .main-course{
    margin-left: -14px;
  }

}

@media (min-width:810px)  and (max-width:994px){
  .mySlides img {
      max-width: 500px;
      max-height: 800px;
      margin-left:65px;
  }
  .mySlides #localImg {
    max-width: 500px;
    max-height: 800px; 
    margin-left:80px;
}
#btn
{
  margin-left: 50px;
}


}
@media (min-width:768px) and (max-width:810px) {
  .mySlides img {
      max-width: 500px;
      max-height: 800px;
      margin-left:65px;
  }

  
  .mySlides #localImg {
    max-width: 500px;
    max-height: 800px; 
    margin-left:80px;
}
#btn
{

  margin-left: 50px;
}



}





@media (min-width:993px) and (max-width:1200px) {
  .mySlides img {
      max-width: 100%;
      width: 600px;
      height:600px;
      left: 15px;
      margin-left: 140px;
  }
  #btn{
            
    margin-left: 128px;
  
  } 
}


@media (min-width:1200px) {
  .mySlides img {
      max-width: 100%;
      width: 600px;
      height:600px;
      left: 15px;
      margin-left: 225px;
  }
  #btn{
            
    margin-left: 210px;
  
  } 
}










@media screen and (min-width: 360px) and (max-width: 768px) {
  .customNext{
 
    margin-inline: -47px;
    margin-right: -12px !important;

  }
  .nextCustom{
    margin-left: -47px;
    margin-top: 5px;
  } 
}

@media screen and (min-width: 768px) and (max-width: 993px) {
  .customNext{
    margin-inline: -75px;
    margin-right: 25px !important;
  }
  /* .nextCustom{
    margin-left: -47px;
    margin-top: 5px;
  }  */
}