/*media query */


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    /*body{
      background: pink;
    }*/
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    /*body{
      background: yellow;
    }*/
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 1024px to 1366px
  */
  
  @media (min-width: 1024px) and (max-width: 1366px) {
    
    /*body{
      background: orange;
    }*/
  
  
  
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    /*body{
      background: purple;
    }*/
  
  
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
   /*body{
      background: blue;
    }*/
  
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    .fixedBotton a{
        font-size:10px;
    }
    .fixedBotton a i{
        font-size:24px;
        padding-bottom: 3px;
    }
    .boxAdvantage{
        margin-bottom: 15px;
    }
    .introInfo{
        flex-direction:column;
         align-items: baseline;
    }
    a.navbar-brand {
    position: relative;
    left: 4rem;
    top: 8px;
}
button.navbar-toggler {
    background: transparent;
    border: none;
    font-size: 27px;
    color: #000;
}
.aboutIntro img{
    width:100%;
}

.locationSec iframe{
    height:200px;
}

.mobileBanner{
    background:url("../../assets/img/mobilebanner.jpg") !important;
    background-position:center;
    background-size:cover;
}

.sliderSec .swiper.mySwiper .swiper-slide {
    height: 55vh !important;
    background-position: bottom !important;
    background-size: cover !important;
}

  }
  
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {

    .fixedBotton a{
        font-size:10px;
    }
    .fixedBotton a i{
        font-size:24px;
        padding-bottom: 3px;
    }
    .boxAdvantage{
        margin-bottom: 15px;
    }
    .introInfo{
        flex-direction:column;
         align-items: baseline;
    }
    a.navbar-brand {
    position: relative;
    left: 4rem;
    top: 8px;
}
button.navbar-toggler {
    background: transparent;
    border: none;
    font-size: 27px;
    color: #000;
}
.aboutIntro img{
    width:100%;
}

.locationSec iframe{
    height:200px;
}

.mobileBanner{
    background:url("../../assets/img/mobile4.jpg") !important;
    background-position:center;
    background-size:cover;
}

.sliderSec .swiper.mySwiper .swiper-slide {
    height: 55vh !important;
    background-position: bottom !important;
    background-size: cover !important;
}

  }