@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=PT+Serif:ital@1&family=Playfair+Display:ital@1&family=Poppins:wght@200;300;600;700;800&display=swap');/* RESET CSS */
/***********************/

html{
  overflow-y:auto;
  overflow-x:auto;
}

*{
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 0;

}

a{
   text-decoration: none;
}

/***********************/
/* SECTION */
/***********************/

#home {
  width: 100%;
  height: 15vh;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  text-align: center;
  color: #fff;
}

header{
  padding-left:0%;
  height:91vh;
}
.logo {
  position:absolute;
  z-index: 2;
  top:2%;
  left:2%;
  font-size: 1.2rem;
  letter-spacing: 0.3rem;
  width:10%;
  height:auto;
}

.dropdown-menu a{
  font-size:12px;
}

/*--------------Headder Section Media Query End-----------------*/ 

.container-fluid{
  padding-right:1px;
  overflow:hidden;
  height:100%;
}
.carousel-container {
  display: flex;
}

.carousel-indicators {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  bottom:23%;
}
.carousel-indicators button {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #fff; 
}
.carousel-indicators button a span{ 
  font-size:14px;
}

.carousel-indicators span{
  padding-right:200px;
  color:blue;
}
.carousel-inner .carousel-item{
  flex: 4;
  width:100%;
}
.carousel-inner .carousel-item img{
    height:82vh;
    border-top-left-radius: 15%;
    width:100%;
}

.carousel-top .slide-con h5{
 font-size:100px;
 font-weight:600;
 line-height:0.8;

}
.carousel-top .slide-con p{
  font-size:20px;
  line-height:1.3;

}
.carousel-top .slide-con h3{
  line-height:0.8;
  font-size:65px;
  font-weight:500;
}

.carousel-item .carousel-caption a{
  text-decoration:none;
  border:1px;
  border-radius:50px;
  padding:5px 18px;
  font-size:14px;
  opacity:0.9;

}

.model .modal-body #mail-con{
  font-size:8px;
  color:#000;
}


.hide {
  visibility: hidden;
  text-align: center;
  padding: 0px 0px 20px 110px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
    
.myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}

.footer-section{
background:#000;
height:40px;
}

.footer-section .social-link .fab{
  color:#fff;
}
footer p{
  font-size:15px;
    padding:3px 0px 0px 0px;

}
footer .temp-link a{
  font-size:13px;
  padding:3px 0px 0px 0px;
  }
  
@media only screen and (min-width: 1400px){
    .logo  {
       width:8%;
      height:auto;
    }
}
    @media only screen and (min-width: 1893px){
     .logo  {
       width:8%;
      height:auto;
    }}
    @media only screen and (min-width: 2000px){
      .logo  {
       width:8%;
      height:auto;
    }}
 @media only screen and (min-width: 1024px){
     .logo  {
       width:8%;
      height:auto;
  }

}
/*// All Devices Responsive Us This */
@media only screen and (max-width: 1320px){
  .carousel-indicators{ 
  margin-bottom:30%;
  }
  .carousel-indicators span{ 
  padding-left:40px;
  }
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
}

/* Large screens ----------- */
@media only screen 
and (max-width : 1824px) {
.logo  {
       width:7%;
      height:auto;
      }
  .carousel-indicators{ 
  margin-bottom:5%;
  padding-left:1%;
  }
  
 .footer-section{
  background:#000;
  height:40px;
  }
}

@media only screen and (max-width : 1224px) {
.logo  {
       width:8%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
  margin-bottom:-10%;
    padding-left:32%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
}


@media only screen and  (min-width: 1025px) and (max-width: 1280px) {
.logo  {
       width:8%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
  margin-bottom:-10%;
    padding-left:10%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
}

 @media only screen and (max-width: 1229px){
  .logo  {
       width:8%;
      height:auto;
      }
  .carousel-indicators{ 
  margin-bottom:30%;
  padding-left:20%;

  }
  .carousel-indicators span{
  }
 .footer-section{
  background:#000;
 height:45px;
  }
}

@media only screen and (max-width: 1188px){
  .logo  {
       width:8%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
  margin-bottom:-10%;
    padding-left:32%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
}

@media only screen and (max-width: 1164px){
  .logo  {
       width:8%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:32%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
}

@media only screen and (max-width: 1124px){
  .logo  {
       width:8%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
  margin-bottom:-10%;
    padding-left:32%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
}

@media only screen and (max-width: 1024px){
  .logo  {
       width:8%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-top .slide-con p{
    font-size:15px;
  }
  .carousel-indicators{ 
   margin-bottom:-10%;
   padding-left:40%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:12px;
    padding-left:15%;
  }
}

@media only screen and (max-width: 1019px){
  .logo  {
       width:8%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-top .slide-con p{
    font-size:15px;
  }
  .carousel-indicators{ 
   margin-bottom:-10%;
    padding-left:40%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:12px;
    padding-left:15%;
  }
}
@media only screen and (max-width: 1017px){
  .logo  {
       width:8%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-top .slide-con p{
    font-size:15px;
  }
  .carousel-indicators{ 
   margin-bottom:-10%;
    padding-left:40%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:12px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
}

@media only screen and (max-width: 1024px){
  .logo  {
       width:8%;
      height:auto;
      }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
   margin-bottom:-4%;
    padding-left:45%;
  }
    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:44px;
    
    }
}

@media only screen and (max-width: 976px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:55%;
  }

    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:52px;
    margin-bottom:80%;
    
    }
}
@media only screen and (max-width: 920px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:55%;
  }

    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:52px;
    margin-bottom:80%;
    
    }
}

@media only screen and (max-width: 881px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:75%;
  }

    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:52px;
    margin-bottom:80%;
    
    }
}
@media only screen and (max-width: 881px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:50%;
  }

    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:52px;
    margin-bottom:80%;
    
    }
}
@media only screen and (max-width: 845px){
   .logo  {
       width:8%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:100%;
  }

    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:52px;
    margin-bottom:80%;
    
    }
}
@media only screen and (max-width: 820px){
   .logo  {
       width:8%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:80%;
  }

    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:52px;
    margin-bottom:80%;
    
    }
}

@media only screen and (max-width: 832px){
   .logo  {
       width:12%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:80%;
  }

    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:52px;
    margin-bottom:80%;
    
    }
}

/*@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: landscape){*/
/*.carousel-inner .carousel-item img {*/
/*    height: 50vh;*/
/*}*/
/*}*/

@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape) {
.logo {
       width:9%;
      height:auto;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:32%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
    .carousel-item .item-btn{
     padding-bottom:80px;
     visibility:hidden;
    }
    .footer-section{
    background:#000;
    height:45px;
    }
    }
@media only screen and (min-device-width : 340px) and (max-device-width : 1024px) and (orientation : portrait) {
  .logo  {
     width:8%;
      height:auto;
      position:absolute;
    }
    .carousel-top .slide-con p{
      font-size:15px;
    }
  .carousel-inner .carousel-item img{
    height:60vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
    margin-bottom:-13%;
    padding-left:42%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
.dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;

  }
}

@media only screen and (max-width: 773px){
   .logo  {
       width:8%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:100%;
  }

.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:52px;
margin-bottom:80%;

}
}
@media only screen and (max-width: 752px){
   .logo  {
       width:8%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:5%;
    padding-left:100%;
  }

.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:52px;
margin-bottom:80%;

}
}
@media only screen and (max-width: 724px){
   .logo  {
       width:15%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:65vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:20%;
    padding-left:100%;
  }

.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:52px;
margin-bottom:80%;

}
}

@media only screen and (max-width: 685px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:60vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:120%;
  }

.carousel-item .item-btn{
 padding-bottom:-20%;
 visibility:hidden;
}
.footer-section{
background:#000;
height:52px;
margin-bottom:80%;

}
}

@media only screen and (max-width: 668px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:55vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:150%;
  }

.carousel-item .item-btn{
 padding-bottom:-20%;
 visibility:hidden;
}
.footer-section{
background:#000;
height:52px;
margin-bottom:80%;

}
}

@media only screen and (max-width: 624px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-10%;
    padding-left:150%;
  }

.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:52px;
margin-bottom:80%;

}
}
@media only screen and (max-width: 508px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:-11%;
    padding-left:140%;
    display:none;
  }

.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:52px;
margin-bottom:80%;

}
}


@media only screen and (max-width: 612px){
   .logo  {
       width:10%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:10%;
    padding-left:120%;
  }

.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:52px;
margin-bottom:80%;

}
}


@media only screen and (max-width: 424px){
   .logo  {
       width:21%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:55vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:10%;
    padding-left:180%;
    display:none;
    
  }

.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:80px;
margin-bottom:80%;

}
}



@media only screen and (min-width: 1920px) and (max-width: 2560px) {
  .logo  {
     width:8%;
      height:auto;
      position:absolute;
    }
    .carousel-top .slide-con p{
      font-size:15px;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
    margin-bottom:-11%;
    padding-left:52%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
.dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;

  }
}



@media only screen and  (min-width: 992px) {
  
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;

  }
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}


@media only screen and  (max-width: 991px) {
  .logo  {
     width:8%;
      height:auto;
      position:absolute;
    }
    .carousel-top .slide-con p{
      font-size:15px;
    }
  .carousel-inner .carousel-item img{
    height:60vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
    margin-bottom:-11%;
    padding-left:45%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left: 850%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;

  }
  .footer-section{
background:#000;
height:10vh;
margin-top:0%;
overflow:hidden;
}
}

@media only screen and (max-width: 430px){
.footer-section{
background:#000;
height:10vh;
margin-top:0%;
overflow:hidden;
}
}

@media only screen and (max-width : 320px) {
  .modal-body .mail{
    font-size:8px;
    padding:5px;
  }
      .logo{
       width: 22%;
       height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:55vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    margin-bottom:10%;
    padding-left:180%;
    display:none;
    
  }

.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:80px;
margin-bottom:80%;

}
}

  @media only screen and  (max-width: 414px) {
    .logo  {
      width: 22%;
      height:auto;
      }
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}

@media only screen and (max-width: 375px){
  .logo  {
       width:12%;
      height:auto;
      }
  .carousel-top .slide-con h3{
    font-size:35px;
  }
  .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:48%;
  }
  .carousel-indicators{ 
    display:none;
  }
   .carousel-item .item-btn{
    padding-bottom:80px;
    visibility:hidden;
}
    .footer-section{
    background:#000;
    height:10vh;
    margin-top:1%;
    overflow:hidden;
    }
 
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}

@media (max-width: 1067px) {
  @supports (-ms-ime-align: auto) {
    .logo  {
     width:8%;
      height:auto;
      position:absolute;
    }
    .carousel-top .slide-con p{
      font-size:15px;
    }
  .carousel-inner .carousel-item img{
    height:80vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
    margin-bottom:-11%;
    padding-left:45%;

  }
  .carousel-indicators span{
    margin-bottom:10%;
    padding-left:32%;
  }

  .hide{
    font-size:15px;
    padding-left:15%;
  }
  
  .myDIV:hover + .hide {
  visibility: visible;
  color:#000;

}
.carousel-item .item-btn{
 padding-bottom:80px;
 visibility:hidden;
}
.footer-section{
background:#000;
height:45px;
}
.dropdown-toggle.show::after {
    border-top: 0;
    border-bottom: 0.3em solid;

  }
}
}
 @media only screen and (max-width: 363px){
.logo  {
       width:11%;
      height:auto;
      }
       .carousel-inner .carousel-item img{
    height:50vh;
    width:100%;
    display:flex;
    margin-right:40%;
  }
  .carousel-indicators{ 
   margin-bottom:30%;
    padding-left:20%;

  }
 .footer-section{
  background:#000;
 height:45px;
  }
}