/* First media query for mobile responsiveness */

@media(max-width:767px){
    #footer a img{
        display: block;
        margin: 10px auto;
        width: 20%;
    }

    #footer .btn-group{
        display: block;
    }

    .slide-wrapper #overlay .tip-btn {
        margin: 15px 11px;
    }

    #footer .btn-footer{
        width: 100%;
        margin: 15px 0px;
    }

    .slide-wrapper #overlay{
        width: 100%;
    }

    .slide-wrapper .map-sec0{
        height: 100vh;
    }

    .slide-wrapper .map-sec1{
        height: 100vh;
    }

    .slide-wrapper .map-sec2{
        height: 100vh;
    }

    #footer{
        position: relative;
    }

    #footer a .f-img1{
        width: 50%;
        margin-left: 0px !important;
        float: right;
    }

    #footer a .f-img2{
        width: 50%;
    }

    .slide-wrapper .row{
        display: block !important;
    }
}

/* Second media query for mobile landscape responsiveness */

@media(max-width:767px) and (orientation : landscape){
    
    #footer{
        position: relative;
    }

    #footer .btn-group{
        display: inline-flex;
    }

    #footer a .f-img1{
        width: 20%;
        margin-left: 0px !important;
        float: right;
    }

    #footer a .f-img2{
        width: 20%;
    }

    #footer .btn-footer{
        width: 60%;
        margin: 15px 15px;
    }

    #footer a img{
        width: 10%;
    }

    #footer a{
        width: 100%;
    }

    .slide-wrapper .row{
        display: block !important;
    }
}

/* Third media query for ipad responsiveness */

@media(min-width:768px) and (max-width:991px){

    .slide-wrapper #overlay{
        width: 70% !important;
    }

    #footer .btn-group{
        display: inline-grid;
    }

    #footer a img{
        width: 100%;
    }

    .slide-wrapper .pre-next-btns .carousel-control-prev img {
        margin-left: 80px;
    }

    .slide-wrapper .pre-next-btns .carousel-control-next img {
        margin-right: 80px;
    }

    .slide-wrapper .row{
        display: block !important;
    }
}

/* Fourth media query for ipad pro responsiveness */

@media(min-width:992px) and (max-width:1200px){

    .slide-wrapper .pre-next-btns .carousel-control-prev img {
        margin-left: 100px;
    }

    .slide-wrapper .pre-next-btns .carousel-control-next img {
        margin-right: 100px;
    }

    .slide-wrapper #overlay{
        width: 60% !important;
    }
}


/* Fourth media query for ipad pro responsiveness */


@media(min-width:1400px) and (max-width:1920px){
  
  .slide-wrapper .map-sec2{
    height: 100vh;
    position: relative;
  }

  #footer .btn-group{
    margin: 5px 0px;
  }
  
  .slide-wrapper #overlay{
  width: 45%;
  height: 89vh;
  overflow-x: hidden;
  overflow-y: auto;

}

  .slide-wrapper #overlay iframe{
    height: 200px;
  }
  
  .slide-wrapper #overlay .close-btn{
  left: 44%;
  }
  
  .slide-wrapper .close-btn{
      top: 50%;
  }
  
/*  .slide-wrapper #overlay .main-imgss {
    margin: 0 107px;
}*/

}

@media(min-width:1920px){

.slide-wrapper #overlay .shap-btn-groupp{
  margin-top: 150px;
}

.media.center-media{
  margin-left: 80px !important;
}

.media.leftt-media{
  margin-left: 150px !important;
}

}